/* RestfulPicks: reviews.html (reviews index + #comparisons). */
.rv-feature{display:grid;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1);overflow:hidden}
@media (min-width:900px){.rv-feature{grid-template-columns:.9fr 1.1fr}}
.rv-feature__media{position:relative;background:var(--lav)}
.rv-feature__media img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.rv-feature__media .rp-verdict{position:absolute;left:1rem;bottom:1rem}
.rv-feature__body{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.1rem,.8rem + 1.2vw,1.9rem)}
.rv-feature__tags{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}
.rv-feature h2{font-size:clamp(1.4rem,1.15rem + 1vw,1.95rem);line-height:1.2}
.rv-feature h2 a,.rv-duel__title a{color:var(--ink);text-decoration:none}
.rv-feature h2 a:hover,.rv-duel__title a:hover{color:var(--act);text-decoration:underline}
.rv-feature__sum{color:var(--ink);font-size:1.02rem}
.rv-feature__split{display:grid;gap:.75rem}
@media (min-width:640px){.rv-feature__split{grid-template-columns:1fr 1fr}}
.rv-feature__split>div{padding:.85rem 1rem;border-radius:var(--r-m);background:var(--ground);border:1px solid var(--line)}
.rv-feature__split h3{font-size:1rem;margin-bottom:.45rem}
.rv-feature__cta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem}
.rv-seals .rp-icard{align-items:flex-start}
.rv-seals .rp-verdict{box-shadow:none;border:1px solid var(--line-2)}
.rv-duel{display:grid;gap:1.5rem;padding:clamp(1.1rem,.8rem + 1.5vw,2rem);border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
@media (min-width:1024px){.rv-duel{grid-template-columns:.8fr 1.2fr;align-items:center;gap:2.5rem}}
.rv-duel .rp-ab{max-width:30rem}
.rv-duel__body{display:flex;flex-direction:column;gap:1rem;min-width:0}
.rv-duel__title{font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem);line-height:1.2}
.rv-duel__answer{padding:.8rem 1rem;border-radius:var(--r-m);background:var(--moon-soft);color:var(--ink)}
.rv-duel .rp-round{box-shadow:none;background:var(--ground)}
.rv-duel .rp-round__ab p{background:#fff}
.rv-duel .rp-round h4{font-size:1.05rem}
.rv-src{font-size:.8rem;color:var(--muted)}
.rv-ownrow{display:grid;gap:1rem}
@media (min-width:1024px){.rv-ownrow{grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:center}.rv-ownrow .rp-head{margin-bottom:0}}
/* four comparison cards in a row: no icons in the name chips, so both names fit */
@media (min-width:1024px){.rv-vsgrid .rp-duel__side .rp-ic{display:none}.rv-vsgrid .rp-duel__side{padding:.4rem .5rem}}
/* review card with no photo that may be shown: a drawn tile */
.rp-drawn{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(145deg,var(--lav),#fff 80%)}
.rp-drawn__tile{width:6rem;height:6rem;border-radius:28px}
.rp-drawn__tile .rp-ic{width:3rem;height:3rem;stroke-width:1.6}
/* tidy 2026-10-18: the four verdict seals as compact tiles (the seal is the title, no icon column) */
.rv-seals .lst-tile{grid-template-columns:minmax(0,1fr);gap:.5rem}
.rv-seals .lst-tile>*{grid-column:1}
.rv-seals .rp-verdict{position:static;justify-self:start;box-shadow:none;border:1px solid var(--line-2)}
/* below 900 the lead review photo is a wide crop, so its words come sooner */
@media (max-width:899px){.rv-feature__media img{aspect-ratio:16/9}}
/* phones: the extra reviews open as a second swipe rail, bleeding to the screen edge like the first */
@media (max-width:639px){.rp-showmore[open]>.rp-showmore__body.rp-grid--snap{margin-inline:calc(var(--gut) * -1)}}
/* the silk vs satin pair: both arches start on one line, the vs disc stays between them */
.rv-duel .rp-ab{align-items:start}
.rv-duel .rp-ab .rp-duel__vs{align-self:center}
/* wide screens: each caption on one line; equal columns keep both arches the same size */
@media (min-width:1200px){.rv-duel .rp-ab{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.rv-duel .rp-ab__side span{white-space:nowrap}}