.shot{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--s2);border-bottom:1px solid var(--ln)}
.mow .body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.mow .cat{font-family:var(--fd);font-style:italic;font-weight:700;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ac)}
.mow .sz{font-family:var(--fm);font-size:13px;background:var(--s);padding:7px 13px;border-radius:999px;color:var(--ink);align-self:flex-start}
.mow .sz b{color:var(--g1);font-weight:600}
.mow p{max-width:none;font-size:15px;color:var(--mu);flex:1}
.mow .ok{font-family:var(--fm);font-size:11.5px;font-weight:600;color:var(--g2)}
.mow a.more{font-family:var(--fd);font-style:italic;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}
.mow a.more:hover{text-decoration:underline}
.panel p{max-width:none;font-size:16px}
.panel ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px;font-size:15.5px;color:var(--mu)}
.panel ul::marker{color:var(--g2)}
.panel a{font-family:var(--fd);font-style:italic;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.05em;text-decoration:none}
.btn-p{background:linear-gradient(95deg,#1E7A1E,#2E9E2E);color:#fff}
.btn-p:hover{filter:brightness(1.08)}
a:focus-visible,.btn:focus-visible,input:focus-visible{outline:2px solid var(--g2);outline-offset:3px}
header.page{padding:44px 0 34px}
header.page h1{font-size:clamp(30px,4.6vw,48px);max-width:min(100%,46ch)}
header.page .lede{color:var(--mu);font-size:19px;max-width:var(--read);margin-top:12px}
.draftnote{background:var(--flag-w);border:1px dashed var(--flag);border-radius:10px;padding:14px 18px;font-family:var(--fm);font-size:13.5px;color:var(--flag);line-height:1.55;margin-bottom:22px}
/* keypoint */
  .keypoint{background:var(--c);border:1px solid var(--ln2);border-left:5px solid var(--g2);border-radius:var(--r);padding:28px 30px;display:flex;flex-direction:column;gap:11px;box-shadow:var(--sh)}
.keypoint p{font-size:19.5px;line-height:1.42;color:var(--ink);max-width:var(--read)}
/* sizer */
  .sizer{background:var(--c);border:1px solid var(--ln2);border-radius:var(--r);padding:28px 30px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:18px}
.sizer .row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.sizer label{font-family:var(--fd);font-style:italic;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.06em;color:var(--ink)}
.sizer output{font-family:var(--fd);font-style:italic;font-weight:700;font-size:34px;color:var(--g1);line-height:1;font-variant-numeric:tabular-nums;margin-left:auto}
input[type=range]{width:100%;accent-color:var(--g2);height:26px}
.ticks{display:flex;justify-content:space-between;font-family:var(--fm);font-size:11px;color:var(--mu);margin-top:-8px}
.ranges{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.rrow{display:grid;grid-template-columns:158px minmax(0,1fr) 116px;gap:12px;align-items:center}
@media(max-width:620px){.rrow{grid-template-columns:110px minmax(0,1fr) 96px;gap:8px}}
.rrow .rn{font-family:var(--fm);font-size:12px;color:var(--ink);line-height:1.2}
.rrow .rt{position:relative;height:18px;background:var(--s2);border-radius:999px}
.rrow .rb{position:absolute;left:0;top:0;bottom:0;border-radius:999px}
.rrow .ext{background:#CBE0C0}
.rrow .core{background:#2A8F2A;box-shadow:0 0 0 1.5px var(--c)}



.rrow.no{opacity:.38}
.rrow .mark{position:absolute;top:-5px;bottom:-5px;width:2.5px;background:var(--ink);border-radius:2px;z-index:2}
.rrow .rv{font-family:var(--fm);font-size:11.5px;color:var(--mu);text-align:right;font-variant-numeric:tabular-nums}
.rlegend{display:flex;gap:8px 22px;flex-wrap:wrap;font-family:var(--fm);font-size:11px;color:var(--mu);padding-top:2px}
.rlegend i{display:inline-block;width:20px;height:9px;border-radius:999px;margin-right:7px;vertical-align:0}
.rwhy{font-size:14.5px;color:var(--mu);max-width:var(--read);line-height:1.5;margin-top:-4px}
.rwhy strong{color:var(--ink);font-weight:600}
.verdict{background:var(--s2);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:5px}
.verdict .also{font-size:14.5px;color:var(--mu);font-family:var(--fm);line-height:1.5}
.verdict .vt{font-family:var(--fd);font-style:italic;font-weight:700;text-transform:uppercase;font-size:17px;color:var(--ink)}
.verdict .vd{font-size:15.5px;color:var(--mu);max-width:var(--read)}
/* grid */
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:18px}
.mow{background:var(--c);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh);transition:border-color .15s ease}
section.alt .mow{background:var(--p)}
.mow.hit{border-color:var(--g2);box-shadow:0 0 0 2px rgba(42,143,42,.18), var(--sh)}
.mow.dim{opacity:.55}
.shot img.photo{width:100%;height:100%;object-fit:cover}
.shot img.stamp{position:absolute;right:10px;bottom:10px;width:38px;height:auto;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.3)}
.fitflag{position:absolute;left:10px;top:10px;font-family:var(--fm);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:rgba(19,26,16,.82);color:#fff}
.fitflag.good{background:#14571A}
.fitflag.edge{background:#8A5A12}
.fitflag.no{background:#5B6154}
.mow h3{font-size:18px}
.mow .pr{font-family:var(--fd);font-style:italic;font-weight:700;font-size:21px;color:var(--ink);font-variant-numeric:tabular-nums}
.mow .pr small{font-size:12px;font-style:italic;color:var(--mu);font-weight:600;margin-left:5px;text-transform:none}
/* table */
  .cmp{overflow-x:auto;background:var(--c);border:1px solid var(--ln);border-radius:var(--r)}
section.alt .cmp{background:var(--p)}
table{border-collapse:collapse;width:100%;min-width:720px}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--ln);font-size:14.5px}
thead th{font-family:var(--fd);font-style:italic;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ln2);white-space:nowrap}
thead th span{display:block;font-family:var(--fm);font-style:normal;font-size:10px;letter-spacing:.1em;color:var(--mu);font-weight:400;margin-top:3px}
tbody th{font-family:var(--fm);font-size:12px;color:var(--mu);font-weight:400;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}
td{font-family:var(--fm);font-size:13.5px;color:var(--bd);font-variant-numeric:tabular-nums}
td.hi{color:var(--g1);font-weight:600}
tbody tr:hover th,tbody tr:hover td{background:var(--s2)}
.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}
.panel{background:var(--c);border:1px solid var(--ln);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--sh)}
section.alt .panel{background:var(--p)}
.band{position:relative;border-radius:var(--r);overflow:hidden;isolation:isolate;min-height:280px;display:flex;align-items:flex-end}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(178deg,rgba(14,24,11,.10),rgba(14,24,11,.30) 45%,rgba(14,24,11,.85))}
.band .in{padding:34px 32px;display:flex;flex-direction:column;gap:12px}
.band h2{color:#fff}
.band p{color:#E4EBDD;max-width:var(--read)}
.cta .btn-d{color:#fff;border-color:rgba(255,255,255,.5)}

.rrow.pick .rt{box-shadow:0 0 0 2px var(--g2)}
.rrow.pick .rn{font-weight:600;color:var(--g1)}
.rrow.pick .rv{color:var(--g1)}

@media(max-width:620px){
  .rrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n v" "t t";gap:7px 10px}
  .rrow .rn{grid-area:n;font-size:12.5px}
  .rrow .rv{grid-area:v}
  .rrow .rt{grid-area:t;height:16px}
  .ranges{gap:18px}
}