/* Approved input/result hierarchy shared by every engineering calculator. */
.calc-site{--calc-input:#064a83;--calc-panel:#f5faff;--calc-panel-line:#a8c6df;--calc-field:#fff;--calc-field-line:#b5c9d9;--calc-label:#26323a;--calc-control:#344754;--calc-help:#d6e7f5;--calc-help-hover:#c8dff1;--calc-help-ink:#17496f;--calc-help-line:#acc8df;--calc-input-muted:#56636c;--calc-answer-label:#536169}
html[data-color-mode=dark] .calc-site{--calc-input:#83c4ff;--calc-panel:#172735;--calc-panel-line:#426785;--calc-field:#12202c;--calc-field-line:#577f9c;--calc-label:#e9eff4;--calc-control:#cbdce9;--calc-help:#29465e;--calc-help-hover:#345773;--calc-help-ink:#e1effa;--calc-help-line:#577f9c;--calc-input-muted:#b5c6d2;--calc-answer-label:#d1c4c2}
.calc-site #calc-input-card{--cl-soft:var(--calc-panel);--cl-accent:var(--calc-help-ink);--cl-line:var(--calc-panel-line);--cl-muted:var(--calc-input-muted);--cl-focus:var(--calc-input);background:var(--calc-panel);border:1px solid var(--calc-panel-line);border-top:4px solid var(--calc-input)}
.calc-site #calc-input-card :is([data-field-title],.calc-choices>label),.calc-site #calc-input-card>h2{color:var(--calc-label)}
.calc-site #calc-input-card :is([data-field-title],.calc-choices>label){font-size:17px;font-weight:600}
.calc-site #calc-input-card :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea){color:var(--calc-input);background:var(--calc-field);border-color:var(--calc-field-line);font-weight:700}
.calc-site #calc-input-card select{color:var(--calc-control);background:var(--calc-field);border-color:var(--calc-field-line);font-weight:500}
.calc-site #calc-input-card input:focus-visible{outline:2px solid var(--calc-input);outline-offset:2px;box-shadow:none}
.calc-site #calc-input-card :is(.calc-field-help,details.calc-material-panel,.calc-input-help){border-color:var(--calc-help-line);color:var(--calc-input-muted)}
.calc-site #calc-input-card summary,.calc-site #calc-results-card :is(.calc-reading-help,.calc-scope-help)>summary{background:var(--calc-help);color:var(--calc-help-ink);border-color:var(--calc-help-line);font-weight:600}
.calc-site #calc-input-card :is(.calc-field-help,details.calc-material-panel,.calc-input-help):not([open]){background:var(--calc-help)}
.calc-site #calc-input-card :is(.calc-field-help,details.calc-material-panel,.calc-input-help):not([open])>summary{background:transparent}
.calc-site #calc-input-card :is(.calc-field-help,details.calc-material-panel,.calc-input-help):not([open]):has(>summary:hover),.calc-site #calc-input-card summary:hover,.calc-site #calc-results-card :is(.calc-reading-help,.calc-scope-help)>summary:hover{background:var(--calc-help-hover)}
.calc-site #calc-input-card summary:focus-visible,.calc-site #calc-results-card :is(.calc-reading-help,.calc-scope-help)>summary:focus-visible{outline:2px solid var(--calc-input);outline-offset:2px}
.calc-site #calc-results-card .calc-result-row>span:first-child{color:var(--calc-answer-label);font-size:16px;font-weight:500;line-height:1.6}
.calc-site #calc-results-card .calc-result-row .calc-result-value{color:var(--calc-result-ink);font-size:30px;font-weight:700}
.calc-site #calc-results-card .calc-result-value strong{color:var(--calc-result-ink);font-size:30px;font-weight:700;letter-spacing:.01em}
.calc-site #calc-results-card .calc-result-value select{color:var(--calc-answer-label);font-size:15px;font-weight:400;background:var(--calc-field)}
.calc-site #calc-results-card .calc-result-row{gap:8px;padding-block:18px}
.calc-site #calc-input-card :is(label,th){color:var(--calc-label)}

/* Results use red; safety and warnings retain orange; shared navigation stays green. */
.calc-site{--calc-result-help:#f1d3d0;--calc-result-help-hover:#eac3bf;--calc-result-help-ink:#79312b;--calc-result-help-line:#d5a09a;--calc-result-next:#fff4f3}
html[data-color-mode=dark] .calc-site{--calc-result-help:#573734;--calc-result-help-hover:#68413c;--calc-result-help-ink:#ffe4df;--calc-result-help-line:#a16b64;--calc-result-next:#35282a}
.calc-site #calc-results-card :is(.calc-reading-help,.calc-scope-help){background:var(--calc-result-help);border-color:var(--calc-result-help-line);color:var(--calc-result-help-ink)}
.calc-site #calc-results-card :is(.calc-reading-help,.calc-scope-help)>summary{background:transparent;color:var(--calc-result-help-ink);border-color:var(--calc-result-help-line)}
.calc-site #calc-results-card :is(.calc-reading-help,.calc-scope-help):has(>summary:hover){background:var(--calc-result-help-hover)}
.calc-site #calc-results-card :is(.calc-reading-help,.calc-scope-help)>summary:hover{background:transparent}
.calc-site #calc-results-card :is(.calc-reading-help,.calc-scope-help)>summary:focus-visible{outline:2px solid var(--calc-result-help-ink);outline-offset:3px}
.calc-site #calc-results-card .calc-guided-next{background:var(--calc-result-next);border-color:var(--calc-result-help-line);color:var(--calc-result-ink)}

/* Contextual field help sits beside the name and opens without adding input rows. */
.calc-site .calc-input-field{min-width:0}
.calc-site .calc-field-heading{position:relative;display:flex;align-items:flex-start;gap:8px;min-height:28px}
.calc-site .calc-field-heading>[data-field-title]{min-width:0;line-height:28px;cursor:pointer}
.calc-site #calc-input-card .calc-compact-help{position:static;flex:0 0 28px;margin:0;padding:0;border:0;background:transparent;color:var(--calc-label);font-size:11pt;line-height:1.7}
.calc-site #calc-input-card .calc-compact-help:not([open]),.calc-site #calc-input-card .calc-compact-help:not([open]):has(>summary:hover){background:transparent}
.calc-site #calc-input-card .calc-compact-help>summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;list-style:none;width:28px;height:28px;min-height:28px;padding:0;margin:0;border:1px solid var(--calc-help-line);border-radius:50%;background:var(--calc-help);color:var(--calc-help-ink);font:700 16px/1 var(--cl-font);cursor:pointer;user-select:none}
.calc-site #calc-input-card .calc-compact-help:not([open])>summary{background:var(--calc-help)}
.calc-site #calc-input-card .calc-compact-help>summary::-webkit-details-marker{display:none}
.calc-site #calc-input-card .calc-compact-help>summary::marker{content:''}
.calc-site #calc-input-card .calc-compact-help>summary:hover,.calc-site #calc-input-card .calc-compact-help[open]>summary{background:var(--calc-help-hover);border-color:var(--calc-input)}
.calc-help-body{position:absolute;z-index:45;left:0;top:calc(100% + 6px);width:100%;box-sizing:border-box;padding:14px;border:1px solid var(--calc-help-line);border-radius:9px;background:var(--calc-field);color:var(--calc-label);box-shadow:0 5px 20px #102d4526;overflow:auto;overscroll-behavior:contain;max-height:360px;scrollbar-gutter:stable;font:400 11pt/1.75 var(--cl-font);cursor:default}
.calc-help-above>.calc-help-body{top:auto;bottom:calc(100% + 6px)}
.calc-help-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}
.calc-help-header>strong{flex:1;font-size:11pt;line-height:1.7;color:var(--calc-help-ink)}
.calc-site #calc-input-card .calc-help-close{flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;border:1px solid var(--calc-help-line);border-radius:5px;background:var(--calc-help);color:var(--calc-help-ink);font:600 22px/1 var(--cl-font);cursor:pointer}
.calc-help-body>p{margin:.5em 0;font-size:11pt;font-weight:400}
.calc-help-body .coefficient-reference-scroll{max-width:100%;overflow-x:auto}
.calc-site .calc-help-body :is(th,td){font-size:11pt;font-weight:400}
.calc-site .calc-help-body th{font-weight:600}
@media(pointer:coarse){.calc-site #calc-input-card .calc-compact-help{flex-basis:32px}.calc-site #calc-input-card .calc-compact-help>summary{width:32px;height:32px;min-height:32px}.calc-site .calc-field-heading>[data-field-title]{line-height:32px}.calc-site #calc-input-card .calc-help-close{width:36px;height:36px;min-height:36px;flex-basis:36px}}