.fs-workspace{grid-template-columns:minmax(270px,.72fr) minmax(0,1.65fr);align-items:start;gap:26px}
.fs-output,#shear-output{min-width:0}.dg-card{order:0;background:#f9fcfe;border:1px solid #ccdae3;border-radius:12px;overflow:hidden;color:#193c50;margin-bottom:22px}.dg-card>header{padding:22px 24px 8px}.dg-card h2{font-size:27px;line-height:1.2;margin:6px 0}.dg-card h3{font-size:19px;margin:8px 0}.dg-card p{line-height:1.6}.dg-card header p:last-child{margin:5px 0;font-size:15px}
.dg-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px 22px}.dg-card button,.dg-comparison>button,.dg-schemes button{min-height:44px;font:inherit;font-size:14px;border:1px solid #b5cbd6;background:white;color:#214d67;border-radius:5px;padding:10px 14px;cursor:pointer}.dg-card button[aria-pressed=true],.dg-card button[aria-current=step],.dg-schemes button[aria-pressed=true]{background:#214f69;color:white;border-color:#214f69}.dg-card :focus-visible,.dg-comparison :focus-visible,.dg-schemes :focus-visible{outline:3px solid #ba6a24;outline-offset:3px}.dg-toolbar button{flex:1}.dg-options label{display:flex;align-items:center;gap:6px;font-size:14px;margin:0}.dg-options input{width:18px;height:18px}.dg-options button{flex:0 1 auto}
.dg-canvas{background:white;border-block:1px solid #dbe5ea;padding:12px 8px}.dg-svg{display:block;width:100%;height:auto;overflow:visible;max-height:430px}.dg-svg text,.dg-scale text{font:16px Arial,sans-serif;fill:#264b61}.dg-svg .dg-force-label{font-size:19px;fill:#126b9a}.dg-svg .dg-area-label{font-size:20px;font-weight:bold}.dg-metal{fill:#d0dde5;stroke:#3e6073;stroke-width:1.35;stroke-linejoin:round}.dg-metal .dg-face{fill:#edf3f7}.dg-thread-conventional{fill:none;stroke:#3e6073;stroke-width:1}.dg-axis{stroke:#8ba0ad;stroke-width:1;stroke-dasharray:10 4 2 4;fill:none}.dg-break{fill:none;stroke:white;stroke-width:5}.dg-plane{stroke:#b56b22;fill:none;stroke-width:2.6;stroke-dasharray:7 4}.dg-force-line{stroke:#1675a4;stroke-width:3;fill:none}.dg-force-tip{fill:#1675a4}.dg-plate{fill:#e4ebef;stroke:#6b8594;stroke-width:1.2}.dg-plate-1{fill:#cadde8}.dg-part{transition:transform .35s ease}.dg-part-label{fill:#536d7c}.dg-dim{stroke:#617d90;fill:none;stroke-width:1}.dg-dim text{stroke:none;fill:#264b61}.dg-pick{cursor:pointer}.dg-pick:hover,.dg-pick:focus-visible{stroke:#bc6a20;outline:none}.dg-selected .dg-dim,.dg-selected .dg-plane,.dg-selected>path{stroke:#bd681d;stroke-width:3}.dg-section-fill{fill:#e9cda6;stroke:#aa6527;stroke-width:2}.dg-force-label,.dg-plane{transition:stroke .2s}
.dg-scale-note,.dg-exploded-note,.dg-selection{font-size:13px;margin:10px 22px;color:#536e7e}.dg-exploded-note{color:#92591f;font-weight:600}.dg-measures{display:flex;gap:7px;flex-wrap:wrap;padding:12px 22px}.dg-measures button{font-size:14px;font-variant-numeric:tabular-nums;padding:9px 12px}.dg-selection{min-height:42px}.dg-levels{padding:14px 22px;background:#f0f6f9}.dg-levels p{margin:5px 0;font-size:15px}.dg-levels .dg-origin{font-size:12px;color:#536e7e}.dg-scale{width:100%;display:block;margin:14px 0;overflow:visible}.dg-scale text{font-size:15px}.dg-level path{stroke:#8eaabb;stroke-width:7}.dg-level-selected path{stroke:#236482;stroke-width:10}.dg-level-selected text{font-weight:bold}.dg-load-marker{stroke:#b76522;stroke-width:2;stroke-dasharray:4 3;fill:none}.dg-load-label{fill:#a55c20!important;font-weight:bold}.dg-no-dims .dg-dim{visibility:hidden}
.dg-teach-controls{display:flex;gap:8px;flex-wrap:wrap;padding:20px 22px 10px}.dg-teach-controls button:first-child{background:#24627f;color:white}.dg-steps{display:grid;grid-template-columns:1fr;gap:8px;padding:0 22px;margin:8px 0 18px;list-style:none}.dg-steps li{border:1px solid #d3e0e7;border-radius:6px;overflow:hidden;background:white}.dg-steps button{width:100%;text-align:left;border:0;border-radius:0;font-weight:600}.dg-steps p{margin:0;padding:10px 14px;font-size:13px}.dg-formula-active{background:#fff2de!important;border-left:3px solid #b56b22}.dg-play-status{margin:8px 22px;font-size:13px}.dg-card[data-dg-step="0"] .dg-forces{filter:drop-shadow(0 0 2px #64a9c8)}.dg-card[data-dg-step="1"] .dg-section-fill{stroke-width:4}.dg-card[data-dg-step="2"] .dg-dim{stroke:#b56b22;stroke-width:2}
.dg-exploded .dg-part-0{transform:translateX(-40px)}.dg-exploded .dg-part-2{transform:translateX(40px)}.dg-exploded[data-dg-count="1"] .dg-part-1{transform:translateX(40px)}.dg-exploded .dg-plane,.dg-exploded .dg-forces{visibility:hidden}.dg-static *{transition:none!important;animation:none!important}
.dg-load-control{grid-column:1/-1}.dg-load-control input[type=range]{width:100%;padding:0;min-height:35px;accent-color:#226584}.dg-load-note{font-size:12px;line-height:1.5;color:#516e7f;font-weight:400}.dg-schemes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.dg-schemes button{padding:8px;font-size:12px;line-height:1.4}.dg-schemes svg{display:block;width:100%;height:52px}.dg-planes-native{display:none!important}
.dg-comparison{margin:22px 0}.dg-comparison>p{font-size:14px}.dg-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.dg-mini{min-width:0;margin:0;background:#f5f9fb;border:1px solid #ccdae3;border-radius:8px;padding:16px}.dg-mini figcaption{font-size:16px;line-height:1.55}.dg-mini p{font-size:14px;line-height:1.5;margin:10px 0}.dg-mini .dg-svg{max-height:200px}.dg-mini .dg-thread{max-height:120px}.dg-mini .dg-pick{pointer-events:none}.dg-comparison[data-dg-step="0"] .dg-forces{filter:drop-shadow(0 0 3px #68afc9)}.dg-comparison[data-dg-step="1"] .dg-plane{stroke-width:5}.dg-comparison[data-dg-step="2"] .dg-dim{stroke:#b56b22;stroke-width:2}.dg-comparison[data-dg-step="3"] .dg-mini p:nth-last-of-type(2),.dg-comparison[data-dg-step="4"] .dg-mini p:last-of-type{background:#fff0d7}
.dg-dialog{width:min(1100px,94vw);max-height:94vh;border:1px solid #abc4d1;border-radius:10px;padding:20px;color:#214d67}.dg-dialog::backdrop{background:#16384dbb}.dg-dialog [data-dg-enlarged]{overflow:auto;margin-top:20px}.dg-dialog .dg-svg{min-width:720px;max-height:none}.dg-dialog button{position:sticky;top:0;z-index:1}.dg-dialog .dg-scale-note{display:block}
@media(max-width:1000px){.fs-workspace{grid-template-columns:minmax(240px,.8fr) minmax(0,1.3fr)}.dg-card>header,.dg-toolbar,.dg-levels{padding-left:14px;padding-right:14px}.dg-mini-grid{gap:10px}.dg-mini{padding:10px}}
@media(max-width:760px){.fs-workspace{grid-template-columns:1fr}.fs-panel{position:static}.dg-mini-grid{grid-template-columns:1fr}.dg-mini .dg-svg{max-height:none}.dg-mini .dg-thread{max-height:none}.dg-card h2{font-size:24px}.dg-svg{max-height:none}.dg-toolbar{gap:6px}.dg-toolbar button{font-size:13px;padding:10px}.dg-measures{padding:10px 14px}.dg-scale-note,.dg-exploded-note,.dg-selection{margin-left:14px;margin-right:14px}.dg-steps{padding:0 14px}.dg-teach-controls{padding:16px 14px 8px}.dg-teach-controls button{font-size:13px}.dg-card .dg-levels p{font-size:14px}.dg-scale text{font-size:17px}.dg-card .dg-svg text{font-size:19px}.dg-card .dg-svg .dg-force-label{font-size:19px}.dg-dialog{padding:12px}.fs-page{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.dg-card *{transition:none!important;animation:none!important}}
@media print{.skip,.dg-toolbar,.dg-teach-controls,.dg-steps,.dg-measures,.dg-selection,.dg-play-status,.dg-dialog,.dg-comparison>button,.dg-exploded-note{display:none!important}.dg-card{border:1px solid #aaa;background:white;break-inside:auto}.dg-card>header{padding:10px}.dg-card h2{font-size:17pt}.dg-canvas{display:grid;grid-template-columns:1fr 1fr;padding:6px;break-inside:avoid}.dg-canvas [data-dg-pane="scene"],.dg-canvas [data-dg-pane="section"]{display:block!important}.dg-canvas [data-dg-pane="thread"]{display:none!important}.dg-canvas .dg-svg{width:100%;max-height:65mm}.dg-part{transform:none!important}.dg-plane,.dg-forces,.dg-dim{visibility:visible!important}.dg-levels{padding:8px 12px;break-inside:avoid}.dg-levels p,.dg-scale-note{font-size:9pt}.dg-scale{max-height:45mm}.dg-mini-grid{grid-template-columns:1fr 1fr 1fr}.dg-mini{break-inside:avoid}.dg-card [data-dg-formula]{border-left:0}.dg-card .dg-formula-active{background:white!important}.fs-workspace{display:block}.fs-output{display:block}}

.dg-leader{stroke:#6b9eb6;stroke-width:1;fill:none}.fs-panel .dg-schemes button{margin-top:0}.dg-no-dims [data-dg-pick=d] text,.dg-no-dims [data-dg-pick=ds] text{visibility:hidden}

.dg-key-result{display:flex;flex-wrap:wrap;gap:5px 24px;padding:10px 24px;background:#e9f2f7;align-items:center;line-height:1.5}.dg-key-result span{font-size:13px;color:#4d687a}.dg-key-result strong{font-size:20px}.dg-interactive .dg-steps p{display:none}.dg-interactive .dg-steps p.dg-formula-active{display:block}

.dg-plane text{stroke:none;fill:#95591f}.dg-level-track{stroke:#dbe5eb!important;stroke-width:2!important}.dg-scale text{font-size:18px}.dg-key-result strong{overflow-wrap:anywhere}

.dg-pick{pointer-events:visiblePainted}.dg-key-result strong{display:flex;flex-wrap:wrap;gap:4px 16px}.dg-key-result strong span{font:inherit;color:inherit;white-space:nowrap}
@media(max-width:760px){.dg-card .dg-svg text,.dg-card .dg-svg .dg-force-label{font-size:24px}.dg-card .dg-thread text{font-size:22px}.dg-scale text{font-size:22px}}
@media print{.dg-canvas{display:block}.dg-canvas .dg-scene{max-height:85mm}.dg-canvas .dg-section{max-height:50mm}.dg-comparison>button,[data-dg-comparison-status]{display:none!important}.dg-key-result strong{font-size:12pt}.dg-card .dg-svg text{font-size:19px}}

.dg-card[data-dg-step="3"] .dg-level-selected path:not(.dg-level-track){stroke:#b56b22}.dg-card[data-dg-step="4"] .dg-load-marker{stroke-width:4}