:root{font-family:Inter,"Segoe UI",Tahoma,sans-serif;color:#213e37;background:#faf9f5;font-size:15px}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #e7e9e2;background:#faf9f5}.wrap{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}.nav{height:76px;display:flex;align-items:center;gap:45px}.brand{font-size:20px;font-weight:800;text-decoration:none;color:#203e37}.brand span{display:inline-grid;place-items:center;color:white;background:#254b40;border-radius:8px;width:33px;height:33px;margin-right:7px}nav{display:flex;gap:28px;flex:1}a{color:inherit}nav a{text-decoration:none;color:#697d74;font-size:14px}.badge{background:#e6eee7;color:#476b59;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700;white-space:nowrap}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0 78px}.eyebrow{color:#b96e49;letter-spacing:.14em;font-size:11px;font-weight:800}h1{font-size:clamp(40px,5vw,62px);line-height:1.15;letter-spacing:-.04em;margin:18px 0}h1 em{font-style:normal;color:#b76f49}.hero p:not(.eyebrow){color:#718178;line-height:1.8;max-width:440px}.button,.outline{border:0;border-radius:7px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.button{background:#254d40;color:#fff}.button span{margin-left:25px}.outline{background:white;border:1px solid #d9e1d9;color:#34564b}.hero-art{background:#e6eee5;border-radius:14px;padding:26px 30px;min-height:300px}.hero-art svg{width:100%}.art-label{font-size:10px;letter-spacing:.13em;font-weight:800;color:#668077}.art-label span{float:right}.hero-art p{font-size:13px!important}.section{border-top:1px solid #e4e8df;padding:52px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{margin:8px 0;font-size:28px}.section-head p:not(.eyebrow),.muted{color:#829188;margin:0}.search-grid,.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card,.drop{background:white;border:1px solid #e3e9e1;border-radius:10px;padding:24px}.drop{text-align:center;border:1.5px dashed #b9cbbd;background:#f7faf5}.drop-icon{font-size:30px;color:#638d75}.drop p,.hint,small{color:#829188;font-size:12px}.drop small{display:block;margin-top:16px}label{display:block;font-size:13px;font-weight:700;color:#405c51}input,select{width:100%;border:1px solid #dfe7df;border-radius:6px;background:white;padding:10px;color:#263f37;font:inherit;margin-top:7px}input:focus,select:focus{outline:2px solid #a7c8ae}.empty{padding:28px 0;color:#89988e;font-size:13px}.fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.row-head{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.row-head h3{font-size:15px}.text-button,.remove{border:0;background:none;color:#597c68;cursor:pointer}.editor-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:7px;margin:8px 0}.support-row{grid-template-columns:2fr 1fr auto}.editor-row input,.editor-row select{min-width:0;font-size:13px}.actions{display:flex;gap:10px;margin-top:22px}.notice{background:#f8f3e9;color:#8e7654;border-radius:8px;padding:14px;font-size:12px;line-height:1.7}.preview svg,.plot svg{width:100%;height:auto}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-grid h3{margin-top:0}.formula{font-family:Consolas,monospace;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.library-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0eb}.library-item p{margin:4px 0;color:#89988e;font-size:12px}.error{color:#b34d3b}.success{color:#477960}footer{padding-top:24px;padding-bottom:40px;color:#6f8377;font-weight:700}footer span{float:right;font-size:12px;font-weight:400}@media(max-width:700px){.nav{gap:10px}.nav nav{gap:12px;overflow:auto}.nav nav a{white-space:nowrap;font-size:12px}.nav .badge{display:none}.hero,.search-grid,.workspace,.result-grid{grid-template-columns:1fr}.hero{gap:25px;padding:40px 0}.section-head{align-items:start;flex-direction:column}.fields{grid-template-columns:1fr}.editor-row{grid-template-columns:1.2fr 1fr 1fr}.editor-row .remove{grid-column:3}footer span{float:none;display:block;margin-top:8px}}

.cut-heading{margin-top:32px}.cut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}.cut-card svg{width:100%;height:auto}.cut-card h3{margin-top:0}.cut-legend{list-style:none;padding:0;margin:0;font-size:13px;line-height:1.8}.cut-legend li{margin:5px 0}

