:root{--bg:#f7faf7;--panel:#fff;--panel-muted:#f2f6f3;--ink:#17231f;--muted:#61706a;--line:#dfe8df;--accent:#147b68;--accent-strong:#0d5548;--accent-soft:#e4f4ef;--blue:#2f5f98;--blue-soft:#e7f0fb;--rose:#b84c72;--rose-soft:#fde8ef;--mint:#2f8d74;--mint-soft:#e1f5ee;--amber-soft:#fff1cf;--gold:#a87313;--peach:#e77d54;--peach-soft:#ffe9de;--lavender:#7162b6;--lavender-soft:#eeeafd;--surface:#f4f7f1;--warn:#7c4a03;--danger:#9f1239;--shadow:0 24px 70px #17231f1a;--shadow-soft:0 16px 42px #17231f11;--radius:22px;--radius-soft:16px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100%}body{background:radial-gradient(circle at 12% 4%, #ffe9deb8, transparent 28%), radial-gradient(circle at 90% 12%, #e7f0fbdb, transparent 32%), linear-gradient(180deg, #fbfdf9 0%, #f7faf4 50%, #fffaf5 100%), var(--bg);color:var(--ink);flex-direction:column;min-height:100dvh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;display:flex}a{color:var(--accent-strong);text-underline-offset:3px;text-decoration-thickness:1px}button,input,select,textarea{font:inherit}.shell{width:min(1180px,100% - 40px);margin:0 auto}.reserved-root{min-height:100vh;color:var(--muted);place-items:center;font-size:14px;display:grid}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border-bottom:1px solid #dfe8dfd1;flex-shrink:0;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:24px;min-height:70px;display:flex}.brand-mark{min-height:36px;color:var(--ink);align-items:center;gap:9px;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark:before{content:"";background:linear-gradient(135deg, var(--accent), #55b697 58%, var(--peach));border-radius:999px;width:18px;height:18px;box-shadow:0 0 0 5px #147b681a}.nav{flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.nav a{min-height:38px;color:var(--ink);border:1px solid #0000;border-radius:999px;align-items:center;padding:0 15px;font-weight:650;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--accent-strong);background:#ffffffbd;border-color:#147b681f;box-shadow:0 6px 18px #17231f0f}.page{flex:1 0 auto;width:100%;padding:0 0 72px}.page>.shell:first-child{padding-top:42px}.page h1{letter-spacing:0;margin:0 0 10px;font-size:clamp(36px,5vw,64px);line-height:1.06}.lede{max-width:760px;color:var(--muted);margin-bottom:0;font-size:clamp(17px,2vw,20px)}.directory-hero{background:radial-gradient(circle at 84% 28%,#e7f0fbe6,#0000 28%),linear-gradient(135deg,#ffffffe6 0%,#ecf7f1b3 58%,#fff4e58c 100%);border-bottom:1px solid #e2ded480;padding:72px 0 56px;position:relative;overflow:hidden}.directory-hero:after,.tool-detail-hero:after{content:"";pointer-events:none;opacity:.42;background-image:radial-gradient(circle at 20% 28%,#147b681f 0 1px,#0000 2px),radial-gradient(circle at 75% 65%,#e87d5421 0 1px,#0000 2px);background-size:38px 38px,52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 78%,#0000 100%)}.directory-hero.compact{padding:50px 0 42px}.tools-hero{background:radial-gradient(circle at 84% 24%,#fde8efc7,#0000 28%),linear-gradient(135deg,#ffffffe6 0%,#e7f0fbb8 56%,#e4f4efa3 100%)}.directory-hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:42px;display:grid;position:relative}.eyebrow,.section-kicker,.feature-card span,.tool-card span{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.directory-hero h1{max-width:860px}.directory-hero .lede{margin-top:18px}.hero-panel,.hero-stats{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffd1,#f6faf7ad);border:1px solid #ffffffeb;gap:10px;padding:18px;display:grid;overflow:hidden}.hero-panel.warm{background:linear-gradient(#fffffff5,#f2f7faeb)}.panel-label{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:800}.hero-stats span{color:var(--muted);background:#ffffffeb;justify-content:space-between;gap:18px;padding:14px 16px;font-size:14px;display:flex}.hero-panel a{min-height:42px;color:var(--ink);background:#ffffff94;border:1px solid #dfe8df6b;border-radius:999px;justify-content:space-between;align-items:center;padding:11px 14px;font-weight:750;text-decoration:none;display:flex}.hero-panel a:after{content:">";color:var(--peach);font-weight:900}.hero-panel a:hover{color:var(--accent-strong);background:#ffffffe6;border-color:#11735f33}.hero-stats strong{color:var(--ink);font-size:18px}.hero-link{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;border-radius:999px;justify-self:end;align-items:center;min-height:44px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 12px 26px #0d55482e}.directory-shell{padding-top:42px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px;display:grid}.card,.tool-surface,.callout,.admin-panel{background:var(--panel);border-radius:var(--radius-soft);border:1px solid #dfe8dfa3}.card{color:var(--ink);padding:18px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.card:hover,.tool-card:hover{border-color:#147b6842;transform:translateY(-2px);box-shadow:0 18px 44px #2025221a}.card h2,.card h3{margin:0 0 8px;font-size:20px}.meta{color:var(--muted);margin:0;font-size:14px}.pill-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pill{min-height:28px;color:var(--accent-strong);background:#fff;border:1px solid #147b6821;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:13px;font-weight:750;display:inline-flex}.pill input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--accent);box-shadow:none;padding:0}.featured-strip{border-bottom:1px solid #e2ded485;gap:16px;padding:2px 0 38px;display:grid}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature-card{border-radius:var(--radius);min-height:190px;color:var(--ink);box-shadow:var(--shadow-soft);background:linear-gradient(160deg,#fffffff0,#f6fbf8b8);border:1px solid #dfe8df8f;padding:26px 22px 22px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.feature-card:before,.tool-card:before,.link-list a:before,.topic-card:before,.article-row:before{content:"";background:linear-gradient(90deg, var(--accent), var(--peach));border-radius:999px;width:46px;height:4px}.feature-card:hover{box-shadow:var(--shadow);border-color:#147b6847;transform:translateY(-2px)}.feature-card:nth-child(2):before,.link-list a:nth-child(3n+2):before,.topic-card:nth-child(3n+2):before{background:linear-gradient(90deg, var(--blue), var(--mint))}.feature-card:nth-child(3):before,.link-list a:nth-child(3n):before,.topic-card:nth-child(3n):before{background:linear-gradient(90deg, var(--rose), var(--gold))}.feature-card h2{margin:0;font-size:21px;line-height:1.16}.section-heading{max-width:760px;margin-bottom:10px}.section-heading h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08}.topic-directory{gap:0;margin-top:32px;display:grid}.editorial-directory{margin-top:42px}.topic-band{border-top:1px solid #e2ded485;grid-template-columns:300px minmax(0,1fr);gap:36px;padding:38px 0;display:grid}.topic-heading{align-content:start;gap:10px;margin-bottom:12px;display:grid}.topic-heading h2{margin:0;font-size:21px;line-height:1.16}.topic-heading a{width:fit-content;min-height:34px;color:var(--accent-strong);background:#ffffffb8;border:1px solid #147b6824;border-radius:999px;align-items:center;padding:0 10px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.topic-heading a:hover{color:var(--accent-strong);background:#fff}.link-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.link-list a{border-radius:var(--radius-soft);min-height:132px;color:var(--ink);box-shadow:var(--shadow-soft);background:linear-gradient(160deg,#fffffff5 0%,#fbfdfbc2 100%);border:1px solid #dfe8df8f;align-content:start;gap:8px;padding:20px;font-weight:650;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.link-list a:hover{color:var(--accent-strong);border-color:#147b6847;transform:translateY(-2px);box-shadow:0 18px 42px #20252217}.link-list span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.link-list strong{font-size:18px;line-height:1.24}.article-shell{max-width:940px}.breadcrumb{color:var(--muted);align-items:center;gap:10px;padding:36px 0 14px;font-size:14px;font-weight:700;display:flex}.breadcrumb a{color:var(--accent-strong);text-decoration:none}.breadcrumb span:before{content:"/";color:#a7b2ac;margin-right:10px}.article{max-width:820px}.article-hero{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 88% 20%,#ffe9debd,#0000 26%),linear-gradient(135deg,#fffffff5 0%,#f2faf6c2 58%,#fff7eaad 100%);border:1px solid #dfe8df9e;margin-bottom:24px;padding:36px;position:relative;overflow:hidden}.article-hero:after{content:"";background:linear-gradient(90deg, var(--accent), var(--blue), var(--peach));height:4px;position:absolute;inset:auto 0 0}.article-header{margin-bottom:26px}.article-header h1{max-width:760px;font-size:clamp(38px,5.8vw,62px)}.article-meta-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.article-meta-row span,.tool-trust-card span{min-height:30px;color:var(--accent-strong);background:#ffffffb8;border:1px solid #147b6821;border-radius:999px;align-items:center;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.article-byline{color:var(--muted);margin:14px 0 0;font-size:15px;font-weight:650}.article-body{padding:8px 2px 0}.article-body p{color:#26312d;margin:0 0 20px;font-size:18px;line-height:1.72}.article-body h2{color:var(--ink);margin:42px 0 14px;font-size:clamp(26px,3vw,34px);line-height:1.16}.article-checklist{gap:10px;margin:18px 0 24px;padding:0;list-style:none;display:grid}.article-checklist li{border-radius:var(--radius-soft);background:#ffffffdb;border:1px solid #dfe8df94;padding:14px 16px 14px 42px;position:relative;box-shadow:0 8px 20px #17231f0b}.article-checklist li:before{content:"";background:var(--accent);border-radius:999px;width:10px;height:10px;position:absolute;top:20px;left:17px}.source-panel{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffd6;border:1px solid #dfe8df9e;margin:38px 0 26px;padding:22px}.source-panel h2{margin:0 0 14px;font-size:22px}.source-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.source-list a{background:var(--panel-muted);color:var(--accent-strong);border-radius:999px;padding:12px 14px;font-weight:700;text-decoration:none;display:block}.source-list a:hover{background:var(--accent-soft)}.callout{color:var(--ink);border-left:0;margin:22px 0;padding:17px 18px 17px 48px;position:relative;box-shadow:0 8px 24px #17231f0e}.callout:before{content:"i";background:var(--accent-soft);width:20px;height:20px;color:var(--accent-strong);border-radius:999px;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:17px;left:17px}.callout.warning{background:#fffaf0;border-color:#f3c574b8}.callout.warning:before{content:"!";background:var(--amber-soft);color:var(--warn)}.tool-surface{box-shadow:var(--shadow);background:linear-gradient(160deg,#fffffff5 0%,#fbfdfbd1 100%);margin-top:0;padding:32px;position:relative;overflow:hidden}.tool-surface:before{content:"";background:linear-gradient(90deg, var(--blue), var(--accent), var(--peach));height:5px;position:absolute;inset:0 0 auto}.tool-detail-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 28%,#fde8efc2,#0000 26%),linear-gradient(135deg,#ffffffe6 0%,#e7f0fbb3 54%,#e4f4efad 100%);padding:42px 0 36px;position:relative;overflow:hidden}.tool-detail-hero .breadcrumb{z-index:1;padding-top:0;position:relative}.tool-hero-content{z-index:1;grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:34px;margin-bottom:0;display:grid;position:relative}.tool-hero-content h1{max-width:780px}.tool-trust-card{border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #ffffffe6;gap:9px;padding:16px;display:grid}.tool-detail-shell{padding-top:34px}.tool-detail-shell .tool-layout{margin-top:0}.tool-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;margin-top:28px;display:grid}.tool-aside{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:linear-gradient(160deg,#ffffffeb 0%,#fbfdfbc2 100%);border:1px solid #dfe8df94;padding:20px;position:sticky;top:88px}.tool-aside h2{margin:0 0 8px;font-size:20px}.tool-aside p{color:var(--muted);margin-top:0}.tool-aside .callout{background:#fff;margin-bottom:0}.tool-aside .callout.warning{background:#fffaf0}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.tool-section{border-top:1px solid #e2ded485;padding:34px 0 42px}.topic-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.topic-card,.article-row{border-radius:var(--radius-soft);color:var(--ink);box-shadow:var(--shadow-soft);background:linear-gradient(160deg,#fffffff5 0%,#fbfdfbc2 100%);border:1px solid #dfe8dfe0;gap:8px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.topic-card{min-height:150px;padding:20px}.article-list{gap:12px;display:grid}.article-row{padding:20px}.topic-card:hover,.article-row:hover{box-shadow:var(--shadow);border-color:#11735f47;transform:translateY(-2px)}.topic-card h2,.article-row h2{margin:0;font-size:22px;line-height:1.18}.tool-card{border-radius:var(--radius);min-height:170px;color:var(--ink);box-shadow:var(--shadow-soft);background:linear-gradient(160deg,#fffffff5 0%,#fbfdfbc2 100%);border:1px solid #dfe8df8f;align-content:start;gap:10px;padding:22px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.tool-card:nth-child(3n+2):before{background:linear-gradient(90deg, var(--blue), var(--lavender))}.tool-card:nth-child(3n):before{background:linear-gradient(90deg, var(--rose), var(--peach))}.tool-card h2{margin:0;font-size:22px;line-height:1.2}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;padding:4px 0 2px;display:grid}.field{gap:6px;display:grid}.field span{color:#34413c;font-size:14px;font-weight:700}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d8e3da;border-radius:14px;padding:12px;box-shadow:inset 0 1px #ffffffb3}input,select{height:48px;min-height:48px;line-height:22px}select{appearance:none;background-color:#fff;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid #147b6826}textarea{resize:vertical;min-height:90px}.button-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.button{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:11px 16px;font-weight:800;transition:box-shadow .15s,transform .15s;box-shadow:0 10px 22px #0d55482e}.button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0d554838}.button.secondary{color:var(--accent-strong);background:#fff}.result{background:linear-gradient(135deg, var(--accent-soft), #fff 88%);border-radius:var(--radius-soft);border:1px solid #147b6824;margin-top:18px;padding:18px}.result strong{color:var(--accent-strong);font-size:20px;display:block}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-soft);background:#fff;margin-top:16px;overflow-x:auto;box-shadow:0 8px 20px #17231f0b}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 14px}th{color:#27352f;white-space:nowrap;background:#edf5f0;font-weight:800}tbody tr:nth-child(2n) td{background:#fbfdfb}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:24px 0;display:grid}.admin-panel{padding:16px}.admin-note{color:var(--muted);margin:-8px 0 24px;font-size:14px}.metric{font-size:28px;font-weight:700}.footer{color:var(--muted);background:#fff;border-top:1px solid #e2ded4b8;flex-shrink:0;margin-top:auto;padding:36px 0;font-size:14px}.footer-grid{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:36px;display:grid}.footer-brand{color:var(--ink);margin-bottom:10px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.footer p{max-width:850px;margin:0}.footer-links{gap:8px;display:grid}.footer-links a{color:var(--ink);font-weight:700;text-decoration:none}@media (max-width:780px){.page>.shell:first-child{padding-top:30px}.nav-shell{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 0}.directory-hero{padding:44px 0 34px}.directory-hero-grid,.topic-band,.footer-grid,.tool-hero-content{grid-template-columns:1fr}.directory-hero:after,.tool-detail-hero:after{background-size:34px 34px}.hero-stats{box-shadow:none}.featured-grid,.tool-grid,.link-list,.topic-card-grid,.tool-layout{grid-template-columns:1fr}.tool-aside{position:static}.article-hero,.tool-surface{padding:22px}.article-body p{font-size:17px;line-height:1.65}.breadcrumb{padding-top:24px}}@media print{.site-header,.footer,.button-row,.nav{display:none}body{background:#fff}.tool-surface,.card,.callout{border-color:#999}}