/* Higher or Lower: page pieces on top of the shared Days Until system */
.modal[hidden]{display:none}
[hidden]{display:none!important}
html{scroll-padding-top:calc(var(--header-h) + 16px)}
.hdr-in{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}

.hol-bar{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:center}
.hol-select{height:44px;min-width:14rem;max-width:100%;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink);font:500 var(--t-body) var(--font-ui)}
.hol-select:focus-visible{outline:2px solid var(--cta);outline-offset:1px}
.hol-stats{display:flex;gap:var(--s5);justify-content:center;font-size:var(--t-body)}
.hol-stats i{font-style:normal;font:500 var(--t-cap) var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-right:6px}
.hol-stats b{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.6rem;font-variant-numeric:tabular-nums}

.hol-board{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--s4);align-items:stretch;width:min(1000px,100%);text-align:left}
.hol-vs{align-self:center;font:italic 400 1.6rem var(--font-serif);color:var(--ink-3)}
.hol-card{min-height:360px}
.hol-card:hover{transform:none}
.hol-card .sc-slot{flex:1}
.hol-card .sd-d{font-size:clamp(1.8rem,3.4vw,3rem);text-align:center;overflow-wrap:anywhere;padding:0 var(--s3)}
.hol-card .sc-line{font-size:clamp(1.4rem,2.2vw,1.9rem);min-height:2.6em}
.hol-card[data-r="ok"]{outline:3px solid var(--ink);outline-offset:3px}
.hol-card[data-r="bad"]{outline:3px solid var(--cta);outline-offset:3px}
.hol-card[data-r="bad"] .sd-d{color:var(--cta)}
.hol-q{margin:0;text-align:center;font:italic 400 clamp(1.2rem,2vw,1.6rem) var(--font-serif);color:var(--ink-2)}
.hol-btns{display:flex;gap:var(--s3);justify-content:center;flex-wrap:wrap;width:100%}
.hol-btn{min-width:11rem;height:56px;font-size:1.125rem}
.hol-btns[data-off="1"] .hol-btn{opacity:.45;pointer-events:none}
.hol-keys{margin:0;text-align:center}
.hol-flash{margin:0;min-height:1.5em;text-align:center;font-weight:500}
.hol-flash.bad{color:var(--cta)}

.hol-over{width:min(700px,100%);text-align:center;display:grid;gap:var(--s3);justify-items:center}
.hol-over .btn-row{justify-content:center}
.hol-marks{font-size:1.6rem;letter-spacing:.1em;min-height:1.6em}

.hol-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.hol-packs .sc:nth-child(3){display:flex}
.hol-pack{cursor:pointer;text-align:left}
.hol-pack .sc-slot{aspect-ratio:16/8}
.hol-pack .sd-d{font-size:clamp(2rem,3vw,2.6rem)}
.hol-pack[aria-current="true"]{outline:2px solid var(--cta);outline-offset:2px}
.hol-pack .sc-line{font-size:1.35rem}

@media(max-width:1023px){.hol-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){
  .hol-board{grid-template-columns:1fr;gap:var(--s3)}
  .hol-vs{justify-self:center}
  .hol-card{min-height:0;flex-direction:row}
  .hol-card .sc-slot{flex:0 0 46%;aspect-ratio:auto;border-bottom:0;border-right:var(--card-rule)}
  .hol-card .sc-body{display:flex;align-items:center}
  .hol-card .sc-line{min-height:0}
}
@media(max-width:639px){
  .hol-packs{grid-template-columns:1fr}
  .hol-pack .sc-slot{aspect-ratio:16/6}
  .hol-card{flex-direction:column}
  .hol-card .sc-slot{flex:none;width:auto;aspect-ratio:auto;min-height:104px;padding:var(--s3) 0;border-right:0;border-bottom:var(--card-rule)}
  .hol-card .sc-body{padding:var(--s3) var(--s4)}
  .hol-card .sd-d{font-size:clamp(1.6rem,8vw,2.2rem)}
  .hol-card .sc-line{font-size:1.25rem}
  .hol-vs{font-size:1.2rem;line-height:1}
  .hol-board{gap:var(--s2)}
  .hol-q{font-size:1.05rem}
  .hol-btn{flex:1;min-width:0}
  .hol-select{min-width:0;width:100%}
  .hdr-tools .btn{display:none}
  .hol-keys{display:none}
}