.cut-equations{border-top:1px solid #e3e9e1;margin-top:18px;padding-top:18px}.cut-equations .formula{overflow-wrap:anywhere}

.endpoint{margin-top:16px}.endpoint strong{font-size:13px}.endpoint .formula{margin-top:5px}

.plot-value{font-size:10px;fill:#254d40;paint-order:stroke;stroke:white;stroke-width:3px;stroke-linejoin:round}.plot-table-wrap{overflow-x:auto}.plot-table{width:100%;border-collapse:collapse;font-size:12px;text-align:right}.plot-table caption{text-align:left;color:#698076;margin-bottom:8px}.plot-table th,.plot-table td{padding:6px 8px;border-bottom:1px solid #edf0eb}.plot-table th:first-child{text-align:left}

textarea{width:100%;border:1px solid #dfe7df;border-radius:6px;padding:12px;font:12px/1.5 Consolas,monospace;resize:vertical;color:#263f37}textarea:focus{outline:2px solid #a7c8ae}

.truss-row{display:flex;align-items:end;gap:8px;margin:8px 0}.truss-row label{flex:1;min-width:0}.truss-row .remove{padding:10px}@media(max-width:700px){.truss-row{flex-wrap:wrap}.truss-row label{min-width:90px}}

#trussPreview svg{width:100%;height:auto}

#frameEditor .truss-row{flex-wrap:wrap}#frameEditor .truss-row label{min-width:105px}

html{scroll-behavior:smooth;scroll-padding-top:24px}body{line-height:1.65}.nav{gap:24px}nav{gap:20px;overflow-x:auto;min-width:0}nav a{white-space:nowrap}.brand{white-space:nowrap}.button:hover{background:#173d31}.outline:hover{background:#f0f5ef}.text-button:hover{text-decoration:underline}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bc8864;outline-offset:3px}[hidden]{display:none!important}.hero{padding:60px 0}.hero h1{line-height:1.4}.section-head p{line-height:1.8}.practice-card{border-top:3px solid #254d40}.practice-fields{display:grid;grid-template-columns:2fr 1fr auto auto;gap:14px;align-items:end}.practice-fields button{white-space:nowrap}.practice-fields input,.practice-fields select{height:46px}.image-studio{margin-top:24px}.image-studio .workspace{align-items:start}.crop-canvas{display:block;width:100%;height:auto;background:#f4f5f0;border:1px solid #e2e7de;border-radius:6px;touch-action:none;cursor:crosshair}.image-studio .row-head{margin-top:0}.image-studio .actions{flex-wrap:wrap}.image-studio li{font-size:13px}.image-studio .card{min-width:0}details{border-top:1px solid #e3e9e1;margin-top:20px;padding-top:16px}summary{cursor:pointer;font-size:14px;font-weight:700}details label{margin-top:14px}.check-label{display:flex;gap:10px;align-items:start;margin:18px 0;font-weight:400}.check-label input{width:auto;margin:6px 0 0}.model-summary{background:#f4f7f1;padding:16px;border-radius:6px;margin-top:16px;font-size:13px}.model-summary p{margin:8px 0}.book-reader{margin-bottom:36px}.book-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.book-controls label{max-width:170px}.book-controls .hint{align-self:center}#bookPageArea{max-width:850px;margin:auto}.book-hit-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex-shrink:0}.problem-toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:-5px 0 20px;padding:12px 16px;background:#eaf0e7;border-radius:8px}.problem-toolbar .hint{flex:1}.method-card{margin-bottom:22px}.method-card p,.method-card li{font-size:14px}.method-card summary{margin-bottom:14px}.method-card .formula{padding:12px;background:#f4f7f1;border-radius:6px}.result-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.result-highlights>div{padding:18px;background:#eef3e9;border-radius:7px}.result-highlights strong{display:block;font-size:28px}.result-highlights strong small{font-size:13px}.result-highlights span{font-size:12px;color:#657c6e}.studio-library{margin-top:30px}.studio-library .section-head{margin:0}.library-item .actions{margin:0}.book-reader canvas{background:white}#framePreview svg{width:100%;height:auto}#printReport{display:none}
@media(max-width:900px){.nav{gap:18px}.nav .badge{display:none}.practice-fields{grid-template-columns:2fr 1fr}.practice-fields button{width:100%}.hero{gap:28px}}
@media(max-width:700px){.wrap{padding-left:18px;padding-right:18px}.card,.drop{padding:18px}.hero-art{min-height:220px}.practice-fields{grid-template-columns:1fr 1fr}.practice-fields label:first-child{grid-column:1/-1}.practice-fields label:nth-child(2){grid-column:1/-1}.hero h1{font-size:40px}.result-highlights{grid-template-columns:1fr}.problem-toolbar{gap:10px}.problem-toolbar .hint{flex-basis:100%}.book-hit-actions{flex-direction:column;align-items:stretch}.library-item{align-items:start}.actions{flex-wrap:wrap}.editor-row{grid-template-columns:1fr 1fr}.editor-row .remove{grid-column:auto}.support-row{grid-template-columns:1fr 1fr auto}.nav{height:70px}.brand{font-size:17px}.nav nav{gap:18px}.book-controls label{max-width:130px}}
@media print{@page{size:A4;margin:16mm}body{background:white;color:#111;font-size:11px}body>*{display:none!important}body>#printReport{display:block!important}#printReport h1{font-size:23px;line-height:1.2}#printReport h2{font-size:18px}#printReport h3{font-size:15px}.card{border:1px solid #ccc;border-radius:0;padding:12px}.result-grid,.cut-grid{display:block}.card,.plot,.method-card{break-inside:avoid;margin-bottom:12px}svg{max-width:100%;max-height:240px}.formula{font-size:10px}.hint,small{color:#444}.result-highlights{display:flex}.result-highlights>div{flex:1}.plot-table{font-size:10px}details>*,details:not([open])>*{display:block!important}summary{display:block}#printReport .result-grid .card{break-inside:avoid}#printReport p{font-size:11px}}

/* App navigation: one task on screen, with editors preserved between views. */
.studio-app{background:#f7f8f4}.studio-app header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e1e7dd}.studio-app .nav{height:68px;max-width:none;padding:0 28px;gap:22px}.studio-app .nav>.badge{margin-left:auto}.header-divider{width:1px;height:22px;background:#dfe5dc}.page-title{font-size:14px;font-weight:600;color:#6c7e72}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 68px)}.app-sidebar{position:sticky;top:68px;height:calc(100vh - 68px);padding:28px 16px 20px;border-right:1px solid #e1e7dd;background:#f0f3ec;display:flex;flex-direction:column}.sidebar-caption{font-size:11px;color:#7a8d7e;padding:0 12px 20px}.app-sidebar nav{display:flex;flex-direction:column;gap:5px;overflow:visible;flex:none}.app-sidebar nav a{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:7px;font-size:13px;font-weight:600;color:#64796b}.app-sidebar nav a:hover{background:#e5ecdf}.app-sidebar nav a.is-active{background:#254d40;color:#fff}.menu-icon{display:inline-flex;justify-content:center;font-size:18px;line-height:1;width:20px}.menu-group{font-size:10px;letter-spacing:.06em;color:#8c9b8b;margin:22px 12px 8px}.sidebar-note{margin-top:auto;padding:22px 12px 0;font-size:10px;color:#849480}.sidebar-note strong,.sidebar-note span{display:block}.sidebar-note strong{color:#5a735e;margin-bottom:4px}.studio-app main.wrap{width:100%;max-width:1440px;min-width:0;padding:32px 36px 44px}.studio-app .section{border:0;padding:0}.studio-app .section-head{margin-bottom:24px;align-items:center}.studio-app .section-head h2{font-size:26px;margin:4px 0 8px}.studio-app .section-head .eyebrow{font-size:10px;margin-top:0}.studio-app .section-head p:not(.eyebrow){font-size:13px;max-width:850px}.studio-app footer{display:none}.studio-app .hero{display:block}.menu-toggle{display:none;border:1px solid #dce4d8;border-radius:6px;background:white;font-size:20px;padding:2px 10px;color:#254d40}.analysis-types{display:flex;gap:6px;flex:none;margin:0 0 26px;border-bottom:1px solid #dfe6d9;padding-bottom:12px;overflow:visible}.analysis-types a{border-radius:6px;padding:7px 20px;font-size:13px;color:#708270;text-decoration:none}.analysis-types a.is-active{background:#e2eade;color:#254d40;font-weight:700}.view-tabs{display:flex;flex:none;gap:24px;overflow-x:auto;border-bottom:1px solid #dce5d6;margin-bottom:24px}.view-tabs a{padding:8px 3px 12px;text-decoration:none;color:#859182;font-size:13px;white-space:nowrap;border-bottom:3px solid transparent}.view-tabs a.is-active{color:#254d40;border-bottom-color:#254d40;font-weight:700}.studio-app .problem-toolbar{margin:0 0 14px;background:none;padding:0;gap:18px}.studio-app .problem-toolbar .hint:empty{display:none}.studio-app .problem-toolbar .hint{font-size:11px}.studio-app .problem-toolbar button{font-size:12px}.studio-app .workspace{align-items:start}.studio-app .preview{position:sticky;top:94px}.studio-app .result-grid{grid-template-columns:1fr 1fr}.studio-app .fields{grid-template-columns:1fr 1fr}.studio-app .fields>label:first-child{grid-column:1/-1}.studio-app #builder>.section-head>div{max-width:70%}.studio-app #save{display:none}.view-panel{min-width:0}.result-empty{text-align:center;max-width:720px;margin:35px auto;padding:45px 25px}.result-empty p{color:#86917f;font-size:13px}.empty-symbol{font-size:35px;color:#9bac93}.result-empty .button{margin-top:14px}.interval-control{margin:24px 0 18px;max-width:460px}.interval-control select{background:#fff}.studio-app #result{padding:0;border:0}.studio-app #result>.section-head{display:none}
#result[data-result-view="results"] #output>.method-card,#result[data-result-view="results"] #output>.cut-heading,#result[data-result-view="results"] #output>.cut-grid,#result[data-result-view="results"] #output>p,#result[data-result-view="results"] .result-grid>.card:not(:first-child){display:none}#result[data-result-view="results"] .result-grid{grid-template-columns:1fr}#result[data-result-view="results"] .result-grid>.card{max-width:100%}
#result[data-result-view="diagrams"] #output>.method-card,#result[data-result-view="diagrams"] #output>.cut-heading,#result[data-result-view="diagrams"] #output>.cut-grid,#result[data-result-view="diagrams"] #output>p,#result[data-result-view="diagrams"] .result-grid>.card:first-child{display:none}
#result[data-result-view="method"] #output>.result-grid,#result[data-result-view="method"] #output>.cut-heading,#result[data-result-view="method"] #output>p,#result[data-result-view="method"] .cut-card:not(.selected-interval){display:none}#result[data-result-view="method"] .cut-grid{grid-template-columns:1fr}#result[data-result-view="method"] .cut-card{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}#result[data-result-view="method"] .cut-card>h3,#result[data-result-view="method"] .cut-card>p:first-of-type{grid-column:1/-1}#result[data-result-view="method"] .cut-card .cut-equations{grid-column:2;grid-row:3/6;margin-top:0;border-top:0;padding-top:0}#result[data-result-view="method"] .cut-card svg{grid-column:1}#result[data-result-view="method"] .cut-card .cut-legend{grid-column:1}.studio-app #output>.method-card{margin-top:20px}
#truss[data-view="results"] #trussResult>.method-card,#frame[data-view="results"] #frameResult>.method-card{display:none}#truss[data-view="method"] #trussResult>:not(.method-card),#frame[data-view="method"] #frameResult>:not(.method-card){display:none}#truss[data-view="method"] #truss-results>h3,#truss[data-view="method"] #truss-results>p{display:none}
.dashboard-intro{padding:24px 0 30px}.dashboard-intro h1{font-size:clamp(28px,3vw,42px);line-height:1.5;letter-spacing:-.025em;margin:10px 0}.dashboard-intro p:not(.eyebrow){font-size:14px;color:#7a8b7a;max-width:none}.start-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.start-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e7d9;padding:26px;border-radius:10px;text-decoration:none;transition:border-color .15s,transform .15s}.start-card:hover{border-color:#8fa987;transform:translateY(-2px)}.start-card:first-child{background:#eaf0e3;border-color:#cfdcc6}.start-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;color:#547951;background:#edf2e8;font-size:25px}.start-card h2{font-size:20px;margin:20px 0 8px}.start-card p{font-size:13px!important;color:#85917e!important;line-height:1.9!important;margin:0 0 25px}.start-card strong{margin-top:auto;font-size:12px;color:#416d48}.dashboard-resume{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #e0e7d9;border-radius:10px;padding:20px 24px}.dashboard-resume strong{font-size:13px}.dashboard-resume p{margin:3px 0;font-size:12px!important;color:#87927f!important}.manual-start{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.manual-start h3,.practice-title{font-size:16px;margin:0 0 8px}.manual-start p{margin:0}.manual-start .actions{margin:0;flex-wrap:nowrap}.manual-start a{padding:9px 18px;border:1px solid #d8e2d0;border-radius:6px;background:#f5f8f0;text-decoration:none;white-space:nowrap;font-size:13px}.practice-title{margin-bottom:20px}.studio-app .practice-fields{grid-template-columns:2fr 1fr}.studio-app .practice-fields button{width:100%}.studio-app #search .search-grid{display:flex;flex-direction:column;gap:12px}.studio-app #search .drop{padding:25px}.secondary-lookup{margin:0;padding:12px 0;border:0}.secondary-lookup .card{margin-top:12px}.studio-app #search .image-studio{margin-top:10px}.studio-app .book-reader{margin-bottom:0}.studio-app .book-reader canvas{max-width:720px;margin:auto}.studio-app .book-reader .book-controls{position:sticky;top:68px;background:#fff;padding:12px 0;z-index:5}.studio-app .studio-library{margin-top:0}.studio-app .legacy-heading{font-size:13px;color:#7b8f72;margin-top:28px}.studio-app .studio-library .section-head{align-items:start}.studio-app .studio-library .section-head h3{margin:0 0 8px}
@media(min-width:1500px){.studio-app .practice-fields{grid-template-columns:2fr 1fr auto auto}.studio-app .fields{grid-template-columns:2fr 1fr 1fr}.studio-app .fields>label:first-child{grid-column:auto}}
@media(max-width:1100px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.app-sidebar{padding-left:10px;padding-right:10px}.studio-app main.wrap{padding:26px 24px 36px}.studio-app .workspace{grid-template-columns:1fr}.studio-app .preview{position:static}.start-cards{gap:12px}.start-card{padding:20px}.start-card h2{font-size:18px}.studio-app #builder>.section-head>div{max-width:none}}
@media(max-width:760px){.app-shell{display:block}.app-sidebar{display:none;position:fixed;top:60px;left:0;width:245px;height:calc(100dvh - 60px);z-index:25;box-shadow:15px 0 40px #203e3720}.app-sidebar.is-open{display:flex}.studio-app .nav{height:60px;padding:0 16px;gap:12px}.menu-toggle{display:block}.header-divider{display:none}.page-title{font-size:12px;margin-left:auto}.studio-app main.wrap{padding:22px 18px 36px}.start-cards{grid-template-columns:1fr}.start-card{display:grid;grid-template-columns:44px 1fr;gap:2px 16px;padding:20px}.start-card .start-icon{grid-row:1/4;align-self:center}.start-card h2{margin:0}.start-card p{margin:3px 0 8px}.start-card strong{grid-column:2}.dashboard-intro{padding:5px 0 20px}.dashboard-intro h1{font-size:29px}.dashboard-resume{align-items:start;flex-direction:column;padding:18px}.dashboard-resume .outline{padding:9px 14px;font-size:12px}.manual-start{flex-direction:column;align-items:start}.view-tabs{gap:22px}.studio-app .section-head{align-items:start}.studio-app .result-grid{grid-template-columns:1fr}.studio-app .analysis-types{margin-bottom:20px}.analysis-types a{padding:6px 18px}.studio-app .problem-toolbar{gap:8px 14px}.studio-app .book-reader .book-controls{top:60px}.studio-app .studio-library .section-head{flex-direction:column}#result[data-result-view="method"] .cut-card{display:block}#result[data-result-view="method"] .cut-card .cut-equations{border-top:1px solid #e3e9e1;margin-top:18px;padding-top:18px}}
@media print{.studio-app>#printReport{display:block!important}#printReport .selected-interval,#printReport .cut-card{display:block!important}#printReport .cut-grid,#printReport .result-grid{display:block!important}#printReport [hidden]{display:block!important}}
.editor-steps{display:flex;gap:5px;padding-bottom:12px;border-bottom:1px solid #e3e9df;margin:20px 0 16px;overflow-x:auto}.editor-steps button{flex:1;white-space:nowrap;background:#f3f6ef;border:1px solid #e1e8da;border-radius:5px;padding:8px 9px;color:#778a71;cursor:pointer;font:inherit;font-size:12px}.editor-steps button[aria-selected="true"]{color:#fff;background:#254d40;border-color:#254d40}.studio-app #trussEditor .row-head,.studio-app #frameEditor .row-head{margin-top:0}.equilibrium-details{padding:0;margin:0;border:0}.equilibrium-details summary{font-size:14px}.equilibrium-details:not([open]) summary{margin-bottom:0}.equilibrium-details[open] summary{margin-bottom:18px}.equilibrium-details .eyebrow{display:none}.equilibrium-details .result-highlights{display:none}.studio-app .book-reader .actions{position:sticky;bottom:12px;background:#fff;border:1px solid #e3e9df;border-radius:8px;padding:10px;z-index:5}
.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px}.list-pagination button{padding:8px 12px;font-size:12px}.list-pagination span{font-size:11px;color:#7a8d72}.legacy-problems{margin-top:24px}.studio-app #bookMatches,.studio-app #studioLibrary{scroll-margin-top:90px}
.channel-layout{display:block;min-width:0}.channel-input{max-width:760px}.channel-input h3:first-child{margin-top:0}.channel-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channel-input h3{margin-top:25px;font-size:16px}.channel-input .actions{flex-wrap:wrap}.channel-results{min-width:0}.channel-results>.card{margin-bottom:18px}.channel-table-wrap{overflow-x:auto}.channel-comparison th,.channel-comparison td{padding:10px 8px}.channel-comparison td{font-variant-numeric:tabular-nums;white-space:nowrap}.channel-comparison tr:nth-last-child(-n+2){background:#edf3e6;font-weight:700}.channel-figures{display:grid;grid-template-columns:1fr 1fr;gap:16px}.channel-figures figure{margin:10px 0 18px;background:#f8faf5;border:1px solid #e5ebdf;border-radius:8px;padding:15px 12px 0}.channel-figures figcaption{text-align:center;font-size:13px;font-weight:700;color:#52744e}.channel-figures svg{display:block;width:100%;height:auto;max-height:260px}.channel-worked{margin:0;padding:0;border:0}.channel-worked .formula{padding:10px 12px;background:#f4f7ef;border-radius:6px;margin:10px 0}.channel-worked h4{font-size:14px}.channel-worked summary{font-size:14px}.channel-results .hint{line-height:1.9}.channel-results h3{font-size:17px;margin-top:0}#channelBeamAction{margin:12px 0 24px}#result[data-result-view="method"] #channelBeamAction,#result[data-result-view="diagrams"] #channelBeamAction{display:none}#sectionAnalysis[data-view="model"] .channel-results,#sectionAnalysis[data-view="model"] #channelEmpty{display:none}#sectionAnalysis[data-view="results"] .channel-input,#sectionAnalysis[data-view="method"] .channel-input,#sectionAnalysis[data-view="results"] .channel-method,#sectionAnalysis[data-view="method"] .channel-overview{display:none}
@media(max-width:700px){.channel-figures{gap:8px}.channel-figures figure{padding:10px 2px 0}.channel-figures svg{min-width:0}.channel-comparison{font-size:11px}.channel-comparison th,.channel-comparison td{padding:9px 5px}.channel-input{padding:18px}.channel-fields{gap:10px}.app-sidebar .menu-group{margin-top:17px}}
.problem-reference{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #e3e9e1;min-width:0}.problem-reference .row-head{margin-top:0;gap:12px}.problem-reference .row-head h3{margin-top:0}.problem-reference .reference-image-link{display:block}.problem-reference img{display:block;width:100%;max-height:320px;object-fit:contain;border:1px solid #e3e9e1;border-radius:6px;background:#fff}.problem-reference .text-button{font-size:12px}

.archive-filters{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr;gap:14px}.archive-item>div{min-width:0}.archive-item>button{flex-shrink:0}.archive-item .archive-excerpt{font-size:14px;line-height:1.65;color:#405c51;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-detail{margin:24px 0;padding:22px;background:#f7faf5;border:1px solid #d7e2d7;border-radius:8px;scroll-margin-top:24px}.archive-detail .row-head{margin-top:0;gap:14px}.archive-detail .actions{flex-wrap:wrap}.archive-statement{font-size:16px;line-height:1.8;white-space:pre-wrap}.archive-source-page{position:relative;max-width:960px;margin:18px auto 0;background:white}.archive-source-page img{display:block;width:100%;height:auto}.archive-highlight{position:absolute;pointer-events:none;outline:2px solid #c36f42;background:#c36f4210}.book-archive .section-head{align-items:start}.book-hit-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
@media(max-width:700px){.archive-filters{grid-template-columns:1fr 1fr}.archive-filters>label:first-child{grid-column:1/-1}.archive-detail{padding:12px}.archive-detail .actions>*{max-width:100%;white-space:normal}.archive-item{align-items:start}.archive-item>button{padding:10px}.book-hit-actions{flex-direction:column;align-items:start}}

.archive-solution-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:16px;flex-wrap:wrap}.archive-solution-tools label{min-width:210px}.stored-solution{border:1px solid #c9dbce;background:#fff;border-radius:8px;padding:20px;margin:18px 0;overflow-wrap:anywhere}.stored-solution p,.stored-solution li{line-height:1.8}.stored-solution h4{margin-top:24px}.stored-solution pre{white-space:pre-wrap}.stored-solution .saved-equation{padding:12px;border-bottom:1px solid #e3e9e1}.stored-beam-figure,.stored-truss-figure,.stored-graph{width:100%;height:auto}.stored-graph text{font:11px sans-serif;fill:#254d40}.reference-solution img{display:block;max-width:100%;height:auto;margin-top:12px}.symbolic-inputs .outline{margin-top:14px}.stored-solution-message:empty{display:none}#archiveSolution,#archiveDetail{scroll-margin-top:90px}@media(max-width:700px){.stored-solution{padding:12px;margin-left:-6px;margin-right:-6px}.stored-solution .result-grid{grid-template-columns:1fr}.archive-solution-tools>a{max-width:100%}}
.reference-discrepancy{margin:18px 0;padding:14px 18px;border-left:4px solid #bd7049;background:#fcf5ec;border-radius:4px}.reference-discrepancy h4{margin-top:0}.stored-superposition{margin:20px 0;padding-bottom:14px;border-bottom:1px solid #d7e2d7}.stored-load-cases{margin:20px 0}