:root{--ws-blue: #337ab7;--ws-blue-hover: #2c6aa0;--ws-blue-active: #285f8f;--ws-blue-rgb: 51, 122, 183;--ws-blue-text: #1f4a6f;--ws-blue-subtle: #e7f0f8;--ws-blue-border: #b9d2e8;--ws-green: #218559;--ws-green-hover: #1c7149;--ws-green-active: #1a6a45;--ws-green-rgb: 33, 133, 89;--ws-green-text: #145236;--ws-green-subtle: #e5f3ec;--ws-green-border: #b5dbc7;--ws-red: #c9473f;--ws-red-hover: #b03d36;--ws-red-active: #a3382f;--ws-red-rgb: 201, 71, 63;--ws-red-text: #7a2621;--ws-red-subtle: #fbebe9;--ws-red-border: #f0c3bf;--ws-amber: #d39e2a;--ws-surface: #eef2f8;--ws-glass: rgba(255, 255, 255, .58);--ws-glass-strong: rgba(255, 255, 255, .82);--ws-glass-hover: rgba(255, 255, 255, .74);--ws-glass-edge: rgba(255, 255, 255, .75);--ws-glass-line: rgba(20, 32, 60, .08);--ws-glass-blur: blur(18px) saturate(160%);--ws-glass-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 8px 28px rgba(28, 44, 84, .09);--ws-glass-shadow-hover: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 12px 32px rgba(var(--ws-blue-rgb), .16);--ws-backdrop: radial-gradient(1100px 620px at 8% -12%, rgba(var(--ws-blue-rgb), .2), transparent 62%), radial-gradient(820px 520px at 100% 4%, rgba(211, 158, 42, .17), transparent 58%), radial-gradient(900px 700px at 55% 112%, rgba(var(--ws-blue-rgb), .12), transparent 62%), var(--ws-surface)}.steel-shape-page{padding-top:1.5rem}.steel-shape-page .breadcrumb{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin-bottom:.5rem;font-size:.9rem}.steel-shape-page .breadcrumb-item+.breadcrumb-item:before{content:"/";padding:0 .5rem;color:#6c757d}.steel-shape-page .breadcrumb-item.active{color:#6c757d}.steel-shape-page h2{font-size:1.5rem;margin-top:1rem}.steel-shape-page table{font-variant-numeric:tabular-nums}.steel-shape-page th,.steel-shape-page td{white-space:nowrap}.steel-shape-page .num{text-align:right}.steel-shape-page table.two-col{max-width:36rem}.steel-shape-page table.span-table{max-width:48rem}.steel-shape-page table.span-chart td:not(:first-child){text-align:center}.steel-shape-page table.span-chart th:not(:first-child){text-align:center}.steel-shape-page table.joist-spans .chosen{--bs-table-bg-state: rgba(51, 122, 183, .1)}@media (max-width: 575px){.steel-shape-page table.joist-spans{font-size:.875rem}}.steel-shape-page caption{caption-side:top}.key-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem}.key-numbers div{display:flex;flex-direction:column;padding:.6rem .9rem;border:1px solid #dee2e6;border-radius:.5rem;background:#f8f9fa}.key-numbers span{font-size:.85rem;color:#6c757d}.key-numbers strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.cross-section{width:100%;max-width:380px;height:auto}.cross-section .steel{fill:#b9c4d0;stroke:#34495e;stroke-width:1.5}.cross-section .dim line{stroke:#34495e;stroke-width:1}.cross-section .dim text{font:12px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;fill:#212529}.shape-links{display:flex;flex-wrap:wrap;gap:.25rem 1rem;list-style:none;padding:0}.depth-index{display:flex;flex-wrap:wrap;gap:.25rem .9rem}.steel-shape-page table.flitch-table td:first-child{min-width:15rem}.steel-shape-page table.footing-chart td{white-space:nowrap;line-height:1.25}.steel-shape-page table.soil-table td:first-child{white-space:normal}@media screen{body.glass-page{background:var(--ws-surface)}body.glass-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--ws-backdrop)}body.glass-page .navbar.fixed-top{background-color:#fff9!important;-webkit-backdrop-filter:var(--ws-glass-blur);backdrop-filter:var(--ws-glass-blur);border-bottom:1px solid var(--ws-glass-line);box-shadow:0 1px #fffc inset!important}.glass-page .card,.glass-page .glass-panel{--bs-card-bg: var(--ws-glass-strong);--bs-card-border-color: var(--ws-glass-edge);background:var(--ws-glass-strong);border:1px solid var(--ws-glass-edge);border-radius:14px;box-shadow:var(--ws-glass-shadow)}.glass-page .glass-panel{padding:1.25rem 1.5rem;margin-bottom:1.5rem}.glass-page .glass-panel>h2:first-child{margin-top:0}.glass-page .table{--bs-table-bg: transparent}.glass-page .form-control,.glass-page .form-select{background-color:#fffc}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){@media screen{body.glass-page .navbar.fixed-top{background-color:#fffffff2!important}}}.wood-drawing{display:block;width:100%;height:auto}.wood-drawing.section{max-width:230px;margin:0 auto}.wood-drawing text{font:13px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;fill:#212529}.wood-drawing .muted{fill:#6c757d}.wood-drawing .wood{fill:#e8c792;stroke:#9a6b2f;stroke-width:1.2}.wood-drawing .steel{fill:#b9c4d0;stroke:#34495e;stroke-width:1.2}.wood-drawing .joist{stroke:#c19357;stroke-width:3}.wood-drawing .post{fill:#9a6b2f}.wood-drawing .load-live{fill:rgba(var(--ws-blue-rgb),.16);stroke:rgba(var(--ws-blue-rgb),.45);stroke-width:1}.wood-drawing .load-dead{fill:#6c757d47;stroke:#6c757d80;stroke-width:1}.wood-drawing .arrow{stroke:var(--ws-blue);stroke-width:1.2}.wood-drawing .arrowhead{fill:var(--ws-blue)}.wood-drawing .sag{fill:none;stroke:var(--ws-red);stroke-width:1.5;stroke-dasharray:6 4}.wood-drawing .support{fill:#c3ccd6;stroke:#34495e;stroke-width:1}.wood-drawing .dim line{stroke:#34495e;stroke-width:1}.wood-drawing .dim text{font-size:12px}.wood-drawing .house{fill:#dde2e9;stroke:#8b96a3;stroke-width:1}.wood-drawing .footing{fill:#c9ced5;stroke:#8b96a3;stroke-width:1}.wood-drawing .ground{stroke:#8b96a3;stroke-width:1;stroke-dasharray:3 3}.wood-drawing .share{fill:#d39e2a38;stroke:var(--ws-amber);stroke-width:1;stroke-dasharray:4 3}.wood-drawing .share-label{fill:#7a5a12;font-weight:600}.drawing-caption{font-size:.9rem;color:#6c757d;text-align:center;margin:.25rem 0 0}.use-bar{display:inline-block;vertical-align:middle;width:clamp(2.5rem,16vw,8rem);height:8px;margin-right:.5rem;border-radius:4px;background:#14203c14;overflow:hidden}.use-bar>span{display:block;height:100%;border-radius:4px;background:var(--ws-green)}.use-bar.over>span{background:var(--ws-red)}.steel-shape-page table.flitch-results td:first-child{white-space:normal}@media (max-width: 767.98px){.wood-drawing.section{max-width:150px}}.calc{margin:.5rem 0 1rem;padding:.6rem .9rem;background:#ffffff8c;border:1px solid rgba(20,32,60,.08);border-radius:10px}.calc-step{display:flex;justify-content:space-between;gap:1rem;padding:.15rem 0;font-variant-numeric:tabular-nums}.calc-step .ref{flex:none;font-size:.85rem;color:#6c757d}.steel-shape-page .glass-panel h3{font-size:1.05rem;font-weight:600;margin:1.25rem 0 .4rem}.example-drawings{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:center;max-width:520px;margin:0 auto .5rem}.column-drawing{display:block;width:100%;max-width:240px;height:auto;margin:0 auto}.column-drawing text{font:13px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;fill:#212529}.column-drawing .muted{fill:#6c757d}.column-drawing .member,.column-drawing .steel{fill:#b9c4d0;stroke:#34495e;stroke-width:1.2}.column-drawing .support{fill:#c3ccd6;stroke:#34495e;stroke-width:1}.column-drawing .fixed{stroke:#34495e;stroke-width:2}.column-drawing .hatch,.column-drawing .ground{stroke:#8b96a3;stroke-width:1}.column-drawing .arrow{stroke:var(--ws-blue);stroke-width:2}.column-drawing .arrowhead{fill:var(--ws-blue)}.column-drawing .axis line{stroke:#6c757d;stroke-width:.8;stroke-dasharray:6 3 2 3}.column-drawing .dim line{stroke:#34495e;stroke-width:1}@media (max-width: 575.98px){.calc-step{flex-direction:column;gap:0}}.steel-shape-page table.example-summary td:first-child{white-space:normal}.deck-plan{max-width:640px;margin:0 auto}.wood-drawing .decking{fill:#e8c7922e;stroke:#c19357;stroke-width:1}.wood-drawing .deck-joist{stroke:#c19357;stroke-width:1.5}.wood-drawing .beam{fill:#d9b273}.steel-shape-page table.deck-members td,.steel-shape-page table.deck-materials td:last-child{white-space:normal}.wind-map{display:block;width:100%;height:auto;cursor:crosshair}.wind-map .land{fill:#eef1f5;stroke:#8b96a3;stroke-width:1}.wind-map .hvhz{fill:rgba(var(--ws-blue-rgb),.14);stroke:rgba(var(--ws-blue-rgb),.5);stroke-width:1}.wind-map .contour{fill:none;stroke:var(--ws-red);stroke-width:1.3}.wind-map .contour-labels text{font:600 12px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;fill:var(--ws-red);paint-order:stroke;stroke:#fff;stroke-width:3px}.wind-map .place{fill:var(--ws-blue);stroke:#fff;stroke-width:2}.wind-answer{font-size:1.25rem}.wind-answer strong{font-size:2rem}.steel-shape-page table.wind-categories td{white-space:normal}.wind-summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:8px}.wind-summary>div{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;background:rgba(var(--ws-blue-rgb),.06)}.wind-summary strong{font-size:1.35rem}.wind-drawing{display:block;width:100%;height:auto}.wind-drawing text{font:13px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;fill:#212529}.wind-drawing .muted{fill:#6c757d}.wind-drawing .zone-face{stroke:#fff;stroke-width:1}.wind-drawing .zone-label{font-weight:600}.wind-drawing .wind-arrow{stroke:var(--ws-blue);stroke-width:2}.wind-drawing .wind-head{fill:var(--ws-blue)}.wind-drawing .building{fill:#f1f3f5;stroke:#34495e;stroke-width:1.5}.wind-drawing .ground{stroke:#8b96a3;stroke-width:1;stroke-dasharray:3 3}.wind-drawing .push{stroke:#2c6eaa;stroke-width:2}.wind-drawing .push-head{fill:#2c6eaa}.wind-drawing .pull{stroke:#c83c32;stroke-width:2}.wind-drawing .pull-head{fill:#c83c32}.wind-drawing .zone4{fill:#2c6eaa1f;stroke:#34495e}.wind-drawing .zone5{fill:#c83c3238;stroke:#34495e}.wind-drawing .dim line{stroke:#34495e;stroke-width:1}.steel-shape-page table.wind-table td,.steel-shape-page table.wind-table th{white-space:nowrap}.pro-locked{padding:14px 16px;border:1px dashed rgba(var(--ws-blue-rgb),.45);border-radius:10px;background:rgba(var(--ws-blue-rgb),.04)}.opening-row+.opening-row{margin-top:6px}.wind-drawing.wall-drawing{max-width:620px}