.roadbook-anatomy{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;width:100%;max-width:760px;margin:24px auto;display:grid}.anatomy-label{text-align:center;min-width:0;line-height:1.45;position:relative}.anatomy-label strong{color:var(--color-accent);font-size:16px;display:block}.anatomy-label span{color:var(--color-ink-dim);text-wrap:pretty;margin-top:4px;font-size:15px;display:block}.anatomy-row{grid-column:1/-1;min-width:0}.anatomy-total,.anatomy-tulip,.anatomy-notes{padding-bottom:12px}.anatomy-label:after{content:"";background:var(--color-ink-dim);width:1px;height:14px;position:absolute;left:50%}.anatomy-total:after,.anatomy-tulip:after,.anatomy-notes:after{bottom:-16px}.roadbook-anatomy figcaption{text-align:center;color:var(--color-ink-dim);grid-column:1/-1;font-size:15px;line-height:1.5}@media (width<=380px){.roadbook-anatomy{gap:16px 6px}.anatomy-label strong{font-size:15px}.anatomy-row .roadbook-instruction{--roll-total:22px;--roll-partial:19px;--roll-note:14px;--roll-tulip:100px}}@media (width<=540px){.roadbook-anatomy{grid-template-columns:1fr;gap:12px;margin:12px auto}.anatomy-row{grid-row:1}.anatomy-label{text-align:left;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:0;display:grid}.anatomy-label strong,.anatomy-label span{font-size:14px}.anatomy-label span{margin:0}.anatomy-label:after{display:none}}.navigation-workshop{max-width:1240px;color:var(--color-ink);margin:auto;padding:24px clamp(16px,3vw,40px) 60px;line-height:1.55}.navigation-run-header h1:focus,.navigation-results>h1:focus{outline:none!important}.navigation-run-header progress{appearance:none;background:var(--color-surface);border:0;border-radius:99px;height:6px;overflow:hidden}.navigation-run-header progress::-webkit-progress-bar{background:var(--color-surface);border-radius:99px}.navigation-run-header progress::-webkit-progress-value{background:var(--color-accent);border-radius:99px}.navigation-run-header progress::-moz-progress-bar{background:var(--color-accent);border-radius:99px}.page-safe-frame:has(>.navigation-workshop){overflow:clip visible}.navigation-workshop h1{letter-spacing:-.025em;margin:12px 0 18px;font-size:clamp(26px,3.5vw,44px);font-weight:700;line-height:1.15}.navigation-workshop h2,.navigation-sources h2{margin-bottom:10px;font-size:20px;font-weight:650}.navigation-workshop h3{margin:10px 0;font-size:17px;font-weight:650}.navigation-workshop p{margin:10px 0}.navigation-workshop a,.navigation-sources a{color:var(--color-accent);text-underline-offset:4px}.navigation-workshop a:hover{text-decoration:underline}.navigation-breadcrumb{flex-wrap:wrap;gap:20px;margin-bottom:28px;display:flex}.navigation-breadcrumb a{align-items:center;min-height:44px;display:flex}.navigation-intro{max-width:810px;margin-bottom:28px}.navigation-intro>p:last-child{color:var(--color-ink-dim);font-size:18px}.navigation-workshop .eyebrow{letter-spacing:.1em;color:var(--color-accent);text-transform:uppercase;font-size:15px;font-weight:650}.navigation-routine{flex-wrap:wrap;gap:8px;margin:12px 0 24px;padding:0;list-style:none;display:flex}.navigation-routine li{border:1px solid var(--color-border);border-radius:24px;align-items:center;gap:8px;padding:7px 12px;font-size:15px;font-weight:700;display:flex}.navigation-routine span{color:var(--color-accent)}.navigation-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.navigation-mode{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;padding:24px;display:block;color:var(--color-ink)!important}.navigation-mode:hover{border-color:var(--color-accent);text-decoration:none!important}.navigation-mode p{color:var(--color-ink-dim)}.navigation-mode strong{color:var(--color-accent);font-size:15px}.navigation-mode.assessment{border-color:var(--color-accent);grid-column:1/-1}.navigation-card,.navigation-sources{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;margin:18px 0;padding:20px}.navigation-sources p,.navigation-sources li{color:var(--color-ink-dim);font-size:15px;line-height:1.6}.navigation-sources ul{padding-left:18px;list-style:outside}.navigation-sources li+li{margin-top:12px}.navigation-small{color:var(--color-ink-dim);font-size:15px!important}.navigation-run-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.navigation-run-header h1{font-size:26px}.navigation-run-header progress{width:160px;max-width:35%;accent-color:var(--color-accent)}.navigation-run-layout,.navigation-document-layout{grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);align-items:start;gap:24px;display:grid}.navigation-situation{border-left:3px solid var(--color-accent);background:var(--color-surface);padding:10px 16px;font-size:17px}.navigation-book{min-width:0;position:sticky;top:20px}.navigation-book .teaching-sheet{overscroll-behavior:contain;max-height:calc(100dvh - 96px);overflow:auto}.navigation-book .teaching-sheet-columns{z-index:1;position:sticky;top:0}.navigation-run-header+.navigation-routine{margin-bottom:12px}.navigation-equipment{color:var(--color-ink-dim);margin:16px 0;font-size:15px}.navigation-equipment summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.teaching-sheet{color:#162a3e;background:#f7f5e9;border:1px solid #30445b;border-radius:6px;font-family:Arial,sans-serif;overflow:hidden}.teaching-sheet-title{flex-direction:column;gap:3px;padding:12px;font-size:15px;display:flex}.teaching-sheet-columns,.teaching-row{grid-template-columns:25% 31% 44%;min-width:0;display:grid}.teaching-sheet-columns{background:#e1e4df;border-top:1px solid #30445b;border-bottom:1px solid #30445b;font-size:15px;font-weight:650}.teaching-sheet-columns span{padding:8px}.teaching-row{border-bottom:1px solid #86918e}.teaching-row:last-child{border-bottom:0}.teaching-row.is-selected{background:#e9f0ed;box-shadow:inset 5px 0 #1566b4}.teaching-distances,.teaching-tulip{border-right:1px solid #86918e;min-width:0;padding:8px}.teaching-distances{flex-direction:column;gap:2px;display:flex}.teaching-distances small{text-transform:uppercase;font-size:15px}.teaching-distances>strong{font-size:21px}.teaching-distances>b{font-size:18px}.teaching-distances button{color:#114578;background:0 0;border:1px solid #587c94;border-radius:4px;min-height:36px;margin-bottom:4px;font-size:15px;font-weight:650}.teaching-distances button[aria-pressed=true]{color:#fff;background:#164f79}.teaching-tulip svg{width:100%;max-height:110px}.teaching-tulip small{font-size:15px;line-height:1.3;display:block}.teaching-notes{overflow-wrap:anywhere;min-width:0;padding:8px;font-size:15px}.teaching-notes p{margin:3px 0 8px;line-height:1.35}.teaching-notes>strong{background:#f2df70;padding:3px 6px;font-size:15px;display:inline-block}.teaching-notes>b{font-size:15px;display:block}.navigation-scene{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;overflow:hidden}.navigation-scene svg{width:100%;display:block}.navigation-scene figcaption{padding:12px 16px;font-size:15px;line-height:1.5}.navigation-instrument-strip{background:#0b171f;border:1px solid #365c65;border-radius:10px;grid-template-columns:1fr 2fr;gap:12px;margin-top:12px;padding:12px;display:grid}.navigation-instrument-strip small{color:#a4c3c9;font-size:15px;display:block}.navigation-instrument-strip strong{color:#b4e9ee;font-size:28px;display:block}.navigation-instrument-strip span{color:#c4e1de;font-size:15px}.navigation-workshop fieldset{border:0;min-width:0;margin-bottom:18px;padding:0}.navigation-workshop legend{margin-bottom:10px;font-weight:650}.navigation-workshop label{margin:8px 0;font-size:15px;font-weight:700;display:block}.navigation-workshop input:not([type=checkbox]),.navigation-workshop select{border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-width:0;min-height:44px;color:var(--color-ink);font:inherit;border-radius:7px;margin:5px 0;padding:8px 10px;font-size:16px;display:block}.navigation-counter-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.navigation-workshop .navigation-counter-grid input{font-variant-numeric:tabular-nums;font-size:23px;font-weight:650}.navigation-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.navigation-actions button,.navigation-workshop button.navigation-secondary,.navigation-workshop a.navigation-secondary{border:1px solid var(--color-border);background:var(--color-bg);min-height:44px;color:var(--color-ink);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:15px;font-weight:700}.navigation-workshop .navigation-primary{border:1px solid var(--color-accent);background:var(--color-accent);min-height:44px;color:var(--color-bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;font-size:15px;font-weight:650;display:inline-flex}.navigation-workshop button:disabled{opacity:.6;cursor:default}.navigation-workshop :focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.navigation-evidence{grid-template-columns:1fr 1fr;gap:8px;display:grid}.navigation-evidence label{border:1px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin:0;padding:10px;font-weight:500;display:flex}.navigation-evidence input{width:18px;height:18px;accent-color:var(--color-accent);flex-shrink:0}.navigation-feedback,.navigation-annotation{border-left:3px solid var(--color-accent);background:var(--color-surface-2);border-radius:4px;margin:16px 0;padding:16px}.navigation-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.navigation-metrics>div{border:1px solid var(--color-border);border-radius:10px;padding:16px}.navigation-metrics dt{color:var(--color-ink-dim);font-size:15px}.navigation-metrics dd{font-size:26px;font-weight:700}.navigation-review{padding:0;list-style:none}.navigation-review>li{border-top:1px solid var(--color-border);padding:20px 0}.navigation-results{max-width:850px;margin:auto}.navigation-results h1{font-size:34px}.navigation-document-layout nav{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.navigation-document-layout nav button{border:1px solid var(--color-border);text-align:left;cursor:pointer;border-radius:6px;min-height:44px;padding:8px 10px;font-size:15px}.navigation-document-layout nav button[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.navigation-input-line{align-items:center;gap:10px;display:flex}.navigation-input-line input{max-width:150px}.official-roadbook-viewer{border:1px solid var(--color-border);width:100%;height:580px;margin:12px 0}.navigation-device-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=820px){.navigation-run-layout,.navigation-document-layout{grid-template-columns:1fr}.navigation-book{position:static}.navigation-book .teaching-sheet{max-height:380px;overflow:auto}.navigation-run-header{align-items:start}.navigation-device-grid{grid-template-columns:1fr}.navigation-workshop{padding-top:16px}}@media (width<=480px){.navigation-mode-grid{grid-template-columns:1fr}.navigation-mode{padding:18px}.navigation-routine{gap:5px}.navigation-routine li{padding:5px 8px;font-size:15px}.navigation-metrics{grid-template-columns:1fr 1fr}.navigation-evidence{grid-template-columns:1fr}.navigation-card{padding:14px}.navigation-counter-grid{gap:8px}.teaching-distances>strong{font-size:19px}.navigation-input-line{flex-wrap:wrap}.navigation-run-header h1{font-size:23px}.teaching-notes{font-size:15px}.navigation-breadcrumb{gap:16px}}.navigation-workshop--home .activity-heading h1{margin:0}.workshop-format{color:var(--color-ink-dim);font-size:15px}.navigation-workshop--home .navigation-mode-grid{gap:18px;margin:24px 0}.navigation-workshop--home .navigation-mode{padding:0;overflow:hidden}.workshop-mode-visual{border-bottom:1px solid var(--color-border);height:150px;color:var(--color-accent);pointer-events:none;background:#111e29;justify-content:center;align-items:center;gap:24px;display:flex;overflow:hidden}.workshop-mode-visual img{object-fit:contain;width:100%;height:100%;display:block}.workshop-mode-copy{padding:22px 48px 22px 22px;position:relative}.workshop-mode-copy h2{margin:8px 0;font-size:21px}.workshop-mode-copy p{font-size:15px;line-height:1.6;margin:0!important}.workshop-mode-copy>svg{color:var(--color-accent);position:absolute;top:45px;right:22px}.navigation-workshop .workshop-assessment{border:1px solid var(--color-accent);color:var(--color-ink);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface));border-radius:12px;align-items:center;gap:20px;padding:24px;text-decoration:none;display:flex}.workshop-assessment>svg{color:var(--color-accent);flex-shrink:0}.workshop-assessment>svg:last-child{margin-left:auto}.workshop-assessment h2{margin:0;font-size:20px}.workshop-assessment p{color:var(--color-ink-dim);margin:6px 0 0;font-size:15px}.workshop-progress p{font-size:15px}.workshop-sources summary{cursor:pointer;text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:flex}.workshop-sources[open]{flex-basis:100%}.navigation-workshop .activity-resources>a{color:var(--color-ink-dim);gap:8px}.navigation-workshop--run{max-width:1680px;padding-top:18px}.navigation-workshop--run .navigation-breadcrumb{margin-bottom:16px}.navigation-workshop--run .navigation-run-header{gap:24px}.navigation-workshop--run .navigation-run-header h1{margin:6px 0 12px;font-size:clamp(23px,2.6vw,32px)}.navigation-workshop--run .navigation-run-header p{margin:0;font-size:15px}.navigation-run-tools{flex-direction:column;align-items:flex-end;gap:4px;max-width:45%;display:flex}.navigation-workshop--run .navigation-run-tools progress{width:160px;max-width:100%}.navigation-workshop--run .navigation-run-tools .navigation-equipment{margin:0}.navigation-run-tools details[open]{max-width:500px}.navigation-workshop--run .navigation-run-tools details>summary{text-align:right;font-size:15px}.navigation-workshop--run .navigation-run-tools details>p{margin:10px 0;font-size:15px}.navigation-workshop--run .navigation-run-header:has(details[open]){align-items:start}.workshop-desk-nav{display:none}.navigation-workshop--run .navigation-equipment{margin:0 0 12px}.navigation-workshop--run .navigation-situation{max-width:1120px;margin:0 0 24px;padding:12px 16px;font-size:17px;line-height:1.6}.navigation-workshop--run .navigation-run-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.05fr);gap:20px}.navigation-run-layout>section{min-width:0}.navigation-run-layout>section:focus{outline:none}.navigation-run-layout>section>h2{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font-size:16px;display:flex}.navigation-run-layout h2>small{color:var(--color-ink-dim);font-size:15px;font-weight:500}.navigation-workshop--run .navigation-book{position:static}.navigation-workshop--run .navigation-book .teaching-sheet{max-height:650px;overflow:auto}.navigation-workshop--run .navigation-scene figcaption{padding:14px;font-size:15px;line-height:1.6}.navigation-workshop--run .navigation-instrument-strip{grid-template-columns:1fr;gap:10px;margin-top:14px;padding:18px}.navigation-workshop--run .navigation-instrument-strip>div:first-child{border-bottom:1px solid #365c65;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.navigation-workshop--run .navigation-instrument-strip span{margin-top:5px;font-size:15px;line-height:1.5;display:block}.navigation-workshop--run .navigation-decision>.navigation-card{margin:0;padding:18px}.navigation-workshop--run .navigation-decision fieldset{margin-bottom:20px}.navigation-workshop--run .navigation-decision legend{flex-wrap:wrap;justify-content:space-between;gap:6px;width:100%;margin-bottom:8px;font-size:15px;display:flex}.workshop-evidence-count{color:var(--color-ink-dim);font-size:15px;font-weight:500}.navigation-workshop--run .navigation-actions{gap:6px;margin:8px 0 12px}.navigation-workshop--run .navigation-actions button{flex:1;padding:8px 10px;font-size:15px}.navigation-workshop--run .navigation-counter-grid{gap:10px}.navigation-workshop--run .navigation-counter-grid input{margin-bottom:0;font-size:21px}.navigation-workshop--run .navigation-evidence label{min-height:44px;padding:8px;font-size:15px;line-height:1.4}.navigation-workshop--run .navigation-feedback h2{font-size:18px}.navigation-workshop--run .navigation-feedback p{font-size:15px;line-height:1.65}.navigation-workshop--run .teaching-sheet-title,.navigation-workshop--run .teaching-notes{font-size:15px}.navigation-workshop--run .navigation-equipment[open]{max-width:1000px}@media (width<=1190px){.navigation-workshop--run .navigation-run-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.navigation-workshop--run .navigation-book{grid-area:1/1/3}.navigation-workshop--run .navigation-book .teaching-sheet{max-height:700px}.navigation-workshop--run .navigation-observation,.navigation-workshop--run .navigation-decision{grid-column:2}.navigation-workshop--run .navigation-instrument-strip{grid-template-columns:1fr 2fr}.navigation-workshop--run .navigation-instrument-strip>div:first-child{border-bottom:0;border-right:1px solid #365c65;display:block}.navigation-workshop--run .navigation-evidence{grid-template-columns:1fr 1fr}}@media (width<=760px){.navigation-workshop--home .navigation-mode-grid{grid-template-columns:1fr}.workshop-mode-visual,.workshop-mode-visual .navigation-scene svg{height:155px}.workshop-mode-copy{padding:18px 44px 18px 18px}.workshop-mode-copy h2{font-size:19px}.workshop-format{display:none}.navigation-workshop .workshop-assessment{gap:14px;padding:20px}.navigation-workshop--run .navigation-run-layout{flex-direction:column;gap:24px;display:flex}.navigation-run-layout>section{width:100%}.navigation-workshop--run .navigation-book .teaching-sheet{max-height:340px}.navigation-workshop--run .navigation-run-header{align-items:center}.navigation-workshop--run .navigation-run-header progress{max-width:80px}.navigation-workshop--run .navigation-situation{margin-bottom:20px}.navigation-workshop--run .navigation-evidence{grid-template-columns:1fr 1fr}.workshop-preview-counters strong{font-size:27px}.workshop-mode-visual{gap:14px}.workshop-preview-counters{gap:8px;padding:12px}}@media (width<=380px){.navigation-workshop--run .navigation-evidence,.navigation-workshop--run .navigation-instrument-strip{grid-template-columns:1fr}.workshop-assessment h2{font-size:17px}}@media (width>=761px) and (width<=1190px){.navigation-workshop--run .navigation-book{position:sticky;top:20px}.navigation-workshop--run .navigation-book .teaching-sheet{max-height:calc(100dvh - 80px)}}@media (width<=760px){.workshop-desk-nav{z-index:3;border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;gap:6px;margin:0 -8px 20px;padding:8px;display:flex;position:sticky;top:0}.navigation-workshop .workshop-desk-nav a{background:var(--color-surface);border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:44px;font-size:15px;font-weight:700;display:flex}.navigation-run-layout>section{scroll-margin-top:82px}.navigation-run-tools{max-width:43%}.navigation-workshop--run .navigation-run-tools details>summary{font-size:15px}}.navigation-workshop--run .navigation-decision label{font-size:16px;line-height:1.5}.navigation-workshop--run .navigation-decision legend{font-size:17px}.navigation-workshop--run .navigation-evidence{grid-template-columns:1fr;gap:10px}.navigation-workshop--run .navigation-evidence label{min-height:48px;padding:12px}.navigation-workshop--run .navigation-evidence input{flex-shrink:0;width:20px;height:20px}.navigation-workshop--run .navigation-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.navigation-workshop--run .navigation-actions button{min-height:48px;font-size:15px}.navigation-run-layout>section>h2{font-size:22px}@media (width<=760px){.navigation-workshop--run .navigation-run-header{display:block}.navigation-run-tools{align-items:stretch;gap:12px;width:100%;max-width:none;margin-bottom:20px}.navigation-workshop--run .navigation-run-header progress{width:100%;max-width:none}.navigation-workshop--run .navigation-run-tools details>summary{text-align:left;min-height:44px;font-size:16px}.navigation-workshop--run .navigation-situation{padding:16px;font-size:17px}.navigation-workshop--run .navigation-book .teaching-sheet{max-height:480px}.navigation-workshop .workshop-desk-nav a{font-size:15px}}
