/* Reading and setup guides. Does not apply to classroom decks or teaching simulations. */
@font-face{font-family:Bricolage;src:url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@media screen{
  :root{--course-theme:paper;color-scheme:light;--bg:#f7f5ee;--panel:#faf9f4;--panel2:#eeeee5;--surface:#eeeee5;--surface2:#e8ece0;--ink:#182c2b;--text:#182c2b;--muted:#58635e;--line:#c9cec3;--line2:#87988e;--border:#c9cec3;--green:#176557;--cyan:#176557;--blue:#176557;--blue-light:#176557;--purple:#5c5377;--purple-light:#5c5377;--cyan-light:#176557;--green-light:#176557;--gold:#80501b;--red:#a13d39;--rose:#a13d39;--violet:#5c5377;--display:Bricolage,"Avenir Next",sans-serif;--font:"Avenir Next",Avenir,"Segoe UI",sans-serif;--body:var(--font);--shadow:none;--radius:3px;--radius-sm:3px}
  html,body{background:var(--bg);color:var(--ink);font-family:var(--font)}
  body{line-height:1.65}
  html{scroll-padding-top:30px}
  .topbar,.topnav{background:var(--bg);color:var(--ink);border-color:var(--line)}
  .topbar .shell{min-height:80px}
  .brand{font:650 19px/1.3 var(--display);letter-spacing:-.025em}
  .nav a:hover{background:#e8ece0;color:#176557}
  .container{max-width:960px;padding-top:64px}
  .hero{padding-top:64px;background:none}
  h1,h2,h3{font-family:var(--display);font-weight:550;letter-spacing:-.035em;overflow-wrap:anywhere}
  h1{font-size:clamp(42px,6vw,76px);line-height:1.06;background:none;-webkit-text-fill-color:currentColor;color:var(--ink)}
  h1 span{color:var(--cyan)}
  h2,.section-head h2,.heading h2{font-size:clamp(30px,4vw,46px);font-weight:550;line-height:1.15}
  h3,.launch-main h3,.next h2{line-height:1.2}
  .eyebrow,.label,.meta{color:var(--cyan)}
  .eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--cyan)}
  .lede,.status-strip span,.route-panel p,.route-panel li,.questions span,.transcript blockquote,.video-section .desc{color:var(--muted)}
  .status-strip div,.boundary article,.route-panel,.step,.submit-card,.transcript,.tool,.launch-main,.launch-check{background:var(--panel);border-color:var(--line);box-shadow:none;border-radius:3px}
  .route-tab,.button,button,.back-link{border-radius:2px;min-height:44px}
  .route-tab{background:var(--panel2);color:var(--ink)}
  .route-tab[aria-selected=true],.button.primary,button.primary,.back-link{background:#176557;color:white;border-color:#176557}
  .route-tab[aria-selected=true] span{color:#e7f0b0}
  .button{background:var(--panel);color:var(--ink);font-weight:650}
  .button:hover,.route-tab:hover{transform:none;border-color:#176557}
  .back-link:hover{background:#234d43}
  .note,.warnbox,.fallback{background:#f3ecd9;color:#69451c;border-color:#b6a989}
  .next{background:var(--panel2);border-color:var(--line)}
  code,.command,.prompt-box{background:#182c2b;color:#e7f0b0}
  .cmd{background:#182c2b;color:#f7f5ee}
  .cmd .cmd-head span,.cmd .copy-btn,.cmd pre{color:#f7f5ee}
  .cmd .copy-btn:focus-visible{outline-color:#e7f0b0}
  .expected code,.tbl code{background:#e8ece0;color:#176557}
  .tbl th{background:#e8ece0;color:#176557}
  textarea{background:#fff;color:var(--ink);border-color:#87988e;max-width:100%}
  textarea::placeholder{color:var(--muted)}
  .callout,.watch-card,.example,blockquote{border-radius:3px;box-shadow:none}
  .watch-card{min-width:0;overflow-wrap:anywhere}
  .callout{background:#e8ece0}
  .roles article,.exit-grid article{background:var(--panel)}
  .facts span{background:#e8ece0}
  .status-strip div,.step,.tool,.submit-card,.route-panel{min-width:0}
  .questions,.boundary,.route-tabs,.tool-grid,.submit-grid,.launch,.status-strip{min-width:0}
  .command,.cmd pre,.prompt-box{overflow-wrap:anywhere;white-space:pre-wrap}
  :where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #a8481d;outline-offset:4px}
  .topnav a{display:inline-flex;align-items:center;min-height:44px;color:#176557!important;overflow-wrap:anywhere;min-width:0}
  ::selection{background:#e7f0b0;color:#182c2b}
  @media(max-width:760px){
    .hero{padding-top:40px}
    h1{font-size:44px}
    .container{padding:36px 20px}
    .topnav{white-space:normal;flex-wrap:wrap;gap:8px 16px}
    .boundary,.route-tabs,.tool-grid,.submit-grid,.launch,.status-strip,.questions{grid-template-columns:minmax(0,1fr)}
    .section-head,.heading{grid-template-columns:minmax(0,1fr);gap:12px}
    .route-panel,.step,.submit-card,.tool{padding:20px}
    .nav{gap:4px}
    .step{grid-template-columns:42px minmax(0,1fr)}
    .tbl{display:block;max-width:100%;overflow-x:auto}
    .tbl th,.tbl td{min-width:150px}
  }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Quiet reading surfaces from the approved course design; commands stay dark. */
@media screen {
  :root { --bg:#fffdf8; --panel:#fff; --panel2:#f5f4f1; --surface:#f5f4f1; --surface2:#e7edff; --ink:#202124; --text:#202124; --muted:#555761; --line:#d9d9df; --line2:#a0a7b9; --border:#d9d9df; --green:#17614a; --green-light:#17614a; --cyan:#2959d9; --cyan-light:#2959d9; --blue:#2959d9; --blue-light:#2959d9; --purple:#655296; --purple-light:#655296; --violet:#655296; --radius:16px; --radius-sm:10px; }
  .brand { font-weight:750; }
  h1,h2,h3 { font-weight:700; }
  h1 { letter-spacing:-.05em; }
  h2,.section-head h2,.heading h2 { font-weight:650; }
  .eyebrow,.label,.meta { letter-spacing:0; }
  .status-strip div,.boundary article,.route-panel,.step,.submit-card,.transcript,.tool,.launch-main,.launch-check { border-radius:16px; }
  .route-panel { background:#fff; }
  .status-strip div { background:#ece5ff; }
  .route-tab,.button,button,.back-link { border-radius:24px; }
  .route-tab { background:#f5f4f1; }
  .route-tab[aria-selected=true],.button.primary,button.primary,.back-link { background:#202124; color:#fff; border-color:#202124; }
  .route-tab[aria-selected=true] span { color:#ece5ff; }
  .button { border-color:#a0a7b9; }
  .button:hover,.route-tab:hover { border-color:#2959d9; }
  .button.primary:hover,button.primary:hover,.back-link:hover { background:#2959d9; color:#fff; }
  .nav a:hover { background:#ece5ff; color:#202124; }
  .note,.warnbox,.fallback { background:#fff5db; border-color:#d6bc79; border-radius:10px; }
  .next { background:#f4f1ab; border-radius:20px; }
  code,.command,.prompt-box { background:#202124; color:#edf1ff; }
  .cmd { background:#202124; color:#fff; border-radius:12px; }
  .cmd .cmd-head span,.cmd .copy-btn,.cmd pre { color:#fff; }
  .cmd .copy-btn:focus-visible { outline-color:#f4f1ab; }
  .expected code,.tbl code { background:#e7edff; color:#2959d9; }
  .tbl th { background:#ece5ff; color:#202124; }
  textarea { border-color:#8c91a0; border-radius:8px; }
  .callout,.watch-card,.example,blockquote { border-radius:12px; }
  .callout,.facts span { background:#e7edff; }
  .topnav a { color:#2959d9!important; }
  :where(a,button,input,textarea,select,summary):focus-visible { outline-color:#2959d9; }
  ::selection { background:#ece5ff; color:#202124; }
}