:root{color-scheme:light;--color-bg: #ffffff;--color-page: #f6f9fb;--color-surface: #f8fbfd;--color-surface-strong: #eef7f7;--color-highlight: #fff8e5;--color-text: #102033;--color-muted: #5e6f83;--color-border: #d9e6ee;--color-primary: #0f5ea8;--color-primary-dark: #0f3b68;--color-accent: #22b88a;--color-accent-soft: #e8f8f2;--shadow-soft: 0 16px 36px rgb(16 32 51 / 8%);--radius-card: 8px;--container: 1120px}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-page);color:var(--color-text);line-height:1.7}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffff 0,#ffffff 420px,var(--color-page) 420px)}img,svg{max-width:100%}a{color:var(--color-primary);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--color-primary-dark)}button,input{font:inherit}main{min-height:64vh}.skip-link{position:absolute;left:1rem;top:.75rem;z-index:100;transform:translateY(-160%);border-radius:6px;background:var(--color-primary-dark);color:#fff;padding:.6rem .8rem}.skip-link:focus{transform:translateY(0)}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--color-border);background:#fffffff0;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}.site-logo{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-primary-dark);font-weight:800;text-decoration:none;white-space:nowrap}.site-logo-mark{display:inline-grid;width:2rem;height:2rem;place-items:center;border-radius:8px;overflow:hidden;box-shadow:0 6px 16px #0f3b6824}.site-logo-mark img{width:100%;height:100%;display:block}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;flex-wrap:wrap}.site-nav a{border-radius:999px;color:var(--color-text);font-size:.92rem;font-weight:700;padding:.45rem .7rem;text-decoration:none}.site-nav a[aria-current=page],.site-nav a:hover{background:var(--color-accent-soft);color:var(--color-primary-dark)}.site-footer{margin-top:4rem;border-top:1px solid var(--color-border);background:var(--color-surface);padding-block:2.5rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.footer-brand{margin:0 0 .4rem;color:var(--color-primary-dark);font-weight:800}.footer-links{display:flex;flex-wrap:wrap;gap:.8rem 1rem}.footer-links a{font-weight:700}.section{padding-block:2.8rem}.section-compact{padding-block:1.8rem}.section-muted{background:var(--color-surface)}.hero{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 88% 10%,#e8f8f2 0,transparent 28%),linear-gradient(180deg,#fff,#eef7fb);padding-block:2.2rem 3rem}.hero-grid{display:grid;gap:2rem}.hero-copy{max-width:760px}.eyebrow,.section-heading p,.page-eyebrow{margin:0 0 .45rem;color:var(--color-accent);font-size:.85rem;font-weight:800}h1,h2,h3{color:var(--color-primary-dark);line-height:1.35;letter-spacing:0}h1{margin:0 0 1rem;font-size:clamp(2rem,8vw,3.6rem)}h2{margin:0 0 1rem;font-size:clamp(1.45rem,5vw,2.2rem)}h3{margin:0 0 .65rem;font-size:1.16rem}p{margin:0 0 1rem}.lead{color:var(--color-muted);font-size:1.08rem}.muted,.note{color:var(--color-muted)}.note{font-size:.92rem}.cta-row,.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero-checklist{display:grid;gap:.45rem;padding:0;margin:1.3rem 0 0;list-style:none}.hero-checklist li{position:relative;padding-left:1.35rem;color:var(--color-primary-dark);font-weight:800}.hero-checklist li:before{position:absolute;left:0;color:var(--color-accent);content:"";width:.55rem;height:.55rem;border-radius:999px;background:var(--color-accent);top:.62rem}.catalog-hero{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#fff,#f5fbfd 55%,#eaf8f4);padding-block:2.4rem 3.2rem}.catalog-hero-grid{display:grid;gap:1.6rem}.catalog-hero-copy{max-width:820px}.hero-search-box{display:flex;gap:.8rem;align-items:center;border:1px solid var(--color-border);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft);margin-top:1.4rem;padding:.85rem 1rem}.hero-search-box span{display:inline-grid;width:2rem;height:2rem;place-items:center;border-radius:8px;background:var(--color-accent-soft);color:#0b7056;font-weight:900}.hero-search-box p{margin:0;color:var(--color-muted);font-weight:700}.catalog-hero-panel{border:1px solid var(--color-border);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft);padding:1.2rem}.catalog-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.catalog-stats div{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:.9rem}.catalog-stats strong{display:block;color:var(--color-primary-dark);font-size:1.8rem;line-height:1}.catalog-stats span{color:var(--color-muted);font-size:.82rem;font-weight:800}.mini-category-list{display:grid;gap:.55rem}.mini-category-list a,.category-tile{border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-primary-dark);text-decoration:none}.mini-category-list a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;font-weight:800}.mini-category-list a:hover,.category-tile:hover{border-color:var(--color-accent);box-shadow:0 12px 28px #10203314}.mini-category-list strong{border-radius:999px;background:var(--color-accent-soft);color:#0b7056;font-size:.78rem;padding:.25rem .5rem}.category-grid{display:grid;gap:1rem}.category-tile{display:block;padding:1.1rem}.category-tile span{display:inline-flex;margin-bottom:.55rem;border-radius:999px;background:var(--color-highlight);color:#745b00;font-size:.76rem;font-weight:900;padding:.28rem .55rem}.category-tile p{color:var(--color-muted)}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;max-width:none}.tool-grid{display:grid;gap:1rem}.tool-card{display:grid;gap:.9rem;align-content:start;border:1px solid var(--color-border);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft);padding:1rem}.tool-card[hidden],.tool-category-section[hidden]{display:none}.tool-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:start}.tool-logo{display:inline-grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:8px;border:1px solid var(--color-border);background:#fff;color:var(--color-primary-dark);font-size:.82rem;font-weight:900;overflow:hidden}.tool-logo img{width:1.75rem;height:1.75rem;object-fit:contain}.tool-category{margin:0 0 .1rem;color:var(--color-accent);font-size:.78rem;font-weight:900}.tool-card h3,.tool-description{margin-bottom:0}.tool-detail-heading{display:grid;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.tool-detail-logo{width:3.4rem;height:3.4rem}@media(min-width:680px){.tool-detail-heading{grid-template-columns:auto 1fr}}.tool-meta{display:grid;gap:.65rem;margin:0}.tool-meta div{display:grid;gap:.16rem}.tool-meta dt{color:var(--color-primary-dark);font-size:.82rem;font-weight:900}.tool-meta dd{margin:0;color:var(--color-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.35rem}.tag-list span{border-radius:999px;background:var(--color-surface);color:var(--color-muted);font-size:.76rem;font-weight:800;padding:.28rem .5rem}.tool-card-button{align-self:end}.tool-filter{display:grid;gap:1rem;border:1px solid var(--color-border);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft);padding:1rem}.tool-filter label{display:grid;gap:.45rem;color:var(--color-primary-dark);font-weight:900}.tool-filter input{width:100%;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:.8rem .9rem}.filter-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--color-primary-dark);cursor:pointer;font-weight:800;padding:.45rem .75rem}.filter-chip.is-active,.filter-chip:hover{border-color:var(--color-accent);background:var(--color-accent-soft);color:#0b7056}.tool-directory-section{scroll-margin-top:7rem}.tool-category-section+.tool-category-section{margin-top:2.4rem}.empty-state{border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-muted);padding:1rem}.button{display:inline-flex;min-height:2.85rem;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:800;line-height:1.2;padding:.75rem 1rem;text-align:center;text-decoration:none}.button-primary{background:var(--color-primary);color:#fff;box-shadow:0 10px 20px #0f5ea82e}.button-primary:hover{background:var(--color-primary-dark);color:#fff}.button-secondary{border-color:var(--color-border);background:#fff;color:var(--color-primary-dark)}.button-secondary:hover{border-color:var(--color-primary)}.button-muted,.button:disabled{border-color:var(--color-border);background:#e8edf1;color:#6c7886;cursor:not-allowed;box-shadow:none}.grid{display:grid;gap:1rem}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;padding:1.2rem;box-shadow:var(--shadow-soft)}.feature-card{min-height:100%}.feature-card span{display:inline-grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:8px;background:var(--color-accent-soft);color:var(--color-primary-dark);font-weight:900}.diagnosis-summary{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-soft);padding:1.25rem}.diagnosis-summary img{display:block;width:100%;aspect-ratio:1000 / 640;object-fit:cover;border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem}.summary-label{margin:0 0 .35rem;color:var(--color-accent);font-size:.82rem;font-weight:900}.diagnosis-summary h2{font-size:1.35rem}.summary-stack{display:grid;gap:.7rem;margin-block:1rem}.summary-stack div{display:grid;gap:.2rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:.8rem}.summary-stack span{color:var(--color-muted);font-size:.78rem;font-weight:900}.summary-stack strong{color:var(--color-primary-dark)}.split-section{display:grid;gap:1.5rem}.step-list{display:grid;gap:.75rem;padding:0;margin:0;counter-reset:step;list-style:none}.step-list li{position:relative;border:1px solid var(--color-border);border-radius:8px;background:#fff;padding:.9rem .9rem .9rem 3rem;font-weight:900}.step-list li:before{position:absolute;left:.8rem;top:.85rem;display:inline-grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:999px;background:var(--color-primary-dark);color:#fff;counter-increment:step;content:counter(step);font-size:.75rem}.comparison-intro{display:grid;gap:1rem;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-soft);padding:1.2rem}.article-card h3 a{color:var(--color-primary-dark);text-decoration:none}.article-card h3 a:hover{color:var(--color-primary)}.text-link{font-weight:800}.pr-disclosure{display:flex;gap:.45rem;align-items:center;border:1px solid #dfe7ec;border-radius:6px;background:#f8fafb;padding:.45rem .6rem}.pr-disclosure strong{display:inline-flex;min-width:1.9rem;justify-content:center;border-radius:999px;background:#edf2f5;color:#5f6f7d;font-size:.68rem;font-weight:900;line-height:1;padding:.28rem .4rem}.affiliate-badge{display:inline-flex;min-width:2.1rem;justify-content:center;border-radius:999px;background:var(--color-primary-dark);color:#fff;font-size:.75rem;font-weight:900;line-height:1;padding:.36rem .45rem}.pr-disclosure p{margin:0;color:#657381;font-size:.78rem;line-height:1.55}.pr-disclosure-compact{margin-bottom:.9rem}.breadcrumbs{padding-top:1rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:0;list-style:none;color:var(--color-muted);font-size:.9rem}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.35rem;color:#9aa8b4}.page-hero{padding-block:1.6rem 2.4rem}.page-hero-inner{max-width:800px}.section-heading{max-width:760px;margin-bottom:1.4rem}.diagnosis-form{display:grid;gap:1rem}.question-card{border:1px solid var(--color-border);border-radius:8px;background:#fff;padding:1rem}.question-card legend{display:flex;gap:.55rem;align-items:flex-start;margin-bottom:.9rem;color:var(--color-primary-dark);font-weight:900}.question-card legend span{display:inline-flex;min-width:2.2rem;justify-content:center;border-radius:999px;background:var(--color-primary-dark);color:#fff;font-size:.82rem;padding:.2rem .45rem}.answer-grid{display:grid;gap:.65rem}.answer-option{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:flex-start;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;padding:.8rem}.answer-option:has(input:checked){border-color:var(--color-primary);background:#eef7ff;box-shadow:0 0 0 3px #0f5ea81a}.answer-option input{margin-top:.35rem;accent-color:var(--color-primary)}.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.form-status{color:var(--color-muted);font-weight:700}.diagnosis-wizard{position:relative;overflow:hidden;border:1px solid #d7e7ef;border-radius:16px;background:radial-gradient(circle at top right,rgb(31 184 143 / 14%),transparent 24rem),linear-gradient(180deg,#fff,#f7fbfd);box-shadow:0 18px 48px #122f451c;padding:clamp(1rem,2.4vw,1.5rem)}.diagnosis-wizard:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent))}.diagnosis-progress-card{display:grid;gap:.75rem;border:1px solid rgb(15 94 168 / 12%);border-radius:12px;background:#ffffffdb;padding:1rem}.diagnosis-progress-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;color:var(--color-primary-dark);font-weight:900}.diagnosis-progress-percent{color:var(--color-primary)}.diagnosis-progress-track{overflow:hidden;height:.65rem;border-radius:999px;background:#e3edf4}.diagnosis-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .35s ease}.diagnosis-step-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem}.diagnosis-step-dot{height:.45rem;border-radius:999px;background:#d7e4ec;transition:background-color .2s ease,transform .2s ease}.diagnosis-step-dot.is-active{background:var(--color-primary);transform:scaleY(1.6)}.diagnosis-step-dot.is-complete{background:var(--color-accent)}.diagnosis-wizard-grid{display:grid;gap:1rem}.diagnosis-question-stage{min-height:24rem}.diagnosis-step-panel{display:none}.diagnosis-step-panel.is-active{display:block;animation:diagnosisSlideIn .32s ease both}.diagnosis-step-panel.question-card{border-color:#c8dce8;border-radius:12px;background:#fffffff0;box-shadow:0 12px 32px #142d4114;padding:clamp(1rem,2.5vw,1.35rem)}.diagnosis-step-panel legend{margin-bottom:.45rem;font-size:clamp(1.05rem,2.8vw,1.22rem)}.question-helper{margin:0 0 1rem;color:var(--color-muted);font-size:.92rem;font-weight:700}.diagnosis-side-panel{align-self:start;border:1px solid #d5e6ee;border-radius:12px;background:#f4faf8;padding:1rem}.diagnosis-side-panel h3{margin:0;color:var(--color-primary-dark);font-size:1rem}.diagnosis-answer-summary{display:grid;gap:.45rem;padding:0;margin:.85rem 0 0;list-style:none}.diagnosis-answer-summary li{display:grid;grid-template-columns:2.2rem minmax(0,1fr);column-gap:.55rem;align-items:start;border:1px solid #dce8ee;border-radius:10px;background:#fff;padding:.55rem;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.diagnosis-answer-summary li.is-complete{border-color:#1fb88f5c;background:#effaf6;transform:translate(2px)}.diagnosis-answer-summary span{grid-row:1 / span 2;color:var(--color-primary-dark);font-weight:900}.diagnosis-answer-summary strong{display:block;grid-column:2;margin-bottom:.18rem;color:var(--color-primary-dark);font-size:.74rem;line-height:1.45}.diagnosis-answer-summary em{grid-column:2;color:var(--color-muted);font-size:.8rem;font-style:normal;font-weight:700}.diagnosis-answer-summary li.is-complete em{color:#0b7056}.answer-option{transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.answer-option:hover{border-color:#b5d3e7;box-shadow:0 8px 22px #0f5ea814;transform:translateY(-1px)}.answer-option:has(input:checked){border-color:var(--color-primary);background:#eaf6ff;box-shadow:0 0 0 3px #0f5ea81a}.diagnosis-actions{justify-content:space-between;align-items:center;border-top:1px solid rgb(15 94 168 / 10%);padding-top:1rem}@media(min-width:900px){.diagnosis-wizard-grid{grid-template-columns:minmax(0,1.45fr) minmax(15rem,.72fr)}.diagnosis-side-panel{position:sticky;top:5.5rem}}@media(max-width:699px){.diagnosis-wizard{border-radius:12px;padding:.9rem}.diagnosis-question-stage{min-height:auto}.diagnosis-actions{justify-content:stretch}.diagnosis-actions .button,.diagnosis-actions .button-secondary{width:100%}}@keyframes diagnosisSlideIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.diagnosis-progress-track span,.diagnosis-step-dot,.diagnosis-step-panel.is-active,.answer-option,.diagnosis-answer-summary li{animation:none;transition:none}}.result-list{display:grid;gap:1rem}.result-card{display:grid;gap:.8rem}.result-card-head,.offer-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.rank-badge,.pill,.network-label{display:inline-flex;border-radius:999px;font-size:.78rem;font-weight:900;line-height:1;padding:.42rem .6rem}.rank-badge{background:var(--color-primary);color:#fff}.pill{background:var(--color-accent-soft);color:#0b7056}.network-label{background:#eef2f6;color:var(--color-muted)}.compact-dl{display:grid;gap:.75rem;margin:0}.compact-dl div{display:grid;gap:.2rem}.compact-dl dt{color:var(--color-primary-dark);font-size:.86rem;font-weight:900}.compact-dl dd{margin:0;color:var(--color-muted)}.affiliate-button-wrap{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-top:.35rem}.comparison-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:#fff}.comparison-table{width:100%;min-width:1080px;border-collapse:collapse;table-layout:fixed}.comparison-table th:nth-child(1){width:9rem}.comparison-table th:nth-child(5),.comparison-table th:nth-child(6){width:7rem}.comparison-table th:nth-child(8){width:10.5rem}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--color-border);padding:.85rem .75rem;text-align:left;vertical-align:top;word-break:normal;overflow-wrap:break-word;line-break:strict}.comparison-table thead th{background:var(--color-primary-dark);color:#fff;font-size:.86rem;white-space:nowrap}.comparison-table tbody th{color:var(--color-primary-dark);min-width:12rem}.comparison-table .affiliate-button-wrap{flex-wrap:nowrap}.comparison-table .button{width:auto;min-width:7.5rem;white-space:nowrap}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-card-list{display:none}.comparison-card{border:1px solid var(--color-border);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft);padding:1rem}.comparison-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.comparison-card-head h3{margin-bottom:.4rem}.comparison-card-head span{border-radius:999px;background:var(--color-highlight);color:#745b00;font-size:.78rem;font-weight:900;padding:.35rem .55rem;white-space:nowrap}.comparison-card dl{display:grid;gap:.65rem;margin:.8rem 0 0}.comparison-card dl div{display:grid;gap:.15rem}.comparison-card dt{color:var(--color-primary-dark);font-size:.82rem;font-weight:900}.comparison-card dd{margin:0;color:var(--color-muted)}.faq-list{display:grid;gap:.75rem}.faq-item{border:1px solid var(--color-border);border-radius:8px;background:#fff;padding:.9rem 1rem}.faq-item summary{color:var(--color-primary-dark);cursor:pointer;font-weight:900}.faq-item p{margin:.75rem 0 0;color:var(--color-muted)}.article-body{max-width:820px}.article-home-groups{display:grid;gap:2.4rem}.article-group-heading{margin-bottom:1rem}.article-group-heading h3{margin:0;color:var(--color-primary-dark);font-size:1.35rem}.article-group-heading p{margin:.25rem 0 0;color:var(--color-muted)}.article-body h2{margin-top:2.2rem;font-size:1.55rem}.article-body ul,.article-body ol{padding-left:1.35rem}.article-body pre{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:#0f2033;color:#f7fbfd;padding:1rem}.article-body code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.article-body table{width:100%;min-width:680px;border-collapse:collapse}.article-body th,.article-body td{border-bottom:1px solid var(--color-border);padding:.75rem;text-align:left;vertical-align:top}.article-body th{background:var(--color-surface);color:var(--color-primary-dark)}.article-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;margin-block:1.2rem}.article-cta{border:1px solid #bde8dd;border-radius:8px;background:var(--color-accent-soft);margin-block:2rem;padding:1.2rem}.article-editorial,.article-deep-dive{border-top:1px solid var(--color-border);margin-top:2.6rem;padding-top:.8rem}.article-editorial h2,.article-deep-dive h2{scroll-margin-top:5rem}.article-editorial li+li,.article-deep-dive li+li{margin-top:.45rem}.article-editorial-lead{border-left:4px solid var(--color-primary);background:#f3f8fc;color:var(--color-primary-dark);font-weight:800;padding:1rem}.article-editorial-block{margin-top:2.2rem}.article-mini-grid{display:grid;gap:.85rem;margin-block:1rem}.article-mini-grid p{border:1px solid var(--color-border);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft);margin:0;padding:1rem}@media(min-width:700px){.article-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.todo-note{border-left:4px solid var(--color-accent);background:var(--color-surface);color:var(--color-muted);padding:1rem}.legal-content{max-width:820px}.legal-content h2{margin-top:2rem;font-size:1.35rem}.contact-box{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:1.2rem}@media(min-width:700px){.footer-grid{grid-template-columns:1fr auto}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:center}.catalog-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-section,.comparison-intro{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:699px){.header-inner{align-items:flex-start;flex-direction:column}.site-nav{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap}.site-nav a{padding-inline:.55rem;white-space:nowrap}.button{width:100%}.affiliate-button-wrap .button{width:100%;min-width:0}.comparison-table-wrap{display:none}.comparison-card-list{display:grid;gap:.9rem}.section-heading-row{align-items:flex-start;flex-direction:column}}