/* Question page fold: centered poster. Overrides style.css .fold rules; animates transform/opacity only. */
.fold{--aw:min(35vw,210px,calc(var(--k)*13vh))}
@media (min-width:700px){.fold{--aw:min(40vw,300px,calc(var(--k)*16vh))}}
.fold-nav{display:flex;justify-content:center;padding:clamp(14px,2.6vh,24px) 22px 0}
.home-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px 0 12px;border-radius:999px;border:1.5px solid rgba(63,106,36,.35);background:#fff;color:var(--green-deep);font-size:14px;font-weight:800;letter-spacing:.01em;text-decoration:none;box-shadow:0 2px 8px rgba(20,60,30,.12);transition:transform .18s cubic-bezier(.2,.8,.3,1),opacity .18s ease}
.home-pill .arr{display:inline-block;transition:transform .18s cubic-bezier(.2,.8,.3,1)}
.home-pill:hover{transform:translateY(-2px)}
.home-pill:hover .arr{transform:translateX(-3px)}
.home-pill:active{transform:translateY(1px) scale(.95);opacity:.85}
.home-pill:focus-visible{outline:3px solid var(--deep);outline-offset:3px}
.fold h1{padding-top:clamp(14px,2.6vh,26px)}
/* hint sits right under the count; the safety card follows it, below the fold */
.fold .pond{display:flex;flex-direction:column}
.fold .vote-panel{display:contents}
.fold .pond-foot{order:1;padding-top:clamp(10px,2vh,18px);padding-bottom:clamp(18px,3vh,28px)}
.fold .safety-note{order:2;align-self:center;width:min(100%,420px);margin:clamp(8px,2vh,16px) auto clamp(22px,4vh,36px)}
/* pads: bigger labels */
.fold .pad{width:clamp(144px,40vw,208px)}
.fold .lbl{font-size:clamp(32px,4.6vh,40px)}
.fold .btns{gap:clamp(16px,6vw,56px)}
@media (max-width:420px){.fold .lbl{font-size:34px}}
@media (min-width:900px){.fold .pad{width:200px}}
@media (prefers-reduced-motion:reduce){.home-pill,.home-pill .arr{transition:none}.home-pill:hover,.home-pill:active,.home-pill:hover .arr{transform:none}}

/* Apu: show 90% of the picture (head + top of shirt); only the bottom 10% sits under the water.
   --f = share kept, --k = image width / (image height * f) */
.a1{--f:.9;--k:1.402}.a2{--f:.9;--k:1.394}.a3{--f:.9;--k:1.208}
/* results split: yes in green, no in red */
.split{opacity:1;color:rgba(53,80,34,.55)}
.split .yes{color:#4E7A30}.split .no{color:#C2483F}
/* cut line (just above the shirt) sits 6px above the pond edge: under the calm wave's trough (8.5px), so no cut shows */
.fold .apu{translate:-50% calc((1 - var(--f))*100% - 6px)}
.fold .scene{min-height:calc(var(--aw)/var(--k) + 18px)}

/* ---- round 11 ---- */
/* question repeated above the results heading */
.q-repeat{max-width:520px;margin:0 auto 14px;text-align:center;font-size:15px;line-height:1.35;font-weight:600;color:#7A8275;overflow-wrap:anywhere}
/* latest votes: subtle table */
.vtable{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.vtable th{padding:0 8px 8px;text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7A8275;border-bottom:1px solid rgba(53,80,34,.18);white-space:nowrap}
.vtable td{padding:11px 8px;border-bottom:1px solid rgba(53,80,34,.12);vertical-align:middle;white-space:nowrap}
.vtable th.r,.vtable td.c-amt,.vtable td.c-when{text-align:right}
.vtable tbody tr:last-child td{border-bottom:0}
.vtable .addr{font-weight:700;color:var(--deep);text-decoration:none;font-variant-numeric:normal}
.vtable .addr:hover{text-decoration:underline;text-underline-offset:3px}
.vtable .side{padding:0;border-radius:0;background:none;font-size:12.5px;font-weight:800;letter-spacing:.07em}
.vtable .side.aye{color:#4E7A30}.vtable .side.nay{color:#C2483F}
.vtable .c-amt{font-weight:700}
.vtable .c-tier,.vtable .c-when{color:#7A8275;font-size:14px}
.vtable tr.you td{background:rgba(93,143,56,.1)}
.vtable tr.fresh td{animation:vrow-in .6s cubic-bezier(.2,.8,.3,1) both}
@keyframes vrow-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:560px){
 .vtable thead{display:none}
 .vtable,.vtable tbody{display:block}
 .vtable tr{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"who who side" "amt tier when";column-gap:0;row-gap:2px;align-items:baseline;padding:11px 4px;border-bottom:1px solid rgba(53,80,34,.12)}
 .vtable tbody tr:last-child{border-bottom:0}
 .vtable td{display:block;padding:0;border:0;background:none!important}
 .vtable .c-who{grid-area:who}
 .vtable .c-side{grid-area:side;text-align:right}
 .vtable .c-amt,.vtable .c-tier,.vtable .c-when{display:block;font-size:13.5px;font-weight:600;color:#7A8275;text-align:left}
 .vtable .c-amt{grid-area:amt}.vtable .c-tier{grid-area:tier}.vtable .c-when{grid-area:when;text-align:right}
 .vtable .c-amt::after{content:" APU";font-weight:600}
 .vtable .c-amt,.vtable .c-tier{margin-right:10px}
 .vtable tr.you{background:rgba(93,143,56,.1);border-radius:10px}
}
@media (prefers-reduced-motion:reduce){.vtable tr.fresh td{animation:none}}
/* more air between the live bar and Apu */
.fold .scene{margin-top:calc(clamp(10px,2vh,22px) + 24px)}
@media (min-width:700px){.fold .scene{margin-top:calc(clamp(10px,2vh,22px) + 32px)}}