.rebar-panel{margin-bottom:20px;border-top:3px solid #2864da}.thai-subtitle{font-weight:400;font-size:13px;color:#8591a5;margin-left:10px}.design-basis{font-size:13px;line-height:1.7;padding:0 24px 17px;color:#7b88a0}.design-basis strong{font-weight:550;color:#445d80}.rebar-layout{display:grid;grid-template-columns:180px minmax(200px,1fr) minmax(240px,1.1fr);padding:15px 24px;gap:24px;border-top:1px solid #edf0f5;align-items:center}#section-diagram{height:205px}#section-diagram svg{width:100%;height:100%}#section-diagram text{font-size:12px;font-family:inherit;fill:#607691}.rebar-recommendation .eyebrow{font-size:12px;letter-spacing:.8px}.rebar-value{font-size:27px;font-weight:650;letter-spacing:-.6px;color:#245bc4;margin-top:6px}.rebar-recommendation p{font-size:12px;color:#8591a5;line-height:1.6;margin:6px 0 17px}.design-checks>div{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin:10px 0;line-height:1.7}.design-checks span{color:#8090a6}.design-checks strong{font-weight:550;color:#3d5578;text-align:right}.design-checks .check-message{display:block;background:#eef7f5;color:#357168;padding:8px 11px;border-radius:5px;font-size:12px;line-height:1.5}.alternative-bars{border-top:1px solid #edf0f5;padding:13px 24px;display:flex;align-items:center;gap:15px}.alternative-bars label{font-size:12px;color:#8290a6}#bar-alternatives{display:flex;flex-wrap:wrap;gap:7px}.bar-option{font-size:12px;padding:6px 11px;border-radius:5px;background:#f3f6fb;color:#627693;border:1px solid #e3e8f1}.bar-option.selected{color:#275cc5;border-color:#cadaf8;background:#edf3ff}.design-calculations{border-top:1px solid #edf0f5;padding:13px 24px;font-size:13px;color:#657b9a}.design-calculations p{line-height:1.75;font-size:13px}.design-calculations strong{font-weight:650}.design-limit{font-size:12px;line-height:1.7;padding:12px 24px;margin:0;background:#fafbfd;border-top:1px solid #edf0f5;color:#8591a5;border-radius:0 0 7px 7px}.design-error{margin:0 24px 20px;padding:17px;border:1px solid #e8b8bc;background:#fff4f5;color:#994957;font-size:14px;line-height:1.6;border-radius:6px}
@media(max-width:1250px){.rebar-layout{grid-template-columns:120px 1fr;gap:16px}.design-checks{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.design-checks .check-message{grid-column:1/-1}.rebar-value{font-size:26px}.alternative-bars{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:760px){.rebar-layout{padding:15px 16px;grid-template-columns:110px 1fr;gap:14px}.design-basis,.design-limit,.design-calculations{padding-left:16px;padding-right:16px}.thai-subtitle{display:block;margin:5px 0 0}.design-checks{display:block}.alternative-bars{padding:13px 16px}.rebar-value{font-size:25px}.rebar-recommendation .eyebrow{font-size:12px}.design-error{margin:0 16px 16px}}
@media print{.rebar-panel{break-inside:avoid}.rebar-layout{grid-template-columns:110px 1fr 1.2fr;gap:16px;padding:10px 14px}.design-checks{display:block;grid-column:auto}.design-limit{font-size:10px;padding:8px 14px}.rebar-recommendation p{font-size:10px}.design-basis{font-size:11px}.alternative-bars{display:none}.rebar-value{font-size:22px}.sidebar form{grid-template-columns:repeat(4,1fr)}.design-inputs .input-hint{font-size:9px}}