:root{--bg: #eceef5;--bg-alt: #e2e5ef;--surface: #ffffff;--text: #0f172a;--text-muted: #525b70;--border: #d5d9e5;--accent: #4f46e5;--accent-strong: #4338ca;--accent-soft: #eef2ff;--star: #f59e0b;--good: #16a34a;--bad: #dc2626;--code-bg: #0f172a;--radius: 12px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px -12px rgba(15, 23, 42, .18);--max: 1120px;--measure: 72ch;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0b1020;--bg-alt: #111831;--surface: #121a33;--text: #e6e9f2;--text-muted: #9aa3b8;--border: #22294a;--accent: #818cf8;--accent-strong: #a5b4fc;--accent-soft: #1b2250;--code-bg: #0a0f1f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .6)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.65;color:var(--text);background:var(--bg)}img,svg,video{max-width:100%;height:auto}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent-strong)}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.015em;margin:0 0 .5em;font-weight:750}h1{font-size:clamp(1.9rem,4vw,2.75rem)}h2{font-size:clamp(1.4rem,2.6vw,1.85rem)}h3{font-size:1.2rem}p{margin:0 0 1em}.muted{color:var(--text-muted)}.container{width:min(100% - 32px,var(--max));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:8px;background:var(--accent);color:#fff;padding:8px 12px;border-radius:6px;z-index:100}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;text-decoration:none;color:var(--text)}.brand strong{color:var(--accent)}.site-nav{display:flex;gap:6px}.site-nav a{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:500}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:1px solid var(--border);border-radius:8px;padding:10px;cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;background:var(--text)}@media(max-width:720px){.nav-toggle{display:flex}.site-nav{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px 16px}.site-nav.open{display:flex}}.hero{padding:56px 0 40px;background:radial-gradient(1200px 400px at 20% -10%,var(--accent-soft),transparent 60%),var(--bg)}.hero h1{max-width:18ch}.hero p.lead{font-size:1.2rem;max-width:56ch;color:var(--text-muted)}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:600;border:1px solid var(--border);color:var(--text);background:var(--surface)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong);color:#fff}.section{padding:40px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{margin:0}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hero-grid{display:grid;gap:32px;align-items:center}@media(min-width:900px){.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.logo-cloud{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media(max-width:899px){.logo-cloud{grid-template-columns:repeat(8,1fr)}}@media(max-width:560px){.logo-cloud{grid-template-columns:repeat(6,1fr)}}.logo-cloud-item{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:10px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.logo-cloud-item:hover{transform:translateY(-2px);border-color:var(--accent)}.logo-cloud-item img{width:100%;height:100%;object-fit:contain}.post-cover{display:block;margin:-20px -20px 4px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;background:#0b1020}.post-cover img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover}.post-card.featured .post-cover{margin:-28px -28px 8px}@media(min-width:900px){.post-card.featured.has-image{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:28px;align-items:center}.post-card.featured.has-image .post-cover{grid-row:1 / span 4;margin:-28px 0 -28px -28px;border-radius:var(--radius) 0 0 var(--radius);height:calc(100% + 56px)}.post-card.featured.has-image .post-cover img{height:100%;aspect-ratio:auto}}.post-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.post-card:hover{transform:translateY(-2px);border-color:var(--accent)}.post-card.featured{grid-column:1 / -1;padding:28px}.post-card.featured .post-card-title{font-size:1.6rem}.post-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-weight:600;font-size:.78rem;text-decoration:none;letter-spacing:.02em;text-transform:uppercase}.post-card-title{margin:0;font-size:1.2rem}.post-card-title a{color:var(--text);text-decoration:none}.post-card-title a:hover{color:var(--accent)}.post-card-desc{margin:0;color:var(--text-muted);font-size:.97rem}.rating{display:inline-flex;align-items:center;gap:10px;color:var(--star)}.rating .stars{display:inline-flex;gap:2px}.rating-value{font-weight:700;color:var(--text)}.rating-label{color:var(--text-muted);font-size:.9rem}.page-head{padding:40px 0 24px;border-bottom:1px solid var(--border);margin-bottom:32px}.page-head p{max-width:64ch;color:var(--text-muted);font-size:1.1rem}.breadcrumbs{font-size:.88rem;color:var(--text-muted);margin-bottom:12px}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.breadcrumbs li+li:before{content:"/";margin-right:6px;color:var(--border)}.article{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding:32px 0 56px}@media(min-width:960px){.article{grid-template-columns:minmax(0,1fr) 280px}}.article-header{margin-bottom:24px}.article-header .meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.9rem;color:var(--text-muted);margin-top:8px}.article-header .lead{font-size:1.15rem;color:var(--text-muted);max-width:var(--measure)}.prose{max-width:var(--measure)}.prose h2{margin-top:2em;padding-top:.25em}.prose h3{margin-top:1.5em}.prose img{border-radius:var(--radius);border:1px solid var(--border)}.prose blockquote{margin:1.5em 0;padding:12px 20px;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0}.prose blockquote p:last-child{margin-bottom:0}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;padding:10px 12px;border:1px solid var(--border);vertical-align:top}.prose th{background:var(--bg-alt)}.prose pre{background:var(--code-bg)!important;color:#e6e9f2;padding:16px;border-radius:10px;overflow-x:auto;font-size:.9rem}.prose code{font-family:var(--mono);font-size:.92em}.prose :not(pre)>code{background:var(--bg-alt);border:1px solid var(--border);padding:1px 6px;border-radius:6px}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:.35em}.verdict-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:20px;margin:24px 0}.verdict-box h2{margin-top:0;font-size:1.25rem}.pros-cons{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.pros-cons ul{list-style:none;padding:0;margin:0}.pros-cons li{padding-left:1.5em;position:relative;margin-bottom:6px;font-size:.95rem}.pros-cons li:before{position:absolute;left:0;font-weight:700}.pros li:before{content:"+";color:var(--good)}.cons li:before{content:"–";color:var(--bad)}.pros-cons h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.tool-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:.93rem;margin:12px 0 0}.tool-facts dt{color:var(--text-muted)}.tool-facts dd{margin:0}.sidebar{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:20px}.sidebar-box{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--surface)}.sidebar-box h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px}.toc ol{list-style:none;padding:0;margin:0}.toc li{margin:4px 0;font-size:.92rem}.toc li.depth-3{padding-left:14px;font-size:.86rem}.toc a{text-decoration:none;color:var(--text)}.toc a:hover{color:var(--accent)}.sidebar-box ul{list-style:none;padding:0;margin:0}.sidebar-box li{margin:6px 0;font-size:.92rem}.faq details{border:1px solid var(--border);border-radius:10px;padding:10px 16px;margin-bottom:10px;background:var(--surface)}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:10px 0 4px;color:var(--text-muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}.tag{font-size:.82rem;padding:3px 10px;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--text-muted)}.tag:hover{border-color:var(--accent);color:var(--accent)}.site-footer{margin-top:48px;border-top:1px solid var(--border);background:var(--bg-alt);padding:40px 0 24px;font-size:.95rem}.footer-grid{display:grid;gap:28px;grid-template-columns:2fr 1fr 1fr}@media(max-width:720px){.footer-grid{grid-template-columns:1fr}}.footer-brand{font-weight:800;font-size:1.2rem;margin-bottom:6px}.footer-heading{font-weight:700;margin-bottom:8px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:4px 0}.site-footer a{color:var(--text);text-decoration:none}.site-footer a:hover{color:var(--accent)}.footer-bottom{margin-top:28px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.85rem}.footer-bottom p{margin:0}.category-strip{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.category-tile{display:block;padding:20px;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);background:var(--surface)}.category-tile:hover{border-color:var(--accent)}.category-tile h3{margin-bottom:4px;color:var(--accent)}.category-tile p{margin:0;font-size:.92rem;color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.search-form{display:flex;gap:8px;align-items:center}.search-form input[type=search]{flex:1;min-width:0;padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:.95rem}.search-form input[type=search]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.search-form.large{max-width:720px;margin-top:8px}.search-form.large input[type=search]{padding:12px 18px;font-size:1.05rem}.tool-filter{max-width:640px;margin-top:12px}.tool-filter-status{font-size:.88rem;margin:8px 0 0;min-height:1.2em}.header-search{margin-left:8px}.header-search input[type=search]{width:170px;padding:7px 12px;font-size:.9rem}.header-search button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.header-search button:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:720px){.header-search{margin:8px 0 0}.header-search input[type=search]{width:100%}}.tool-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);scroll-margin-top:90px}.tool-card:hover{border-color:var(--accent)}.tool-card-head{display:flex;align-items:center;gap:12px}.tool-card-title{display:flex;flex-direction:column;min-width:0}.tool-logo{flex:0 0 auto;width:44px;height:44px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--border);padding:4px;box-sizing:border-box}.tool-logo-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--accent-strong);background:var(--accent-soft)}.tool-hero{display:flex;align-items:center;gap:16px;margin:8px 0 12px}.tool-hero .tool-logo{width:72px;height:72px;border-radius:16px;padding:8px}.tool-hero .tool-logo-fallback{font-size:1.4rem}.tool-card-head h3{margin:0;font-size:1.1rem}.tool-card-head h3 a{color:var(--text);text-decoration:none}.tool-card-head h3 a:hover{color:var(--accent)}.tool-domain{font-size:.82rem}.tool-desc{margin:0;color:var(--text-muted);font-size:.95rem;flex:1}.tool-actions{display:flex;flex-wrap:wrap;gap:8px}.btn.small{padding:6px 14px;font-size:.88rem}.disclosure{font-size:.85rem;color:var(--text-muted);border:1px dashed var(--border);border-radius:8px;padding:8px 12px;margin:16px 0}.not-found{text-align:center;padding:80px 0}