.hero{padding:clamp(4rem,9vw,8rem) 0 var(--s8)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(16rem,.65fr);gap:var(--s8);align-items:end}
.hero h1{max-width:12ch;margin:.35rem 0 var(--s5);font:700 clamp(3.5rem,9vw,8rem)/.87 var(--serif);letter-spacing:-.055em}
.hero h1 span{color:var(--teal-700)}
.hero-intro{max-width:58ch;font-size:1.12rem}
.issue-box{border-block:4px double var(--teal-900);padding:var(--s5) 0}
.issue-box strong{display:block;font:700 2.6rem/1 var(--serif)}
.credibility{background:var(--teal-900);color:var(--mint-50)}
.stat-strip{display:grid;grid-template-columns:repeat(3,1fr)}
.stat{padding:var(--s5) var(--s4);border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat strong{display:block;font:700 1.75rem/1.1 var(--serif);font-variant-numeric:tabular-nums}
.section{padding:var(--s9) 0 0}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:end;margin-bottom:var(--s7)}
.section h2{margin:.35rem 0 0;font:700 clamp(2.35rem,5.5vw,5.25rem)/.94 var(--serif);letter-spacing:-.04em}
.affiliate-note{font-size:.9rem;border-block:1px solid var(--line);padding:var(--s4) 0}
.featured-operator{display:grid;grid-template-columns:1.15fr .85fr;border:6px double var(--teal-900);background:var(--paper)}
.featured-copy{padding:clamp(1.5rem,4vw,3.5rem)}
.operator-logo{display:inline-flex;min-width:8rem;min-height:3.25rem;align-items:center;justify-content:center;border:2px solid currentColor;padding:.5rem 1rem;color:var(--teal-900);font:900 1.15rem/1 var(--sans);letter-spacing:-.03em;background:var(--mint-50)}
.featured-copy h3{font:700 clamp(2.4rem,5vw,4.6rem)/.95 var(--serif);margin:var(--s5) 0}
.operator-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin-top:var(--s5)}
.rating-panel{background:var(--teal-900);color:var(--paper);padding:clamp(1.5rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:space-between}
.verdict{display:inline-block;align-self:flex-start;background:var(--mint-300);color:var(--ink);padding:.5rem .65rem;font-size:1.2rem;font-weight:900;text-transform:uppercase}
.rating-panel dl{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;margin:2rem 0}
.rating-panel dd{margin:0;font-weight:800}
.operator-list{margin-top:var(--s6)}
.operator-row{display:grid;grid-template-columns:9rem minmax(0,1fr) 9rem 10rem;gap:var(--s5);align-items:center;padding:var(--s6) 0;border-bottom:1px solid var(--line)}
.operator-row:first-child{border-top:1px solid var(--line)}
.operator-row h3{margin:0 0 .4rem;font:700 1.65rem/1.05 var(--serif)}
.row-score{background:var(--teal-900);color:var(--paper);padding:.55rem .7rem;text-align:center;text-transform:uppercase;font-weight:900}
.fine{font-size:.75rem;line-height:1.4}
.table-wrap{overflow-x:auto;border:4px double var(--teal-900);background:var(--paper)}
table{width:100%;min-width:70rem;border-collapse:collapse;font-size:.82rem}
th,td{padding:.8rem .7rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--teal-900);color:var(--paper);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
td:first-child{font-weight:900;position:sticky;left:0;background:var(--paper)}
tbody tr:hover{background:var(--mint-100)}
.method{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s8);align-items:start}
.criteria{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s5)}
.criterion{border-top:4px double var(--teal-900);padding-top:var(--s4)}
.criterion strong{font:700 1.25rem/1.2 var(--serif)}
.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s5)}
.check-item{background:var(--mint-100);padding:var(--s5)}
.check-item h3{margin:0 0 .4rem;font:700 1.35rem/1.15 var(--serif)}
.safety-band{background:var(--mint-100);padding:var(--s8) 0;margin-top:var(--s9)}
.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s7)}
.faq-item h3{font:700 1.55rem/1.15 var(--serif);margin:0 0 .5rem}
@media(max-width:900px){
  .hero-grid,.section-head,.method{grid-template-columns:1fr}
  .featured-operator{grid-template-columns:1fr}
  .operator-row{grid-template-columns:7rem 1fr}
  .operator-row .row-score,.operator-row .operator-actions{grid-column:2}
}
@media(max-width:620px){
  .stat-strip,.criteria,.check-list,.faq-list{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .operator-row{grid-template-columns:1fr}
  .operator-row .row-score,.operator-row .operator-actions{grid-column:auto}
  .operator-logo{justify-self:start}
}