:root{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5;color-scheme:light;--ink:#282b26;--bg:#f4f2ea;--paper:#faf9f4;--line:#d4d3c8;--green:#91472f;--muted:#75766c;--soft:#e9e7dd;--orange:#a55237;--dock-height:82px}*{box-sizing:border-box}body{margin:0}button,input,a,summary{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:3px}[hidden]{display:none!important}button:disabled{opacity:.3;cursor:default}p{margin:0}h2,h3{margin:0;font-weight:600;letter-spacing:-.4px}h2{font-size:21px;line-height:1.3}h3{font-size:15px}.guide-header{max-width:1360px;min-height:88px;margin:auto;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:29px;letter-spacing:-1.5px;font-weight:650}.brand span{color:var(--orange);margin-left:-12px}.brand-mark{width:32px;height:32px;fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linejoin:round;margin-right:3px}.back-budget{font-size:12px}.back-budget:hover{color:var(--orange)}main{max-width:1360px;margin:auto;padding:0 48px calc(var(--dock-height) + 24px + env(safe-area-inset-bottom))}.intro{padding:40px 0 26px}.eyebrow,.view-tag,.nav-number,.dock-context,.dock-location small,.step-pager,.view-tabs,.breadcrumbs{font-family:Consolas,"Courier New",monospace}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:0 0 12px;font-weight:400}h1{font-family:Arial,"Segoe UI",sans-serif;font-size:46px;letter-spacing:-1.8px;line-height:1.1;margin:0 0 16px;font-weight:400}.intro>p:last-child{color:var(--muted);font-size:13px}.breadcrumbs{position:sticky;top:0;background:var(--bg);z-index:5;display:flex;align-items:center;gap:10px;overflow-x:auto;white-space:nowrap;font-size:10px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:8px 0;color:var(--muted);min-height:45px;scrollbar-width:thin}.breadcrumbs>*{flex:none}.breadcrumbs button{padding:6px 0;background:transparent;border:0;color:var(--orange);font-weight:400;font:inherit}.breadcrumbs [aria-current=page]{color:var(--ink)}.crumb-separator{color:#aaa89e}.explorer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.explorer-top p{font-size:12px;color:var(--muted);margin-top:6px}.explorer-top .text-button{white-space:nowrap}.secondary{border:1px solid var(--line);background:transparent;padding:10px 13px;font-size:12px;color:var(--ink);white-space:nowrap}.secondary:hover{border-color:var(--ink)}.text-button{border:0;background:none;color:var(--orange);font-size:12px;padding:9px;font-weight:400}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.visual-column{min-width:0}.visual-card{background:var(--paper);border:1px solid var(--line);overflow:hidden}.visual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.view-tag{color:var(--muted);font-size:9px;letter-spacing:1px;font-weight:400}.view-tabs{display:flex;border:1px solid var(--line)}.view-tabs button{background:none;border:0;color:var(--muted);padding:9px 12px;font-size:10px}.view-tabs button+button{border-left:1px solid var(--line)}.view-tabs button[aria-pressed=true]{background:var(--soft);color:var(--ink)}.figure-area{height:510px;display:grid;place-items:center;background-color:var(--paper);background-image:linear-gradient(#d4d3c82b 1px,transparent 1px),linear-gradient(90deg,#d4d3c82b 1px,transparent 1px);background-size:24px 24px;padding:18px;overflow:hidden}.figure-area>svg{display:block;width:100%;height:100%;max-height:475px;overflow:visible}svg text{font-family:inherit}svg .lyr,svg .layer-hit{cursor:pointer;transition:opacity .2s}svg .lyr:hover,svg .layer-hit:hover{filter:drop-shadow(0 0 4px #a5523744)}.figure-control{display:flex;align-items:center;justify-content:center;gap:15px;padding:14px 20px;border-top:1px solid var(--line)}.figure-control label{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);width:min(100%,410px)}input[type=range]{accent-color:var(--orange);width:100%;min-width:0;height:25px}.figure-control output{font-size:10px;color:var(--muted);width:37px;flex:none}.figure-hint{text-align:center;font-size:11px;color:var(--muted);padding:10px 15px 16px}.overview-controls{padding:0 20px 10px}.overview-controls label{display:flex;justify-content:space-between;font-size:11px;padding-top:12px}.overview-controls label span{color:var(--muted)}.overview-controls input{display:block}.overview-controls .secondary{font-size:11px;padding:8px 11px}.example-note{font-size:10px;color:var(--muted);padding:12px 0;line-height:1.7}.navigation-card{background:transparent;border:1px solid var(--line);max-height:calc(100dvh - var(--dock-height) - 76px);min-height:220px;display:flex;flex-direction:column;position:sticky;top:58px}.navigation-heading{padding:20px;border-bottom:1px solid var(--line)}.navigation-heading .eyebrow{font-size:9px;margin-bottom:9px}#navigation{padding:0;overflow:auto;scrollbar-width:thin}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-bottom:1px solid var(--line);width:100%;text-align:left;padding:14px 16px;color:var(--ink);min-height:60px}.nav-item:last-child{border-bottom:0}.nav-item:hover{background:var(--soft)}.nav-item.selected{background:#e9dfd3;box-shadow:inset 2px 0 var(--orange)}.nav-item.current{box-shadow:inset 2px 0 var(--orange)}.nav-number{border:1px solid var(--line);width:25px;height:25px;display:grid;place-items:center;font-size:10px;font-weight:400;flex:none;color:var(--muted)}.selected .nav-number{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nav-copy{min-width:0;flex:1}.nav-copy strong{display:block;font-size:12px;font-weight:500;line-height:1.4}.nav-copy small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.nav-arrow{color:var(--orange);font-size:15px}.reading-panel{border-top:1px solid var(--ink);padding:26px 0 0;margin:25px 0}.reading-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.reading-heading h2{font-size:23px;font-weight:500}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.reading-grid p{font-size:13px;line-height:1.8;color:#696d62;margin-bottom:14px}.reading-grid h3{font-size:12px;margin:20px 0 10px}.reading-grid ul{font-size:12px;line-height:1.8;padding-left:18px;margin:0}.read-chips{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0}.read-chips span{font-size:10px;color:var(--muted);padding-bottom:5px;border-bottom:1px solid var(--line)}.substep{border:1px solid var(--line);margin:10px 0;background:var(--paper)}.substep summary{padding:14px;font-size:12px;font-weight:500;cursor:pointer}.substep[open] summary{color:var(--orange)}.substep-body{padding:0 14px 14px}.substep-body p{font-size:12px;color:#696d62;line-height:1.8;margin-bottom:10px}.substep-body .sub-label{font-size:11px;color:var(--ink);font-weight:600;margin-top:13px}.material-table{width:100%;border-collapse:collapse;font-size:12px}.material-table td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}.material-table td:last-child{text-align:right;white-space:nowrap;padding-left:12px}.material-table caption{text-align:left;color:var(--muted);font-size:10px;padding:0 0 10px}.empty-materials{font-size:12px;color:var(--muted);background:var(--soft);padding:15px}.reading-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.call-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;list-style:none;padding:0;margin:0}.call-list li{display:flex;gap:10px;font-size:11px;align-items:flex-start;line-height:1.7}.call-list b{width:22px;height:22px;border:1px solid var(--line);color:var(--orange);display:grid;place-items:center;font-size:10px;flex:none;font-weight:400}.call-list span{color:var(--muted)}#cut-area{width:100%;height:100%;display:grid;place-items:center}#cut-area>svg{width:100%;height:100%;max-height:475px}#cut-area .cl{display:none}.cut-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:12px 15px;border-top:1px solid var(--line)}.cut-picker button,.material-focus button{background:transparent;color:var(--muted);border:1px solid var(--line);font-size:10px;padding:9px 11px;min-height:38px}.cut-picker button[aria-pressed=true],.material-focus button[aria-pressed=true]{background:#e9dfd3;border-color:var(--orange);color:var(--ink)}.material-focus{padding:15px 20px;border-top:1px solid var(--line)}.material-focus>span{font-size:10px;color:var(--muted);display:block;margin-bottom:10px}.material-focus>div{display:flex;gap:7px;flex-wrap:wrap}.timeline{border-top:1px solid var(--line);padding:25px 0;margin-top:25px}.timeline summary{cursor:pointer;list-style:none;font-size:13px;font-weight:500;display:flex;justify-content:space-between}.timeline-row{display:grid;grid-template-columns:230px 1fr 115px;gap:15px;align-items:center;margin:12px 0}.timeline-row button{border:0;background:none;text-align:left;font-size:11px;color:var(--ink);padding:8px 0}.timeline-row .track{height:4px;background:var(--soft);position:relative;overflow:hidden}.timeline-row .fill{height:100%;background:#a56b50;position:absolute}.timeline-row>span{font-size:10px;color:var(--muted);text-align:right}.timeline p{font-size:11px;color:var(--muted);margin-top:16px}footer{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding:24px 0 35px;line-height:1.7}#view-title:focus,#reading-title:focus{outline:none}.component-kicker{border-left:2px solid var(--orange);padding:10px 12px;background:var(--soft);margin-bottom:20px;font-size:11px;color:#696d62}.detail-jump{display:block;margin:0 auto 15px;font-size:11px}.all-substeps{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.all-substeps>summary{font-size:12px;font-weight:500;cursor:pointer}.all-substeps .substep{margin-top:12px}
.view-dock{position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--bg);border-top:1px solid var(--ink);padding-bottom:env(safe-area-inset-bottom)}.dock-inner{max-width:1360px;margin:auto;padding:14px 48px;min-height:var(--dock-height);display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,1.7fr) auto;gap:24px;align-items:center}.dock-back{border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 13px;min-height:44px;font-size:12px;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-back:hover{border-color:var(--orange);color:var(--orange)}.dock-current{display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;border:0;border-left:1px solid var(--line);color:var(--ink);text-align:left;padding:0 0 0 24px;min-height:44px;min-width:0}.dock-location{min-width:0}.dock-location small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-location strong{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-switch{color:var(--orange);font-size:11px;white-space:nowrap}.step-pager{display:flex;align-items:center;gap:10px;white-space:nowrap}.step-pager button{width:44px;height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:19px}.step-pager button:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}.step-pager>span{text-align:center;font-size:10px;min-width:60px;color:var(--muted)}.pager-kind{display:block;font-size:9px;margin-bottom:3px}.views-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.views-dialog-head h2{font-size:25px;font-weight:400}.views-dialog-head .eyebrow{font-size:9px}.close{background:none;border:0;color:var(--ink);font-size:26px;width:44px;height:44px}.view-groups{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:12px;overflow-x:auto;flex-shrink:0}.view-groups button{font-size:11px;padding:12px;background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;min-height:44px}.view-groups button[aria-pressed=true]{border-bottom-color:var(--orange);color:var(--ink)}dialog{width:calc(100% - 32px);max-width:640px;max-height:85dvh;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:25px}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#282b2699}.view-options{overflow-y:auto;scrollbar-width:thin}.view-options .nav-item{padding:14px 8px}.view-options .nav-copy strong{font-size:13px}
@media(max-width:1120px){.guide-header,main{padding-left:32px;padding-right:32px}.explorer{grid-template-columns:minmax(0,1fr) 285px;gap:22px}.figure-area{height:440px}.visual-toolbar{flex-wrap:wrap}.reading-grid{gap:28px}.explorer-top h2{font-size:20px}.dock-inner{padding-left:32px;padding-right:32px;grid-template-columns:minmax(145px,1fr) minmax(0,1.5fr) auto;gap:20px}.dock-switch{font-size:0}.dock-switch::after{content:'⇅';font-size:20px}.dock-current{padding-left:20px}.step-pager{gap:7px}}
@media(max-width:850px){.guide-header{min-height:76px}.guide-header,main{padding-left:24px;padding-right:24px}.dock-inner{padding-left:24px;padding-right:24px}.dock-back{font-size:11px}.dock-current{padding-left:16px}.dock-location strong{font-size:12px}.dock-location small{font-size:8px}.explorer{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.nav-item{gap:9px;padding:13px 12px}.nav-copy strong{font-size:11px}.nav-copy small{font-size:9px}.navigation-heading{padding:16px}}
@media(max-width:700px){:root{--dock-height:112px}.guide-header{padding:0 20px;min-height:70px}.brand{font-size:25px;gap:8px}.brand span{margin-left:-8px}.brand-mark{width:26px;height:26px;margin-right:0}.back-budget{font-size:11px}main{padding-left:20px;padding-right:20px}.intro{padding:28px 0 23px}h1{font-size:35px;letter-spacing:-1.3px}.intro>p:last-child{font-size:12px;line-height:1.7}.breadcrumbs{font-size:9px;gap:8px;min-height:41px}.explorer-top{align-items:start;gap:12px;padding:20px 0}.explorer-top h2{font-size:22px;font-weight:500}.explorer-top p{font-size:11px}.explorer-top .text-button{font-size:10px;padding:6px 0}.explorer{grid-template-columns:1fr}.navigation-card{position:static;max-height:none;min-height:0}.navigation-heading{padding:17px}.figure-area{height:380px;padding:10px}.visual-toolbar{padding:13px}.view-tabs button{font-size:9px;padding:8px}.visual-toolbar .view-tag{font-size:8px}.figure-control{padding:12px}.figure-control label{gap:8px}.reading-panel{padding:24px 0 0}.reading-heading{align-items:start;gap:14px}.reading-heading h2{font-size:22px}.reading-heading>a{font-size:10px;padding:9px}.reading-grid{grid-template-columns:1fr;gap:16px}.reading-grid p{font-size:12px}.call-list{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr 85px;gap:6px}.timeline-row .track{grid-row:2;grid-column:1/-1}.timeline-row>span{grid-column:2;grid-row:1}.timeline-row button{grid-column:1;grid-row:1}#navigation{display:grid;grid-template-columns:1fr 1fr}.nav-item{gap:8px;padding:12px;min-height:66px}.nav-item:last-child{border-bottom:1px solid var(--line)}.nav-number{width:23px;height:23px}.nav-copy strong{font-size:11px}.nav-copy small{font-size:9px}.nav-arrow{display:none}.example-note{font-size:9px}.view-tabs{margin-left:auto}.component-kicker{font-size:10px}.figure-hint{font-size:10px}.dock-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:7px 12px;padding:9px 20px 10px;min-height:var(--dock-height)}.dock-current{grid-column:1/-1;grid-row:1;border-left:0;padding:0;min-height:35px;gap:15px}.dock-location small{font-size:8px;letter-spacing:.5px;margin-bottom:1px}.dock-location strong{font-size:12px}.dock-switch{font-size:10px}.dock-switch::after{content:none}.dock-back{grid-column:1;grid-row:2;width:max-content;max-width:100%;min-height:44px;padding:10px 11px;font-size:11px}.step-pager{grid-column:2;grid-row:2;gap:7px}.step-pager button{width:44px;height:44px}.step-pager>span{min-width:42px;font-size:10px}.pager-kind{display:none}.views-dialog-head{margin-bottom:18px}.views-dialog-head h2{font-size:23px}.views-dialog-head .eyebrow{font-size:8px}dialog{padding:20px}.view-options .nav-item{padding:14px 4px;min-height:62px}.view-options .nav-arrow{display:block}.view-groups button{font-size:10px;padding:11px}.material-focus{padding:14px}.material-focus button{min-height:42px}}
@media(max-width:370px){#navigation{grid-template-columns:1fr}.view-tabs{margin-left:0}.view-tag{width:100%}.reading-heading{flex-wrap:wrap}.dock-inner{padding-left:16px;padding-right:16px;column-gap:8px}.dock-back{padding-left:8px;padding-right:8px;font-size:10px}.step-pager{gap:5px}.step-pager>span{min-width:36px}.dock-switch{font-size:9px}.explorer-top{flex-wrap:wrap}.explorer-top h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:701px){.figure-area{height:clamp(300px,calc(100dvh - 300px),510px)}}
.figure-area,#cut-area{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.figure-area>svg,#cut-area,#cut-area>svg{min-width:0;min-height:0}