/* The Observatory (School Launch Pre-Calculus 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 observatory'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:#1B1D2A;background:#EEE9DF}
.sg-app .sg-title{letter-spacing:.01em}
.ob-svg{display:block;width:100%;height:auto;max-width:640px;margin:0 auto}
.ob-gridwrap{max-width:400px;margin:0 auto}
.ob-grid{max-width:400px}
.ob-orbit{max-width:600px;margin:0 auto}
.sg-app .sg-choices{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.sg-app .sg-choices:not(.sg-choices-wide) .sg-choice{white-space:nowrap}
.sg-app .sg-choices-wide{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.ob-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ob-center{justify-content:center;text-align:center}
.ob-gap{gap:18px;margin-bottom:12px}
.ob-cap{margin:0 0 10px;font-size:21px;font-weight:700;color:#1B1D2A;text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ob-note{margin:10px 0 0;font-size:17px;font-weight:700;color:#454A5E;text-align:center}
.ob-hl{background:#F3E0A8;padding:2px 10px;border-radius:10px;border:2px solid #6B4A08;color:#1B1D2A}
.ob-key{display:inline-flex;align-items:center;gap:6px;font-size:17px;font-weight:700;color:#1B1D2A;background:#FFFDF6;border:2px solid #C9C3B5;border-radius:999px;padding:4px 12px;margin-bottom:8px}
/* the observing log: chalk-white on a night-blue board */
.ob-slate{background:#1F2C4D;border:6px solid #8C6A3E;border-radius:14px;padding:12px 18px 14px;color:#F4F1E8;box-shadow:inset 0 0 0 2px #1A1C28;max-width:640px;margin:0 auto}
.ob-slate-title{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#D9E0F0;margin-bottom:6px}
.ob-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ob-lines li{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;border-bottom:1px dashed #6E7A99;padding-bottom:6px}
.ob-lines li:last-child{border-bottom:0}
.ob-move{flex:0 1 260px;font-size:15px;font-weight:700;color:#D9E0F0}
.ob-res{font-size:21px;font-weight:700;color:#FFFFFF;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
.ob-chalk-note{margin:10px 0 0;font-size:15px;color:#D9E0F0}
/* synthetic division */
.ob-synth{margin:0 auto;border-collapse:collapse;font-size:20px;font-weight:700;color:#1B1D2A;font-variant-numeric:tabular-nums}
.ob-synth td{min-width:48px;height:40px;padding:4px 10px;text-align:center}
.ob-synth td.ob-sc{border-right:3px solid #1A1C28;background:#E6DAEE}
.ob-synth tr.ob-sbot td{border-top:3px solid #1A1C28}
.ob-synth td.ob-rem{background:#F3E0A8;border:2px solid #6B4A08;border-radius:6px}
/* chips: powers ladder and Pascal's triangle */
.ob-chip{display:inline-block;min-width:40px;padding:5px 10px;border-radius:10px;border:2px solid #C9C3B5;background:#FFFFFF;color:#1B1D2A;font-size:17px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.ob-chip-row{border-color:#22406E;background:#E8EEF8}
.ob-chip-on{border-color:#6B4A08;background:#F3E0A8;border-width:3px}
.ob-pascal{display:flex;flex-direction:column;align-items:center;gap:5px;overflow-x:auto;padding-bottom:4px}
.ob-prow{display:flex;gap:5px}
.ob-pascal .ob-chip{min-width:34px;padding:4px 6px;font-size:15px}
/* matrices */
.ob-matwrap{display:inline-flex;align-items:center;gap:8px}
.ob-matname{font-size:18px;font-weight:700;color:#1B1D2A}
.ob-br{position:relative;display:inline-block;padding:0 7px}
.ob-br::before,.ob-br::after{content:"";position:absolute;top:0;bottom:0;width:6px;border:3px solid #1A1C28}
.ob-br::before{left:0;border-right:0}
.ob-br::after{right:0;border-left:0}
.ob-mat{border-collapse:collapse;font-size:20px;font-weight:700;color:#1B1D2A;font-variant-numeric:tabular-nums}
.ob-mat td{padding:4px 12px;text-align:center}
/* a table of values closing in on a limit */
.ob-ltable{margin:0 auto;border-collapse:collapse;font-size:16px;font-weight:700;color:#1B1D2A;font-variant-numeric:tabular-nums}
.ob-ltable th,.ob-ltable td{padding:5px 8px;border:2px solid #C9C3B5;text-align:center}
.ob-ltable th{background:#F0EADC}
.ob-ltable td.ob-mid{background:#E6DAEE}
@media (max-width:560px){
  .ob-cap{font-size:18px}
  .ob-res{font-size:18px}
  .ob-synth{font-size:17px}
  .ob-synth td{min-width:34px;padding:3px 5px}
  .ob-ltable{font-size:13px}
  .ob-ltable th,.ob-ltable td{padding:4px 3px}
  .ob-mat{font-size:17px}
}