/* heated-blanket-vs-heated-mattress-pad: page-only styles. Reuses site.css and article.css, including the
   article TIDY KIT (.sdek .srcline .safeline .choose .teambox--slim). Tidy pass 2026-10-18: comparison
   shape = Choose A / Choose B cards first, one comparison table, the eight rounds as closed icon rows,
   the shared safety rules, FAQ. Only what the kit does not cover lives here. */

.vs-tag{text-decoration:none}
.vs-tag:hover{text-decoration:underline}

/* the duel sits in the hero's media column; both photos are in the first screen, so neither is lazy */
.ahero__media .duel{position:relative}
.ahero__media .duel .vs__pair span{aspect-ratio:4/3}
.ahero__media .duel .vs__pair span:first-child img{object-position:62% 60%}
.ahero__media .duel .vs__pair span:last-child img{object-position:52% 70%}
@media (min-width:40rem){.ahero__media .duel .vs__pair span{aspect-ratio:1}}
@media (min-width:64rem){.ahero__media .duel .vs__pair span{aspect-ratio:4/5}}
@media (max-width:24.99rem){.duel__names b{font-size:.88rem}.duel__names{gap:.4rem;padding-inline:.7rem}}

/* kit lines run the full column width */
.amain.prose :is(p.safeline,p.srcline,p.sdek){max-width:none}

/* which to buy: each choose card ends on its own store button */
.choose__cta{margin-top:auto;align-self:stretch;justify-content:center}
@media (min-width:40rem){.choose__card ul{margin-bottom:.35rem}}
#which-to-buy .safeline{margin-top:.75rem}
#which-to-buy .safeline a{color:inherit}

/* three-column comparison table: fits the column at every width, so blanket and pad sit side by side
   on a 358 px phone column too (no sideways swipe) */
.vstable{min-width:0}
.vstable td,.vstable tbody th{vertical-align:top}
@media (max-width:47.99rem){
  .vstable{font-size:.8rem}
  .vstable th,.vstable td{padding:.55rem .5rem}
  .vstable tbody th,.vstable thead th:first-child{position:static;min-width:0;width:28%}
  .vstable thead th{white-space:normal}
}
#side-by-side .srcline{margin-top:.6rem}

/* the eight rounds: one closed row each (icon, title, one line, verdict chip); the detail opens below */
.rds{display:grid;gap:.5rem}
.rd{border-radius:var(--r-m);background:#fff;border:1px solid var(--line)}
.rd>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:.75rem;align-items:center;min-height:2.9rem;padding:.7rem .85rem;border-radius:inherit;cursor:pointer;list-style:none}
.rd>summary::-webkit-details-marker{display:none}
.rd>summary:hover{background:#fbfcfe}
.rd>summary>.round__ico{grid-column:1;grid-row:1/span 2}
.amain.prose .rd>summary>h3{grid-column:2;grid-row:1;align-self:end;margin:0;max-width:none;font-size:.97rem;line-height:1.25}
.rd>summary>small{grid-column:2;grid-row:2;align-self:start;margin-top:.1rem;font-size:.8rem;line-height:1.35;color:var(--muted)}
.rd>summary>.round__win{grid-column:3;grid-row:1/span 2;text-align:center}
.rd>summary>.fold__chev{grid-column:4;grid-row:1/span 2;margin-left:0}
.rd[open]>summary{border-bottom:1px dashed var(--line-2);border-radius:var(--r-m) var(--r-m) 0 0}
.rd__body{display:grid;gap:.5rem;padding:.75rem .95rem .9rem calc(.85rem + 2.5rem + .75rem)}
.amain.prose .rd__body p{max-width:none;font-size:.92rem;line-height:1.55}
.round__win--tie{background:#eef1f5;color:var(--text)}
.round__win--pad{background:#dbe9f7;color:#1d3f6e}
.round__win--blanket{background:var(--glow-tint);color:#7a4600;box-shadow:inset 0 0 0 1px #f6d7a6}
@media (max-width:29.99rem){
  .rd>summary{grid-template-columns:auto minmax(0,1fr) auto;row-gap:.1rem}
  .rd>summary>.round__win{grid-column:2;grid-row:3;justify-self:start;margin-top:.35rem;padding:.2rem .6rem;font-size:.75rem}
  .rd>summary>.fold__chev{grid-column:3;grid-row:1/span 3}
  .rd>summary>.round__ico{grid-row:1/span 3;align-self:start}
  .rd__body{padding-left:.95rem}
}

/* safety rules that apply to both: do / don't rows */
.rules{display:grid;gap:.45rem}
.rule{display:flex;align-items:flex-start;gap:.65rem;padding:.6rem .8rem;border-radius:var(--r-s);background:#fff;border:1px solid var(--line);font-size:.9rem;line-height:1.45;color:var(--text)}
.rule>span{display:grid;place-items:center;flex:none;width:1.9rem;height:1.9rem;border-radius:999px}
.rule .ic{width:.95rem;height:.95rem;stroke-width:2.6}
.rule--no>span{background:var(--bad-tint);color:var(--bad)}
.rule--ok>span{background:var(--ok-tint);color:var(--ok)}
#safety .safeline{margin-top:.6rem}

@media (min-width:64rem){.arail .toc li a{padding-block:.36rem}}

/* related reads: title only */
.rel h3{margin-top:.35rem}
@media (max-width:47.99rem){.teambox__links .btn,.choose__cta{min-height:2.75rem}}