.guide-figures{border:1px solid #cbd7df;border-radius:10px;background:#fff;margin:20px 0;overflow:hidden}.guide-figures>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid #dce5eb}.guide-figures h4{margin:6px 0;font-size:18px;line-height:1.4}.guide-figure-choice{display:grid;gap:7px;padding:16px 24px;font-size:12px;background:#f1f5f8}.guide-figure-choice select{width:100%;min-width:0;padding:10px;border:1px solid #bfced9;border-radius:5px;background:#fff;color:#284456;font-size:13px;text-overflow:ellipsis}.guide-figure-study{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr)}.guide-figure-study>figure{margin:0;padding:24px;min-width:0;align-self:start}.guide-figure-study img{display:block;max-width:100%;width:auto;height:auto;max-height:620px;object-fit:contain;margin:auto}.guide-figure-study figcaption{font-size:11px;line-height:1.6;color:#627788;margin-top:18px}.guide-figure-study aside{padding:24px;background:#f7f9fb;border-left:1px solid #dce5eb}.guide-figure-study h5{font-size:15px;margin:15px 0 6px}.guide-figure-study p{font-size:13px;line-height:1.8;margin:0 0 18px}.guide-figure-study .guide-source-context{border-top:1px solid #dce5eb;padding-top:14px;font-size:11px;color:#627788}.guide-figure-dialog{max-width:min(96vw,1400px);max-height:94vh;padding:20px;border:1px solid #bed0dd;border-radius:12px;color:#284456}.guide-figure-dialog::backdrop{background:#112c42b0}.guide-figure-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:-20px;background:#fff;padding:10px 0}.guide-figure-dialog img{display:block;width:auto;max-width:100%;height:auto;margin:auto}.guided-course{border:1px solid #bdcfdb!important;padding:24px!important;background:#f6f9fb!important}.guided-course header,.guided-course footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.guided-course h3{margin:6px 0 0;font-size:23px}.guided-route{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:18px 0}.guided-route label{display:grid;gap:6px;flex:1;font-size:12px}.guided-route select{max-width:100%;width:100%;padding:10px;border:1px solid #bccfda;background:#fff;color:#294959;border-radius:6px}.guided-route>span{font-size:12px;white-space:nowrap}.guided-goal{padding:14px 18px;background:#e6eff3;border-radius:7px}.guided-goal strong{display:block;margin-bottom:4px}.guided-explanation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0}.guided-explanation h4{font-size:15px;margin:0 0 8px}.guided-explanation p{font-size:13px;line-height:1.8}.guided-check{border:1px solid #c3d3dc;padding:16px;border-radius:8px;margin-bottom:20px}.guided-check legend{font-weight:600;font-size:14px;padding:0 6px}.guided-check label{display:flex;gap:12px;align-items:baseline;font-size:13px;margin:10px 0}.guided-check input{width:auto!important;flex:0 0 auto}.guided-check p{font-size:13px;line-height:1.7;background:#fff;padding:12px}.guided-course footer>span{font-size:12px;color:#627788}@media (max-width: 1000px){.guide-figure-study{grid-template-columns:1fr}.guide-figure-study aside{border-left:0;border-top:1px solid #dce5eb}.guided-explanation{grid-template-columns:1fr;gap:12px}}@media (max-width: 600px){.guided-course{padding:16px!important}.guided-route{display:grid}.guided-course header,.guided-course footer{flex-wrap:wrap}.guide-figures>header{padding:16px;flex-wrap:wrap}.guide-figure-study>figure,.guide-figure-study aside{padding:16px}}.guide-figure-dialog{margin:auto}.guide-figure-dialog{width:min(96vw,1100px)}.guide-zoom-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0}.guide-figure-pan{overflow:auto;max-height:70vh;overscroll-behavior:contain}.guide-figure-pan img{margin:0}.guide-figure-absent{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:320px;padding:32px;border:1px dashed #c4d2dd;border-radius:4px;background:#f7f9fb;text-align:center}.guide-figure-absent p{margin:0;max-width:46ch;margin-inline:auto;font-size:13px;line-height:1.8;color:#4a5f70}.project-studio{background:#f8f9f1;border:1px solid #bccfbe;border-radius:12px;margin:24px 0;color:#284f55;overflow:hidden;font:15px/1.65 var(--font-sans)}.studio-heading{display:flex;justify-content:space-between;gap:20px;padding:28px;background:#e7efe2}.studio-heading h2{font:600 30px var(--font-serif);margin:8px 0}.studio-heading p{margin:0}.studio-heading small{max-width:180px;color:#527668}.studio-steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;background:#becfbd;border-block:1px solid #bdcfbd}.studio-steps button{background:#f0f4e9!important;border:0!important;border-radius:0!important;padding:16px 9px!important;display:grid;gap:6px;justify-items:center;font-size:12px!important;line-height:1.4;min-height:87px}.studio-steps button span{display:grid;place-items:center;width:25px;height:25px;background:#d9e5d5;border-radius:50%;font-weight:700}.studio-steps button[aria-current=step]{background:#315f67!important;color:#fff!important}.studio-steps button[aria-current=step] span{background:#b2cdb9;color:#254b51}.studio-current{display:flex;flex-wrap:wrap;gap:8px 25px;padding:14px 28px;background:#eef2e7;font-size:13px}.studio-current span{color:#5a776c}.studio-page{padding:28px}.project-studio h3{font:600 25px var(--font-serif);line-height:1.3;margin:0 0 16px}.project-studio h3:not(:first-child){margin-top:35px}.project-studio h4{font-size:16px;line-height:1.4;margin:10px 0}.project-studio p{max-width:110ch;margin:10px 0 17px}.project-studio button{font:600 13px var(--font-sans);border:1px solid #acc4b4;border-radius:6px;padding:11px 14px;background:#fffef6;color:#305c63;cursor:pointer;line-height:1.4}.project-studio button:hover{background:#e2eee1}.project-studio button[aria-pressed=true]{background:#315f67;color:#fff}.project-studio button:disabled{opacity:.5;cursor:default}.project-studio :is(button,input,select,textarea):focus-visible{outline:3px solid #d19741;outline-offset:3px}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.studio-card{padding:20px;background:#fffef8;border:1px solid #d4dfce;border-radius:9px;min-width:0}.studio-card ul{padding-left:22px}.studio-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.studio-actions>span{font-size:12px;color:#59776d;flex:1}.studio-actions>label{display:flex;gap:7px;align-items:center}.project-studio input[type=checkbox],.project-studio input[type=radio]{accent-color:#32646a;width:18px;height:18px;flex-shrink:0}.studio-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.project-studio label{font-size:13px;display:block}.studio-input{padding:12px;background:#eaf0e3;border-radius:6px}.studio-input output{display:block;font-size:16px;font-weight:700;margin:3px 0;color:#315d67}.studio-input input{display:block;width:100%;accent-color:#376e71;margin-top:9px}.project-studio select,.project-studio textarea,.project-studio input[type=text],.studio-actions>input{display:block;border:1px solid #b5c9b8;border-radius:5px;background:#fffef8;color:#294f56;padding:11px;width:100%;font:14px/1.5 var(--font-sans);box-sizing:border-box}.studio-actions>input{width:min(230px,100%)}.project-studio select{margin:8px 0}.project-studio textarea{margin-top:8px;resize:vertical;min-height:100px}.studio-diagram{display:block;width:100%;height:auto;background:#fffef7;border:1px solid #d2ddcb;border-radius:9px;margin:18px 0;color:#315860}.studio-diagram text{fill:#315860;font-family:var(--font-sans)}.studio-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.studio-metrics>div{background:#e5eee0;border:1px solid #c7d8c0;border-radius:7px;padding:14px;min-width:0}.studio-metrics dt{font-size:12px;color:#537366}.studio-metrics dd{margin:5px 0 0;font-size:20px;font-weight:600;overflow-wrap:anywhere}.studio-grid .studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-notice{background:#f1e7d5;border-left:4px solid #bc8b44;padding:16px 20px;border-radius:5px;font-size:14px}.studio-earned{display:inline-block;background:#dbead7;border-radius:20px;padding:4px 10px;font-size:12px}.studio-basis{border:1px solid #c9d8c3;background:#eef3e7;border-radius:7px;padding:16px 20px;margin:20px 0}.studio-basis summary{cursor:pointer;font-weight:600;line-height:1.5}.studio-basis code{white-space:normal;display:block;padding:15px;background:#fffef6;margin:14px 0;font-size:13px}.studio-table{overflow-x:auto;margin:18px 0}.studio-table table{border-collapse:collapse;width:100%;font-size:13px;background:#fffef7}.studio-table th,.studio-table td{text-align:left;border-bottom:1px solid #d0ddc9;padding:12px;vertical-align:top}.studio-table th{background:#e2ecda}.studio-table td:nth-child(3){max-width:330px}.studio-choice{display:flex!important;gap:11px;align-items:flex-start;padding:13px;border:1px solid #c7d7c1;border-radius:6px;margin:9px 0;background:#fdfcf5}.studio-record{padding:24px 28px;background:#e7eee0;border-top:1px solid #bfd0b8}.studio-record>p{font-size:13px;margin:8px 0 0}.studio-timeline{font:11px var(--font-sans);width:140px;display:grid;gap:5px}.studio-timeline input{width:100%;accent-color:#386f71}.studio-viewpoints{position:absolute;top:15px;right:18px;display:flex;gap:5px;z-index:4}.studio-viewpoints button{padding:7px 11px;border:1px solid #c0d0bc;background:#fffef5e8;color:#305d66;border-radius:5px;font-size:11px}@media (max-width: 850px){.studio-heading{padding:21px;display:block}.studio-heading h2{font-size:25px}.studio-heading small{display:block;margin-top:10px;max-width:none}.studio-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-steps button{min-height:80px}.studio-page,.studio-record{padding:18px}.studio-current{padding:13px 18px}.studio-grid{grid-template-columns:1fr}.studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.project-studio h3{font-size:23px}.studio-input-grid{gap:9px}.studio-metrics dd{font-size:18px}.studio-table th,.studio-table td{padding:9px}.studio-actions{gap:7px}.studio-timeline{flex:1 1 100%;width:auto}.studio-viewpoints{top:80px;right:10px}.studio-card{padding:16px}.studio-input{padding:10px}.project-studio p{font-size:14px}}@media print{.bridge-heading,.bridge-shell,.bridge-workspace-tabs,.studio-steps,.studio-record,.project-studio button{display:none!important}.project-studio{border:0}.studio-page{padding:0}}.bridge-app .studio-table table{min-width:720px}.bridge-app .studio-table :is(th,td){min-width:145px;line-height:1.65}.bridge-app .studio-table :is(th,td):first-child,.bridge-app .studio-table :is(th,td):nth-child(3){min-width:210px}.bridge-app .project-studio{background:#fff;border-color:#c9d5df;border-radius:3px;overflow:visible;color:#17394f}.bridge-app .studio-heading{padding:20px 24px;background:#f2f6f8;align-items:center}.bridge-app .studio-heading h2{font-size:25px}.bridge-app .studio-heading small{max-width:none;font-size:12px}.bridge-app .studio-steps{display:flex;gap:0;background:#fff;border-color:#c9d5df;overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.bridge-app .studio-steps button{flex:1 0 115px;min-height:62px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px!important;background:#fff!important;font-size:12px!important;color:#285a84}.bridge-app .studio-steps button span{width:20px;height:20px;font-size:10px;flex-shrink:0;background:#edf2f5}.bridge-app .studio-steps button[aria-current=step]{background:#285a84!important;color:#fff!important}.bridge-app .studio-current{background:#f5f8fa;padding:12px 24px;font-size:12px}.bridge-app .studio-page{padding:24px}.bridge-app .project-studio h3{font-size:25px}.bridge-app .project-studio h4{font-size:17px}.bridge-app .loads-workspace{grid-template-columns:minmax(230px,.33fr) minmax(0,.67fr);gap:28px;align-items:start;margin-top:20px}.bridge-app .loads-workspace>div{min-width:0}.bridge-app .project-studio .loads-parameters{grid-template-columns:1fr;gap:12px;margin:0}.bridge-app .studio-input{background:#f1f5f8;border:1px solid #DFE7ED;border-radius:2px;padding:12px 14px}.bridge-app .studio-input output{font-size:17px;font-variant-numeric:tabular-nums;color:#17394f}.bridge-app .studio-input input{accent-color:#285A84;min-height:22px}.bridge-app .project-studio button{border-color:#b4c6d3;background:#fff;color:#285a84;border-radius:2px}.bridge-app .project-studio button[aria-pressed=true]{background:#285a84;color:#fff}.bridge-app .studio-actions{gap:9px;margin:10px 0 14px}.bridge-app .studio-actions>span{color:#526b7c}.bridge-app .traffic-figure{margin:0;border:1px solid #D6E0E7;background:#fbfcfd;padding:12px 0 0;min-width:0;width:100%;box-sizing:border-box}.bridge-app .traffic-figure figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 18px;color:#17394f;font-size:14px!important}.bridge-app .traffic-figure figcaption span{font-size:12px;color:#526b7c}.bridge-app .traffic-load-key{font-size:12px!important;padding:0 18px;margin:8px 0 0}.bridge-app .traffic-plot{display:block;width:100%;height:auto;min-width:0;max-width:100%;font-family:Montserrat,Arial,sans-serif}.bridge-app .traffic-values{border-top:1px solid #DFE7ED;padding:12px 18px;font-size:12px;line-height:1.7}.bridge-app .traffic-values summary{cursor:pointer;font-weight:600}.bridge-app .traffic-values p{font-size:12px}.bridge-app .traffic-reactions{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin:16px 0}.bridge-app .traffic-reactions dt{font-size:11px;color:#526b7c}.bridge-app .traffic-reactions dd{margin:3px 0 0;font-size:14px;font-weight:600}.bridge-app .studio-metrics{gap:0;border-block:1px solid #C9D5DF}.bridge-app .studio-metrics>div{background:#fff;border:0;border-right:1px solid #DFE7ED;border-radius:0;padding:15px}.bridge-app .studio-metrics>div:last-child{border-right:0}.bridge-app .studio-metrics dd{font-size:19px;color:#17394f;line-height:1.5}.bridge-app .studio-card{background:#f7f9fb;border-color:#d6e0e7;border-radius:2px}.bridge-app .studio-record{background:#f1f5f8;border-color:#c9d5df}.bridge-app .studio-basis{background:#f5f8fa;border-color:#d6e0e7;border-radius:2px}.bridge-app .studio-notice{background:#fff7ee;color:#5f492e}@media (max-width:1050px){.bridge-app .loads-workspace{grid-template-columns:1fr;gap:20px}.bridge-app .project-studio .loads-parameters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){.bridge-app .studio-page{padding:16px}.bridge-app .studio-heading{padding:16px;display:block}.bridge-app .studio-heading h2{font-size:23px}.bridge-app .project-studio .loads-parameters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bridge-app .studio-input{padding:10px}.bridge-app .studio-input output{font-size:16px}.bridge-app .traffic-figure figcaption{display:grid;gap:3px}.bridge-app .studio-metrics>div{padding:12px}.bridge-app .studio-metrics dd{font-size:17px}.bridge-app .studio-steps button{flex-basis:125px}.bridge-app .studio-steps button:focus-visible{outline-offset:-3px}}@media (min-width:1051px){.bridge-app .loads-parameters .studio-input{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:5px 10px;align-items:center;padding:10px 12px}.bridge-app .loads-parameters .studio-input-title{font-size:12px;line-height:1.6}.bridge-app .loads-parameters output{margin:0;font-size:15px}.bridge-app .loads-parameters input{grid-column:1/-1;margin:0;min-height:20px}}@media (max-width:650px){.bridge-app .project-studio .steel-studio-diagram text{font-size:18px}}.bridge-workspace{--b-line: #d9dfd9;--b-ink: #233b48;max-width:1600px;margin:auto;padding:28px 32px 64px;font-size:14px;line-height:1.55;color:var(--b-ink)}.bridge-workspace button,.bridge-workspace select,.bridge-workspace input{font:inherit}.bridge-workspace button,.bridge-workspace summary,.bridge-workspace select{cursor:pointer}.bridge-workspace button:disabled{opacity:.4;cursor:default}.bridge-workspace button{transition:background .15s,color .15s}.bridge-workspace button:focus-visible,.bridge-workspace summary:focus-visible,.bridge-workspace select:focus-visible,.bridge-workspace input:focus-visible{outline:3px solid #285a84;outline-offset:3px}.bridge-workspace button:hover:not(:disabled){background:#e4ebe6}.bridge-workspace select{max-width:100%;padding:8px 26px 8px 10px;background:#fff;border:1px solid var(--b-line);border-radius:4px;min-height:40px}.bridge-workspace input[type=range]{accent-color:#285a84;width:100%;height:24px}.bridge-workspace input[type=checkbox]{accent-color:#285a84;width:17px;height:17px}.bridge-workspace label{font-size:12px;font-weight:500}.bridge-workspace h1,.bridge-workspace h2,.bridge-workspace h3{color:#19394c}.bridge-heading{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:24px}.bridge-heading>div:first-child{max-width:870px}.bridge-back{font-size:12px;color:#537082}.bridge-title-row{display:flex;align-items:center;gap:20px;margin-top:13px}.bridge-title-row h1{font-size:clamp(30px,3vw,43px);white-space:nowrap}.bridge-heading p{font-size:14px;max-width:780px;margin-top:12px;color:#536670}.bridge-edition{font:10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-left:1px solid #c4cfc9;padding-left:20px;color:#64796f;white-space:nowrap}.bridge-entry{display:flex;flex-direction:column;gap:10px;min-width:232px}.bridge-entry>span{font-size:10px;color:#62726d}.bridge-workspace .bridge-primary{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#234f6c;color:#fff;padding:12px 16px;border-radius:4px;min-height:44px}.bridge-workspace .bridge-primary:hover:not(:disabled){background:#173a50}.bridge-shell{background:#f8faf6;border:1px solid #c8d1c9;border-radius:7px;overflow:hidden;box-shadow:0 8px 30px #1d3d4510;scroll-margin-top:88px}.bridge-topbar{min-height:51px;padding:10px 20px;background:#fdfdfa;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--b-line)}.bridge-topbar>button{font-size:11px;padding:6px 10px}.bridge-model-title{display:flex;align-items:center;gap:10px;font-size:12px}.bridge-model-title>span:last-child{color:#697a72;font-size:11px;border-left:1px solid #ccd5cd;padding-left:12px}.bridge-live-dot{height:7px;width:7px;border-radius:50%;background:#6d8d74}.bridge-modebar{display:flex;align-items:center;gap:4px;padding:9px 16px;border-bottom:1px solid var(--b-line);background:#f4f7f2}.bridge-kicker{text-transform:uppercase;letter-spacing:.12em;font:10px var(--font-mono);color:#597269}.bridge-modebar>.bridge-kicker{margin-right:18px}.bridge-modebar>button{font-size:12px;white-space:nowrap;padding:9px 14px;border-radius:4px}.bridge-modebar button[aria-pressed=true]{background:#285a84;color:#fff}.bridge-all-modes{margin-left:auto}.bridge-all-modes select{background:transparent;font-size:12px!important}.bridge-stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 338px;align-items:stretch}.bridge-stage{position:relative;height:clamp(500px,53vw,660px);overflow:hidden;background:#e9ede8}.bridge-viewer,.bridge-canvas,.bridge-label-layer{position:absolute;inset:0}.bridge-viewer{overflow:hidden}.bridge-canvas{touch-action:none}.bridge-canvas canvas{display:block;touch-action:none;width:100%;height:100%}.bridge-label-layer{pointer-events:none}.bridge-scene-label{position:absolute;top:0;left:0;pointer-events:auto;background:#fdfdf3ec;border:1px solid #b9c8be;color:#314e4c;border-radius:3px;padding:4px 9px;font:10px var(--font-mono)!important;box-shadow:0 2px 4px #1e392512;white-space:nowrap}.bridge-scene-label:before{content:"";display:inline-block;margin-right:5px;width:4px;height:4px;background:#658879;border-radius:50%;vertical-align:middle}.bridge-scene-caption{position:absolute;top:24px;left:24px;display:flex;flex-direction:column;gap:7px;pointer-events:none;max-width:65%}.bridge-scene-caption strong{font-family:var(--font-display);font-size:23px;font-weight:450;color:#304b44;text-shadow:0 1px 5px #e9ede8}.bridge-camera-tools{position:absolute;right:14px;bottom:40px;display:flex;gap:4px;align-items:center}.bridge-camera-tools button,.bridge-camera-tools select{background:#fcfdf6e8!important;border:1px solid #cbd5cd;border-radius:3px;font-size:10px!important;padding:7px 10px;min-height:34px!important}.bridge-camera-tools select{padding-right:24px}.bridge-orbit-help{position:absolute;bottom:13px;left:20px;color:#577063;font:9px var(--font-mono);pointer-events:none}.bridge-orbit-help span{margin:0 7px}.bridge-compass{position:absolute;left:21px;bottom:51px;display:flex;flex-direction:column;font:10px var(--font-mono);color:#4b6b5e;pointer-events:none}.bridge-viewer-message{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:60px;text-align:center;background:#e9ede8;z-index:3}.bridge-view-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line);background:#fafbf6}.bridge-view-tools button{padding:7px 8px;border:1px solid #d7dfd7;border-radius:3px;font-size:10px;min-height:34px}.bridge-view-tools button[aria-pressed=true]{background:#d7e3ee;border-color:#aac3d7}.bridge-explode{display:flex;gap:9px;align-items:center;margin-right:auto;font-size:11px!important;min-width:180px}.bridge-explode input{max-width:120px}.bridge-explode output{font:10px var(--font-mono);min-width:30px}.bridge-mobile-panel,.bridge-sheet-close{display:none}.bridge-view-options{border-bottom:1px solid var(--b-line)}.bridge-view-options summary{padding:11px 20px;font-size:11px}.bridge-view-options summary>span{float:right;color:#607669}.bridge-view-options>div{padding:8px 20px 18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.bridge-view-options label{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.bridge-view-options label>select{flex:1}.bridge-subsystems{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.bridge-mode-lesson{padding:24px 28px 28px;background:#fffef9;min-height:260px}.bridge-mode-lesson-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bridge-mode-lesson-title button{font-size:11px;color:#285a84;padding:4px 8px}.bridge-mode-lesson h2{font-size:25px;margin-bottom:12px}.bridge-mode-lesson>p{font-size:13px;max-width:760px;color:#4d635e}.bridge-causal-chain{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.bridge-causal-chain button{font-size:10px;padding:4px 6px;border-bottom:1px solid #c6d3c9;color:#285a84}.bridge-causal-chain button span{color:#789085}.bridge-mode-controls{margin-top:18px;display:flex;gap:24px;flex-wrap:wrap}.bridge-mode-controls>label{flex:1;min-width:200px;max-width:500px;display:block}.bridge-mode-controls select{display:block;width:100%;margin-top:5px}.bridge-mode-controls output{float:right;font:11px var(--font-mono)}.bridge-mode-controls strong{font-size:12px}.bridge-inline-buttons{display:flex;align-items:center;gap:10px}.bridge-inline-buttons button{padding:8px 12px;border:1px solid var(--b-line);font-size:11px}.bridge-panel-wrap{border-left:1px solid var(--b-line);background:#fffefb}.bridge-learning{padding:22px 22px 30px;position:sticky;top:85px;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin}.bridge-panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px}.bridge-panel-header .bridge-small{font-size:9px}.bridge-parent{font-size:10px!important;color:#647a70;margin-bottom:12px;text-align:left}.bridge-learning h2{font-size:28px;line-height:1.13}.bridge-object-id{font:9px var(--font-mono);color:#73817a;overflow-wrap:anywhere;margin-top:10px}.bridge-summary{font-size:13px;line-height:1.7;color:#4b625a;margin:17px 0}.bridge-panel-tabs{display:flex;gap:23px;border-bottom:1px solid var(--b-line);margin-bottom:18px}.bridge-panel-tabs button{padding:9px 1px;font-size:12px}.bridge-panel-tabs button[aria-pressed=true]{border-bottom:2px solid #285a84;color:#285a84}.bridge-level{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px;font-size:10px!important}.bridge-level select{font-size:11px;min-height:34px}.bridge-evidence{font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.03em;display:inline-block;background:#edf1e7;color:#506747;padding:4px 6px;border-radius:2px;margin-bottom:11px}.bridge-learning h3{font-family:var(--font-sans);font-weight:600;font-size:12px;margin:3px 0 10px}.bridge-learning p:not(.bridge-object-id):not(.bridge-summary){font-size:12px;line-height:1.75;color:#50635d}.bridge-assembly,.bridge-connected{border-top:1px solid var(--b-line);padding-top:17px;margin-top:23px}.bridge-assembly button,.bridge-connected button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:8px 0;font-size:11px;color:#285a84;gap:12px}.bridge-assembly button{border-bottom:1px solid #e8ede7}.bridge-reveal{width:100%;margin-top:20px;font-size:11px!important}.bridge-check{margin-top:20px;padding:12px 0;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line)}.bridge-check summary{font-size:11px;font-weight:500}.bridge-check p{margin:10px 0}.bridge-check button{display:block;width:100%;text-align:left;font-size:11px;padding:9px;border:1px solid var(--b-line);margin-top:7px;border-radius:3px}.bridge-check button[aria-pressed=true]{border-color:#285a84;background:#e6eef3}.bridge-answer{padding:9px;background:#edf2e8}.bridge-small{font-size:10px!important;color:#6a7c70!important}.bridge-source{margin:16px 0;padding:13px;background:#f1f4ed;border-left:2px solid #8ea694}.bridge-source strong{font-size:12px}.bridge-source p{margin-top:6px}.bridge-source .bridge-evidence{margin-top:9px;margin-bottom:0}.bridge-defect-note{margin:16px 0}.bridge-footnote{display:flex;gap:16px;padding:12px 20px;font-size:10px;background:#f0f3eb;color:#5c7061;border-top:1px solid var(--b-line)}.bridge-footnote>span:first-child{white-space:nowrap;font-weight:600}.bridge-diagram{max-width:440px;margin:24px 0 0;border-top:1px solid var(--b-line);padding-top:16px}.bridge-diagram svg{width:100%;max-height:190px}.bridge-diagram text{font:10px var(--font-mono);fill:#385365}.bridge-diagram figcaption{font-size:10px;color:#60736a;line-height:1.7;margin-top:9px}.bridge-scenario,.bridge-glossary{margin-top:20px;border:1px solid var(--b-line);border-radius:4px;background:#fafbf6}.bridge-scenario summary,.bridge-glossary summary{padding:18px 22px;font-weight:500;font-size:13px}.bridge-scenario summary span,.bridge-glossary summary span{float:right;font-weight:400;font-size:11px;color:#6b7a6e}.bridge-scenario-body{padding:0 22px 24px}.bridge-scenario-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.bridge-scenario-fields label{display:flex;flex-direction:column;gap:7px}.bridge-scenario-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin:22px 0;font-size:12px;color:#52685c}.bridge-explore{margin-top:40px;display:grid;grid-template-columns:1fr 350px;gap:24px}.bridge-explore h2{font-size:28px;margin-top:8px}.bridge-explore p{font-size:12px;margin-top:9px;color:#687a6e}.bridge-search{align-self:center}.bridge-search input{padding:14px 16px;border:1px solid #c5d2c6;background:#fffefb;width:100%;border-radius:4px;font-size:12px}.bridge-concept-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--b-line);border-top:1px solid var(--b-line)}.bridge-concept-grid button{position:relative;padding:17px 34px 17px 17px;text-align:left;border-right:1px solid var(--b-line);border-bottom:1px solid var(--b-line);background:#fbfcf7;display:flex;flex-direction:column;gap:6px;min-height:85px}.bridge-concept-grid button>span:first-child{font:8px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:#658071}.bridge-concept-grid strong{font-weight:500;font-size:12px}.bridge-concept-arrow{position:absolute;right:16px;top:32px;color:#597569}.bridge-glossary>div{display:grid;grid-template-columns:repeat(3,1fr);padding:0 22px 22px;gap:24px}.bridge-glossary button{text-align:left;display:flex;flex-direction:column;gap:8px;font-size:12px;padding:10px}.bridge-glossary button span{color:#677b6b;font-size:11px}.bridge-scope{max-width:900px;margin:28px auto 0;font-size:11px;color:#67786c;text-align:center}.bridge-tour{position:absolute;bottom:93px;left:24px;width:340px;max-width:calc(100% - 48px);padding:17px;background:#fffef8f5;border:1px solid #a5b9a9;border-radius:5px;box-shadow:0 8px 30px #1d3b3424}.bridge-tour>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.bridge-tour h3{font-size:20px;margin:13px 0 9px}.bridge-tour p{font-size:12px;color:#52665b;margin-bottom:16px}.bridge-tour button{font-size:10px;padding:6px}.bridge-tour .bridge-primary{min-height:35px;padding:8px 12px}@media (min-width: 1500px){.bridge-stage-layout{grid-template-columns:minmax(0,1fr) 365px}.bridge-learning{padding:26px}.bridge-stage{height:660px}}@media (max-width: 1100px){.bridge-workspace{padding:22px 20px 45px}.bridge-heading{gap:20px}.bridge-edition{display:none}.bridge-stage-layout{grid-template-columns:minmax(0,1fr) 305px}.bridge-modebar>button{padding:9px;font-size:11px}.bridge-modebar>.bridge-kicker{display:none}.bridge-stage{height:530px}.bridge-orbit-help{font-size:8px;max-width:70%}.bridge-camera-tools{bottom:55px}.bridge-learning{padding:20px 18px}.bridge-view-tools{gap:6px}.bridge-explode{width:100%;margin-bottom:4px}.bridge-explode input{max-width:none;width:calc(100% - 95px)}.bridge-concept-grid{grid-template-columns:repeat(3,1fr)}.bridge-subsystems{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.bridge-heading{display:block}.bridge-entry{flex-direction:row;align-items:center;margin-top:17px;gap:18px}.bridge-entry>span{font-size:9px}.bridge-title-row h1{font-size:34px}.bridge-heading p{font-size:12px}.bridge-stage-layout{display:block}.bridge-stage{height:56vh;min-height:430px;max-height:620px}.bridge-panel-wrap{display:none;border-left:0;border-top:1px solid #a6baad;position:fixed;bottom:0;left:12px;right:12px;z-index:45;border-radius:14px 14px 0 0;box-shadow:0 -8px 30px #183d3028}.bridge-sheet-close{display:block;margin-left:auto;padding:10px 18px;min-height:44px;font-size:12px!important}.is-panel-open .bridge-panel-wrap{display:block}.bridge-learning{position:static;max-height:44vh;overflow:auto;padding:23px;border-radius:16px 16px 0 0}.bridge-panel-header:before{content:"";display:block;width:30px;height:3px;background:#afc0b1;border-radius:4px}.bridge-mobile-panel{display:block;background:#e5ece3!important;margin-left:auto}.bridge-modebar{overflow-x:auto;padding:8px}.bridge-modebar>button{display:none}.bridge-modebar .bridge-all-modes{width:100%;margin:0}.bridge-all-modes select{width:100%;min-height:44px}.bridge-modebar>.bridge-kicker{display:block;margin-left:8px}.bridge-topbar{padding:10px 14px}.bridge-model-title>span:last-child{display:none}.bridge-footnote{display:block;line-height:1.7}.bridge-footnote>span:first-child{display:block}.bridge-view-tools button{min-height:44px;font-size:11px;padding:8px 10px}.bridge-view-tools{padding:10px 14px}.bridge-explode{font-size:12px!important}.bridge-camera-tools button,.bridge-camera-tools select{min-height:42px!important;font-size:11px!important}.bridge-scene-caption strong{font-size:23px}.bridge-scene-caption{left:20px;top:20px}.bridge-camera-tools{bottom:37px}.bridge-orbit-help{max-width:100%;font-size:8px;left:14px;right:14px}.bridge-compass{display:none}.bridge-mode-lesson{padding:23px}.bridge-mode-lesson h2{font-size:25px}.bridge-scenario-fields,.bridge-scenario-notes{grid-template-columns:1fr}.bridge-scenario summary span{display:block;float:none;margin-top:7px}.bridge-explore{grid-template-columns:1fr}.bridge-concept-grid{grid-template-columns:repeat(2,1fr)}.bridge-glossary>div{grid-template-columns:1fr 1fr}.bridge-learning p:not(.bridge-object-id):not(.bridge-summary){font-size:14px}.bridge-summary,.bridge-learning h3{font-size:14px}.bridge-assembly button,.bridge-connected button,.bridge-check button{font-size:13px;min-height:44px}.bridge-panel-tabs button{min-height:44px;padding:11px}.bridge-scene-label{font-size:9px!important;padding:6px 8px}.bridge-tour{bottom:90px}.bridge-learning h2{font-size:30px}}@media (max-width: 480px){.bridge-workspace{padding:18px 12px 40px}.bridge-heading{margin-bottom:18px}.bridge-entry>span{display:none}.bridge-entry .bridge-primary{width:100%}.bridge-title-row h1{font-size:32px}.bridge-stage{min-height:390px;height:53vh}.bridge-scene-caption{max-width:78%}.bridge-scene-caption strong{font-size:21px}.bridge-orbit-help{font-family:var(--font-sans);font-size:8px}.bridge-orbit-help span{margin:0 2px}.bridge-view-options>div{grid-template-columns:1fr}.bridge-view-options summary span{display:none}.bridge-subsystems{grid-template-columns:1fr 1fr}.bridge-mode-lesson{padding:20px}.bridge-mode-lesson h2{font-size:23px}.bridge-mode-lesson>p{font-size:13px}.bridge-topbar>button{font-size:10px;max-width:105px}.bridge-concept-grid button{padding:15px 28px 15px 13px}.bridge-concept-grid strong{font-size:11px}.bridge-glossary>div{grid-template-columns:1fr}.bridge-glossary summary span{display:none}.bridge-tour{left:14px;max-width:calc(100% - 28px);padding:14px}.bridge-tour h3{font-size:18px}.bridge-tour p{font-size:11px}.bridge-learning{max-height:44vh}.bridge-model-title{font-size:11px}.bridge-scene-caption .bridge-kicker{font-size:9px}}@media (max-height: 550px) and (max-width: 950px){.bridge-stage{height:78vh;min-height:330px}.bridge-heading{margin-bottom:12px}.bridge-scene-caption strong{font-size:19px}.bridge-tour{bottom:80px;padding:10px}.bridge-tour p{font-size:10px}}@media (prefers-reduced-motion: reduce){.bridge-workspace *{scroll-behavior:auto!important;transition:none!important}}.bridge-system-guide{margin-top:24px;padding-top:22px;border-top:1px solid #cdd6cd}.bridge-scene-guide{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#e0e9df;color:#31594e}.bridge-scene-guide p{flex:1;margin:0;font-size:13px}.bridge-scene-guide p span{font:11px var(--font-mono);margin-right:10px}.bridge-scene-guide button{padding:9px 12px;border:1px solid #b6c9b9;background:#f5f8ef;border-radius:5px;min-height:40px;font-size:12px}.bridge-scene-guide button:disabled{opacity:.4}.bridge-guide-heading,.bridge-inline-buttons{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:16px 0}.bridge-guide-heading output{font:15px var(--font-mono);color:#315f63}.bridge-guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin:18px 0}.bridge-guide-cards article{padding:18px;background:#f1f4ee;border:1px solid #d5ded2;border-radius:9px}.bridge-guide-cards h3,.bridge-guide-cards h4{margin:0 0 8px;font:600 15px var(--font-sans);color:#294f4b}.bridge-guide-cards p{margin:0;font-size:13px;line-height:1.65}.bridge-system-guide button,.bridge-span-planner button{border:1px solid #bdcec2;padding:9px 12px;border-radius:6px;font:12px var(--font-sans);color:#315e56;background:#f8faf4;min-height:40px}.bridge-system-guide button[aria-pressed=true]{color:#fff;background:#315f59;border-color:#315f59}.bridge-system-guide button:disabled,.bridge-span-planner button:disabled{opacity:.5;cursor:default}.bridge-system-guide label{display:grid;gap:8px;max-width:390px;font-size:13px}.bridge-system-guide select,.bridge-span-planner select{max-width:100%;padding:10px;background:#fff;border:1px solid #b8c9bd;border-radius:5px;color:#31594d}.bridge-layout-svg,.bridge-drainage-network,.bridge-movement-network{display:block;width:100%;height:auto;margin:20px 0;padding:8px;border:1px solid #d1ded2;border-radius:10px;background:#f8faf3;color:#34564f;font:12px var(--font-sans)}.bridge-layout-svg text,.bridge-drainage-network text,.bridge-movement-network text{fill:currentColor}.bridge-water-steps{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.bridge-water-steps button{flex:1 1 150px;text-align:left}.bridge-water-flow{stroke-dasharray:8 6;animation:bridge-water-travel .8s linear infinite}@keyframes bridge-water-travel{to{stroke-dashoffset:-28}}.bridge-table-scroll{overflow-x:auto}.bridge-diagram-scroll{overflow-x:auto;max-width:100%;scrollbar-color:#7eaa97 #edf3e7}.bridge-diagram-scroll>svg{min-width:620px}.bridge-diagram-scroll:focus-visible{outline:2px solid #3d7e69;outline-offset:3px}@media (max-width: 650px){.bridge-diagram-scroll:before{content:"Swipe diagram to inspect \2192";display:block;color:#557967;font-size:11px;margin-top:12px}}.bridge-span-planner table{width:100%;border-collapse:collapse;font-size:12px;min-width:640px}.bridge-span-planner th,.bridge-span-planner td{padding:13px 10px;text-align:left;border-bottom:1px solid #d5dfd3;vertical-align:top}.bridge-span-planner td button{margin:3px}.bridge-span-planner h2{font-size:26px}.bridge-input-grid input[type=checkbox]{width:18px;height:18px;accent-color:#386a5b}.bridge-compass{display:block;width:80px;height:80px;border-radius:50%;background:#f5f8efe0}.bridge-compass svg{display:block;width:100%;height:100%}.bridge-mechanism-label{pointer-events:none;background:#f6faf2e8;font-size:10px}@media (max-width: 650px){.bridge-compass{display:block;width:65px;height:65px;left:14px;bottom:52px}.bridge-water-steps button{flex-basis:130px}.bridge-guide-cards{grid-template-columns:1fr}.bridge-layout-svg,.bridge-drainage-network,.bridge-movement-network{padding:0}}@media (prefers-reduced-motion: reduce){.bridge-water-flow{animation:none}}.bridge-app .lesson-diagram-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.bridge-app .lesson-diagram-scroll:focus-visible{outline:2px solid #285a84;outline-offset:3px}.bridge-app .lesson-diagram-scroll>svg{height:auto}.bridge-app figcaption{font-size:14px!important;line-height:1.7!important}.bridge-app .bridge-scene-label{font-size:11px!important}.bridge-app :where(div,section,aside,figure,label){min-width:0}.bridge-app :where(input,select,button){min-width:0;max-width:100%;box-sizing:border-box}.bridge-app .bridge-explore>*,.bridge-app .bridge-lab-grid>*{min-width:0;max-width:100%}.bridge-app .bridge-results dd{margin-left:0;overflow-wrap:anywhere}@media (max-width:650px){.bridge-app .bridge-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bridge-app .bridge-concept-grid button{white-space:normal;overflow-wrap:anywhere}.bridge-app .bridge-input-grid,.bridge-app .bridge-lab-grid{grid-template-columns:minmax(0,1fr)}.bridge-app .bridge-results{grid-template-columns:repeat(2,minmax(0,1fr))}.bridge-app .bridge-results dd{font-size:17px}}.bridge-app .diagram-pan-note{font-size:12px;line-height:1.6;color:#526b7c;margin:8px 0 16px}.bridge-form-explorer,.bridge-labs{margin:24px 0 32px;padding:26px;background:#f9faf5;border:1px solid #d2dcd3;border-radius:8px}.bridge-form-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.bridge-form-heading h2,.bridge-section-intro h2{font-size:26px;margin-top:5px}.bridge-form-heading>button{border-bottom:1px solid #829789;padding:9px;font-size:12px}.bridge-form-cards{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.bridge-form-cards button{padding:12px 8px;border:1px solid #d8ded5;border-radius:5px;background:#fffef9;text-align:left;min-width:0}.bridge-form-cards svg{width:100%;height:48px;color:#557985;margin-bottom:8px}.bridge-form-cards strong{font-size:11px;line-height:1.4;display:block;min-height:32px}.bridge-form-cards button[aria-pressed=true]{background:#e6eee7;border-color:#466d62;box-shadow:inset 0 -3px #466d62}.bridge-form-cards button[aria-pressed=true] svg{color:#bc6e32}.bridge-form-summary{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:24px 0 14px}.bridge-form-summary p{margin:8px 0;max-width:70ch;color:#4c616a}.bridge-form-summary .bridge-scenario-fields{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.bridge-form-summary label{flex:1;min-width:135px}.bridge-form-summary select{width:100%;font-size:11px}.bridge-form-summary output,.bridge-labs output:not(.bridge-calculation-result),.bridge-worked label output{display:block;font-family:var(--font-mono);font-size:12px;color:#a75a26}.bridge-comparison{border-top:1px solid #cdd8cf;margin-top:20px;padding-top:20px}.bridge-comparison>label{display:flex;align-items:center;gap:18px;margin-bottom:18px}.bridge-table-scroll{overflow:auto}.bridge-comparison table{width:100%;border-collapse:collapse;min-width:620px;text-align:left;font-size:13px}.bridge-comparison th,.bridge-comparison td{padding:16px;vertical-align:top;border-bottom:1px solid #d8ded6}.bridge-comparison thead th{background:#e4ece5}.bridge-comparison tbody th{width:15%;font-size:12px}.bridge-comparison td{width:42.5%}.bridge-lab-tabs,.bridge-water-steps{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.bridge-lab-tabs button,.bridge-water-steps button{padding:10px 15px;border:1px solid #ccd8d1;border-radius:4px;background:#fffef9;font-size:12px}.bridge-lab-tabs button[aria-pressed=true],.bridge-water-steps button[aria-pressed=true]{background:#285a84;color:#fff;border-color:#285a84}.bridge-workspace .bridge-lab-tabs button[aria-pressed=true]:hover,.bridge-workspace .bridge-water-steps button[aria-pressed=true]:hover,.bridge-workspace .bridge-modebar button[aria-pressed=true]:hover{background:#214d6d;color:#fff}.bridge-lab-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;border-top:1px solid #d6dfd7;padding-top:22px}.bridge-labs h3{font-size:20px;margin:0 0 12px}.bridge-labs p{margin:12px 0;color:#50616a;max-width:85ch}.bridge-labs label{display:block;margin:12px 0}.bridge-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.bridge-section-svg,.bridge-beam-svg{width:100%;background:#edf2ee;border:1px solid #d5dfd6;border-radius:5px;font-size:12px}.bridge-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.bridge-results>div{padding:12px;background:#eaf0e9;border-radius:4px}.bridge-results dt{font-size:11px;color:#526a63}.bridge-results dd{font:13px var(--font-mono);margin-top:7px;overflow-wrap:anywhere}.bridge-lab-wide{grid-column:1/-1}.bridge-labs details{padding:16px;background:#eef2eb}.bridge-labs summary{font-weight:600}.bridge-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bridge-method-grid article{padding:20px;background:#eff3ed;border-left:3px solid #b7cbbd}.bridge-method-grid article h3{font-size:19px}.bridge-method-grid article p{font-size:13px}.bridge-panel-tabs{flex-wrap:wrap;gap:2px}.bridge-panel-tabs button{flex:1;padding:10px 6px;font-size:11px}.bridge-worked{margin:20px 0;padding:16px;background:#edf2e9;border:1px solid #d2dece;border-radius:5px}.bridge-calculation-result{display:block;padding:13px 0;font:14px var(--font-mono);color:#244f6b;border-top:1px solid #c6d5c9;border-bottom:1px solid #c6d5c9;margin:14px 0}.bridge-worked details{margin-top:14px;font-size:12px}.bridge-component-study h3{margin-top:22px}.bridge-component-study p{line-height:1.7}.bridge-stage-column>.bridge-tour{position:static;width:auto;max-width:none;margin:0;padding:22px 26px;border:0;border-bottom:1px solid #c7d6c9;border-radius:0;box-shadow:none;background:#fff8e9}.bridge-stage-column:has(>.bridge-tour) .bridge-stage{height:380px}@media (max-width: 800px){.bridge-stage-column:has(>.bridge-tour) .bridge-stage{height:300px}}.bridge-stage-column>.bridge-tour h3{font-size:23px}.bridge-stage-column>.bridge-tour p{font-size:14px;max-width:85ch;display:block}.bridge-stage-column>.bridge-tour button{font-size:12px;min-height:40px}.bridge-stage-column>.bridge-tour .bridge-primary{min-width:145px}.bridge-mechanism-figure{margin:22px 0;background:#f0f4ed;border:1px solid #d2dfd1;padding:20px;border-radius:5px}.bridge-mechanism-figure svg{width:100%;font-size:13px}.bridge-mechanism-figure figcaption{font-size:13px;line-height:1.65;color:#4a6265}.bridge-mechanism-notes{margin-top:18px}.bridge-mechanism-notes h3{font-size:20px;margin:15px 0}.bridge-mechanism-notes p{font-size:13px;line-height:1.7;margin:12px 0}.bridge-mechanism-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11px}.bridge-mechanism-legend span{display:flex;align-items:center;gap:6px}.bridge-mechanism-legend i{width:20px;height:5px;display:inline-block}@media (max-width: 1150px){.bridge-form-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.bridge-method-grid{grid-template-columns:1fr 1fr}.bridge-form-summary{grid-template-columns:1fr;gap:12px}}@media (max-width: 800px){.bridge-form-explorer,.bridge-labs{padding:18px}.bridge-form-heading{align-items:flex-start;flex-direction:column;gap:6px}.bridge-form-heading h2,.bridge-section-intro h2{font-size:24px}.bridge-form-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.bridge-form-cards strong{font-size:10px}.bridge-lab-grid,.bridge-method-grid{grid-template-columns:1fr}.bridge-results{grid-template-columns:1fr 1fr}.bridge-stage-column>.bridge-tour{padding:18px}.bridge-stage-column>.bridge-tour>div{flex-wrap:wrap}.bridge-stage-column>.bridge-tour h3{font-size:21px}.bridge-mechanism-figure{padding:10px}.bridge-water-steps{gap:5px}.bridge-water-steps button{font-size:10px;padding:8px}.bridge-panel-tabs button{font-size:11px}.bridge-form-summary select{font-size:12px}}@media (prefers-reduced-motion: reduce){.bridge-workspace *{scroll-behavior:auto!important}}.bridge-workspace [hidden]{display:none!important}.bridge-workspace-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:12px 0 18px}.bridge-workspace-tabs button{border:1px solid #c6d2c7;border-radius:7px;padding:12px 17px;color:#355e5b;background:#f8faf3;font:600 14px var(--font-sans)}.bridge-workspace-tabs button[aria-pressed=true]{background:#315f64;color:#fff;border-color:#315f64}.bridge-stage-layout{display:block}.bridge-stage{height:min(57vh,560px);min-height:400px}.bridge-panel-wrap,.bridge-learning{position:static;max-height:none;height:auto;overflow:visible;width:auto;transform:none}.bridge-panel-wrap{border-top:1px solid #ccd8cb}.bridge-learning{padding:28px}.bridge-stage-column{min-width:0}.bridge-mode-lesson{padding:26px}.bridge-scene-readout{display:flex;align-items:center;gap:14px;padding:17px 22px;background:#eff4e9;border-top:1px solid #bbcebd;color:#294e54}.bridge-scene-readout>div{flex:1}.bridge-scene-readout strong{font:700 15px var(--font-sans)}.bridge-scene-readout p{margin:6px 0 0;font:14px/1.55 var(--font-sans);max-width:100ch}.bridge-scene-readout button{border:1px solid #9db9a7;border-radius:6px;background:#fffef6;padding:11px 15px;white-space:nowrap;font-size:13px}.bridge-scene-readout button[aria-label="Play motion"],.bridge-scene-readout button[aria-label="Pause motion"]{background:#2e6667;color:#fff}.bridge-scene-guide{padding:8px 22px}.bridge-scene-guide>button:last-child{display:none}.bridge-mode-lesson-title>button{display:none}.bridge-scene-label{font-size:12px!important;font-family:var(--font-sans);color:#193d49;background:#fffff5f5;border:1px solid #769b9c;box-shadow:0 2px 5px #142f3920;padding:7px 10px}.bridge-mechanism-label{max-width:240px;white-space:normal;text-align:center}.bridge-form-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.bridge-form-limits>div{border:1px solid #d4dbd0;border-radius:6px;display:grid;gap:6px;padding:12px;font-size:12px;background:#eff0e8}.bridge-form-limits>div[data-within=true]{background:#e0eee1;border-color:#81a48c}.bridge-form-limits meter{width:100%}.rail-section{margin:22px 0;padding:24px;border:1px solid #c3d2cb;border-radius:12px;background:#f5f8ef;color:#2b535b}.rail-section h3{font:600 21px var(--font-sans);margin:0}.rail-section .bridge-guide-heading>div{display:flex;gap:5px;flex-wrap:wrap}.rail-section svg{display:block;width:100%;height:auto;background:#fffef6;border:1px solid #d8e1d4;border-radius:10px;margin:18px 0}.rail-section button{border:1px solid #afc3b7;border-radius:6px;padding:10px 13px;background:#fffdf6;color:#2c5960;font-size:13px}.rail-section button[aria-pressed=true]{background:#315e68;color:#fff}.rail-section-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rail-section-key button{text-align:left;display:flex;gap:9px;align-items:center}.rail-section-key b{display:grid;place-items:center;border-radius:50%;background:#e6a95c;color:#25434a;width:24px;height:24px;flex-shrink:0}.rail-section-explanation{margin-top:14px;padding:17px;background:#e4ede0;border-left:4px solid #698f81;border-radius:5px;font-size:14px;line-height:1.65}.rail-section-explanation p{margin:6px 0 0}.bridge-reaction-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.bridge-reaction-list li{background:#edf3e6;border:1px solid #b4cbbd;border-radius:6px;padding:10px 14px;font:14px var(--font-sans)}@media (max-width: 800px){.bridge-stage-layout{display:block}.bridge-panel-wrap{position:static;display:block;width:100%;max-height:none;overflow:visible;box-shadow:none;transform:none;border-radius:0}.bridge-learning{max-height:none;overflow:visible;padding:20px}.bridge-sheet-close{display:none}.bridge-stage{height:440px;min-height:360px}.bridge-workspace-tabs button{flex:1 1 30%;padding:11px 7px;font-size:12px}.bridge-scene-readout{flex-wrap:wrap;padding:14px;gap:9px}.bridge-scene-readout>div{flex:1 1 100%}.bridge-scene-readout p{font-size:13px}.bridge-mode-lesson{padding:18px}.bridge-form-limits{grid-template-columns:1fr 1fr}.rail-section{padding:13px}.rail-section h3{font-size:18px}.rail-section-key{grid-template-columns:1fr 1fr}.rail-section-key button{font-size:12px;padding:9px}.rail-section-label{display:none}.bridge-diagram-scroll{overflow:visible}.bridge-diagram-scroll>svg{min-width:0}.bridge-diagram-scroll:before{display:none}.bridge-scene-caption strong{font-size:21px}}.bridge-app .bridge-heading{padding-block:22px 16px;gap:28px;align-items:center}.bridge-app .bridge-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.2;margin:8px 0}.bridge-app .bridge-heading p{font-size:14px;line-height:1.7;max-width:66ch;margin:12px 0 0}.bridge-app .bridge-edition{display:none}.bridge-app .bridge-entry button{padding:11px 15px;font-size:13px}.bridge-app .bridge-workspace-tabs{gap:0;padding:0 0 16px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.bridge-app .bridge-workspace-tabs button{white-space:nowrap;flex-shrink:0;border:0;border-bottom:2px solid #DFE7ED;border-radius:0;background:#fff;color:#285a84;padding:13px 16px;font-size:13px}.bridge-app .bridge-workspace-tabs button[aria-pressed=true]{background:#f2f6f9;color:#17394f;border-bottom-color:#ef8128}.bridge-app .bridge-shell{border-color:#c9d5df;border-radius:3px}.bridge-app .bridge-modebar{background:#f2f6f9;border-color:#c9d5df}.bridge-app .bridge-scene-readout{background:#f5f8fa;border-color:#c9d5df;padding:14px 20px}.bridge-app .bridge-scene-readout p{font-size:13px}.bridge-app .bridge-scene-readout button{border-radius:2px}.bridge-app .bridge-stage{min-width:0}.bridge-app .bridge-stage canvas{display:block;max-width:100%}@media (max-width:650px){.bridge-app .bridge-heading{display:block;padding-top:16px}.bridge-app .bridge-heading .bridge-entry{margin-top:14px}.bridge-app .bridge-workspace-tabs button{font-size:12px;padding:13px}.bridge-app .bridge-scene-readout{flex-wrap:wrap}.bridge-app .bridge-stage{min-height:300px;height:360px}}.engineering-sheet{margin:24px 0;border:1px solid #c9d6dd;border-radius:12px;overflow:hidden;background:#f9fbfd;color:#263f50;box-shadow:0 8px 24px #1f405b08;font-family:var(--font-sans),sans-serif}.engineering-sheet>header{padding:20px 24px;border-bottom:1px solid #dce5eb;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}.engineering-sheet h4{font:600 19px/1.3 var(--font-sans),sans-serif;margin:6px 0;color:#1d3d53}.engineering-sheet header p{font-size:12px;line-height:1.5;margin:0;max-width:72ch;color:#637b8a}.engineering-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6b8494}.engineering-sheet-body{display:grid;grid-template-columns:minmax(0,1fr) 270px}.engineering-drawing{min-width:0;padding:16px;background:radial-gradient(ellipse at 50% 10%,#fff,#f0f5f8)}.engineering-drawing .lesson-diagram-scroll>svg{display:block;width:100%;height:auto;max-height:470px;max-width:880px;margin:8px auto;overflow:hidden}.engineering-drawing svg text{font-family:var(--font-sans),sans-serif;fill:#3d5b6c}.engineering-drawing .drawing-caption{font-size:10px;letter-spacing:.08em}.engineering-sheet figcaption{padding:22px 20px;border-left:1px solid #dce5eb;background:#fff}.engineering-sheet figcaption ol{list-style:none;padding:0;margin:0;display:grid;gap:20px}.engineering-sheet figcaption li{display:flex;gap:10px;font-size:12px;line-height:1.6}.engineering-sheet figcaption li>span{color:#a86c35;font-size:11px;flex:0 0 20px;font-weight:700}.engineering-sheet figcaption strong{font-size:12px;color:#294b60}.engineering-sheet figcaption p{font-size:12px;line-height:1.6;color:#607785;margin:5px 0 0}.engineering-tag circle{fill:#fff;stroke:#b08253;stroke-width:1.4}.engineering-tag text{font-size:10px;font-weight:700;fill:#986127!important}.drawing-view-tabs,.drawing-playback{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.drawing-view-tabs{margin:0 0 14px}.drawing-view-tabs button,.drawing-playback button{border:1px solid #bfd0dc!important;background:#fff!important;color:#365a73!important;border-radius:5px;padding:7px 10px!important;font-size:11px!important}.drawing-view-tabs button[aria-pressed=true]{background:#284d67!important;color:#fff!important;border-color:#284d67!important}.drawing-playback input{width:95px;accent-color:#366d8d}.engineering-clock{font-size:11px;color:#718795;white-space:nowrap}.drawing-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#506e81;margin:12px 0}.drawing-legend span{display:flex;align-items:center;gap:6px}.drawing-legend i{width:14px;height:3px;display:inline-block}.drawing-readings{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #d2dfe6;padding-top:12px}.drawing-readings span{flex:1;min-width:120px;font-size:10px;color:#648093;text-transform:uppercase;letter-spacing:.04em}.drawing-readings b{display:block;font-size:17px;font-variant-numeric:tabular-nums;margin-top:5px;color:#284e68;letter-spacing:0;text-transform:none}.engineering-drawing .drawing-status{font-size:11px;line-height:1.6;color:#607788;margin:12px 0 0;max-width:100ch}.bridge-workspace .studio-diagram,.bridge-workspace .bridge-layout-svg,.bridge-workspace .bridge-movement-network,.bridge-workspace .bridge-drainage-network{max-height:420px;max-width:1000px;margin-left:auto;margin-right:auto;display:block}.bridge-workspace .studio-input-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.bridge-workspace .studio-input-grid>label,.bridge-workspace .studio-input-grid .studio-input{padding:12px}.bridge-workspace .studio-input-grid input[type=range]{margin:10px 0 0}@media (min-width: 1600px){.engineering-sheet-body{grid-template-columns:minmax(0,1fr) 330px}.engineering-sheet figcaption p,.engineering-sheet figcaption strong{font-size:13px}}@media (max-width: 1050px){.engineering-sheet-body{grid-template-columns:1fr}.engineering-sheet figcaption{border-left:0;border-top:1px solid #dce5eb}.engineering-sheet figcaption ol{grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-sheet>header{align-items:flex-start}}@media (max-width: 600px){.engineering-sheet>header{padding:16px;flex-direction:column;gap:12px}.engineering-sheet h4{font-size:17px}.engineering-sheet figcaption ol{grid-template-columns:1fr;gap:14px}.engineering-drawing{padding:10px}.drawing-readings b{font-size:15px}.engineering-sheet figcaption{padding:16px}.drawing-view-tabs button{padding:8px!important}.engineering-drawing .lesson-diagram-scroll>svg{min-height:0}.drawing-readings span{min-width:100px}}.node-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px;color:#496b82}.node-inputs label{display:grid;gap:8px}.node-inputs input{width:100%;accent-color:#346b8b}.bridge-panel-tabs{flex-wrap:wrap;gap:12px}.system-command-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:15px 20px;background:#eef5fa;border-bottom:1px solid #c6d9e3;color:#234b63}.system-command-bar strong{font-size:13px;margin-right:6px}.system-command-bar span{font-size:12px;flex-basis:100%}.system-command-bar button,.water-system-picker button{border:1px solid #9ab9cc;border-radius:5px;padding:10px 13px;background:#fff;color:#224d66;font-size:13px}.system-command-bar button[aria-pressed=true],.water-system-picker button[aria-pressed=true]{background:#174d70;color:#fff}.system-command-bar button:disabled{opacity:.4}.water-system-picker{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:8px}.engineering-drawing .lesson-diagram-scroll>svg[data-drawing=drainage]{max-width:1000px;max-height:550px}.rail-section{background:#f3f6f8;border-color:#c3d4df}.rail-section svg{max-width:880px;max-height:470px;margin:18px auto;background:#fff;border-color:#cedbe3}.rail-section svg[viewBox="500 105 190 190"]{max-width:440px}.rail-scale-note{font-size:12px;color:#557181;margin:5px 0 16px}.rail-section-explanation{background:#e6eef4;border-color:#507b96}.studio-card[data-adopted=true]{border:2px solid #357a75;background:#f3faf7}.brief-adopted,.studio-feedback{padding:12px 16px;background:#e1f3ec;color:#235c4f;border-radius:6px;font-size:13px}.studio-feedback:empty{display:none}#bridge-model{scroll-margin-top:110px}@media (max-width: 600px){.system-command-bar{padding:12px}.system-command-bar button,.water-system-picker button{flex:1 1 40%}.rail-section svg{max-height:none}}.water-system-picker button:disabled{opacity:.4;cursor:not-allowed}.bridge-stage-column>.bridge-scene-caption{position:static;inset:auto;padding:14px 22px;background:#f6f9f8;max-width:none;border-bottom:1px solid #d4e0dc;pointer-events:auto}.bridge-stage-column>.bridge-scene-caption strong{font-size:20px}.detailing-atlas{margin:26px 0;background:#fbfcfd;border:1px solid #cbd7df;border-radius:12px;color:#284456;font:14px/1.7 var(--font-sans),sans-serif;overflow:hidden}.atlas-header{background:#183b52;color:#f5f8fa;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.atlas-header .engineering-eyebrow{color:#b1c9d8}.atlas-header h2{font:500 32px/1.2 var(--font-serif),serif;margin:9px 0 12px}.bridge-workspace .atlas-header h2{color:#f5f8fa}.atlas-header p{color:#c5d7e2;margin:0;max-width:74ch}.atlas-header button{white-space:nowrap;background:#f5f8fa!important;color:#284d67!important;border:0!important;padding:12px 16px!important;border-radius:6px}.atlas-source-note{padding:17px 32px;background:#eef3f6;border-bottom:1px solid #d7e1e7;font-size:12px;color:#5f788a}.atlas-source-note strong{color:#31576e}.atlas-search{display:grid;grid-template-columns:1fr 260px;gap:20px;padding:24px 32px;border-bottom:1px solid #dae3e9}.atlas-search label{display:grid;gap:7px;font-size:12px}.atlas-search input,.atlas-search select,.detail-deliverables textarea{border:1px solid #bfced9;border-radius:6px;padding:12px;background:#fff;color:#274b64;width:100%;font:14px/1.5 var(--font-sans),sans-serif}.atlas-layout{display:grid;grid-template-columns:250px minmax(0,1fr)}.atlas-index{padding:20px 14px;border-right:1px solid #dce5eb;background:#f0f4f7}.atlas-index>p{font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:0 10px;color:#738b9c}.atlas-index button{display:grid;gap:5px;text-align:left;width:100%;background:transparent!important;border:1px solid transparent!important;padding:12px!important;border-radius:6px;margin-bottom:5px!important}.atlas-index button small{font-size:10px;color:#708b9e}.atlas-index button strong{font-size:12px;line-height:1.5;font-weight:600;color:#315369}.atlas-index button[aria-current=page]{background:#fff!important;border-color:#b6c9d6!important;box-shadow:0 3px 10px #25486408}.atlas-index button[aria-current=page] strong{color:#15394f}.atlas-chapter{min-width:0;padding:28px}.atlas-chapter-heading h3{font:500 29px/1.25 var(--font-serif),serif;margin:9px 0 12px;color:#234a62}.atlas-chapter-heading p{max-width:80ch;color:#658092}.atlas-phases{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid #c9d8e2;padding-bottom:10px;margin:24px 0}.atlas-phases button,.detail-related button,.detail-context-heading button,.atlas-next button{background:#fff!important;color:#375e78!important;border:1px solid #c3d3df!important;border-radius:5px;padding:9px 13px!important;font-size:12px!important}.atlas-phases button[aria-pressed=true]{background:#28536f!important;color:#fff!important;border-color:#28536f!important}.atlas-reading{max-width:960px}.detail-phase-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#a57546}.detail-prose{margin-top:24px;display:grid;gap:23px}.detail-prose>section{display:flex;gap:16px}.detail-paragraph-number{font:400 22px var(--font-serif),serif;color:#bdcdd8;flex:0 0 26px;padding-top:1px}.detail-prose h4{font:600 17px/1.4 var(--font-sans),sans-serif;margin:0 0 9px;color:#31566d}.detail-prose p{font:14px/1.85 var(--font-sans),sans-serif;margin:0;color:#516d7f;max-width:90ch}.detail-practice{padding:25px;background:#ecf2f6;border:1px solid #d0dfe9;border-radius:9px;margin:28px 0}.detail-practice h4{font-size:18px;line-height:1.5;margin:8px 0 20px}.detail-practice label,.detail-deliverables label{display:flex;align-items:baseline;gap:10px;font-size:13px;line-height:1.7;margin-bottom:10px}.detail-practice input,.detail-deliverables input{accent-color:#2c6589;flex-shrink:0}.detail-practice button{margin-top:15px;background:#2b5874!important;border:0!important;color:#fff!important;padding:10px 17px!important;border-radius:6px}.detail-practice button:disabled{opacity:.5}.detail-practice p[role=status]{margin:14px 0 0;color:#315b70}.detail-deliverables{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.detail-deliverables h4{font-size:17px;margin:0}.detail-deliverables p{font-size:12px;color:#748b9a}.detail-deliverables>label{display:flex;flex-direction:column;align-items:stretch}.detail-deliverables small{font-size:11px;color:#718a9c}.detail-reference{background:#f0f3f5;border-left:3px solid #9bb3c2;padding:16px 20px;margin:26px 0;color:#6a8190;font-size:12px}.detail-reference p{margin:6px 0}.detail-related{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}.atlas-next{display:flex;justify-content:space-between;margin-top:28px;gap:10px}.detail-context{padding:26px;border:1px solid #d2dee5;background:#f8fafc;border-radius:8px;margin:28px 0}.detail-context-heading{display:flex;align-items:center;gap:20px;justify-content:space-between}.detail-context-heading h3{font-size:23px!important;color:#345c73!important;margin:8px 0 15px!important}.detail-context-heading button{flex-shrink:0}.detail-source{font-size:11px!important;line-height:1.7!important;color:#70899a!important;border-top:1px solid #d8e2e8;padding-top:15px;margin:24px 0 0!important}.atlas-chapter .engineering-sheet-body{grid-template-columns:1fr}.atlas-chapter .engineering-sheet figcaption{border-top:1px solid #dce5eb;border-left:0}.atlas-chapter .engineering-sheet figcaption ol{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-chapter .engineering-drawing>svg{max-height:420px}@media (max-width: 1000px){.atlas-layout{grid-template-columns:1fr}.atlas-index{display:flex;overflow-x:auto;gap:8px;border-bottom:1px solid #dce5eb;border-right:0;padding:12px}.atlas-index>p{display:none}.atlas-index button{min-width:195px;max-width:230px;flex:0 0 195px}.atlas-header,.atlas-chapter{padding:24px}}@media (max-width: 600px){.atlas-header{flex-direction:column;align-items:flex-start;padding:22px}.atlas-header h2{font-size:28px}.atlas-search{grid-template-columns:1fr;padding:18px;gap:12px}.atlas-source-note{padding:16px 20px}.atlas-chapter{padding:18px}.atlas-chapter-heading h3{font-size:25px}.detail-prose p{font-size:13px}.detail-prose h4{font-size:16px}.detail-prose>section{gap:8px}.detail-paragraph-number{flex-basis:21px;font-size:18px}.detail-deliverables{grid-template-columns:1fr;gap:16px}.detail-practice,.detail-context{padding:18px}.detail-context-heading{flex-direction:column;align-items:flex-start;gap:8px}.atlas-chapter .engineering-sheet figcaption ol{grid-template-columns:1fr}}