/* Layout: builder form on the left, live challenge sheet on the right; print shows only the sheet on A4. */
.sc{--bg:#F3F4F7;--surface:#FFFFFF;--ink:#141B2B;--muted:#586174;--line:#D9DEE7;--accent:#1F4E8C;--soft:#E4EBF5;--gold:#C0692B;--goldsoft:#F7E7DB;--bad:#B3261E;--badsoft:#FBE3E1;
  --disp:"Fraunces",Georgia,"Times New Roman",serif;--body:"Public Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  font-family:var(--body);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5;padding-block:32px 48px;padding-inline:16px}
.sc *{box-sizing:border-box}
.sc h1,.sc h2,.sc h3,.sc p{margin:0}
.sc-wrap{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.sc-eb{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.sc h1{font-family:var(--disp);font-weight:800;font-size:clamp(30px,5vw,48px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.sc-head{display:flex;flex-direction:column;gap:8px}
.sc-lede{color:var(--muted);max-width:64ch}
.sc-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:860px){.sc-grid{grid-template-columns:minmax(0,1fr)}}
.sc-form{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:16px}
.sc-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.sc-f>label,.sc-legend{font-weight:600;font-size:14px}
.sc-hint{font-size:13px;color:var(--muted)}
.sc-in{min-height:46px;border:1px solid #C3CAD6;border-radius:8px;background:#F8F9FB;padding:0 12px;font:inherit;color:var(--ink);width:100%;min-width:0}
.sc-money{display:flex;align-items:center;border:1px solid #C3CAD6;border-radius:8px;background:#F8F9FB;overflow:hidden}
.sc-money span{padding-left:12px;font-family:var(--mono);color:var(--muted)}
.sc-money input{flex:1;min-width:0;border:0;background:transparent;padding:12px 12px 12px 6px;font:500 18px var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}
.sc-money:focus-within,.sc-in:focus{border-color:var(--accent)}
.sc input:focus-visible,.sc button:focus-visible,.sc select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sc-seg{display:flex;border:1px solid #C3CAD6;border-radius:8px;overflow:hidden}
.sc-seg button{flex:1;min-height:44px;border:0;background:var(--surface);color:var(--muted);font:600 14px var(--body);cursor:pointer;padding:0 4px}
.sc-seg button+button{border-left:1px solid #C3CAD6}
.sc-seg button[aria-pressed="true"]{background:var(--accent);color:#fff}
.sc-styles{display:flex;flex-direction:column;gap:8px}
.sc-style{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;background:var(--surface);text-align:left;font:inherit;color:inherit;width:100%}
.sc-style[aria-pressed="true"]{border-color:var(--accent);background:var(--soft)}
.sc-style i{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid #C3CAD6;margin-top:2px}
.sc-style[aria-pressed="true"] i{border:5px solid var(--accent)}
.sc-style b{display:block;font-size:15px}
.sc-style span{display:block;font-size:13px;color:var(--muted)}
.sc-btns{display:flex;flex-direction:column;gap:8px}
.sc-btn{min-height:46px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:600 15px var(--body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}
.sc-btn:hover{background:#173C6D}
.sc-btn2{background:var(--surface);color:var(--ink);border:1px solid #C3CAD6}
.sc-btn2:hover{background:var(--soft)}
.sc-warn{background:var(--badsoft);color:#7A1A14;border-radius:8px;padding:12px 14px;font-size:14px}

/* The sheet */
.sc-sheet{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px;display:flex;flex-direction:column;gap:18px;min-width:0}
.sc-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.sc-top h2{font-family:var(--disp);font-weight:800;font-size:30px;line-height:1.1}
.sc-brand{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:right}
.sc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:620px){.sc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sc-fact{background:var(--bg);border-radius:8px;padding:10px 12px;min-width:0}
.sc-fact span{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.sc-fact b{display:block;font-family:var(--disp);font-weight:800;font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-say{font-size:15px}
.sc-say b{color:var(--accent)}
.sc-thermo{display:flex;flex-direction:column;gap:6px}
.sc-thermo-bar{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));border:1.5px solid var(--ink);border-radius:6px;overflow:hidden;height:26px}
.sc-thermo-bar i{border-right:1px solid var(--line)}
.sc-thermo-bar i:last-child{border-right:0}
.sc-thermo-bar i.sc-q{border-right:1.5px solid var(--ink)}
.sc-thermo-lab{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font-size:12px;color:var(--muted);font-family:var(--mono)}
.sc-thermo-lab span{text-align:right}
.sc-how{font-size:13px;color:var(--muted)}
.sc-boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}
.sc-box{border:1.5px solid var(--line);border-radius:8px;padding:6px 8px 7px;display:flex;flex-direction:column;gap:0;position:relative;min-height:62px;cursor:pointer;background:var(--surface);text-align:left;font:inherit;color:inherit}
.sc-box small{font-family:var(--mono);font-size:10px;color:var(--muted)}
.sc-box b{font-family:var(--mono);font-weight:500;font-size:15px;font-variant-numeric:tabular-nums}
.sc-box em{font-style:normal;font-size:11px;color:var(--muted)}
.sc-box::after{content:"";position:absolute;right:7px;top:7px;width:14px;height:14px;border:1.5px solid #9AA3B2;border-radius:50%}
.sc-box.sc-ms{border-color:var(--gold)}
.sc-box.sc-ms::before{content:"★";position:absolute;right:26px;top:4px;font-size:11px;color:var(--gold)}
.sc-box[aria-pressed="true"]{background:var(--soft);border-color:var(--accent)}
.sc-box[aria-pressed="true"]::after{background:var(--accent);border-color:var(--accent)}
.sc-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.sc-tick{font-size:14px;color:var(--muted)}
.sc-tick b{color:var(--accent);font-family:var(--mono);font-weight:500}
.sc-slot{border:1.5px dashed #C3CAD6;border-radius:8px;height:90px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.sc-printonly{display:none}

@media print{
  @page{size:A4;margin:11mm}
  body{background:#fff!important}
  body *{visibility:hidden}
  .sc-sheet,.sc-sheet *{visibility:visible}
  .sc-sheet{position:absolute;left:0;top:0;width:100%;border:0;padding:0;gap:10px;font-size:10pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sc-noprint{display:none!important}
  .sc-printonly{display:block}
  .sc-top h2{font-size:20pt}
  .sc-fact{padding:6px 8px;background:#F3F4F7}
  .sc-fact b{font-size:13pt}
  .sc-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sc-boxes{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
  .sc-box{min-height:0;padding:4px 6px 5px;break-inside:avoid;background:#fff!important;border-color:#9AA3B2}
  .sc-box.sc-ms{border-color:var(--gold)}
  .sc-box[aria-pressed="true"]::after{background:transparent;border-color:#9AA3B2}
  .sc-box b{font-size:11pt}
  .sc-thermo-bar{height:20px}
  .sc-dense .sc-boxes{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}
  .sc-dense .sc-box b{font-size:9.5pt}
  .sc-dense .sc-box em{font-size:7.5pt}
  .sc-dense .sc-box::after{width:10px;height:10px}
}
@media (prefers-reduced-motion:reduce){.sc *{transition:none}}