.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}.menu{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-link{font-weight:850;color:var(--green);text-underline-offset:4px}.featured{padding-bottom:18px}.featured-guide{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;padding:34px;border:1px solid var(--line);border-radius:26px;text-decoration:none;background:#fff;box-shadow:0 10px 35px rgba(20,37,29,.06);transition:.2s}.featured-guide:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.featured-guide h3{font-size:clamp(1.7rem,3vw,2.55rem);margin:14px 0 12px}.featured-guide p{color:var(--muted);max-width:700px}.topic-pill{display:inline-block;background:var(--cream);color:var(--green);padding:6px 11px;border-radius:999px;font-size:.78rem;font-weight:850}.guide-verdict{background:var(--ink);color:#fff;border-radius:20px;padding:26px;display:flex;flex-direction:column;justify-content:center}.guide-verdict span{color:var(--lime);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.guide-verdict strong{font:700 1.3rem/1.25 Georgia,serif;margin-top:10px}.guides-hero{padding:66px 0 36px;background:var(--cream)}.guides-hero h1{font-size:clamp(2.8rem,6vw,5.2rem)}.guides-hero p{font-size:1.12rem;color:var(--muted);max-width:720px}.guide-list{padding:50px 0 90px}.guide-card{display:block;border:1px solid var(--line);border-radius:22px;padding:28px;text-decoration:none;background:#fff;max-width:820px}.guide-card:hover{box-shadow:var(--shadow)}.guide-card h2{font-size:clamp(1.6rem,3vw,2.35rem);margin:12px 0}.guide-card p{color:var(--muted)}.empty-topic{padding:32px 0;border-top:1px solid var(--line);margin-top:45px}.empty-topic h2{font-size:2rem}.empty-topic p{color:var(--muted)}.article{width:min(800px,calc(100% - 36px));margin:0 auto;padding:62px 0 100px}.article .breadcrumb{font-size:.9rem;font-weight:800;color:var(--green)}.article h1{font-size:clamp(2.7rem,6vw,4.8rem);margin-top:18px}.article .dek{font-size:1.25rem;color:var(--muted);line-height:1.55}.article-meta{display:flex;gap:16px;flex-wrap:wrap;padding:18px 0 30px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.92rem}.article h2{font-size:clamp(1.8rem,4vw,2.55rem);margin-top:48px}.article h3{font-size:1.35rem;margin-top:32px}.article p,.article li{color:#384a40}.article a{color:var(--green);text-underline-offset:3px}.quick-answer,.callout{margin:34px 0;padding:26px;border-radius:20px;background:var(--cream)}.quick-answer{border-left:6px solid var(--lime)}.quick-answer h2,.callout h2{margin-top:0}.comparison{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}.comparison th,.comparison td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.comparison th{background:var(--cream)}.article .button{color:#fff}.source-list{font-size:.93rem}.notice{font-size:.9rem;color:var(--muted);padding:16px 0}@media(max-width:820px){nav.is-open{display:flex;position:absolute;top:76px;left:0;right:0;padding:22px;background:var(--paper);flex-direction:column;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.featured-guide{grid-template-columns:1fr}.desktop-link{display:none}}@media(max-width:520px){.hero-actions{align-items:flex-start;flex-direction:column}.button{min-height:48px;padding:12px 18px}.featured-guide{padding:22px}.comparison{display:block;overflow-x:auto}}
.shop-picks{padding:34px 0 40px;background:#f4f8f4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-shop-picks{padding-top:40px}.shop-picks-head{display:flex;align-items:end;justify-content:space-between;gap:28px}.shop-picks h2{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0}.shop-picks-head p{color:var(--muted);max-width:680px;margin:0}.affiliate-note{font-size:.9rem;color:var(--muted);margin:22px 0 14px}.shop-button-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-button{display:flex;flex-direction:column;gap:7px;min-height:112px;justify-content:center;padding:20px 22px;border-radius:18px;background:var(--green);color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(23,107,69,.16);transition:.2s}.shop-button:hover,.shop-button:focus-visible{transform:translateY(-2px);background:var(--ink);box-shadow:var(--shadow)}.shop-button span{color:#dff3e4;font-size:.9rem;font-weight:750}.shop-button strong{font-size:1.05rem}@media(max-width:820px){.shop-picks-head{align-items:flex-start;flex-direction:column}.shop-button-grid{grid-template-columns:1fr}.shop-button{min-height:88px}}
.article-shop{margin:26px 0 34px;padding:24px;border:2px solid var(--green);border-radius:22px;background:#f4f8f4}.article-shop h2{font-size:clamp(1.55rem,3vw,2rem);margin:0 0 6px}.article-shop>p{margin:8px 0}.article-shop .affiliate-note{font-size:.88rem;margin:10px 0 14px}.article-shop-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-shop-buttons .shop-button{min-height:88px;color:#fff}@media(max-width:620px){.article-shop{padding:18px}.article-shop-buttons{grid-template-columns:1fr}}
.shop-button-grid,.article-shop-buttons{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:820px){body:has(.article) .nav>nav{display:flex;gap:14px;overflow-x:auto;white-space:nowrap}body:has(.article) .nav>nav a{font-size:.82rem}}
.related-guides{margin:48px 0 20px;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.related-guides h2{margin:0 0 16px}.related-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.related-guide-grid a{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:112px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none}.related-guide-grid a:hover,.related-guide-grid a:focus-visible{box-shadow:var(--shadow)}.related-guide-grid strong{color:var(--ink)}.related-guide-grid span{font-size:.86rem;font-weight:850;color:var(--green)}

.article .shop-button{color:#fff}