/* ororo-classic-heated-vest-review: page-only styles. Reuses site.css and article.css, including the
   article TIDY KIT (.sdek .srcline .tipline .safeline .fold .vrows .proscons .qpicks .tiles .steps .specdl
   .oq--slim .teambox--slim). Tidy pass 2026-10-18: review shape = verdict box, key specs + pros/cons, one
   short block per topic, secondary detail in closed <details class="fold">. Only what the kit does not
   cover lives here. */

/* hero: tag link, CTA row, cover crop (keeps the stock photo's face out of the frame) */
.rv-tag{text-decoration:none}
.rv-tag:hover{text-decoration:underline}
.rv-cta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.15rem}
@media (max-width:24.99rem){.rv-cta .btn{flex:1 1 100%}}
.acover--vest>img{object-position:50% 64%}

/* verdict box: the dark .final with the kit's .vrows on it (best for / skip if / bottom line) */
#verdict .final{gap:1rem}
#verdict .final__seal{white-space:normal;line-height:1.3}
#verdict .final__actions .btn{flex:1 1 13rem}
.vrows--night{gap:.55rem;padding:.9rem 1rem;border-radius:var(--r-m);background:var(--night-2);border:1px solid var(--night-line)}
.vrows--night .vrow{font-size:.95rem}
.vrows--night .vrow dt{color:#fff}
.vrows--night .vrow dd{color:var(--night-text)}
.vrows--night .vrow--yes dt .ic{color:#7ee2a8}
.vrows--night .vrow--no dt .ic{color:#ff9b8f}
.vrows--night .vrow--line dt .ic{color:var(--glow)}
@media (max-width:29.99rem){.vrows--night .vrow{grid-template-columns:1fr;gap:.1rem}}
#verdict .srcline{margin-top:.9rem}

/* key specs: eight tiles on one white card, the full maker list folded under them */
.keyspecs{display:grid;gap:.6rem;padding:.75rem;border-radius:var(--r-l);background:#fff;box-shadow:var(--sh-1)}
.keyspecs .spec b{font-size:.88rem}
.keyspecs__fold{border-top:1px solid var(--line);border-radius:0}
.keyspecs__fold>.fold__sum{padding-inline:.35rem}
.keyspecs__fold>.fold__body{padding-inline:.35rem}
.keyspecs__src{padding:0 .35rem .15rem}

/* heat-zone figure: a drawn vest outline (front and back) with all four zones, then the key */
.zonefig{display:grid;border-radius:var(--r-l);overflow:hidden;background:#fff;box-shadow:var(--sh-1)}
.zonefig__media{display:grid;place-items:center;padding:1rem .75rem .5rem;background:linear-gradient(180deg,#eaf1f8,#f7f9fc)}
.zonefig__svg{width:100%;max-width:30rem;height:auto}
.vz-body{fill:#24304a;stroke:#121a29;stroke-width:2}
.vz-quilt{fill:none;stroke:#3a4a66;stroke-width:1.5}
.vz-collar{fill:#2e3b55;stroke:#121a29;stroke-width:2}
.vz-collar.is-zone{fill:#b9672a;stroke:#ffb547}
.vz-zip{fill:none;stroke:#8d9bb0;stroke-width:2;stroke-dasharray:3 3}
.vz-zone{fill:rgb(255 181 71/.38);stroke:#ffb547;stroke-width:2}
.vz-badge circle{fill:#c2410c;stroke:#fff;stroke-width:2}
.vz-badge text{fill:#fff;font:800 13px var(--display);text-anchor:middle;dominant-baseline:central}
.vz-label{fill:#172131;font:700 14px var(--body);text-anchor:middle}
.zonefig__key{padding:1rem 1.15rem .3rem}
.zonefig__key ol{display:grid;gap:.6rem}
.zonefig__key li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:center}
.zonefig__key li>span:first-child{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--ember-600);color:#fff;font:800 .9rem/1 var(--display)}
.zonefig__key b{display:block;font-size:.95rem;line-height:1.25;color:var(--ink)}
.zonefig__key small{display:block;font-size:.84rem;line-height:1.35;color:var(--muted)}
.zonefig>figcaption{grid-column:1/-1;margin:.6rem 1.15rem 1rem;padding-top:.65rem;border-top:1px dashed var(--line-2);font-size:.8rem;font-weight:600;line-height:1.45;color:var(--muted)}
@media (min-width:40rem){
  .zonefig{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
  .zonefig__media{height:100%;padding:1.25rem 1rem}
  .zonefig__key{padding-bottom:0}
}

/* battery cards: two meters on one 14-hour scale, then the owner line */
.batt{display:grid;gap:.75rem}
.batt__card{padding:1rem 1.1rem 1.05rem;border-radius:var(--r-l);background:#fff;box-shadow:var(--sh-1)}
.batt__name{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font:700 1.05rem/1.2 var(--display);color:var(--ink)}
.batt__name .ic{color:var(--ember-600)}
.batt__name .chip{margin-left:auto}
.batt .meter__fill{width:calc(var(--h)/14*100%)}
.batt .meter__track{height:.6rem}
.meter__bars--one{grid-template-columns:1fr}
.batt__note{margin-top:.6rem;font-size:.82rem;font-weight:650;color:var(--muted)}
@media (min-width:40rem){.batt{grid-template-columns:1fr 1fr}}
.ownerline{display:flex;gap:.6rem;align-items:flex-start;padding:.75rem .95rem;border-radius:var(--r-m);background:#fff;border:1px solid var(--line);font-size:.94rem;line-height:1.5;color:var(--text)}
.ownerline .ic{flex:none;margin-top:.2rem;color:#24477a}
.amain.prose :is(p.ownerline,p.tipline,p.safeline,p.srcline){max-width:none}
.spectable{min-width:0;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}
.spectable tbody th{min-width:7rem;width:34%;white-space:normal;vertical-align:top;font-size:.84rem}
.spectable td{vertical-align:top}
.spectable--3 thead th{white-space:normal}
@media (min-width:24rem){.spectable--3 thead th:not(:first-child){min-width:6.5rem}}

/* size runs */
.sizes{display:grid;gap:.5rem;padding:.9rem 1rem;border-radius:var(--r-l);background:#fff;box-shadow:var(--sh-1)}
.sizes__row{display:grid;gap:.4rem;padding:.35rem 0}
.sizes__row+.sizes__row{border-top:1px solid var(--line);padding-top:.75rem}
.sizes__who{display:flex;align-items:center;gap:.45rem;font-weight:750;font-size:.9rem;color:var(--ink)}
.sizes__who .ic{color:var(--ember-600)}
.sizes__chips{display:flex;flex-wrap:wrap;gap:.3rem}
.sizes__chips .chip{min-width:2.4rem;justify-content:center;font-size:.8rem}
.sizes__note{flex-basis:100%;font-size:.8rem;font-weight:600;color:var(--muted)}
@media (min-width:40rem){.sizes__row{grid-template-columns:11rem minmax(0,1fr);align-items:center}}

/* owner themes as kit tiles: amber for what owners like, red for what they don't */
.tile--con .tile__ico{background:var(--bad-tint);color:var(--bad)}
@media (min-width:64rem){#owners .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.oqs{gap:.65rem}
.fold__body.oqs{display:grid}

/* related reads: title only */
.rel h3{margin-top:.35rem}

/* 44 px tap targets on phones */
@media (max-width:47.99rem){
  .qcard__cta .btn,.teambox__links .btn{min-height:2.75rem}
}
/* alternatives, 40rem+: the kit's .qcard turns into a flex column but keeps its grid align-items:start, which
   shrinks the photo box to 0 px wide; stretch it back (reported to articles-A) */
@media (min-width:40rem){#alternatives .qcard{align-items:stretch}}