/* The Almanac Press (School Launch Statistics side path): the pictures inside each station. The shared engine styles are
   in /courses/shared/shop-game-v2/shop-game.css; this file only adds the print shop's picture pieces. No style attributes
   anywhere. Every text color here keeps at least 4.5:1 contrast on the background it sits on. */
.noscript{font:18px Georgia,serif;padding:24px;color:#1F1A15;background:#F2EBDD}
.sg-app .sg-title{letter-spacing:.01em}
.fg-svg{display:block;width:100%;height:auto;max-width:600px;margin:0 auto}
#sg-visual .fg-svg{max-width:600px}
#sg-visual .ap-narrow .fg-svg{max-width:380px}
.sg-app .sg-choices{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.sg-app .sg-choices-wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.sg-app .sg-choices-wide .sg-choice{text-align:left;line-height:1.35;font-size:18px}
.fg-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fg-center{justify-content:center;text-align:center}
.fg-note{margin:10px 0 0;font-size:17px;font-weight:700;color:#4D4239;text-align:center}
.fg-hl{background:#F3E0A8;padding:2px 10px;border-radius:10px;border:2px solid #6B4A08;color:#1F1A15}
/* the proof sheet: chalk on a dark slate, as in The Forge */
.fg-slate{background:#2F3B3A;border:6px solid #8C6A3E;border-radius:14px;padding:12px 18px 14px;color:#F4F1E8;box-shadow:inset 0 0 0 2px #1C1712;max-width:640px;margin:0 auto}
.fg-slate-title{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#D9E2D6;margin-bottom:6px}
.fg-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fg-lines li{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;border-bottom:1px dashed #6E7F7C;padding-bottom:6px}
.fg-lines li:last-child{border-bottom:0}
.fg-move{flex:0 1 240px;font-size:15px;font-weight:700;color:#D9E2D6}
.fg-res{font-size:20px;font-weight:700;color:#FFFFFF;font-variant-numeric:tabular-nums}
.fg-chalk-note{margin:10px 0 0;font-size:15px;color:#D9E2D6}
/* the ledger: values as type slugs */
.ap-cap{margin:0 0 8px;font-size:17px;font-weight:700;color:#4D4239;text-align:center}
.ap-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto 8px;max-width:600px}
.ap-chip{display:inline-block;min-width:42px;padding:5px 8px;border-radius:8px;border:2px solid #CDBEA6;background:#FFFFFF;color:#1F1A15;font-size:18px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.ap-chip.ap-lo{background:#E3ECF4;border-color:#24496A}
.ap-chip.ap-hi{background:#F6E6D6;border-color:#7A3420}
.ap-chip.ap-mid{background:#F3E0A8;border-color:#6B4A08;border-width:3px}
/* tables: deviations, two-way tables, treatments, scope, errors */
.ap-table{margin:0 auto;border-collapse:collapse;font-size:17px;color:#1F1A15;font-variant-numeric:tabular-nums;background:#FFFFFF}
.ap-table th,.ap-table td{padding:6px 12px;border:2px solid #CDBEA6;text-align:center}
.ap-table th{background:#F3E9D6;font-weight:700}
.ap-table .ap-sum td,.ap-table .ap-sum th{border-top:3px solid #1F1A15;font-weight:700}
.ap-two td,.ap-two th{max-width:190px}
.ap-table td.ap-band{background:#E3ECF4}
.ap-table td.ap-hit{background:#F3E0A8;border-color:#6B4A08;border-width:3px;font-weight:700}
.ap-narrow{max-width:380px;margin:0 auto}
.ap-narrow .fg-svg{max-width:380px}
.ap-key{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:#1F1A15;background:#FFFDF6;border:2px solid #CDBEA6;border-radius:999px;padding:3px 12px}
.ap-key-on{border-color:#A8441C;background:#FBEBDC}
.ap-choice-svg{display:block;width:100%;max-width:260px;height:auto;margin:0 auto 4px}
.ap-streak{font-weight:700}
@media (max-width:560px){
  .ap-table{font-size:15px}
  .ap-table th,.ap-table td{padding:5px 6px}
  .ap-chip{min-width:36px;font-size:16px;padding:4px 6px}
  .fg-res{font-size:17px}
  .sg-app .sg-choices-wide{grid-template-columns:1fr}
}