/* Calculator-only presentation; shared website styles remain unchanged. */
.calculator-page .container { width:min(calc(100% - var(--page-gutter)*2),1200px); }
.calculator-page .calculator-hero { padding:clamp(2.5rem,5vw,4rem) 0; }.calculator-page .calculator-hero h1 { font-size:clamp(2.1rem,4vw,3.3rem); }.calculator-page .calculator-hero .tech-lead { max-width:47rem; margin-bottom:1rem; }
.calculator-page .calculator-workspace { padding-top:2.5rem; }.calculator-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; margin-bottom:2.5rem; }.calculator-tabs a { display:flex; align-items:center; gap:.7rem; min-height:72px; padding:1rem; border:1px solid var(--color-border); border-radius:8px; background:#fff; color:var(--color-text); text-decoration:none; font-size:.85rem; font-weight:600; }.calculator-tabs a span { color:var(--color-accent); font-size:.7rem; letter-spacing:.08em; }.calculator-tabs a b { margin-left:auto; font-size:1rem; color:var(--color-accent); font-weight:400; }
.calculator-page .calculator-grid { grid-template-columns:1fr; gap:2rem; }.calculator-page .engineering-calculator { padding:0; border:1px solid #d6e1e8; border-radius:12px; box-shadow:0 8px 30px #10263806; scroll-margin-top:1.5rem; background:#fff; overflow:hidden; }.calculator-page .calc-heading { display:flex; align-items:center; gap:1rem; padding:1.4rem 2rem; border-bottom:1px solid var(--color-border); }.calculator-page .calc-heading h2 { margin:0; font-size:1.4rem; }.calculator-index { display:grid; place-items:center; width:36px; height:36px; border:1px solid #c8e0ec; border-radius:6px; font-size:.75rem; color:var(--color-accent); background:#f0f8fc; }
.engineering-card-grid { display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); }.engineering-inputs { padding:2rem; display:flex; flex-direction:column; }.engineering-results { background:#f8fbfd; border-left:1px solid var(--color-border); padding:2rem; min-width:0; }.calculator-page .engineering-card-grid h3 { font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; margin-bottom:1.5rem; color:var(--color-muted); }
.calculator-page .calc-fields { display:flex; flex-direction:column; gap:1.25rem; margin:0 0 1.8rem; }.engineering-field label { font-size:.87rem; font-weight:600; display:block; margin-bottom:.6rem; }.engineering-input-row { display:grid; grid-template-columns:minmax(0,1fr) 108px; gap:.6rem; }.engineering-input-row input,.engineering-input-row select,.fixed-unit { height:48px; width:100%; min-width:0; border:1px solid #beced8; border-radius:6px; padding:.65rem .8rem; color:var(--color-text); background:#fff; font-size:.95rem; }.engineering-input-row input:focus,.engineering-input-row select:focus { outline:2px solid #009ecb; outline-offset:2px; }.fixed-unit { display:flex; align-items:center; background:#f6f9fb; color:var(--color-muted); border-color:#dce3e9; }.engineering-input-row input[aria-invalid=true] { border-color:#b34646; }.calculator-page .field-error { font-size:.75rem; color:#9f3535; margin:.45rem 0 0; line-height:1.5; }.field-error[hidden] { display:none; }
.engineering-assumptions { border-top:1px solid var(--color-border); padding-top:1rem; font-size:.8rem; }.engineering-assumptions summary { cursor:pointer; color:var(--color-accent); font-weight:600; min-height:36px; }.engineering-assumptions p { line-height:1.8; }.calculator-page .calc-reset { margin-top:auto; align-self:flex-start; min-height:40px; padding:.65rem .9rem; font-size:.8rem; gap:1rem; }.engineering-assumptions + .calc-reset { margin-top:1.5rem; }
.calculator-page .calc-result { padding:0 0 1.5rem; background:transparent; border:0; border-radius:0; min-height:117px; align-items:flex-start; }.calculator-page .result-label { display:block; font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--color-accent); font-weight:700; }.calculator-page .primary-result { display:flex; gap:.65rem; flex-wrap:wrap; align-items:baseline; font-size:clamp(2.5rem,4vw,3.5rem); line-height:1.15; letter-spacing:-.04em; color:var(--color-text); margin-top:.6rem; }.primary-result-unit { font-size:1.1rem; font-weight:500; letter-spacing:0; color:var(--color-accent); }.calculator-page .result-instruction { font-size:.9rem; line-height:1.8; max-width:33ch; margin:.8rem 0 0; }
.engineering-result-table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:.81rem; }.engineering-result-table th,.engineering-result-table td { padding:.8rem .7rem; text-align:left; overflow-wrap:anywhere; vertical-align:middle; border-bottom:1px solid #e0e9ef; }.engineering-result-table thead th { font-size:.62rem; text-transform:uppercase; letter-spacing:.1em; color:var(--color-muted); background:#eef4f8; }.engineering-result-table thead th:first-child { width:49%; }.engineering-result-table thead th:nth-child(2) { width:29%; }.engineering-result-table thead th:last-child { width:22%; }.engineering-result-table tbody th { font-weight:400; color:var(--color-muted); }.engineering-result-table tbody td:nth-child(2) { color:var(--color-text); font-size:.95rem; font-weight:650; font-variant-numeric:tabular-nums; }.engineering-result-table tbody td:last-child { color:var(--color-muted); font-size:.76rem; }.engineering-result-table tbody tr:nth-child(even) { background:#f0f6f9; }
.engineering-formula { margin-top:1.5rem; padding:1rem; border-left:2px solid #a6cfdf; background:#fff; }.engineering-formula > span { text-transform:uppercase; font-size:.62rem; letter-spacing:.12em; font-weight:700; color:var(--color-accent); }.engineering-formula p { font-size:.78rem; line-height:1.8; margin:.4rem 0 0; }.calculator-page .calc-converted { min-height:0; font-variant-numeric:tabular-nums; color:var(--color-text); }.engineering-result-note { font-size:.76rem; line-height:1.7; margin-bottom:0; }.calculator-page .calculator-notice { margin:2.5rem 0 0; border-radius:8px; }.calculator-page .calculator-notice .tech-eyebrow { margin-bottom:.8rem; }.visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(prefers-reduced-motion:no-preference) { html:has(.calculator-page) { scroll-behavior:smooth; }.calculator-tabs a { transition:background-color .18s,border-color .18s,transform .18s; }.calculator-tabs a:hover { background:#f0f8fc; border-color:#8cbfd2; transform:translateY(-2px); }.engineering-input-row input,.engineering-input-row select { transition:border-color .18s,box-shadow .18s; }.calculator-page .calc-result.result-updated { animation:calc-highlight .3s ease-out; }.engineering-result-table.results-ready { animation:calc-table-enter .22s ease-out; } }
@keyframes calc-highlight { from { background:#e6f4fb; } to { background:transparent; } }@keyframes calc-table-enter { from { opacity:.7; } to { opacity:1; } }
@media(max-width:1000px) { .calculator-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }.engineering-inputs,.engineering-results { padding:1.5rem; }.engineering-input-row { grid-template-columns:minmax(0,1fr) 94px; } }
@media(max-width:700px) { .engineering-card-grid { grid-template-columns:1fr; }.engineering-results { border-left:0; border-top:1px solid var(--color-border); }.calculator-page .calc-heading { padding:1.3rem 1.5rem; }.calculator-page .calc-heading h2 { font-size:1.25rem; } }
@media(max-width:420px) { .calculator-tabs { gap:.6rem; }.calculator-tabs a { padding:.8rem; font-size:.75rem; gap:.5rem; }.calculator-tabs a b { display:none; }.engineering-inputs,.engineering-results { padding:1.2rem; }.engineering-result-table th,.engineering-result-table td { padding:.7rem .4rem; }.engineering-result-table { font-size:.76rem; }.engineering-result-table tbody td:nth-child(2) { font-size:.88rem; } }