.flat-page{max-width:1200px;margin:auto;padding:42px 24px 64px}.flat-intro{max-width:920px}.flat-intro h1{font-size:clamp(2.5rem,5vw,4rem);margin:10px 0}.flat-page p{line-height:1.7}.flat-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start;margin-top:30px}.flat-box{border:1px solid #c5d1df;background:white;padding:24px;min-width:0}.flat-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flat-page label{display:block;font-size:.95rem;font-weight:600}.flat-page input,.flat-page select{width:100%;box-sizing:border-box;min-height:44px;margin-top:6px;padding:10px;border:1px solid #9cafc4;border-radius:3px;background:white;color:#092750;font:inherit}.flat-page input::placeholder{font-size:.8rem}.flat-page .flat-help{font-size:.88rem;color:#42566d}.flat-page h2{font-size:1.5rem;margin:0 0 18px}.flat-page h3{font-size:1.15rem;margin-top:26px}.flat-page button{min-height:44px;padding:10px 14px;cursor:pointer;font:inherit}.flat-page .btn{margin-top:20px}.flat-secondary{border:1px solid #b9c8d9;background:#edf3fa;color:#175bbb}.flat-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.flat-scroll{overflow-x:auto}.flat-page table{border-collapse:collapse;width:100%;font-size:.85rem}.flat-page th{background:#092750;color:white;padding:9px;text-align:left}.flat-page td{border-bottom:1px solid #c5d1df;padding:9px;text-align:left}.flat-page td input,.flat-page td select{min-width:90px;font-size:.88rem}.flat-page #bend-inputs .bend-radius,.flat-page #bend-inputs .bend-k{min-width:90px}.flat-diagram{padding:12px;background:#f5f8fc;border:1px solid #d6e1ee;margin:20px 0}.flat-diagram svg{display:block;width:100%;height:auto}.flat-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:.88rem}.flat-legend .face-a{color:#008aa4;font-weight:700}.flat-legend .face-b{color:#092750;font-weight:700}.flat-result{background:#092750;color:white;padding:24px;margin-bottom:22px}.flat-result output{display:block;font-size:clamp(2rem,4vw,2.7rem);font-weight:700;margin:10px 0;overflow-wrap:anywhere}.flat-result p{margin:8px 0}.flat-notice{background:#edf3fa;padding:16px;border-left:4px solid #175bbb}.flat-detail-section{margin-top:30px}.flat-page details{padding:18px;border:1px solid #c5d1df;background:white;margin-top:28px}.flat-page summary{min-height:44px;font-weight:700;cursor:pointer}.flat-cal-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flat-page a:focus-visible,.flat-page button:focus-visible,.flat-page input:focus-visible,.flat-page select:focus-visible,.flat-page summary:focus-visible{outline:3px solid #175bbb;outline-offset:3px}#flat-error,#calibration-result,#flat-warnings{line-height:1.65;font-weight:600}#flat-error{color:#8b221a}.flat-page [hidden]{display:none!important}@media(max-width:900px){.flat-layout{grid-template-columns:1fr}.flat-cal-fields{grid-template-columns:1fr 1fr}}@media(max-width:600px){.flat-page{padding:28px 18px 40px}.flat-fields,.flat-cal-fields{grid-template-columns:1fr}.flat-box{padding:20px}.flat-diagram{padding:2px}.flat-page #bend-table{min-width:520px}.flat-page .flat-results-table{min-width:650px}}@media print{header,footer,#flat-form,.buyer-resource-links,#flat-calibration{display:none}.flat-page{padding:0}.flat-layout{display:block}.flat-result{background:white;color:black}.flat-box{border:0}.flat-scroll{overflow:visible}}

.flat-diagram{overflow-x:auto}.flat-diagram.flat-enlarged svg{width:850px;max-width:none}@media print{.flat-zoom{display:none}}

#leg-inputs .leg-mode{min-width:145px}#leg-inputs .leg-value{min-width:80px}@media(max-width:600px){#leg-inputs .leg-mode{min-width:130px}}

@media(max-width:600px){#leg-table thead{display:none}#leg-table tbody{display:block}#leg-table tr{display:grid;grid-template-columns:30px minmax(0,1fr);border-bottom:1px solid #c5d1df}#leg-table th{grid-column:1;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;padding:6px}#leg-table td{grid-column:2;border:0;padding:7px 9px}#leg-inputs .leg-mode,#leg-inputs .leg-value{min-width:0;width:100%}}

.profile-brake{margin-top:20px;border-top:1px solid #c5d1df;padding-top:12px}.profile-brake p{font-size:13px;line-height:1.55}.brake-primary{font-weight:700;color:#175bbb}.brake-alert{font-weight:700;color:#8b221a}.profile-brake table{table-layout:fixed;width:100%;font-size:12px;overflow-wrap:anywhere}

.flat-page [hidden]{display:none!important}

#flat-radius[readonly]{background:#edf3fa;color:#174c84;border-color:#b7c9dd;cursor:default}
