/* School Launch "Quick" format: dense, colour-coded, QuickStudy-class reference guides.
   Loaded after reference-sheet.css only when a spec sets  format: quick.  Everything is scoped to body.fmt-quick
   so the classic B&W sheets are unchanged.  See reference-sheets/DESIGN-STANDARD.md.
   Colour is an aid, never the only signal: each section also carries a number badge and a title; memory boxes
   carry a text label and a double border; every text/background pair is >= 7:1 (checked in checks.QUICK_PAIRS). */
body.fmt-quick{
  --fs:8.6pt; --fs-small:8.1pt; --gap:.075in;
  --h:#1F1B16; --t:#F4EFE6; --m:#B9AE9B;               /* current section hue: dark, tint, mid (overridden per section) */
  line-height:1.24;
}
.fmt-quick .hue-blue   {--h:#0B3D6E; --t:#E8F1FA; --m:#9CC3E8}
.fmt-quick .hue-teal   {--h:#0A4A45; --t:#E4F4F1; --m:#8FD0C6}
.fmt-quick .hue-green  {--h:#22501B; --t:#EBF5E4; --m:#A9D69A}
.fmt-quick .hue-plum   {--h:#4A1F60; --t:#F3E9F8; --m:#C9A6DB}
.fmt-quick .hue-rust   {--h:#73290C; --t:#FCEEE5; --m:#F0B48F}
.fmt-quick .hue-crimson{--h:#7A0F27; --t:#FCE8EC; --m:#EEA3B1}
.fmt-quick .hue-slate  {--h:#26323F; --t:#ECEFF3; --m:#AEB9C6}
.fmt-quick .hue-indigo {--h:#262A72; --t:#ECEDFB; --m:#AEB4EE}

.fmt-quick .page{padding:.34in .36in .6in}
.fmt-quick .page-body{gap:.08in}
.fmt-quick p{margin:0 0 .025in}
.fmt-quick ul,.fmt-quick ol{padding-left:1em} .fmt-quick li{margin:0 0 .012in}
.fmt-quick h2{font-size:9.6pt;margin:0 0 .025in;gap:.05in}
.fmt-quick h2 .tag{font-size:8.1pt}

/* ---------- header band ---------- */
.fmt-quick .q-head{display:grid;grid-template-columns:1fr auto;gap:.06in .16in;align-items:end;background:#0E2238;color:#fff;
  border-radius:7px;padding:.09in .16in .08in;margin-bottom:.06in}
.fmt-quick .q-head .kicker{color:#FFE7A3;font-size:8.1pt;margin:0}
.fmt-quick .q-head h1{font-size:25pt;color:#fff;line-height:1}
.fmt-quick .q-head h1 small{font-family:var(--sans);font-size:11pt;font-weight:800;letter-spacing:.12em;margin-left:.1in;color:#FFE7A3;vertical-align:middle}
.fmt-quick .q-head .subtitle{color:#fff;font-size:8.6pt;margin:.03in 0 0;grid-column:1 / -1}
.fmt-quick .q-head .badges{position:static;display:flex;gap:.05in}
.fmt-quick .q-head .badge{border-color:#fff;color:#fff;font-size:8.1pt;padding:0 .08in}
.fmt-quick .q-key{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.04in .1in;font-size:8.1pt;font-weight:700;border-top:1px solid #5B6F86;padding-top:.04in}
.fmt-quick .q-key span{display:inline-flex;align-items:center;gap:.04in}
.fmt-quick .q-key i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:.17in;height:.17in;border-radius:3px;background:var(--m);color:#1F1B16;font-weight:800;border:1px solid #fff}
.fmt-quick .run-head{border-bottom:2px solid #0E2238;margin-bottom:.07in;font-size:8.1pt;padding-bottom:.03in}
.fmt-quick .run-head .t{font-size:11pt}

/* ---------- colour-coded sections ---------- */
.fmt-quick .sec{border:1.4px solid var(--h);border-radius:6px;background:#fff;break-inside:avoid-page;overflow:hidden}
.fmt-quick .sec-h{background:var(--h);color:#fff;font-size:10.4pt;font-weight:800;margin:0;padding:.035in .09in;display:flex;align-items:center;gap:.07in;
  letter-spacing:.02em;text-transform:uppercase}
.fmt-quick .sec-n{display:inline-flex;align-items:center;justify-content:center;min-width:.2in;height:.2in;border-radius:50%;background:#fff;color:var(--h);font-size:9pt}
.fmt-quick .sec-sub{margin-left:auto;font-size:8.1pt;font-weight:600;text-transform:none;letter-spacing:0;color:#fff}
.fmt-quick .sec-body{padding:.06in .08in;display:flex;flex-direction:column;gap:.06in}
.fmt-quick .sec-body.flow{display:block;column-gap:.14in;column-rule:1px solid var(--m)}
.fmt-quick .sec-body.flow>*{break-inside:avoid;margin-bottom:.06in}
.fmt-quick .sec-body.flow>*:last-child{margin-bottom:0}
.fmt-quick .sec-body.flow>.span{column-span:all}
.fmt-quick .sub{font-size:9.4pt;font-weight:800;color:var(--h);border-bottom:1.4px solid var(--m);margin:0 0 .03in;padding-bottom:.01in;break-after:avoid}

/* ---------- shape rows: figure + formulas + EX ---------- */
.fmt-quick .shape{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.02in .07in;align-items:start;background:var(--t);border-radius:5px;padding:.04in .06in;break-inside:avoid}
.fmt-quick .shape-fig{grid-row:1 / span 3;align-self:center;display:flex}
.fmt-quick .shape-name{font-weight:800;font-size:9.4pt;color:var(--h)}
.fmt-quick .shape .f{font-variant-numeric:tabular-nums}
.fmt-quick .shape .f b{font-weight:800}
.fmt-quick .shape .exl,.fmt-quick .exl{display:inline-block;font-size:7.6pt;font-weight:800;letter-spacing:.05em;background:var(--h);color:#fff;border-radius:3px;padding:0 .035in;margin-right:.04in;line-height:1.35}
.fmt-quick .shape .ex{grid-column:1 / -1}
.fmt-quick .shape.wide .shape-fig{grid-row:auto}

/* ---------- box styles for quick ---------- */
.fmt-quick .box{border-width:1.2px;border-color:var(--h);padding:.05in .07in;border-radius:5px}
.fmt-quick .box.rule{border-left:4px solid var(--h);background:var(--t)}
.fmt-quick .box.formula{border:2px solid var(--h);background:#fff;text-align:center}
.fmt-quick .box.formula>h2{justify-content:center;color:var(--h)}
.fmt-quick .box.formula .big{font-size:12.5pt;font-weight:800;letter-spacing:.02em;margin:.02in 0}
.fmt-quick .box.example{padding-top:0;border-color:var(--h)}
.fmt-quick .box.example>h2{background:var(--h);margin:0 -.07in .04in;padding:.02in .07in;font-size:9pt}
.fmt-quick .box.memory{border:3px double #6B4A00;background:#FFF3C4;position:relative}
.fmt-quick .box.memory>h2{color:#4A3300;flex-wrap:wrap;row-gap:.01in}
.fmt-quick .box.memory>h2::before{content:"MEMORY TRICK";font-size:7.6pt;font-weight:800;letter-spacing:.08em;background:#4A3300;color:#FFF3C4;border-radius:3px;padding:.005in .05in;white-space:nowrap}
.fmt-quick .box.memory .acr{font-weight:800;letter-spacing:.06em}
.fmt-quick .box.warn{border:1.6px dashed var(--h)}
.fmt-quick .box.warn>h2::before{font-size:9.5pt}
.fmt-quick .box.plain{padding:0;border:none}
.fmt-quick dl.defs{gap:.012in .07in}
.fmt-quick dl.defs dt{color:var(--h)}
.fmt-quick table{font-size:var(--fs-small)}
.fmt-quick th,.fmt-quick td{padding:.012in .04in}
.fmt-quick thead th{background:var(--h);border-color:var(--h)}
.fmt-quick tbody tr:nth-child(even) td{background:var(--t)}
.fmt-quick caption{font-size:9.4pt;color:var(--h);margin-bottom:.02in}
.fmt-quick .tnote,.fmt-quick figcaption{font-size:8.1pt}
.fmt-quick figure{gap:.01in}
.fmt-quick .figrow{display:flex;flex-wrap:wrap;gap:.04in .08in;justify-content:space-around;align-items:flex-end}
.fmt-quick .figrow figure{flex:0 0 auto}
.fmt-quick .work .line{padding:.004in 0}
.fmt-quick .work .why{font-size:var(--fs-small)}
.fmt-quick .cards{gap:.06in}
.fmt-quick .card{border-color:var(--h);padding:.04in .06in;gap:.02in;border-width:1.2px}
.fmt-quick .card .head{border-bottom:1.2px solid var(--m)}
.fmt-quick .card .term{font-size:9.4pt;color:var(--h)}
.fmt-quick .card .ctag{font-size:7.6pt}
.fmt-quick svg text{font-family:var(--sans)}

/* ---------- footer (slimmer) ---------- */
.fmt-quick .sheet-foot{left:.36in;right:.36in;bottom:.16in;height:.4in;font-size:7.6pt;padding-top:.03in;border-top:1.4px solid #0E2238}
.fmt-quick .brand img,.fmt-quick .brand svg{width:.28in;height:.28in}
.fmt-quick .brand .wm{font-size:8pt}
.fmt-quick .foot-right .qr{width:.36in;height:.36in}
@media screen and (max-width:820px){ .fmt-quick .sec-body.flow{column-count:1 !important} .fmt-quick .q-head{grid-template-columns:1fr} }

/* ---- 2026-10-20 b: wrapped notes, colour punch ---- */
/* worked-example notes never wrap inside themselves: they sit at the right, or drop whole to the next line */
.fmt-quick .work .line{flex-wrap:wrap;column-gap:.08in;row-gap:0}
.fmt-quick .work .line>span:first-child{flex:1 1 auto}
.fmt-quick .work .why{white-space:nowrap;margin-left:auto;font-style:italic}
.fmt-quick .work strong,.fmt-quick .shape .ex strong{color:var(--h)}
/* sub-heads as tinted pills; section bodies get a faint tint wash */
.fmt-quick .sub{background:var(--t);border-bottom:none;border-left:4px solid var(--h);padding:.01in .06in;border-radius:3px}
.fmt-quick .sec-body{background:linear-gradient(var(--t),var(--t)) no-repeat top/100% .05in}
.fmt-quick .box.rule>h2,.fmt-quick .box.plain>h2{color:var(--h)}
.fmt-quick .key{display:inline-block;background:var(--m);color:#1F1B16;font-weight:800;border-radius:3px;padding:0 .04in}

/* Phone screens: the sheet reflows to one column (see reference-sheet.css), so lift the print-density
   type sizes to at least 12px for reading on a small screen. Print and wide screens are unchanged. */
@media screen and (max-width:820px){
  body.fmt-quick{--fs:14px;--fs-small:13px}
  .fmt-quick h2{font-size:15px}
  .fmt-quick h2 .tag,.fmt-quick .q-head .kicker,.fmt-quick .q-head .badge,.fmt-quick .q-key,.fmt-quick .run-head,
  .fmt-quick .sec-sub,.fmt-quick .tnote,.fmt-quick figcaption,.fmt-quick .brand .wm{font-size:12.5px}
  .fmt-quick .q-head .subtitle{font-size:14px}
  .fmt-quick .sub,.fmt-quick .shape-name,.fmt-quick caption,.fmt-quick .card .term{font-size:14px}
  .fmt-quick .shape .exl,.fmt-quick .exl,.fmt-quick .box.memory>h2::before,.fmt-quick .card .ctag,.fmt-quick .sheet-foot{font-size:12px}
  .fmt-quick .sec-h{font-size:15px}
  .fmt-quick .sheet-foot{position:static;height:auto;margin-top:.2in}
  sup,sub{font-size:12px}
}