/* Guided workspace. Existing model controls retain their original units and listeners. */
:root{--border:#dbe3ed;--muted:#586d87;--navy:#142b48;background:#f1f4f8}
body{background:#f1f4f8}
.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-150%);z-index:20;padding:12px 16px;background:white;border:2px solid #245ddd;border-radius:7px;color:#245ddd;font-size:14px}.skip-link:focus{transform:none}
.topbar{height:72px;padding:0 28px;background:#142b48}
.brand{letter-spacing:1px}.brand small{color:#c3cfde}.version{font-size:11px;letter-spacing:1px}.header-right{gap:14px}
.workspace-nav{padding:8px max(24px,calc((100vw - 1640px)/2 + 24px));gap:8px;box-shadow:0 2px 8px #18355105;background:#fff}
.workspace-nav button{min-height:48px;display:flex;align-items:center;gap:10px;padding:9px 17px;border:1px solid transparent;border-radius:7px;background:transparent;color:#526882;font-size:14px;font-weight:650;white-space:nowrap}
.workspace-nav button>span{font-size:11px;color:#7c8fa6;letter-spacing:1px}.workspace-nav button small{font-size:12px;font-weight:400}
.workspace-nav button[aria-selected=true]{background:#edf3ff;border-color:#d5e2fa;color:#245ddd}.workspace-nav button[aria-selected=true]>span{color:#245ddd}
.workspace-nav button:hover{background:#edf3fb;filter:none}.workspace-nav button:focus-visible{outline:3px solid #558cf1;outline-offset:1px}
.workspace{grid-template-columns:326px minmax(0,1fr)}.sidebar{padding:22px 20px;background:#fff}.results{padding:26px 30px}
.results-header{margin-bottom:20px}.results-header h1{font-size:27px;letter-spacing:-.6px}.results-header h1 span{display:block;font-size:14px;margin:3px 0 0}.results-header .eyebrow{font-size:10px;letter-spacing:1.2px}
.side-title{margin-bottom:2px}.sidebar-intro{font-size:13px;color:#62768e;line-height:1.7;margin:8px 0 20px}.sidebar .eyebrow{font-size:10px;letter-spacing:1.3px}
.sidebar .input-section{padding:0 0 14px;margin:0 0 14px}.sidebar .input-section h2{margin:0;display:block}.input-step-button{padding:0;display:flex;align-items:center;gap:9px;background:transparent;width:100%;min-height:46px;text-align:left;color:#293f5d;font-weight:650;font-size:15px}.input-step-button:hover{filter:none;color:#245ddd}.input-step-button small{font-size:11px;font-weight:400;color:#647a94;margin-left:auto}.step-chevron{width:14px;flex-shrink:0;font-size:18px;text-align:center;color:#7290b1;font-weight:400}.input-step-button[aria-expanded=true] .step-chevron{font-size:0}.input-step-button[aria-expanded=true] .step-chevron:after{content:'−';font-size:18px}.input-step-open .section-number{background:#245ddd;color:#fff}
.input-step-summary{font-size:12px;color:#61758e;margin:4px 0 0 37px;line-height:1.7;overflow-wrap:anywhere}.input-step-body{padding-top:3px}.input-step-next{width:100%;min-height:44px;color:#245ddd;border:1px solid #d1e0f7;border-radius:6px;background:#f4f8ff;margin-top:15px;font-size:13px;font-weight:600}
.input-advanced{padding:12px;margin-top:18px;border:1px solid #dbe4ef;border-radius:7px;background:#f8faff}.input-advanced>summary{font-size:13px;font-weight:600;color:#425c7e;line-height:1.65;min-height:28px}.input-advanced>summary span{display:block;font-size:11px;font-weight:400;color:#677d97;margin:5px 0 0 14px}.input-advanced #combination-editor{margin-top:14px}.input-advanced .combination-heading h3{font-size:14px}.input-advanced .combination-note,.input-advanced .combination-scope{font-size:12px}
.workspace-pane{min-width:0;outline-offset:3px}.workspace-intro{margin:26px 0 17px}.workspace-intro h2{font-size:20px;font-weight:650;line-height:1.5}.workspace-intro h2 span{font-size:13px;font-weight:400;color:#657a94;margin-left:12px}.workspace-intro p{font-size:13px;color:#5c718b;line-height:1.7;margin:5px 0 0;max-width:850px}
.workspace-pane .beam3d-panel{margin-bottom:18px}.workspace-pane .beam3d-stage svg{height:290px}.workspace-pane .panel-header{padding:18px 22px}.workspace-pane .model-dimensions{padding:16px 22px}.workspace-pane .view-controls{padding:10px 22px 14px}.workspace-pane .view-size{padding:10px 22px}.workspace-pane .beam3d-note{padding-bottom:16px}.workspace-pane .model-card{margin-bottom:0}.workspace-pane .beam-diagram{height:212px}.workspace-pane .metrics{margin:0 0 18px}.workspace-pane .metric-value{font-size:27px}.workspace-pane .detail-panel{margin:0 0 18px}.workspace-pane .engineering-panel{margin-top:0}.workspace-pane .steel-panel{margin-top:20px}.workspace-pane .report-launcher{margin:20px 0}.workspace-pane .bottom-grid{margin-top:20px}
.automatic-sizing{background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.automatic-sizing>summary{font-size:14px;font-weight:600;color:#426082;min-height:52px;padding:15px 20px;line-height:1.65}.automatic-sizing .rebar-panel{border:0;margin:0;border-radius:0;box-shadow:none;border-top:1px solid var(--border)}
.analysis-case-control{display:flex;align-items:center;gap:18px;padding:14px 18px;border:1px solid #ccdbee;border-radius:8px;background:#f8fbff;margin-bottom:18px}.analysis-case-control label{font-size:13px;font-weight:600;color:#385879;min-width:160px}.analysis-case-control select{max-width:600px}
.inspect-jumps{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #e5ebf4}.inspect-jumps button{background:#f2f6fc;color:#426385;border:1px solid #dce5f2;border-radius:5px;padding:9px 12px;min-height:44px;font-size:12px}
.workspace-next{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:24px 0 8px}.workspace-next button{font-size:14px;min-height:46px;padding:11px 19px;border-radius:7px;font-weight:600}.workspace-back{color:#536e8e;background:#fff;border:1px solid #d6e0ed}.workspace-continue{color:#fff;background:#245ddd}.workspace-pane .chart{height:170px}.workspace-pane .engineering-block{padding:20px 22px}
@media screen and (min-width:761px){.workspace-nav{position:relative}.sidebar,.results{scroll-padding-top:20px}.workspace-pane section[id]{scroll-margin-top:20px}}
@media(max-width:1100px) and (min-width:761px){.workspace{grid-template-columns:292px minmax(0,1fr)}.sidebar{padding:20px 17px}.results{padding:22px}.workspace-nav button small{display:none}.workspace-intro h2 span{display:block;margin:2px 0 0}.results-header h1{font-size:24px}}
@media(max-width:760px){
  body{display:block;height:auto;overflow:visible}.topbar{height:68px;padding:0 14px}.topbar .brand{font-size:17px}.topbar .brand svg{width:30px;height:30px}.brand small{font-size:11px}.header-right{gap:6px}.topbar .benchmark-link{display:none}.topbar #print{display:block;font-size:12px;padding:9px 11px;min-height:44px}
  .workspace-nav{position:sticky;top:0;padding:6px 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;z-index:6}.workspace-nav button{min-height:54px;display:flex;flex-direction:column;gap:1px;justify-content:center;padding:4px 1px;font-size:12px;white-space:normal;text-align:center;line-height:1.5}.workspace-nav button>span{display:none}.workspace-nav button small{font-size:10px;display:block}.workspace-nav button[aria-selected=true]{border-color:#cdddf8}
  .workspace{display:flex}.results{display:contents}.results-header{order:0;display:flex;padding:20px 14px 0;gap:10px;align-items:flex-start;margin:0 0 15px}.results-header h1{font-size:23px;line-height:1.3}.results-header h1 span{font-size:12px;line-height:1.6}.results-header .eyebrow{font-size:9px;letter-spacing:.6px;display:block;line-height:1.7}.unit-control{display:block;min-width:107px}.unit-control label{font-size:11px;margin-bottom:6px}.unit-control select{width:107px;padding:7px 6px;font-size:14px;height:43px}
  .sidebar{order:1;padding:18px;margin:0 12px 16px}.sidebar.collapsed{padding:10px}.sidebar.collapsed .sidebar-intro{display:none}.model-toggle{margin-bottom:14px;font-weight:600}.sidebar .input-section{margin-bottom:13px;padding-bottom:13px}.sidebar-intro{font-size:13px;margin-bottom:14px}.input-step-button small{font-size:12px}.input-step-button{font-size:15px}
  #design-overview{order:2;margin:0 12px 2px;width:auto}.error{order:3;margin:14px 12px 0}#model-editor{order:4;padding:0 12px;width:100%}#analysis-content{order:4;padding:0 12px;width:100%}footer{order:5;padding:22px 14px}
  .workspace-intro{margin:20px 2px 14px}.workspace-intro h2{font-size:18px}.workspace-intro h2 span{display:block;font-size:12px;margin:2px 0 0}.workspace-intro p{font-size:13px}.workspace-pane .panel-header{padding:16px}.workspace-pane #beam3d-panel{margin:0 0 16px}.workspace-pane .beam3d-stage svg{height:240px}.workspace-pane .model-dimensions{padding:14px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-pane .model-dimensions label{font-size:12px;min-height:36px}.workspace-pane .model-dimensions input{padding:8px 9px}.workspace-pane .view-controls{padding:10px 16px 12px}.workspace-pane .view-size{padding:11px 16px}.workspace-pane .view-presets button{font-size:12px;min-height:42px;padding:7px 10px}.workspace-pane .beam3d-note{padding:0 16px 14px}.workspace-pane .view-instructions{font-size:11px}
  .analysis-case-control{display:block;padding:13px 14px}.analysis-case-control label{display:block;margin-bottom:8px;font-size:13px}.analysis-case-control select{font-size:15px}.workspace-pane .metric-value{font-size:25px}.workspace-pane .chart{height:155px}.workspace-pane .engineering-block{padding:18px 15px}.automatic-sizing>summary{font-size:13px;padding:14px 15px}.workspace-next{padding-top:20px;gap:8px}.workspace-next button{font-size:12px;padding:10px 13px}.inspect-jumps{gap:6px}.inspect-jumps button{font-size:11px;padding:8px 9px}
}
@media(max-width:360px){.results-header h1{font-size:21px}.unit-control{min-width:94px}.unit-control select{width:94px;font-size:13px}.workspace-nav button{font-size:11px}.workspace-nav button small{font-size:10px}.workspace-pane .model-dimensions{gap:7px}.workspace-pane .model-dimensions label{font-size:11px}.workspace-next{justify-content:space-between}.workspace-next button{padding:10px 9px}.topbar .brand{font-size:16px}.workspace-intro h2{font-size:17px}.workspace-pane .metric-value{font-size:23px}}
@media print{.skip-link,.workspace-nav,.workspace-intro,.workspace-next,.input-step-next,.analysis-case-control,.inspect-jumps,.sidebar-intro{display:none!important}.workspace-pane[hidden],.input-step-body[hidden]{display:block!important}.workspace-pane{break-inside:auto}.automatic-sizing>summary{display:none}.automatic-sizing:not([open])>*:not(summary){display:block}.input-step-button{display:block}.input-step-summary{margin-left:0}.results{display:block}.workspace{display:block}.sidebar{overflow:visible}.design-overview{break-inside:avoid}}

@media(max-width:760px){#model-editor{order:2}}