: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 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}