@font-face{font-family:DM Sans;src:url('/assets/dm-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/dm-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/dm-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/dm-sans-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/dm-sans-latin-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Newsreader;src:url('/assets/newsreader-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Newsreader;src:url('/assets/newsreader-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--ink:#212923;--muted:#69716b;--green:#164e3c;--green-deep:#0d392b;--line:#dde1dc;--soft:#f3f5f0;--sage:#eaf0e4;--white:#fff;--sans:'DM Sans',Arial,sans-serif;--serif:Newsreader,Georgia,serif;color:var(--ink);background:var(--white);font-family:var(--sans);font-synthesis:none;font-size:16px}
*{box-sizing:border-box}
body{margin:0}
body:has(dialog[open]){overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer;color:inherit;background:none;border:0}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default}
img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700}
ul{margin:0;padding:0}
i.ph{font-size:20px;line-height:1;flex-shrink:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}
::selection{background:#dceacb}
[hidden]{display:none!important}
.wrap{width:calc(100% - 96px);max-width:1280px;margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:8px;z-index:99;padding:13px 18px;background:white;transform:translateY(-150%)}
.skip-link:focus{transform:none}
#main:focus{outline:0}
.kicker{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--green)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:43px;padding:11px 18px;border:1px solid transparent;border-radius:2px;font-size:13px;font-weight:600;line-height:1.3;transition:background .18s;white-space:nowrap}
.button-primary{background:var(--green);color:white}
.button-primary:hover{background:var(--green-deep)}
.button-outline{border-color:var(--line);background:white}
.button-outline:hover{background:var(--soft)}
.button i.ph{font-size:18px}
.text-link{display:inline-flex;align-items:center;gap:10px;padding-block:5px;color:var(--green);font-size:12px;font-weight:600;line-height:1.4}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.text-link i.ph{font-size:17px;transition:transform .2s}
.text-link:hover i{transform:translateX(3px)}
.subtle-link{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:white}
.story-image{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--soft)}
.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.is-product img{object-fit:contain;padding:22px;mix-blend-mode:multiply}
.story-card:hover .story-image img{transform:scale(1.035)}
.save-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid transparent;transition:background .18s;color:var(--muted);flex-shrink:0}
.save-icon:hover{background:var(--sage);color:var(--green)}
.save-icon[aria-pressed=true]{background:var(--green);color:white}
.save-icon i.ph{font-size:17px}
.merchant-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--green);font-size:13px;font-weight:700;line-height:1.5;padding:11px 0;border-bottom:1px solid #becdb9}
.merchant-at{font-weight:400;font-size:12px}
.merchant-link:hover{text-decoration:underline;text-underline-offset:3px}
.merchant-link i.ph{font-size:17px}
.story-card{min-width:0}
.story-card-copy{padding-top:13px}
.story-card .kicker{font-size:12px;letter-spacing:.8px}
.category-divider{color:#a3a89f;padding-inline:4px}
.story-card h3{font-size:18px;line-height:1.27;letter-spacing:-.4px;font-weight:700;margin-top:7px}
.story-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.story-card p{font:400 15px/1.45 var(--serif);color:#59645b;margin-top:10px}
.story-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:8px}
.story-meta .save-icon{width:29px;height:29px}
.pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.pick-card{min-width:0}
.pick-image{position:relative;background:var(--soft);height:195px}
.pick-image>a{display:block;height:100%}
.pick-image img{height:100%;width:100%;object-fit:contain;padding:22px;mix-blend-mode:multiply;transition:transform .4s}
.pick-card:hover .pick-image img{transform:scale(1.04)}
.pick-image>.save-icon{position:absolute;right:10px;top:10px;background:white;border-color:#e4e8df}
.pick-image>.save-icon[aria-pressed=true]{background:var(--green);border-color:var(--green)}
.pick-card-copy{padding-top:16px}
.pick-card h3{font-size:15px;line-height:1.4;margin-top:6px;font-weight:600}
.pick-card h3 a:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.pick-card-copy>p{font-size:12px;color:var(--muted);line-height:1.5;margin-top:5px}
.guide-link{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:11px}
.guide-link:hover{color:var(--green)}
.guide-link i.ph{font-size:13px}
.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);padding-block:23px 14px}
.breadcrumbs i{font-size:12px}
.breadcrumbs a:hover{text-decoration:underline}
.listing-page{padding-bottom:55px}
.page-heading{padding-top:39px;padding-bottom:28px;max-width:820px}
.page-heading .kicker{font-size:12px;letter-spacing:1.8px}
.page-heading h1{font-size:51px;line-height:1.09;letter-spacing:-1.7px;font-weight:800;margin-top:16px}
.page-heading>p{font:400 22px/1.45 var(--serif);max-width:680px;margin-top:17px;color:#5f6a60}
.breadcrumbs+.page-heading{padding-top:14px}
.topic-filter{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:15px;margin-top:7px}
.topic-filter a{font-size:12px;display:flex;align-items:center;gap:18px;border:1px solid var(--line);padding:10px 16px}
.topic-filter a:hover{background:var(--sage)}
.topic-filter a>i{font-size:16px;color:var(--green)}
.category-section{padding-top:43px;scroll-margin-top:20px}
.category-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.category-stories:has(>.story-card:only-child){grid-template-columns:minmax(0,720px)}
.category-stories>.story-card:only-child{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.category-stories>.story-card:only-child .story-card-copy{padding-top:7px}
.category-stories .story-card h3{font-size:25px;line-height:1.2}
.category-stories .story-card p{font-size:18px}
.count-label{font-size:12px;color:var(--muted)}
.category-section>.text-link{margin-top:24px}
.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-block:2rem;padding-top:17px;border-top:1px solid var(--line)}
.pagination-status{font-size:12px;color:var(--muted)}
.library-search{display:flex;align-items:center;gap:15px;border:1px solid #bccabb;padding:7px 7px 7px 18px;max-width:790px;margin-top:6px}
.library-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;color:var(--ink);padding:10px 0}
.library-search:focus-within{outline:2px solid var(--green);outline-offset:3px}
.library-search input:focus-visible{outline:none}
.library-search>i{color:var(--green)}
.listing-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:31px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}
.filter-button{border:1px solid var(--line);padding:9px 15px;font-size:12px;border-radius:2px}
.filter-button:hover{background:var(--soft)}
.filter-button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}
.picks-toolbar{flex-wrap:wrap}
.picks-toolbar>.filter-buttons{flex:0 0 auto;max-width:100%}
.picks-toolbar>.sort-label+.filter-buttons{flex-basis:100%}
.sort-label{position:relative}
.sort-label select{appearance:none;background:white;border:0;font-size:12px;padding:9px 26px 9px 8px;color:var(--muted);max-width:160px;cursor:pointer}
.sort-label>i{position:absolute;right:4px;top:12px;font-size:13px;pointer-events:none}
.results-status{font-size:12px;color:var(--muted);padding-block:16px 21px}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}
.load-more{display:flex;justify-content:center;margin-top:32px}
.load-more:has(>[hidden]){display:none}
.library-grid .story-card h3{font-size:23px;line-height:1.22}
.library-grid .story-card p{font-size:17px}
.library-grid .story-meta{margin-top:12px}
.library-grid .story-image{aspect-ratio:1.75}
.library-grid .is-product img{padding:22px 35px}
.value-explainer{border-left:3px solid var(--green);background:var(--soft);padding:17px 23px;max-width:800px;margin-top:4px}
.value-explainer>strong{font-size:13px}
.value-explainer>p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:6px}
.full-pick-grid{row-gap:40px}
.full-pick-grid .pick-image{height:235px}
.full-pick-grid .pick-card h3{font-size:17px}
.full-pick-grid .pick-card-copy>p{font-size:12px}
.full-pick-grid .merchant-link{font-size:15px}
.price-disclaimer{font-size:12px;line-height:1.6;color:var(--muted);margin-top:32px}
.empty-state{text-align:center;max-width:650px;margin-inline:auto;padding:55px 20px 70px}
.empty-state>i.ph{display:inline-block;font-size:39px;color:var(--green);margin-bottom:19px}
.empty-state h2{font:500 34px/1.2 var(--serif);letter-spacing:-.5px}
.empty-state>p{font-size:14px;color:var(--muted);line-height:1.7;max-width:360px;margin:15px auto 24px}
.saved-note{display:flex;align-items:center;gap:12px;background:var(--soft);padding:17px 21px;margin-bottom:27px}
.saved-note>i{color:var(--green);font-size:21px}
.saved-note p{font-size:12px;color:var(--muted);line-height:1.6}
.saved-section{padding-top:28px}
.saved-section h2{font:500 32px/1.2 var(--serif);margin-bottom:24px}
.not-found{padding-block:90px}
.not-found h1{font-size:45px;line-height:1.1;letter-spacing:-1px;margin-top:15px}
.notice{background:var(--sage);padding:18px;color:var(--green);font-size:14px;line-height:1.6}
.article-page{padding-bottom:15px}
.article-heading{max-width:970px;padding-top:24px;padding-bottom:32px;margin-left:auto}
.article-heading>.kicker{font-size:12px;letter-spacing:1.7px}
.article-heading h1{font-size:51px;font-weight:800;line-height:1.08;letter-spacing:-1.6px;margin-top:15px;max-width:880px}
.article-dek{font:400 24px/1.4 var(--serif);color:#586459;max-width:770px;margin-top:22px}
.article-byline{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:25px}
.article-byline>div:first-child>strong{display:block;font-size:13px;font-weight:600}
.article-byline>div:first-child>span{display:block;font-size:12px;color:var(--muted);margin-top:7px}
.article-byline>div:first-child>span>span{margin-inline:7px}
.article-actions{display:flex;gap:10px}
.article-actions .button{font-size:12px;min-height:36px;padding:9px 13px;gap:8px}
.article-actions .button i{font-size:16px}
.article-actions .button[aria-pressed=true]{background:var(--sage);border-color:var(--green);color:var(--green)}
.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px}
.article-toc{position:sticky;top:28px;align-self:start;border-top:2px solid var(--ink);padding-top:16px}
.article-toc>.kicker{font-size:12px}
.article-toc nav{display:flex;flex-direction:column;gap:0;margin-top:13px}
.article-toc nav a{font-size:12px;line-height:1.5;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line)}
.article-toc nav a:hover,.article-toc nav a.active{color:var(--green);font-weight:600}
.toc-about{display:block;font:500 23px/1.15 var(--serif);color:var(--green);margin-top:26px}
.toc-about i{font-size:17px}
.article-content{max-width:970px;min-width:0}
.article-hero{max-height:490px;aspect-ratio:1.8}
.article-hero.is-product img{padding:35px}
.image-credit{font-size:12px;color:var(--muted);margin-top:9px}
.article-intro{max-width:710px;margin-top:32px}
.article-intro>.kicker{font-size:12px}
.article-intro>p,.prose-section>p{font:400 21px/1.6 var(--serif);letter-spacing:.03px;margin-top:20px;color:#303a31}
.article-intro>p:first-of-type{font-size:23px;line-height:1.5}
.article-picks{padding-top:40px}
.article-picks>h2,.prose-section>h2{font-size:28px;font-weight:700;letter-spacing:-.7px;line-height:1.25;margin-bottom:12px}
.article-section-intro{font-size:14px;line-height:1.65;color:var(--muted);max-width:670px;margin-bottom:23px}
.recommendation{display:grid;grid-template-columns:220px minmax(0,1fr);border-top:3px solid var(--green);background:var(--soft);margin-top:23px;scroll-margin-top:25px}
.recommendation-image{padding:25px;display:flex;align-items:center;justify-content:center}
.recommendation-image img{width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply}
.recommendation-copy{padding:25px 28px 25px 5px}
.recommendation-label{font-size:12px;font-weight:700;color:var(--green);letter-spacing:.5px}
.recommendation-copy h3{font-size:22px;line-height:1.2;letter-spacing:-.5px;margin-top:10px}
.recommendation-copy>p{font-size:13px;line-height:1.65;margin-top:12px}
.recommendation-copy>.tradeoff{font-size:12px;color:var(--muted)}
.tradeoff strong{font-weight:600;color:var(--ink)}
.recommendation-buy{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.recommendation-buy .merchant-link{font-size:13px;background:var(--green);color:white;border:0;padding:11px 14px;min-width:205px}
.recommendation-buy .merchant-link:hover{background:var(--green-deep);text-decoration:none}
.recommendation-buy .merchant-at{font-size:12px}
.recommendation-buy>.save-icon{background:white;border:1px solid var(--line)}
.recommendation-buy>.save-icon[aria-pressed=true]{background:var(--green);border-color:var(--green)}
.price-date{display:block;font-size:12px;line-height:1.6;margin-top:13px;color:var(--muted)}
.prose-section{max-width:710px;padding-top:44px;scroll-margin-top:15px}
.prose-section>p{font-size:20px}
.approach-note{max-width:800px;padding:25px 28px;background:var(--sage);margin-top:45px;border-left:3px solid var(--green);scroll-margin-top:25px}
.approach-note>div{display:flex;align-items:center;gap:10px;color:var(--green);margin-bottom:16px}
.approach-note>div>i{font-size:24px}
.approach-note h2{font-size:18px;line-height:1.3;letter-spacing:-.3px}
.approach-note p{font-size:13px;line-height:1.75;color:#4e604f;margin-bottom:13px}
.approach-note ul{list-style:none;font-size:12px;line-height:1.6;margin:16px 0}
.approach-note li{margin-top:8px}
.approach-note li a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.approach-note li i{font-size:13px;vertical-align:middle}
.approach-note .text-link{font-size:12px}
.mobile-toc{display:none}
.related-section{padding-top:47px;padding-bottom:54px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.related-grid h3{font-size:23px}
.related-grid .story-image{aspect-ratio:1.7}
.information-page{max-width:960px;padding-bottom:65px}
.information-page .page-heading{max-width:860px}
.information-page .page-heading h1{font-size:55px}
.info-prose{max-width:720px}
.info-prose section{padding-top:34px;scroll-margin-top:20px}
.info-prose h2{font-size:24px;line-height:1.3;margin-bottom:17px;letter-spacing:-.4px}
.info-prose p{font:400 21px/1.6 var(--serif);margin-top:15px;color:#455145}
.info-prose .text-link{margin-top:23px}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:13px 23px;background:var(--green);color:white;border-radius:3px;max-width:calc(100% - 30px);width:max-content;font-size:13px;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}
.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{border:1px solid var(--line);background:white;border-radius:4px;color:var(--ink);max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto}
dialog::backdrop{background:#102c1b70}
.share-dialog{padding:43px 30px 30px;width:450px;position:fixed}
.dialog-close{position:absolute;right:12px;top:12px;width:32px;height:32px}
.dialog-close i{font-size:17px}
.share-dialog h2{font:500 30px/1.2 var(--serif);margin-bottom:10px}
.share-dialog p{font-size:13px;color:var(--muted);line-height:1.6}
.share-dialog input{width:100%;min-width:0;margin:18px 0;border:1px solid var(--line);padding:12px;font-size:12px;color:var(--ink)}
@media(min-width:1600px){}
@media(max-width:1150px){.wrap{width:calc(100% - 60px)}
.pick-grid{gap:20px}
.story-card h3{font-size:17px}
.story-card p{font-size:14px}
.pick-image{height:175px}
.article-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}
.article-heading{max-width:calc(100% - 235px)}
.article-heading h1{font-size:43px}
.article-dek{font-size:22px}
.article-actions .button{gap:6px;padding:8px 10px}
.recommendation{grid-template-columns:165px minmax(0,1fr)}
.recommendation-image{padding:17px}
.recommendation-copy{padding:23px 20px 23px 3px}
.recommendation-copy h3{font-size:20px}
.recommendation-buy .merchant-link{min-width:170px}
.library-grid .story-card h3{font-size:21px}
.library-grid .story-card p{font-size:16px}
.filter-button{padding:9px 12px;font-size:12px}
}
@media(max-width:900px){.story-card h3{font-size:21px}
.story-card p{font-size:16px}
.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
.pick-image{height:220px}
.pick-card h3{font-size:17px}
.pick-card-copy>p{font-size:12px}
.listing-toolbar{flex-direction:column;align-items:stretch;gap:11px}
.sort-label{align-self:flex-end}
.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-heading h1{font-size:43px}
.category-stories{grid-template-columns:repeat(2,minmax(0,1fr))}
.category-stories .story-card h3{font-size:23px}
.article-heading{max-width:none;margin-left:0}
.article-layout{grid-template-columns:1fr;gap:0}
.article-toc{display:none}
.article-heading h1{font-size:45px;max-width:750px}
.article-dek{max-width:670px}
.article-content{max-width:none}
.article-intro,.prose-section{max-width:680px;margin-inline:auto}
.article-hero{max-height:450px;aspect-ratio:1.65}
.mobile-toc{display:block;background:var(--soft);padding:16px 20px;margin-top:24px;font-size:13px}
.mobile-toc summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--green)}
.mobile-toc summary::-webkit-details-marker{display:none}
.mobile-toc nav{display:flex;flex-direction:column;gap:15px;padding-block:19px 4px}
.mobile-toc nav a{color:var(--muted);line-height:1.4}
.recommendation{grid-template-columns:200px minmax(0,1fr)}
.recommendation-copy{padding:24px 26px 24px 5px}
.recommendation-copy h3{font-size:23px}
.related-grid{gap:23px}
.related-grid h3{font-size:20px}
.information-page .page-heading h1{font-size:47px}
}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}
.lead-story{order:1;width:100%}
.story-image{aspect-ratio:1.2}
.is-product img{padding:15px}
.story-card-copy{padding-top:11px}
.story-card .kicker{font-size:12px;letter-spacing:.4px;line-height:1.4}
.category-divider{padding-inline:2px}
.story-card h3{font-size:17px;line-height:1.22;letter-spacing:-.4px;margin-top:7px}
.story-card p{font-size:15px;line-height:1.4;margin-top:9px}
.story-meta{font-size:12px;margin-top:9px}
.story-meta .save-icon{width:25px;height:25px}
.save-icon i{font-size:16px}
.pick-grid{gap:27px 14px}
.pick-image{height:175px}
.pick-image img{padding:18px 14px}
.pick-image>.save-icon{right:7px;top:7px;width:29px;height:29px}
.pick-card-copy{padding-top:13px}
.pick-card-copy>.kicker{font-size:12px}
.pick-card h3{font-size:14px;line-height:1.35;margin-top:6px}
.pick-card-copy>p{font-size:12px;margin-top:6px}
.merchant-link{font-size:12px;gap:7px;padding-block:9px}
.merchant-at{font-size:12px}
.merchant-link i.ph{font-size:15px}
.guide-link{font-size:12px;gap:6px;margin-top:10px}
.breadcrumbs{font-size:12px;padding-block:19px 10px;gap:7px;flex-wrap:wrap}
.breadcrumbs i{font-size:12px}
.page-heading{padding-top:28px;padding-bottom:23px}
.page-heading .kicker{font-size:12px;letter-spacing:1.3px}
.page-heading h1{font-size:36px;line-height:1.09;letter-spacing:-1.2px;margin-top:14px}
.page-heading>p{font-size:20px;line-height:1.4;margin-top:15px}
.listing-page{padding-bottom:38px}
.topic-filter{gap:9px;padding-block:13px}
.topic-filter a{font-size:12px;padding:9px 13px;gap:13px}
.topic-filter a i{font-size:13px}
.category-section{padding-top:29px}
.category-stories{grid-template-columns:1fr;gap:24px}
.category-stories:has(>.story-card:only-child){grid-template-columns:1fr}
.category-stories>.story-card:only-child{grid-template-columns:140px 1fr;gap:16px}
.category-stories>.story-card:only-child .story-card-copy{padding-top:0}
.category-stories .story-card h3{font-size:21px;line-height:1.17}
.category-stories .story-card p{font-size:16px;line-height:1.35}
.category-stories .story-image{height:150px;aspect-ratio:auto}
.category-stories .story-meta{font-size:12px}
.count-label{font-size:12px;white-space:nowrap;padding-top:3px}
.pagination{gap:16px;margin-block:1.5rem;flex-wrap:wrap}
.library-search{padding:6px 6px 6px 12px;gap:10px;margin-top:1px}
.library-search>i{font-size:18px}
.library-search input{font-size:12px;padding-block:9px}
.library-search .button{font-size:0;gap:0;padding:9px 11px;min-height:37px}
.library-search .button i{font-size:18px}
.listing-toolbar{margin-top:23px;gap:10px;padding-bottom:10px}
.filter-buttons{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;gap:7px}
.filter-button{white-space:nowrap;font-size:12px;padding:9px 13px}
.sort-label select{font-size:12px;padding-block:4px}
.sort-label i{font-size:12px;top:6px}
.results-status{font-size:12px;padding-block:13px 20px}
.library-grid{gap:29px 15px}
.library-grid .story-card h3{font-size:18px;line-height:1.22;letter-spacing:-.5px}
.library-grid .story-card p{font-size:15px;line-height:1.4}
.library-grid .story-meta{margin-top:8px}
.library-grid .story-image{aspect-ratio:1.15}
.library-grid .is-product img{padding:18px 13px}
.value-explainer{padding:15px 18px}
.value-explainer>strong{font-size:12px}
.value-explainer>p{font-size:12px;line-height:1.6}
.full-pick-grid .pick-image{height:180px}
.full-pick-grid .pick-card h3{font-size:15px}
.full-pick-grid .pick-card-copy>p{font-size:12px}
.full-pick-grid .merchant-link{font-size:13px}
.price-disclaimer{font-size:12px;margin-top:24px}
.empty-state{padding:40px 12px 50px}
.empty-state h2{font-size:30px}
.empty-state>p{font-size:13px}
.saved-note{padding:14px 17px;gap:10px;margin-bottom:16px}
.saved-note p{font-size:12px}
.saved-note>i{font-size:20px}
.saved-section{padding-top:19px}
.saved-section h2{font-size:29px}
.article-heading{padding-top:15px;padding-bottom:23px}
.article-heading>.kicker{font-size:12px;letter-spacing:1.3px}
.article-heading h1{font-size:35px;line-height:1.1;letter-spacing:-1px;margin-top:13px}
.article-dek{font-size:21px;line-height:1.35;margin-top:18px}
.article-byline{flex-direction:column;align-items:flex-start;gap:18px;margin-top:20px}
.article-byline>div:first-child>strong{font-size:12px}
.article-byline>div:first-child>span{font-size:12px;line-height:1.5}
.article-actions{width:100%;gap:9px}
.article-actions .button{font-size:12px;padding:9px 13px;min-height:35px;gap:9px}
.article-hero{aspect-ratio:1.35;max-height:380px}
.article-hero.is-product img{padding:26px}
.image-credit{font-size:12px;margin-top:8px;line-height:1.5}
.mobile-toc{padding:15px 17px;margin-top:19px;font-size:12px}
.mobile-toc summary i{font-size:15px}
.mobile-toc nav{gap:16px;font-size:12px}
.article-intro{margin-top:27px}
.article-intro>.kicker{font-size:12px}
.article-intro>p{font-size:20px;line-height:1.55;margin-top:16px}
.article-intro>p:first-of-type{font-size:21px;line-height:1.5}
.article-picks{padding-top:30px}
.article-picks>h2,.prose-section>h2{font-size:25px;line-height:1.2;letter-spacing:-.6px}
.article-section-intro{font-size:12px;line-height:1.6;margin-bottom:18px}
.recommendation{grid-template-columns:1fr;margin-top:20px}
.recommendation-image{height:205px;padding:22px}
.recommendation-image img{height:100%;max-height:170px}
.recommendation-copy{padding:0 22px 23px}
.recommendation-label{font-size:12px}
.recommendation-copy h3{font-size:24px;margin-top:9px}
.recommendation-copy>p{font-size:13px;line-height:1.65;margin-top:11px}
.recommendation-copy>.tradeoff{font-size:12px}
.recommendation-buy{gap:13px}
.recommendation-buy .merchant-link{font-size:13px;min-width:0;flex:1;padding:12px 15px}
.recommendation-buy .merchant-at{font-size:12px}
.price-date{font-size:12px;line-height:1.6}
.prose-section{padding-top:31px}
.prose-section>p{font-size:20px;line-height:1.6;margin-top:16px}
.approach-note{padding:22px 20px;margin-top:33px}
.approach-note>div{align-items:flex-start;gap:9px;margin-bottom:15px}
.approach-note h2{font-size:17px;line-height:1.35}
.approach-note p{font-size:12px;line-height:1.75}
.approach-note ul{font-size:12px}
.related-section{padding-top:32px;padding-bottom:37px}
.related-grid{grid-template-columns:1fr;gap:25px}
.related-grid .story-card{display:grid;grid-template-columns:125px 1fr;gap:17px}
.related-grid .story-image{height:130px;aspect-ratio:auto}
.related-grid .story-card-copy{padding-top:0}
.related-grid h3{font-size:20px;line-height:1.22}
.related-grid .story-card p{font-size:15px}
.information-page{padding-bottom:42px}
.information-page .page-heading h1{font-size:39px;line-height:1.07}
.info-prose section{padding-top:26px}
.info-prose h2{font-size:23px;line-height:1.2;margin-bottom:15px}
.info-prose p{font-size:20px;line-height:1.55;margin-top:15px}
.toast{font-size:12px;bottom:18px;padding:12px 18px}
.not-found{padding-block:60px}
.not-found h1{font-size:36px}
.not-found>.kicker{font-size:12px}
.notice{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{.site-header,.site-footer,.article-toc,.article-actions,.mobile-toc,.save-icon,.toast,.related-section{display:none!important}.wrap{width:100%;max-width:none}.article-heading{max-width:none}.article-layout{display:block}.article-content{max-width:none}.article-hero{max-height:260px}.recommendation{break-inside:avoid}.merchant-link{color:black;background:none!important}.prose-section{max-width:none}body{font-size:12pt}}
.text-button{padding:0;border:0;background:none;color:var(--green);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.interest-controls{display:flex;flex-wrap:wrap;gap:12px}
/* The statistics consent banner of a consent market (src/client/consent.js): pinned to the bottom, narrow
   enough to leave the page readable, and two buttons of the same weight */
.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:40;max-width:640px;margin-inline:auto;padding:18px 20px;background:var(--white);border:1px solid var(--line);border-radius:3px;box-shadow:0 8px 28px rgba(33,41,35,.16);font-size:14px;line-height:1.55}
.consent-title{font-size:15px;margin-bottom:6px}
.consent-text a{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.consent-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.consent-button{flex:1 1 140px;border-color:var(--green);background:var(--white);color:var(--green)}
.consent-button:hover{background:var(--sage)}
.consent-status{margin-top:12px;color:var(--muted)}
@media print{.consent-banner{display:none!important}}

/* The market selector at the domain root. */
.market-select { max-width: 40rem; padding-block: 4rem; }
.market-select .wordmark { display: inline-block; margin-bottom: 2rem; }
.market-list { list-style: none; padding: 0; margin: 2rem 0 0; display: grid; gap: .75rem; }
.market-link { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border: 1px solid var(--line); border-radius: .5rem; color: inherit; text-decoration: none; }
.market-link:hover, .market-link:focus-visible { background: var(--soft); }
.market-link.is-suggested { border: 2px solid var(--green); font-weight: 600; }
.market-code { color: var(--muted); font-size: .875rem; }

:root {
  --ink: #171917;
  --muted: #636863;
  --soft: #f1f2ef;
  background: #f8f8f7;
}

.wrap { width: calc(100% - 64px); max-width: 1024px; margin-inline: auto; }
#main { scroll-margin-top: 100px; }
.site-header { background: white; }
.masthead, .compact-masthead { display: flex; align-items: center; gap: 24px; min-height: 78px; }
.wordmark { display: inline-flex; align-items: center; color: var(--green); font: 500 39px/1 var(--serif); letter-spacing: -1.7px; white-space: nowrap; }
.wordmark > span { align-self: flex-start; margin: -2px 0 0 3px; font: 400 34px/1 Georgia, serif; }
.header-search { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; border: 1px solid #777d77; border-radius: 5px; padding: 2px 10px 2px 14px; background: #fafafa; }
.header-search > i, .finder-search > i { color: var(--green); font-size: 20px; }
.header-search input, .finder-search input { width: 100%; min-width: 0; border: 0; background: transparent; padding: 9px 0; font-size: 14px; color: var(--ink); }
.header-search input::placeholder, .finder-search input::placeholder { color: #575d58; opacity: 1; }
.header-search:focus-within, .finder-search:focus-within { outline: 2px solid var(--green); outline-offset: 2px; }
.header-search input:focus-visible, .finder-search input:focus-visible { outline: none; }
.header-search button, .finder-search button { display: grid; place-items: center; min-width: 32px; min-height: 32px; padding: 4px; }
.header-search button i, .finder-search button i { font-size: 18px; }
.header-saved { display: flex; align-items: center; gap: 6px; min-height: 40px; font-size: 12px; }
.header-saved > i { font-size: 19px; }
.header-saved [data-saved-count] { display: grid; place-items: center; min-width: 19px; height: 19px; padding-inline: 3px; border-radius: 50%; background: var(--sage); color: var(--green); }
.header-about { font-size: 12px; padding: 10px 12px; background: var(--ink); color: white; border-radius: 2px; white-space: nowrap; }
.header-about:hover { background: var(--green); }
.menu-button { display: none; }
.primary-nav { border: 0; }
.nav-inner { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 47px; }
.primary-nav a, .topics-button { padding: 12px 0; font-size: 14px; line-height: 1.4; font-weight: 700; white-space: nowrap; }
.primary-nav a:hover, .primary-nav a[aria-current] { color: var(--green); text-decoration: underline; text-underline-offset: 6px; }
.topics-button { display: inline-flex; gap: 5px; align-items: center; }
.topics-button i { font-size: 13px; }
.topics-menu { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 25px; padding-block: 27px; border-top: 1px solid var(--line); }
.topics-menu > div { display: flex; align-items: flex-start; flex-direction: column; gap: 13px; }
.topics-menu a { font-size: 12px; line-height: 1.5; }
.topics-menu a:hover { text-decoration: underline; }
.topics-menu .topic-group-title { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.category-section-empty .topic-note { margin: 0; font-size: 14px; line-height: 1.6; color: var(--muted); }
.mobile-menu { padding: 10px 20px 20px; border-bottom: 1px solid var(--line); }
.disclosure-bar { padding-block: 18px 21px; background: #f8f8f7; text-align: center; font-size: 12px; line-height: 1.6; }
.disclosure-bar a { font-weight: 700; white-space: nowrap; }
.disclosure-bar a:hover { text-decoration: underline; }
.disclosure-bar i { font-size: 10px; }
.compact-header { position: fixed; inset: 0 0 auto; z-index: 40; background: white; box-shadow: 0 2px 5px #00000021; }
.compact-masthead { min-height: 76px; gap: 32px; }
.compact-masthead .header-search { margin-left: 0; }

.front-page { display: grid; grid-template-columns: 186px minmax(0, 1fr) 148px; gap: 30px; align-items: start; }
.rail-title { border-top: 2px solid var(--ink); padding-top: 4px; margin-bottom: 18px; font: 400 27px/1.15 var(--serif); letter-spacing: -.5px; }
.latest-item { margin-bottom: 25px; }
.latest-item h3 { font-size: 14px; line-height: 1.32; font-weight: 700; letter-spacing: -.15px; }
.latest-item h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.latest-date { display: block; margin-top: 7px; font-size: 12px; color: var(--muted); }
.latest-rail > .text-link, .value-rail > .text-link { font-size: 13px; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.lead-image { aspect-ratio: 3/2; }
.lead-copy { padding-top: 15px; }
.lead-copy h1 { border-top: 6px solid var(--ink); padding-top: 8px; font-size: 39px; font-weight: 800; line-height: 1.09; letter-spacing: -1.4px; }
.lead-copy h1 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.lead-byline { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; font-size: 13px; }
.lead-byline strong { font-weight: 700; }
.lead-followups { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 12px; }
.lead-dek { font: 400 20px/1.4 var(--serif); padding-top: 5px; }
.related-inline { border-top: 2px solid var(--ink); }
.related-inline h2 { font: 400 27px/1.15 var(--serif); margin-bottom: 17px; }
.related-inline > a { display: block; font-size: 14px; line-height: 1.32; font-weight: 700; margin-top: 16px; }
.related-inline > a:hover { text-decoration: underline; }
.value-rail .rail-title { margin-bottom: 12px; }
.rail-intro { color: var(--muted); font-size: 12px; line-height: 1.5; margin-bottom: 18px; }
.rail-pick { margin-bottom: 25px; }
.rail-pick-image { display: block; background: #f1f1f0; aspect-ratio: 3/2; margin-bottom: 6px; }
.rail-pick-image img { width: 100%; height: 100%; object-fit: contain; padding: 8px; mix-blend-mode: multiply; }
.rail-pick h3 { font-size: 13px; line-height: 1.4; text-decoration: underline; text-underline-offset: 2px; }
.rail-pick .merchant-link { padding-block: 6px 0; font-size: 12px; border: 0; color: var(--ink); gap: 3px; }
.rail-pick .merchant-at { font-size: 12px; color: var(--muted); }
.rail-pick .merchant-link i { display: none; }
.rail-note { font-size: 12px; line-height: 1.5; color: var(--muted); margin-top: 12px; }

.finder { display: grid; grid-template-columns: 36% minmax(0, 1fr); gap: 42px; border-top: 2px solid #343934; padding-top: 21px; margin-top: 94px; }
.finder h2 { font: 400 43px/1.1 var(--serif); letter-spacing: -.7px; }
.finder p { font-size: 17px; line-height: 1.55; margin-top: 20px; max-width: 350px; }
.finder-search { display: flex; align-items: center; gap: 10px; border: 1px solid #777d77; border-radius: 5px; padding: 3px 10px 3px 15px; }
.finder-suggestions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }
.finder-suggestions a { padding: 9px 12px; background: #eaf0e7; color: #254734; font-size: 12px; line-height: 1.5; border-radius: 5px; }
.finder-suggestions a:hover { background: #dbe7d5; text-decoration: underline; text-underline-offset: 3px; }
.editorial-section, .editorial-shelf { padding-top: 75px; }
.section-heading { border-top: 6px solid var(--ink); padding-top: 7px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.section-heading h2 { font: 800 37px/1.12 var(--sans); letter-spacing: -1.2px; }
.section-heading p { font-size: 19px; line-height: 1.45; margin-top: 16px; }
.section-heading > .text-link { flex-shrink: 0; }
.section-topics { font-size: 14px; line-height: 1.8; margin-top: 6px; }
.section-topics a { text-decoration: underline; text-underline-offset: 2px; }
.section-topics a:hover { color: var(--green); }
.story-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.routine-story h3 { font-size: 22px; line-height: 1.27; letter-spacing: -.55px; font-weight: 800; margin-top: 16px; }
.routine-story h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.routine-story .story-image, .feature-story .story-image { aspect-ratio: 3/2; }
.feature-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.feature-list { display: grid; gap: 35px; }
.feature-story { min-width: 0; }
.feature-copy { padding-top: 16px; }
.feature-copy h3 { font-size: 22px; line-height: 1.25; font-weight: 800; letter-spacing: -.55px; }
.feature-copy h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.feature-byline { display: block; font-size: 13px; line-height: 1.45; font-weight: 700; margin-top: 4px; }
.byline-link { color: inherit; }
.byline-link:hover { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
.editor-list { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 8px; }
.editor-list a { font-weight: 700; }
.editor-profile { max-width: 68ch; margin-bottom: 28px; }
.editor-beats { font-size: 13px; color: var(--muted); }
.feature-copy > p { font: 400 19px/1.35 var(--serif); margin-top: 12px; }
.feature-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px; }
.feature-meta time { font-size: 12px; line-height: 1.5; }
.feature-story-small { display: grid; grid-template-columns: 138px minmax(0, 1fr); gap: 16px; }
.feature-story-small .feature-copy { padding-top: 0; }
.feature-story-small .is-product img { padding: 8px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.value-section { padding-bottom: 76px; }
.value-section .section-heading p { font-size: 16px; }
.collection-link { margin-top: 24px; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }

.site-footer { background: #222423; color: #f6f7f3; padding-top: 48px; }
.footer-main { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 28px 65px; padding-block: 7px 45px; border-top: 1px solid #91968f; }
.footer-brand { grid-column: 1 / -1; }
.footer-brand .wordmark { color: white; font-size: 42px; }
.footer-brand > p { font-size: 12px; margin-top: 7px; color: #c7cdc6; }
.footer-mission h2 { font: 500 23px/1.3 var(--serif); margin-bottom: 13px; }
.footer-mission > p { font: 400 21px/1.3 var(--serif); max-width: 470px; }
.footer-mission .text-link { color: white; margin-top: 18px; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; font-size: 14px; line-height: 1.5; padding-top: 3px; }
.footer-links a:hover { text-decoration: underline; text-underline-offset: 3px; }
.footer-links i { font-size: 13px; }
.footer-bottom { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; padding-block: 25px 36px; font-size: 12px; line-height: 1.6; color: #d4d9d1; }
.footer-bottom p { margin-left: auto; }
.footer-bottom a:hover { text-decoration: underline; }
.site-footer a:focus-visible { outline-color: #d8e9bd; }

.article-toc { top: 96px; }
.article-heading { max-width: 784px; }
.article-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 50px; }
.article-byline { flex-wrap: wrap; }
.article-intro, .prose-section, .article-picks, .recommendation, .approach-note, .category-section, .info-prose section { scroll-margin-top: 100px; }

@media (max-width: 1050px) {
  .front-page { grid-template-columns: 160px minmax(0, 1fr) 135px; gap: 24px; }
  .header-about { display: none; }
  .nav-inner { gap: 12px; overflow-x: auto; scrollbar-width: none; }
  .primary-nav a, .topics-button { font-size: 13px; }
  .lead-copy h1 { font-size: 35px; }
  .lead-followups { gap: 18px; }
  .feature-layout { gap: 30px; }
  .feature-story-small { grid-template-columns: 112px minmax(0, 1fr); gap: 15px; }
  .feature-copy h3 { font-size: 21px; }
  .footer-main { gap: 28px 40px; }
}

@media (max-width: 900px) {
  .wrap { width: calc(100% - 48px); }
  .masthead { gap: 24px; }
  .nav-inner { justify-content: flex-start; gap: 25px; overflow-x: auto; scrollbar-width: none; }
  .topics-button { display: none; }
  .front-page { grid-template-columns: 154px minmax(0, 1fr); gap: 25px; }
  .lead-copy h1 { font-size: 37px; }
  .lead-followups { grid-template-columns: 1fr; gap: 20px; }
  .related-inline { width: 66%; margin-left: auto; }
  .value-rail { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 24px; border-top: 2px solid var(--ink); padding-top: 8px; margin-top: 26px; }
  .value-rail .rail-title { grid-column: 1 / 3; border: 0; margin: 0; }
  .value-rail .rail-intro { align-self: center; text-align: right; margin: 0; }
  .rail-pick { margin: 0; }
  .rail-pick-image { max-height: 155px; }
  .rail-note { grid-column: 2 / -1; margin: 0; text-align: right; }
  .finder { margin-top: 65px; grid-template-columns: 1fr 1.4fr; gap: 26px; }
  .finder h2 { font-size: 37px; }
  .finder p { font-size: 16px; }
  .finder-suggestions { gap: 9px; margin-top: 20px; }
  .finder-suggestions a { padding: 8px 10px; }
  .section-heading h2 { font-size: 33px; }
  .section-heading p { font-size: 17px; }
  .story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
  .feature-layout { grid-template-columns: 1fr; gap: 32px; }
  .feature-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
  .feature-story-small { display: block; }
  .feature-story-small .feature-copy { padding-top: 15px; }
  .feature-layout > .feature-story { display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; }
  .feature-layout > .feature-story .feature-copy { padding: 0; }
  .feature-story-small .is-product img { padding: 18px; }
  .feature-copy h3 { font-size: 20px; }
  .feature-copy > p { font-size: 18px; }
  .footer-main { grid-template-columns: 1.6fr 1fr 1fr; gap: 28px; }
  .footer-mission > p { font-size: 19px; }
  .footer-bottom { gap: 15px 24px; }
  .footer-bottom p { width: 100%; margin: 0; }
  .article-heading { max-width: none; }
  .article-layout { grid-template-columns: 1fr; gap: 0; }
}

@media (max-width: 640px) {
  .wrap { width: calc(100% - 36px); }
  .masthead { flex-wrap: wrap; gap: 12px; padding-block: 18px 10px; min-height: 0; }
  .wordmark { font-size: 35px; letter-spacing: -1.5px; }
  .wordmark > span { font-size: 29px; }
  .header-search { order: 4; flex: 1 0 100%; }
  .header-search input, .finder-search input { font-size: 16px; }
  .header-saved { margin-left: auto; }
  .header-saved > span:not([data-saved-count]) { display: none; }
  .menu-button { display: grid; place-items: center; width: 34px; height: 40px; border: 0; border-radius: 0; }
  .menu-button i { font-size: 25px; }
  .nav-inner { min-height: 43px; gap: 24px; }
  .primary-nav a { padding-block: 12px; font-size: 13px; }
  .mobile-menu:not([hidden]) { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
  .mobile-menu a { display: flex; align-items: center; justify-content: space-between; padding-block: 15px; border-bottom: 1px solid var(--line); font-size: 13px; }
  .mobile-menu i { font-size: 14px; }
  .disclosure-bar { padding-block: 13px 20px; font-size: 12px; }
  .compact-masthead { min-height: 64px; gap: 18px; }
  .compact-masthead .wordmark { font-size: 28px; letter-spacing: -1px; }
  .compact-masthead .wordmark > span { font-size: 23px; }
  .compact-masthead .header-search { flex: 1; padding-left: 9px; gap: 5px; }
  .compact-masthead input { width: 70px; }
  .compact-masthead .header-search > i { display: none; }
  .compact-masthead .header-search button { min-width: 27px; }
  .front-page { display: flex; flex-direction: column; gap: 0; }
  .lead-story { order: 1; width: 100%; }
  .lead-copy { padding-top: 12px; }
  .lead-copy h1 { font-size: 35px; line-height: 1.1; letter-spacing: -1.1px; border-top-width: 5px; }
  .lead-byline { font-size: 12px; }
  .lead-followups { grid-template-columns: 1fr; gap: 22px; margin-top: 10px; }
  .lead-dek { font-size: 21px; line-height: 1.4; }
  .related-inline { width: 100%; }
  .related-inline h2 { font-size: 27px; margin-bottom: 12px; }
  .related-inline > a { margin-top: 13px; font-size: 14px; }
  .latest-rail { order: 2; width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; margin-top: 42px; }
  .latest-rail .rail-title, .latest-rail > .text-link { grid-column: 1 / -1; }
  .latest-item { margin-bottom: 22px; }
  .latest-item h3 { font-size: 14px; }
  .latest-item:last-of-type { grid-column: 1 / -1; }
  .value-rail { order: 3; width: 100%; margin-top: 38px; gap: 18px 12px; }
  .value-rail .rail-title { font-size: 27px; }
  .value-rail .rail-intro { font-size: 12px; }
  .rail-pick h3 { font-size: 13px; }
  .rail-pick-image { aspect-ratio: 1/1; }
  .rail-pick .merchant-at { display: block; }
  .rail-note { font-size: 12px; }
  .finder { grid-template-columns: 1fr; gap: 25px; margin-top: 47px; padding-top: 20px; }
  .finder h2 { font-size: 39px; }
  .finder h2 br { display: none; }
  .finder h2 br::after { content: ' '; }
  .finder p { margin-top: 14px; max-width: none; font-size: 17px; }
  .finder-suggestions { margin-top: 18px; }
  .editorial-section, .editorial-shelf { padding-top: 53px; }
  .section-heading { border-top-width: 5px; padding-top: 7px; margin-bottom: 24px; align-items: start; }
  .section-heading h2 { font-size: 31px; letter-spacing: -.9px; line-height: 1.12; }
  .section-heading p { font-size: 17px; line-height: 1.45; margin-top: 13px; }
  .section-topics { font-size: 13px; line-height: 1.9; margin-top: 8px; }
  .story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px 15px; }
  .routine-story h3 { font-size: 19px; line-height: 1.27; letter-spacing: -.45px; margin-top: 12px; }
  .routine-story .is-product img { padding: 14px; }
  .feature-layout > .feature-story { display: block; }
  .feature-layout > .feature-story .feature-copy { padding-top: 14px; }
  .feature-copy h3 { font-size: 23px; line-height: 1.25; }
  .feature-copy > p { font-size: 20px; line-height: 1.4; }
  .feature-byline { font-size: 12px; }
  .feature-meta { margin-top: 8px; }
  .feature-meta time { font-size: 12px; }
  .feature-list { grid-template-columns: 1fr; gap: 28px; }
  .feature-story-small { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 15px; }
  .feature-story-small .feature-copy { padding-top: 0; }
  .feature-story-small .feature-copy h3 { font-size: 20px; }
  .feature-story-small .feature-copy > p { font-size: 18px; }
  .feature-story-small .is-product img { padding: 8px; }
  .feature-grid { grid-template-columns: 1fr; gap: 32px; }
  .feature-grid .feature-story { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 15px; }
  .feature-grid .feature-copy { padding-top: 0; }
  .feature-grid .feature-copy h3 { font-size: 20px; }
  .feature-grid .feature-copy > p { font-size: 18px; }
  .feature-grid .is-product img { padding: 8px; }
  .value-section { padding-bottom: 48px; }
  .site-footer { padding-top: 30px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 30px 26px; padding-bottom: 28px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-brand .wordmark { font-size: 39px; }
  .footer-mission { grid-column: 1 / -1; }
  .footer-mission h2 { font-size: 24px; }
  .footer-mission > p { font-size: 21px; }
  .footer-links { font-size: 13px; gap: 16px; }
  .footer-bottom { gap: 13px 19px; padding-block: 18px 28px; }
  .footer-bottom > span { width: 100%; }
  .article-intro, .prose-section, .article-picks, .recommendation, .approach-note, .category-section, .info-prose section { scroll-margin-top: 83px; }
}

.review-verdict { margin-top: 32px; border-top: 4px solid var(--green); padding-top: 18px; scroll-margin-top: 100px; }
.review-verdict > h2 { font-size: 28px; line-height: 1.2; letter-spacing: -.7px; }
.verdict-text { font: 500 25px/1.35 var(--serif); margin-top: 13px; }
.review-fit { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin: 23px 0; }
.review-fit dt { font-size: 14px; font-weight: 700; color: var(--green); margin-bottom: 7px; }
.review-fit dd { margin: 0; font-size: 14px; line-height: 1.6; }
.review-balance { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; border-block: 1px solid var(--line); padding-block: 18px; }
.review-balance h3 { font-size: 15px; line-height: 1.4; margin-bottom: 9px; }
.review-balance ul { padding-left: 18px; }
.review-balance li { font-size: 14px; line-height: 1.6; margin-top: 7px; }
.review-limits { font-size: 13px; line-height: 1.65; margin-top: 18px; color: var(--muted); }
.review-limits strong { color: var(--ink); }

@media (max-width: 640px) {
  .review-verdict { scroll-margin-top: 83px; }
  .review-fit, .review-balance { grid-template-columns: 1fr; gap: 19px; }
  .verdict-text { font-size: 24px; }
}

@media print {
  .compact-header { display: none !important; }
  .wrap { width: 100%; max-width: none; }
  .article-layout { display: block; }
  .article-heading { max-width: none; }
}