/* Scoped, reusable buying-decision layout; no product-test or performance claims. */
.buyer-comparison { --buyer-green:#1c3b32; }
.buyer-comparison .buyer-kicker { font:700 11px/1.4 sans-serif; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); }
.buyer-comparison .buyer-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0 26px; }
.buyer-comparison .buyer-choice { border:1px solid var(--line); padding:20px; background:var(--surface); border-top:4px solid var(--buyer-green); }
.buyer-comparison .buyer-choice h3 { margin:0 0 10px; font-size:1.15rem; }
.buyer-comparison .buyer-choice p { margin:0; font-size:15px; }
.buyer-comparison .buyer-jump { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; padding-bottom:18px; border-bottom:1px solid var(--line); }
.buyer-comparison .buyer-jump a { padding:6px 10px; border:1px solid var(--line); font-size:13px; text-decoration:none; }
.buyer-comparison .buyer-method { padding:16px 18px; border-left:3px solid var(--buyer-green); background:var(--note); font-size:14px; }
.buyer-comparison .buyer-merchant { border:1px solid var(--line); padding:22px; margin:28px 0; }
.buyer-comparison .buyer-merchant h2 { margin-top:0; }
.buyer-comparison .table-scroll { overflow-x:auto; max-width:100%; margin:20px 0; border:1px solid var(--line); }
.buyer-comparison table { min-width:570px; margin:0; width:100%; }
.buyer-comparison th { font-size:13px; text-align:left; vertical-align:top; }
.buyer-comparison td { font-size:14px; vertical-align:top; }
.buyer-comparison h2[id] { scroll-margin-top:24px; }
@media(max-width:600px) { .buyer-comparison .buyer-summary {grid-template-columns:1fr;} .buyer-comparison .buyer-choice {padding:16px;} }

/* At phone widths, comparison rows become labelled cards, not squeezed columns. */
@media(max-width:600px) {
 .buyer-comparison .table-scroll {overflow:visible;border:0;}
 .buyer-comparison table,.buyer-comparison tbody {display:block;min-width:0;width:100%;}
 .buyer-comparison thead {display:none;}
 .buyer-comparison tr {display:block;border:1px solid var(--line);padding:10px;margin:12px 0;}
 .buyer-comparison tr:has(th) {display:none;}
 .buyer-comparison td {display:block;border:0;padding:9px 8px;}
 .buyer-comparison td::before {content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--muted);margin-bottom:3px;}
}
.buyer-comparison .buyer-tool {border:1px solid var(--line);padding:20px;margin:24px 0;background:var(--surface);}
.buyer-comparison .buyer-tool h2 {margin-top:0;}
.buyer-comparison .buyer-tool label {display:block;font-size:14px;margin:12px 0;}
.buyer-comparison .buyer-tool input,.buyer-comparison .buyer-tool select {display:block;width:100%;font:inherit;padding:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);}
.buyer-comparison .buyer-result {font-weight:650;border-top:1px solid var(--line);padding-top:14px;}

.buyer-comparison .buyer-jump a {min-height:44px;display:flex;align-items:center;}
.buyer-comparison a:focus-visible,.buyer-comparison input:focus-visible,.buyer-comparison select:focus-visible {outline:3px solid #175b43;outline-offset:3px;}

/* Only opt-in buyer pages use this compact reading shell. */
.buyer-page {max-width:760px;font-size:18px;line-height:1.6;}
.buyer-page h1 {font-size:clamp(30px,4vw,48px);line-height:1.12;}
.buyer-page>.disclosure {margin-top:16px;padding:10px 0;line-height:1.5;}
.buyer-page .buyer-comparison>h2:first-of-type {margin-top:18px;}
.buyer-page .buyer-kicker {margin:16px 0 6px;}
.buyer-page .buyer-choice {border-radius:12px;}
.buyer-page .buyer-choice dl {margin:0;font-size:14px;}
.buyer-page .buyer-choice dt {font-weight:700;margin-top:12px;font-size:12px;color:var(--muted);}
.buyer-page .buyer-choice dd {margin:3px 0 0;}
.buyer-page .buyer-choice a {min-height:44px;display:inline-flex;align-items:center;}
@media(max-width:600px){.buyer-page h1{font-size:32px;}.buyer-page .byline,.buyer-page .basis{font-size:12px;}.buyer-page>.health-note {font-size:12px;}.buyer-page .buyer-summary{gap:14px;}}

.buyer-comparison>h2:first-of-type+p {background:#eef3ef;padding:18px;border-left:3px solid #175b43;}

.buyer-page .buyer-evidence {font-size:12px;color:var(--muted);margin:12px 0 6px;}
.buyer-page h1 {margin-top:10px;}
.buyer-page>.disclosure {font-size:12px;line-height:1.45;}
.buyer-page>.byline {font-size:12px;line-height:1.45;}
.buyer-comparison .buyer-jump a,.buyer-comparison .buyer-choice a {min-height:44px;}
.buyer-comparison .buyer-merchant a {display:inline-flex;align-items:center;min-height:44px;}

@media(max-width:600px){
 .buyer-layout .site-header .wrap{min-height:64px;padding-top:8px;padding-bottom:8px;gap:6px;}
 .buyer-layout .site-header .logo{font-size:22px;}
 .buyer-layout .crumbs{margin-top:8px;}
 .buyer-layout .buyer-page{padding-top:8px;}
 .buyer-layout .buyer-page h1{margin-bottom:14px;}
 .buyer-layout .buyer-evidence{margin-top:8px;}
}

.buyer-comparison .buyer-tool select,.buyer-comparison .buyer-tool input {min-height:44px;}
