/* each page's own text, written by tools/build_seo.py into index.html.
   Before the app loads it is the whole page; on course and stage pages it then stays under the view. */
.sdoc{max-width:860px;margin:0 auto;padding:40px 24px 64px;box-sizing:border-box}
.stage>.sdoc[data-key]{border-top:1px solid var(--line);margin-top:24px}
.sdoc a{color:var(--accent)}
.sdoc h1{font-family:var(--f-display);font-size:clamp(28px,5vw,40px);line-height:1.15;margin:8px 0 16px}
.sdoc h2{font-family:var(--f-display);margin:32px 0 12px}
.sdoc .crumb{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.sdoc .crumb a{color:var(--muted)}
.sdoc .lead{font-size:18px;color:var(--ink-2)}
.stagelist,.chlist{padding-left:22px}
.stagelist li{margin:0 0 20px}
.stagelist h3{font-family:var(--f-display);font-size:20px;margin:0 0 4px}
.stagelist p{margin:4px 0}
.stagelist .meta{font-size:14px;color:var(--muted)}
.chlist li{margin:0 0 12px}
.chlist li a{font-weight:600}
.chlist li span{display:block;color:var(--ink-2);font-size:15px}
.sdoc .body{overflow-wrap:anywhere}
.sdoc .body pre{overflow-x:auto}
@media (max-width:767px){ .sdoc{padding:28px 16px 48px} }