:root{font-family:ui-sans-serif,system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif;color:#1b3045;background:#f3f6f9;font-size:15px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}a{color:#12679a}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #3d98d5;outline-offset:2px}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.top{color:#f4f9fe;background:linear-gradient(115deg,#12344d,#1b526c);padding:30px 0 27px}.eyebrow{color:#b9dce8;font-size:.78rem;font-weight:700;letter-spacing:.1em;margin:0 0 8px}h1{font-size:clamp(1.4rem,3.4vw,2rem);margin:0 0 10px;line-height:1.35}.intro{margin:0;line-height:1.7;font-size:.97rem;max-width:750px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tags span{border:1px solid #7294a9;color:#e1edf4;border-radius:8px;padding:5px 10px;font-size:.75rem}main{padding-top:20px;padding-bottom:40px}.notice,.panel{background:#fff;border:1px solid #dbe4ec;border-radius:12px;box-shadow:0 2px 7px #15283b08}.notice{padding:14px 20px;background:#fffaf2;border-color:#f0d3a1;margin-bottom:18px}.notice h2{font-size:1rem;margin:0 0 7px}.notice p{margin:4px 0;line-height:1.7;font-size:.88rem}.notice .small{font-size:.81rem;color:#74512e}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.85fr);align-items:start;gap:16px}.panel{padding:18px;min-width:0;margin-bottom:17px}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.heading h2{margin:0;font-size:1.08rem}.heading>span{font-size:.72rem;color:#63778c}.beam-card{border:1px solid #dce8ee;background:linear-gradient(#f8fbfd,#f0f6f9);border-radius:9px;text-align:center;padding:5px 12px;margin:0 0 14px}.beam-card svg{width:min(100%,520px);height:auto;display:block;margin:0 auto}.beam-card p{font-size:.72rem;margin:0 0 7px;color:#6c7e8c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{display:block;min-width:0}label span{display:block;font-weight:600;font-size:.82rem;line-height:1.4;margin:0 0 5px}label small{font-weight:400;color:#677c8b;font-size:.75rem}input[type=number]{background:#fff;border:1px solid #acbfce;border-radius:7px;color:#162d43;padding:10px 11px;width:100%;min-width:0;font-variant-numeric:tabular-nums}input[type=number]:focus{border-color:#2377aa}.wide{grid-column:1 / -1}.helper{background:#eef5fa;border-radius:8px;font-size:.76rem;line-height:1.65;margin-top:14px;padding:10px 12px}.subtle{color:#566a7d;font-size:.84rem;line-height:1.65;margin:0 0 12px}.table-scroll,.results-table-scroll{width:100%;overflow-x:auto}.edit-table,.result-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.edit-table th,.edit-table td{border-bottom:1px solid #e6edf3;text-align:left;padding:9px 5px}.edit-table th{font-size:.72rem;font-weight:700;color:#526c80}.edit-table td:first-child{font-weight:700;white-space:nowrap}.edit-table input{padding:8px 6px;font-size:.92rem;min-width:65px}.edit-table th:last-child,.edit-table td:last-child{text-align:right}.delete{background:#f4f5f6;color:#6b747e;border:1px solid #d4dce2;border-radius:7px;padding:7px 10px}.delete:hover{color:#aa3543}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}button{border:1px solid #18678d;background:#176b93;color:white;border-radius:8px;padding:9px 13px;font-size:.82rem;font-weight:700}button:hover{filter:brightness(.94)}button.secondary{background:#f7fafc;color:#214c68;border-color:#b9cddc}.tip{color:#6a7984;font-size:.75rem;margin-top:14px}.inline-error{background:#fff0ee;color:#a52e20;border:1px solid #e9b9b2;border-radius:8px;padding:10px;margin-top:12px;font-size:.85rem}.inline-error[hidden]{display:none}.small-actions{margin:0}.small-actions button{font-size:.76rem;padding:8px 10px}.status{border-left:4px solid #6d91ab;background:#f2f6f9;margin:8px 0 15px;padding:10px 12px;line-height:1.6;font-size:.86rem}.status.ok{background:#eaf7f1;border-color:#2a9270}.status.warn{background:#fff5e5;border-color:#d89230}.result-table{min-width:750px}.result-table th{color:#526c80;font-size:.75rem;text-align:right;padding:11px 9px;background:#f4f7f9;border-bottom:2px solid #d7e2ea}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table td{padding:11px 9px;border-bottom:1px solid #e5edf2;text-align:right;white-space:nowrap;font-size:.86rem}.result-table tr.favored{background:#eaf6f2}.result-table .dim{display:block;color:#778998;font-size:.71rem;font-weight:400}.status-pill{display:inline-block;border-radius:7px;padding:4px 7px;font-size:.75rem;font-weight:700}.pill-good{background:#e0f3e9;color:#126444}.pill-bad{background:#fdece8;color:#a1392a}.pill-caution{background:#fff2d8;color:#82531c}.fav-label{display:inline-block;margin-left:5px;color:#126444;font-weight:700;font-size:.72rem}.mini-cards{margin:17px 0 6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.mini-card{border:1px solid #dce6ec;padding:13px;border-radius:9px}.mini-card h3{margin:0 0 5px;font-size:.88rem}.mini-card p{margin:7px 0 3px;font-size:.74rem;color:#566a7c}.bar-bg{height:9px;border-radius:8px;background:#e7edf2;overflow:hidden}.bar-bg>span{display:block;height:100%;width:var(--bar,0%);background:#337c9f}.bar-bg.bad>span{background:#bb6b50}.bar-bg{position:relative}.bar-bg:after{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed #455e6a}.footnote{font-size:.79rem;line-height:1.8;color:#596f7e;margin-top:14px}.formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.formula-grid>div{background:#f3f7fa;border-radius:9px;padding:11px}.formula{font-size:1.1rem;font-weight:700;letter-spacing:.01em;margin:0 0 6px}.formula-grid p:last-child{margin:0;color:#64798b;font-size:.78rem}details{margin:16px 0 12px;background:#f6f8fa;padding:10px 12px;border-radius:8px;font-size:.83rem;line-height:1.7}summary{cursor:pointer;font-weight:700}details ul{padding-left:1.3rem}.source{font-size:.74rem;line-height:1.7;color:#65798a}footer{padding:22px 0;font-size:.78rem;color:#61778a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.mini-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.shell{width:min(100% - 22px,1180px)}.top{padding:25px 0}.panel{padding:13px}.form-grid{gap:9px}.tags span{font-size:.7rem}.heading{align-items:start}.heading h2{font-size:1rem}.small-actions button{padding:7px 9px;font-size:.72rem}.mini-cards{grid-template-columns:1fr}.formula-grid{grid-template-columns:1fr}.notice{padding:13px}.result-table{min-width:700px}}
@media print{body{background:white}.top{background:none;color:#15283b;padding:10px 0}.eyebrow,.tags,.actions,.delete,.tip{display:none!important}.shell{width:100%}.workspace{display:block}.panel,.notice{box-shadow:none;break-inside:avoid}.edit-table input{border:0;padding:0}.results-table-scroll{overflow:visible}.result-table{min-width:0}.result-table th,.result-table td{font-size:10px;padding:4px}.mini-cards{display:none}}
/* v0.2 controls / safety clarity */
[hidden]{display:none!important}
select{appearance:auto;font:inherit;color:#162d43;background:#fff;border:1px solid #acbfce;border-radius:7px;padding:10px 11px;width:100%;min-width:0}
select:focus-visible{outline:3px solid #3d98d5;outline-offset:2px}
#section-explain{margin-top:12px;margin-bottom:6px}
#material-source{margin-top:6px;font-size:.72rem}
.result-table{min-width:1180px}
.result-table td:first-child{white-space:normal;min-width:150px}
@media print{.result-table{min-width:0}.result-table td:first-child{min-width:0}}

/* v0.3: accessible, explicit number steppers (native scroll-wheel changes disabled). */
.step-selector{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 12px;margin:0 0 14px;border:1px solid #bed6e3;background:#edf6fa;border-radius:10px}
.step-selector strong{font-size:.83rem}
.step-selector p{margin:3px 0 0;color:#526e80;font-size:.73rem;line-height:1.55}
.step-options{display:flex;gap:4px;flex-wrap:wrap}
.step-options button{padding:8px 11px;background:#fff;color:#235575;border-color:#afcad9;min-height:38px}
.step-options button.active{background:#176b93;color:white;border-color:#176b93}
.spinbox{display:flex;align-items:stretch;gap:0;width:100%;min-width:0;border:1px solid #acbfce;border-radius:9px;overflow:hidden;background:white}
.spinbox:focus-within{border-color:#2377aa;box-shadow:0 0 0 2px #d0eaf6}
.spinbox input[type=number]{appearance:textfield;-moz-appearance:textfield;border:0;border-radius:0;min-width:0;width:100%;padding:8px 4px;text-align:center;box-shadow:none;font-variant-numeric:tabular-nums}
.spinbox input[type=number]::-webkit-inner-spin-button,.spinbox input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.spinbox input[type=number]:focus{outline:0;border:0}
.spin-btn{flex:0 0 37px;display:flex;justify-content:center;align-items:center;min-width:37px;min-height:42px;padding:0;border:0;border-radius:0;background:#e7f1f7;color:#125b83;font-size:1.25rem;line-height:1;font-weight:600;touch-action:manipulation}
.spin-btn:hover:not(:disabled){background:#cce6f3;filter:none}
.spin-btn:disabled{background:#f6f8f9;color:#a1b1bb;opacity:1}
.spin-btn.minus{border-right:1px solid #c8dce7}.spin-btn.plus{border-left:1px solid #c8dce7}
.spinbox .spin-btn:focus-visible{outline:3px solid #23678e;outline-offset:-3px;z-index:1}
.spin-meta{display:block;margin:4px 0 0;font-size:.69rem;color:#557384;text-align:right;line-height:1.3}
.edit-table td .spin-cell{min-width:135px}
.edit-table .spinbox input{width:57px;max-width:100%;padding:6px 2px;font-size:.85rem}
.edit-table .spin-btn{flex-basis:33px;min-width:33px;min-height:37px}
.edit-table .spin-meta{text-align:center}
.edit-table td{vertical-align:middle}
@media(max-width:620px){
  .step-selector{align-items:flex-start}.step-options{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .step-options button{font-size:.78rem;padding:8px 4px}
  .edit-table,.edit-table tbody{display:block;width:100%}
  .edit-table thead{display:none}
  .edit-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#f9fbfc;border:1px solid #dce7ee;border-radius:10px;padding:10px;margin-bottom:10px}
  .edit-table td{display:block;min-width:0;border:0;padding:0;text-align:left}
  .edit-table td:first-child{grid-column:1/-1;color:#215471;padding-bottom:5px;border-bottom:1px solid #dce7ee}
  .edit-table td:last-child{grid-column:1/-1;text-align:right}
  .edit-table td .spin-cell{min-width:0}
  .edit-table td .spin-cell:before{content:attr(data-label);display:block;font-size:.75rem;font-weight:600;margin:0 0 5px;color:#445e70}
  .edit-table .spin-btn{min-height:42px;flex-basis:37px;min-width:37px}
  .edit-table .spinbox input{width:100%}
}
@media print{.step-selector,.spin-btn,.spin-meta{display:none!important}.spinbox{border:0!important}.spinbox input{padding:0!important;text-align:left!important}}

/* v0.4: section figure (dimension names, bending direction). Drawn to scale per selected case. */
.section-figure{margin:0 0 12px;padding:10px 12px;border:1px solid #dce8ee;background:linear-gradient(#f8fbfd,#f0f6f9);border-radius:9px}
.fig-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.fig-head strong{font-size:.83rem}
.fig-cases{display:flex;gap:4px;flex-wrap:wrap}
.fig-chip{padding:5px 10px;min-height:32px;background:#fff;color:#235575;border:1px solid #afcad9;font-size:.78rem}
.fig-chip.active{background:#176b93;color:#fff;border-color:#176b93}
.fig-canvas svg{display:block;width:min(100%,380px);height:auto;margin:0 auto}
.fig-canvas text{font-size:12px;fill:#2b4558;font-family:inherit}
.fig-shape{fill:#8ac5db;stroke:#186b86;stroke-width:2}
.fig-hole{fill:#f4f8fb;stroke:#186b86;stroke-width:1.6}
.fig-axis{stroke:#687c8c;stroke-width:1.2;stroke-dasharray:6 4}
.fig-note{fill:#687c8c!important;font-size:11px!important}
.fig-dim line{stroke:#40596b;stroke-width:1.3}
.fig-dim text{font-weight:600}
.fig-dim.active line{stroke:#c0481f;stroke-width:2.4}
.fig-dim.active text{fill:#b33d17!important;font-weight:700}
.fig-load line,.fig-load path{stroke:#d7654b;stroke-width:3;fill:none}
.fig-load polygon{fill:#d7654b}
.fig-load text{fill:#b34735!important;font-weight:600}
.fig-caption{margin:4px 0 0;color:#4b6073;font-size:.78rem;line-height:1.65}
.fig-empty{margin:14px 0;text-align:center;color:#8a5a1e;font-size:.85rem}
@media(max-width:520px){.fig-canvas text{font-size:14px}.fig-note{font-size:13px!important}.fig-chip{min-height:38px}}
@media print{.fig-cases{display:none}.section-figure{break-inside:avoid;background:none}}

/* v0.4.1: side-view inset, plane arrow, axis drawn over the section */
.fig-axis{stroke:#34505f;stroke-width:1.4}
.fig-wall{fill:#c9d6df;stroke:#687c8c;stroke-width:1}
.fig-beam{fill:#8ac5db;stroke:#186b86;stroke-width:1.5}
.fig-load polygon.fig-plane,.fig-load line.fig-plane{fill:#6b7f8e;stroke:#6b7f8e}
.fig-load text.fig-plane{fill:#4f6677!important;font-weight:600}
.fig-side .fig-note{font-size:11px!important}

/* v0.5: strength criterion (yield / safety factor) */
.yield-group{display:grid;grid-template-columns:1fr 1fr;gap:12px 13px;padding:12px;border:1px solid #bed6e3;background:#f2f8fb;border-radius:10px}
.yield-group>.span2{grid-column:1/-1}
.yield-group .field{min-width:0}
.yield-msg p{margin:4px 0;font-size:.78rem;line-height:1.6}
.yield-msg .ok-line{color:#126444;font-weight:700}
.yield-msg .warn-line{color:#8a4b12;font-weight:600}
.yield-msg .ref-line{color:#566a7d}
input[type=text]{background:#fff;border:1px solid #acbfce;border-radius:7px;color:#162d43;padding:10px 11px;width:100%;min-width:0}
.strength-badge{margin:10px 0 0;padding:8px 10px;border-left:4px solid #3d7ea6;background:#eef5fa;font-size:.78rem;line-height:1.6;border-radius:0 8px 8px 0}
.result-table{min-width:1500px}
.result-table td .status-pill{white-space:normal}
.mini-chips{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 6px}
.mini-card.favored{border-color:#2a9270;background:#f3fbf8}
.mini-overall{margin:8px 0 0!important}
@media(max-width:520px){.yield-group{grid-template-columns:1fr}}

/* v0.5.2: designer confirmation of a reference fy */
.confirm-row{margin:0}
.check-line{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border:1px dashed #d3a35a;background:#fff8ea;border-radius:8px;font-size:.8rem;line-height:1.55}
.check-line input[type=checkbox]{width:20px;height:20px;margin:1px 0 0;flex:0 0 20px}
.check-line span{display:inline;margin:0;font-weight:600;font-size:.8rem}

.confirm-hint{margin:4px 0 0;font-size:.74rem;color:#6a5a3a;line-height:1.5}