/* Uses the same layout, colors and type sizes as the existing unit converter. */
.calc-teaching-example{padding:14px 18px;border:1px solid var(--cl-border);border-radius:8px;background:var(--cl-soft);grid-column:1/-1;font-size:11pt;line-height:1.7}.calc-teaching-example a{display:inline-block;padding-top:7px;font-weight:700}
.calc-motion-entry a{display:inline-block;min-height:44px;line-height:1.6;padding:10px 14px;border:1px solid var(--cl-border);border-radius:6px;font-weight:700;text-underline-offset:4px}.diagram-only .calc-motion-entry{display:none}
.calc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cl-ink);line-height:1.3}.calc-brand img{width:60px;height:60px}.calc-brand strong{display:block;font-size:23px}.calc-brand small{display:block;margin:4px 0 0;font-size:11pt;letter-spacing:.04em}.calc-category-group{display:block;color:var(--cl-muted);font-size:11pt;font-weight:700;padding:14px 8px 4px}.calc-site .sidebar nav{height:min(58vh,560px);display:block}.calc-site .sidebar nav a{display:block}.calc-site .workspace-heading{margin-bottom:20px}.calc-card,.calc-results-card,.calc-formulas{background:var(--cl-surface);border:1px solid var(--cl-line);border-radius:12px;padding:22px;margin-bottom:22px}.calc-card h2,.calc-results-card h2,.calc-formulas h2{font-size:19px}.calc-choices{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}.calc-choices>label{flex:1 1 220px}.calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.calc-fields label,.calc-choices label{font-size:11pt}.calc-entry{display:flex;gap:8px;align-items:center;margin-top:6px}.calc-entry input{min-width:0;flex:1;width:50%}.calc-entry select{width:120px;flex:0 1 120px}.calc-site input,.calc-site select,.calc-site button{font-size:11pt;color:var(--cl-ink);background:var(--cl-input);min-height:42px}.calc-site button{cursor:pointer}.calc-site button:disabled{opacity:.5;cursor:default}.calc-input-note,.calc-site .caption,.calc-note,.calc-copy-status,.calc-formulas p,.calc-site .count{font-size:11pt;line-height:1.8}.calc-input-note,.calc-note{color:var(--cl-muted)}.calc-error,.calc-warning{font-size:11pt;line-height:1.8;color:var(--cl-error)}.calc-error:empty,.calc-warning:empty{display:none}.calc-warning:not(:empty){padding:12px;border:1px solid var(--cl-error);border-radius:8px}.calc-results-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.calc-results-title h2{margin:0}.calc-results-title label{display:flex;align-items:center;gap:8px;font-size:11pt}.calc-results-title select{width:80px}.calc-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:10px 0;border-bottom:1px solid var(--cl-line);font-size:11pt}.calc-result-row strong{text-align:right;overflow-wrap:anywhere;max-width:260px}.calc-result-row:first-child{background:var(--cl-soft);padding:15px;border-radius:8px;color:var(--cl-accent);font-size:17px}.calc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.calc-actions button{padding:10px 16px}.calc-actions .primary{background:var(--cl-primary);color:white}.calc-diagram,.calc-plots{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;margin:0}.calc-diagram svg,.calc-plots svg{display:block;width:100%;min-width:660px;height:auto}.calc-plots svg{margin-top:10px}.calc-diagram text,.calc-plots text{font:15px var(--cl-font);fill:var(--cl-ink)}.calc-diagram line,.calc-diagram path,.calc-plots line,.calc-plots polyline{stroke:var(--cl-ink);stroke-width:2;fill:none}.calc-diagram .material{fill:var(--cl-soft);stroke:var(--cl-accent);stroke-width:2}.calc-diagram .void{fill:var(--cl-surface);stroke:var(--cl-accent);stroke-width:2}.calc-diagram .axis,.calc-plots .axis{stroke:var(--cl-muted);stroke-dasharray:6 5;stroke-width:1.5}.calc-diagram .dimension{stroke:var(--cl-muted);stroke-width:1.5}.calc-diagram .centroid{fill:var(--cl-error)}.calc-diagram .support{fill:var(--cl-muted);stroke:var(--cl-muted);stroke-width:2}.calc-diagram .beam{stroke:var(--cl-accent);stroke-width:9}.calc-diagram .load{stroke:var(--cl-error);color:var(--cl-error);stroke-width:2.5}.calc-diagram .flow{stroke:var(--cl-accent);color:var(--cl-accent);stroke-width:3}.calc-diagram .pipe,.calc-diagram .water{fill:var(--cl-soft);stroke:var(--cl-accent);stroke-width:2}.calc-diagram .waterline{stroke:var(--cl-accent)}.calc-diagram .heater,.calc-diagram .expansion{fill:#efb890;stroke:var(--cl-error);stroke-width:2}.calc-diagram .spring{stroke:var(--cl-accent);stroke-width:3}.calc-diagram .deflection{fill:none;stroke:var(--cl-error);stroke-width:2.5;stroke-dasharray:7 5}.calc-plots .plot{stroke:var(--cl-accent);stroke-width:2.5;fill:none}.calc-formula{font-size:11pt;line-height:1.9;overflow-wrap:anywhere;padding:14px;background:var(--cl-soft);border-radius:8px}.calc-formulas a{font-size:11pt;color:var(--cl-accent)}.calc-site .calc-choices input[type=checkbox]{width:auto;min-height:0}.calc-site [hidden]{display:none!important}.calc-site .calc-footnote{grid-row:auto}.calc-site .calc-bottom-ad{grid-row:2}.calc-site .sidebar-ad{grid-row:2}.calc-site .calc-footer-note{grid-column:2;font-size:11pt;color:var(--cl-muted);margin:0}.calc-site .unit-ad-rail{position:sticky;top:20px}
@media(max-width:800px){.calc-fields{grid-template-columns:1fr}.calc-card,.calc-results-card,.calc-formulas{padding:18px}.calc-result-row{grid-template-columns:1fr;gap:4px}.calc-result-row strong{text-align:left;max-width:100%}}
@media(max-width:620px){.calc-brand img{width:52px;height:52px}.calc-brand strong{font-size:21px}.calc-site .calc-bottom-ad,.calc-site .sidebar-ad{grid-row:auto}.calc-site .calc-footer-note{grid-column:1}.calc-site .sidebar nav{height:180px}}

.calc-diagram marker path{fill:var(--cl-ink);stroke:none}

.calc-site{--calc-input:#1267b1;--calc-output:#a64a08}html[data-color-mode=dark] .calc-site{--calc-input:#79bdff;--calc-output:#ffb36f}.calc-input-label{fill:var(--calc-input)!important;text-decoration:underline;cursor:pointer;font-weight:700}.calc-input-label:focus{outline:2px solid var(--calc-input)}.calc-output-label{fill:var(--calc-output)!important;font-weight:700}.input-key{color:var(--calc-input)}.output-key{color:var(--calc-output)}.diagram-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:11pt;line-height:1.8}.diagram-edit,.sketch-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0;padding:12px;background:var(--cl-soft);border-radius:8px}.diagram-edit input{width:150px}.sketch-controls label{max-width:100%;font-size:11pt}.sketch-controls input{width:125px;display:block}.sketch-controls p{flex-basis:100%;font-size:11pt;line-height:1.8}.calc-site textarea{width:100%;box-sizing:border-box;color:var(--cl-ink);background:var(--cl-input);font-size:11pt;line-height:1.5;padding:12px;margin:10px 0}#section-sketch{display:block;width:100%;max-width:700px;max-height:480px;touch-action:manipulation;background:var(--cl-surface);border:1px solid var(--cl-line)}#section-sketch .sketch-grid line{stroke:var(--cl-line);stroke-width:1}#section-sketch .sketch-ring{fill:none;stroke:var(--calc-input);stroke-width:2}#section-sketch circle{fill:var(--calc-input)}#section-sketch text{font:15px var(--cl-font);fill:var(--cl-ink)}.calc-diagram .solid-cap{fill:var(--cl-soft);stroke:var(--cl-accent);stroke-width:1}.calc-diagram .solid-side{fill:var(--cl-surface);stroke:var(--cl-accent);stroke-width:1}.calc-diagram .deflection{stroke:var(--calc-output)}.calc-diagram .centroid{fill:var(--calc-output)}

.calc-diagram .solid-cap{fill:color-mix(in srgb,var(--cl-accent) 18%,var(--cl-surface))}.calc-diagram .solid-side{fill:color-mix(in srgb,var(--cl-accent) 32%,var(--cl-surface))}

.section-sketch-scroll{max-width:100%;overflow:auto}#section-sketch{min-width:540px}

.calc-diagram .computed-force{stroke:var(--calc-output);stroke-width:2.5}.calc-diagram .known-force{stroke:var(--calc-input);stroke-width:2.5}.calc-diagram .rope{stroke:var(--cl-accent);stroke-width:3;fill:none}.calc-diagram .thread{stroke:var(--cl-accent);stroke-width:1}#calc-howto{font-size:11pt;line-height:1.9;padding-left:24px}

/* Dimensional chains retain a readable table without widening the page. */
.tolerance-scroll{max-width:100%;overflow-x:auto;margin:1rem 0}.tolerance-scroll table{width:100%;min-width:600px;border-collapse:collapse}.tolerance-scroll th,.tolerance-scroll td{padding:.55rem;border-bottom:1px solid var(--cl-line);text-align:left}.tolerance-scroll input{width:100%;min-width:90px;box-sizing:border-box}.tolerance-scroll select{min-width:60px}.tolerance-scroll button{min-width:42px}#application-transfer-note:empty{display:none}#application-handoff[hidden]{display:none}

.calc-entry select.calc-field-choice{width:100%;flex:1;min-width:0}

/* Recognizable equipment with editable callouts; original illustrations, no remote images. */
.calc-beginner h2{font-size:20px}.calc-beginner p{font-size:11pt;line-height:1.9;margin:.7em 0}.calc-field-help{margin-top:9px;font-size:11pt;line-height:1.7;color:var(--cl-muted)}.calc-field-help summary{cursor:pointer;color:var(--cl-accent)}.calc-field-help p{margin:.5em 0;font-size:11pt}.calc-result-value{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;max-width:320px}.calc-result-value strong{max-width:100%;font-variant-numeric:tabular-nums}.calc-result-value select{width:145px;max-width:100%;font-size:11pt;min-height:42px}.calc-equipment-input{cursor:pointer}.calc-equipment-input:focus{outline:2px solid var(--calc-input)}.calc-equipment-input text{fill:var(--calc-input)!important}.calc-equipment-input .eq-tag-value{text-decoration:underline}
.calc-diagram .equipment-illustration text{font:21px var(--cl-font);fill:var(--cl-ink)}.calc-diagram .equipment-illustration .eq-tag-value{font-weight:700}.calc-diagram .equipment-illustration .eq-result{font-size:26px;font-weight:700;fill:var(--calc-output)}.calc-diagram .equipment-illustration .eq-result-label{font-size:21px;fill:var(--cl-ink)}.calc-diagram .equipment-illustration .eq-result-heading{font-size:23px;font-weight:700}.calc-diagram .equipment-illustration .eq-caption{fill:var(--cl-muted)}
.calc-diagram .equipment-illustration rect,.calc-diagram .equipment-illustration ellipse{stroke:#657e8e;stroke-width:1.5}.calc-diagram .equipment-illustration .eq-top{fill:#e1eaf0;stroke:#657e8e;stroke-width:1.5}.calc-diagram .equipment-illustration .eq-side{fill:#859cae;stroke:#516b7d;stroke-width:1.5}.calc-diagram .equipment-illustration .eq-outline{fill:none;stroke:var(--cl-ink);stroke-width:2}.calc-diagram .equipment-illustration .eq-dark-metal{fill:#526778;stroke:#3c5261}.calc-diagram .equipment-illustration .eq-cardboard{fill:#d5b27d;stroke:#9c7e52}.calc-diagram .equipment-illustration .eq-bronze{fill:#c9a15b;stroke:#87683d}.calc-diagram .equipment-illustration .eq-bolt{fill:#d9e4eb;stroke:#536c7b}.calc-diagram .equipment-illustration .eq-engraving{stroke:#4e6573;stroke-width:2;fill:none}.calc-diagram .equipment-illustration .eq-fin{stroke:#173e56;stroke-width:4}.calc-diagram .equipment-illustration .eq-piston{fill:#d49b50;stroke:#806133}.calc-diagram .equipment-illustration .eq-barrel{fill:#c4e1ec;fill-opacity:.7;stroke:#658b9b}.calc-diagram .equipment-illustration .eq-air-hose{fill:none;stroke:#347dba;stroke-width:8;stroke-linecap:round}.calc-diagram .equipment-illustration .eq-rubber{fill:#64707a;stroke:#344451;stroke-width:2}.calc-diagram .equipment-illustration .eq-track{fill:#91a7b6;stroke:#5e7c90}.calc-diagram .equipment-illustration .eq-control{fill:#d5dee4;stroke:#5a7383}.calc-diagram .equipment-illustration .eq-display{fill:#243d48;stroke:#678a99}.calc-diagram .equipment-illustration .eq-screen{fill:#c2edc2;font-size:22px}.calc-diagram .equipment-illustration .eq-resistor{fill:#cbb996;stroke:#8b7651}.calc-diagram .equipment-illustration .eq-resistor-band{fill:#806541;stroke:none}.calc-diagram .equipment-illustration .eq-wire-red{stroke:#c46857;stroke-width:8;fill:none}.calc-diagram .equipment-illustration .eq-wire-blue{stroke:#487eaa;stroke-width:8;fill:none}.calc-diagram .equipment-illustration .eq-terminal-red{fill:#bf5949;stroke:#8d3c30}.calc-diagram .equipment-illustration .eq-terminal-blue{fill:#3c739d;stroke:#294f6c}
.calc-diagram .equipment-illustration .eq-input-arrow,.calc-diagram .equipment-illustration .eq-rotation{stroke:var(--calc-input);stroke-width:5;fill:none}.calc-diagram .equipment-illustration .eq-output-arrow{stroke:var(--calc-output);stroke-width:5;fill:none}.calc-diagram .equipment-illustration marker[id$="input-arrow"] path{fill:var(--calc-input);stroke:none}.calc-diagram .equipment-illustration marker[id$="output-arrow"] path{fill:var(--calc-output);stroke:none}.calc-diagram .equipment-illustration .eq-dimension{stroke:var(--calc-input);stroke-width:2;fill:none}.calc-diagram .equipment-illustration .eq-centre{stroke:var(--cl-muted);stroke-width:1.5;stroke-dasharray:8 5;fill:none}.calc-diagram .equipment-illustration .eq-divider{stroke:var(--cl-line);stroke-width:1.5}.calc-diagram .equipment-illustration .eq-shadow{fill:#57666c;opacity:.12;stroke:none}.calc-diagram .equipment-illustration .eq-bore{fill:#3b5362;stroke:#223e50}.calc-diagram .equipment-illustration .eq-rope{stroke:#c29b59;stroke-width:6;fill:none}.calc-diagram .equipment-illustration .eq-thread{stroke:#728b9c;stroke-width:2;fill:none}.calc-diagram .equipment-illustration .eq-coil-back{stroke:#556f82;stroke-width:9;fill:none;stroke-linecap:round}.calc-diagram .equipment-illustration .eq-coil-front{stroke:#c9d6df;stroke-width:9;fill:none;stroke-linecap:round}.calc-diagram .equipment-illustration .eq-wall{fill:#b4bab9;stroke:#7a888e}.calc-diagram .equipment-illustration .eq-deflected{stroke:var(--calc-output);stroke-width:3;stroke-dasharray:9 5;fill:none}.calc-diagram .equipment-illustration .eq-pipe{fill:#9ab3c3;stroke:#667f8f}.calc-diagram .equipment-illustration .eq-water{fill:#79b9dc;fill-opacity:.75;stroke:#4085ad}.calc-diagram .equipment-illustration .eq-water-top{fill:#afd7eb;stroke:#4085ad}.calc-diagram .equipment-illustration .eq-tank{fill:#d4e8ec;fill-opacity:.45;stroke:#8ba8b6}.calc-diagram .equipment-illustration .eq-gauge{fill:#f4f8fa;stroke:#627e8d;stroke-width:3}.calc-diagram .equipment-illustration .eq-panel{fill:#b9ccd8;stroke:#5d8096}.calc-diagram .equipment-illustration .eq-wind{stroke:#68a8c7;stroke-width:5;fill:none;stroke-linecap:round}.calc-diagram .equipment-illustration .eq-heater{stroke:#d28a43;stroke-width:9;fill:none}.calc-diagram .equipment-illustration .eq-thermometer{stroke:#c8784d;stroke-width:9}.calc-diagram .equipment-illustration .eq-hot{fill:#d9956b;stroke:#b3663d}.calc-diagram .equipment-illustration .eq-cold{fill:#7db8d3;stroke:#497f9a}.calc-diagram .equipment-illustration .eq-insulation{fill:#e0cf9e;stroke:#ad9764}.calc-diagram .equipment-illustration .eq-warm-metal{fill:#d6ab8e;stroke:#a47d62}.calc-diagram .equipment-illustration .eq-pitch{stroke:var(--calc-input);stroke-dasharray:8 6;fill:none}.calc-diagram .equipment-illustration .eq-guide-area{fill:var(--cl-soft);stroke:var(--cl-line)}
@media(max-width:800px){.calc-result-value{justify-content:flex-start;max-width:100%}}

.calc-diagram .equipment-illustration .eq-input-symbol{fill:var(--calc-input);font-weight:700}

/* Leader strokes are distinct from load arrows and never occupy the text column. */
.calc-diagram .eq-leader-halo{fill:none;stroke:var(--cl-surface);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;vector-effect:non-scaling-stroke}.calc-diagram .eq-leader{fill:none;stroke:var(--cl-muted);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;vector-effect:non-scaling-stroke}.calc-diagram .equipment-illustration .eq-leader-dot{fill:var(--cl-muted);stroke:var(--cl-surface);stroke-width:1;pointer-events:none}.calc-diagram .equipment-illustration .eq-callout-hit{fill:transparent;stroke:none;pointer-events:all}.calc-diagram .eq-callout:focus .eq-callout-hit{stroke:var(--calc-input);stroke-width:2}.calc-diagram .eq-callout .eq-tag-name{font-weight:400}.calc-diagram .eq-callout .eq-tag-value{font-weight:700}.calc-diagram .eq-equipment-art .eq-screen{pointer-events:none}

/* Local dimensions remain legible beside arrows without a remote key column. */
.calc-diagram .equipment-illustration .eq-callout text{font-size:18px}.calc-diagram .equipment-illustration .eq-local-note{fill:var(--cl-muted)}

/* Actual local 3D meshes, lit and rendered on demand. Text stays in an accessible SVG overlay. */
.calc-real3d{min-width:660px}.calc-real3d-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 14px}.calc-real3d-status{margin-right:auto;font-size:11pt;color:var(--cl-muted)}.calc-real3d-toolbar button{padding:7px 12px}.calc-real3d-stage{position:relative;aspect-ratio:760/460;background:var(--cl-soft);border:1px solid var(--cl-line);border-radius:10px;overflow:hidden}.calc-real3d-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:grab}.calc-real3d-canvas:active{cursor:grabbing}.calc-real3d-canvas:focus-visible{outline:3px solid var(--calc-input);outline-offset:-4px}.calc-diagram .calc-real3d-labels{position:absolute;inset:0;width:100%;min-width:0;height:100%;pointer-events:none}.calc-real3d-labels .calc-real3d-input{pointer-events:all;cursor:pointer}.calc-real3d-labels .calc-real3d-input rect{fill:var(--cl-surface);fill-opacity:.94;stroke:var(--cl-line);stroke-width:1}.calc-real3d-labels .calc-real3d-input text{font:18px var(--cl-font);font-weight:700;fill:var(--calc-input);text-decoration:underline}.calc-real3d-labels .calc-real3d-input:focus rect{stroke:var(--calc-input);stroke-width:2}.calc-real3d-help,.calc-real3d-reference>summary{font-size:11pt;line-height:1.8;color:var(--cl-muted)}.calc-real3d-help{margin:12px 0}.calc-real3d-reference{margin:12px 0}.calc-real3d-reference>summary{cursor:pointer;color:var(--cl-accent)}

/* Scroll only the editable part list and result coordinates. */
.expanded-table-scroll{max-width:100%;max-height:420px;overflow:auto;overscroll-behavior:contain}.expanded-table-scroll table{border-collapse:collapse;width:100%;font-size:11pt}.expanded-table-scroll th,.expanded-table-scroll td{padding:8px;border:1px solid var(--cl-line);white-space:nowrap}.expanded-table-scroll th{position:sticky;top:0;background:var(--cl-surface);z-index:1}.expanded-table-scroll input{min-width:95px;width:105px}.expanded-editor{margin:20px 0}.expanded-editor>button{margin-top:12px}.expanded-material{display:block;margin:14px 0;max-width:400px}.calc-diagram .expanded-diagram text{font-size:18px}.calc-diagram .xd-output{fill:#c57035;stroke:#c57035}.calc-diagram .expanded-diagram .plot{fill:none;stroke:#c57035;stroke-width:3}

.calc-real3d-results{font-size:11pt;line-height:1.8;color:#b85d23;overflow-wrap:anywhere}html[data-color-mode=dark] .calc-real3d-results{color:#efaa71}

/* Fixed illustrations and linked input/result hierarchy. */
.calc-site{--calc-input:#1268ac;--calc-output:#c44d26}
html[data-color-mode=dark] .calc-site{--calc-input:#83c4ff;--calc-output:#ffa17d}
.calc-site .calc-fields label,.calc-site .calc-choices label,.calc-site .expanded-material,.calc-site .sketch-controls label{font-size:17px;font-weight:600;line-height:1.65}
.calc-site .calc-entry input,.calc-site .expanded-editor input,.calc-site #tolerance-editor input,.calc-site #diagram-edit-value{font-size:23px;font-weight:650;color:var(--calc-input);min-height:50px;font-variant-numeric:tabular-nums}
.calc-site .calc-entry select,.calc-site .calc-choices select,.calc-site #diagram-edit-unit{font-size:16px;color:var(--calc-input)}
.calc-site [data-field-title],.calc-site .calc-choices>label,.calc-site .expanded-editor th,.calc-site #tolerance-editor th{color:var(--calc-input)}
.calc-site .calc-result-row,.calc-site .calc-result-row:first-child{font-size:17px;color:var(--cl-ink);padding:16px 10px;line-height:1.6}
.calc-site .calc-result-row strong{font-size:26px;font-weight:700;max-width:100%;color:var(--calc-output)}
.calc-site .calc-result-value,.calc-site .calc-result-value select,.calc-site .calc-real3d-results{color:var(--calc-output)}
.calc-site .calc-card h2,.calc-site .calc-results-card h2{font-size:22px}
.calc-site .output-key{color:var(--calc-output)}
.calc-site .calc-real3d-canvas,.calc-site .calc-real3d-canvas:active{cursor:default;touch-action:auto}
.calc-diagram .xd-output{fill:var(--calc-output);stroke:var(--calc-output)}
.calc-diagram .expanded-diagram .plot{stroke:var(--calc-output)}
.calc-site .sidebar nav{height:min(68vh,760px);overflow:auto;scrollbar-gutter:stable}
#calc-list-toggle{width:100%;padding:9px 10px;margin:0 0 12px;font-size:15px}
.calc-category{border-bottom:1px solid var(--cl-line);padding:3px 0}
.calc-category summary{font-size:17px;font-weight:700;line-height:1.55;cursor:pointer;padding:11px 6px;color:var(--cl-ink)}
.calc-category summary::marker{color:var(--cl-accent)}
.calc-site .sidebar .calc-category a{font-size:16px;padding:12px 10px;margin:3px 0 3px 12px;line-height:1.6}
.diagram-window-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px}
#diagram-open-window{font-size:17px;font-weight:700;padding:12px 18px;border:2px solid var(--cl-primary);border-radius:8px;color:var(--cl-primary);background:var(--cl-soft)}
#diagram-window-status{margin:0;flex:1 1 210px}
#diagram-window-status:empty{display:none}
body.diagram-only{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;max-width:none;margin:0;padding:24px;align-items:start}
body.diagram-only > :not(#calc-diagram-card):not(#diagram-window-ad){display:none!important}
body.diagram-only #calc-diagram-card{width:100%;min-width:0;margin:0;padding:20px}
body.diagram-only .diagram-window-bar{margin-bottom:12px}
body.diagram-only .calc-real3d-stage{min-height:350px}
body.diagram-only .diagram-window-ad{display:block;margin:0;text-align:center;position:sticky;top:24px}
.diagram-ad-placeholder{min-height:250px;display:grid;place-items:center;padding:20px;background:var(--cl-soft);border:1px solid var(--cl-line);border-radius:8px;margin-top:12px;color:var(--cl-muted)}
@media(max-width:800px){body.diagram-only{grid-template-columns:minmax(0,1fr);padding:14px;gap:20px}body.diagram-only .diagram-window-ad{position:static}.diagram-ad-placeholder{min-height:100px}.calc-site .sidebar nav{height:280px}.calc-site .calc-result-value strong{font-size:25px}}
.calc-site #sketch-coordinates{font-size:18px;line-height:1.7;color:var(--calc-input)}.calc-site .sketch-controls input[type=number]{font-size:20px;color:var(--calc-input)}

.diagram-only .calc-real3d-help,.diagram-only .calc-real3d-reference{display:none}.diagram-disconnected [data-input-field]{pointer-events:none;opacity:.55}

#diagram-open-window{display:inline-block;text-decoration:none}body.diagram-only #diagram-window-ad .ad-slot{min-height:160px;display:grid;place-items:center}body.diagram-only #diagram-window-ad .ad-slot p{font-size:11pt}@media(max-width:1000px){body.diagram-only{grid-template-columns:minmax(0,1fr)}body.diagram-only .diagram-window-ad{position:static}}

/* Wider, bounded navigation and adjacent input/result cards. */
.calc-site .unit-layout>main{grid-template-columns:280px minmax(0,1fr);column-gap:24px}.calc-site .sidebar aside{display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}.calc-site .sidebar aside>h2,.calc-site .sidebar aside>.filter,.calc-site .sidebar aside>.count,#calc-list-toggle{flex-shrink:0}.calc-site .sidebar #calc-categories{height:min(72vh,760px);min-height:0;flex-shrink:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.calc-site .workspace{min-width:0;container-type:inline-size}.calc-input-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-bottom:22px}.calc-input-results>.calc-card,.calc-input-results>.calc-results-card{min-width:0;margin-bottom:0}.calc-input-results .calc-fields{grid-template-columns:minmax(0,1fr)}.calc-input-results .calc-entry{flex-wrap:wrap}.calc-input-results .calc-entry input{flex:1 1 100px}.calc-input-results .calc-entry select{flex:0 1 130px}.calc-input-results .calc-result-row{grid-template-columns:minmax(0,1fr);gap:5px}.calc-input-results .calc-result-value{max-width:100%;justify-content:flex-start}.calc-input-results .calc-result-value strong{text-align:left}.calc-input-results .calc-results-title{align-items:flex-start}.calc-input-results .calc-choices>label{flex-basis:100%;min-width:0}
@container(max-width:590px){.calc-input-results{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1000px){.calc-site .unit-layout>main{grid-template-columns:250px minmax(0,1fr)}}@media(max-width:620px){.calc-site .unit-layout>main{grid-template-columns:minmax(0,1fr)}.calc-site .sidebar #calc-categories{height:min(50vh,420px)}}

.calc-input-results .calc-entry select.calc-field-choice{width:100%;max-width:100%;flex:1 1 100%}

/* Keep the section-link checkbox beside its label, with a full touch target. */
#section-transfer-choice>label:first-child{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
#use-section{width:20px;height:20px;min-height:0;min-width:0;padding:0;margin:0;flex:0 0 20px;accent-color:var(--calc-input,#1268ac)}

/* Coefficient references are collapsed field help, never preset-value controls. */
.calc-coefficient-help{max-width:100%;min-width:0}.calc-coefficient-help p{font-weight:400;color:var(--cl-ink)}.coefficient-reference-scroll{max-width:100%;overflow-x:auto;overscroll-behavior:contain}.calc-coefficient-help table{border-collapse:collapse;width:100%;font-size:11pt;line-height:1.7;font-weight:400;color:var(--cl-ink)}.calc-coefficient-help caption{text-align:left;font-weight:650;margin:8px 0}.calc-coefficient-help th,.calc-coefficient-help td{border:1px solid var(--cl-line);padding:8px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.calc-coefficient-help th{font-weight:600}.calc-coefficient-help th[scope=row]{width:43%}.calc-coefficient-help .coefficient-sources a{display:block;overflow-wrap:anywhere;color:var(--cl-accent);font-size:11pt}

/* Three ordinary-page ad slots beside the detached diagram; narrow screens stack below it. */
body.diagram-only{grid-template-columns:minmax(0,1fr) 260px}body.diagram-only #diagram-window-ad{display:grid;gap:24px;min-width:0;margin:0}body.diagram-only #diagram-window-ad .advertisement{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;min-height:0;height:auto;background:transparent}body.diagram-only #diagram-window-ad .ad-slot{width:100%;min-height:160px;aspect-ratio:6/5;border:1px solid var(--cl-line);border-radius:8px;background:var(--cl-ad)}body.diagram-only #diagram-window-ad .ad-slot p{margin:0}@media(max-width:1000px){body.diagram-only{grid-template-columns:minmax(0,1fr)}body.diagram-only #diagram-window-ad{position:static;width:min(100%,320px);justify-self:center}}

body.diagram-only #diagram-window-ad{padding:0;border:0;background:transparent}

/* Numeric controls occupy their own space, never the component illustration. */
.calc-real3d{min-width:0}.calc-real3d-stage{aspect-ratio:760/500}.calc-diagram .calc-real3d-labels{width:100%;height:100%}.diagram-value-panel{margin:20px 0 0;padding:16px;border:1px solid var(--cl-line);border-radius:10px;background:var(--cl-surface)}.diagram-value-heading{margin:0 0 12px;font-size:16px;color:var(--calc-input);font-weight:650}.diagram-value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:12px}.diagram-value-button{display:flex;flex-direction:column;text-align:left;gap:8px;min-width:0;padding:13px 15px;background:var(--cl-soft);border:1px solid var(--cl-line);border-radius:8px;cursor:pointer}.diagram-value-button>span{font-size:15px;line-height:1.6;color:var(--cl-ink)}.diagram-value-button>strong{font-size:23px;color:var(--calc-input);line-height:1.5;overflow-wrap:anywhere}.diagram-value-button:focus-visible{outline:3px solid var(--calc-input);outline-offset:2px}.diagram-value-button:hover{border-color:var(--calc-input)}.calc-diagram .diagram-symbol{font:italic 700 23px var(--cl-font);paint-order:stroke;stroke:var(--cl-surface);stroke-width:5;stroke-linejoin:round}.calc-diagram .diagram-symbol-input{fill:var(--calc-input)}.calc-diagram .diagram-symbol-output{fill:var(--calc-output)}.diagram-vector{fill:none;stroke-width:5;stroke-linecap:round}.diagram-vector-input{stroke:var(--calc-input)}.diagram-vector-output{stroke:var(--calc-output)}.diagram-input-head{fill:var(--calc-input)}.diagram-output-head{fill:var(--calc-output)}.diagram-vector-halo{fill:none;stroke:var(--cl-surface);stroke-width:9;stroke-linecap:round}.diagram-anchor{fill:var(--calc-input);stroke:var(--cl-surface);stroke-width:2}#diagram-edit-status{flex-basis:100%;margin:0;font-size:11pt;color:var(--cl-muted)}#diagram-edit-status:empty{display:none}#diagram-edit-value[aria-invalid=true]{border-color:var(--calc-output)}.diagram-edit{position:sticky;top:12px;z-index:5;border:1px solid var(--cl-line);box-shadow:0 3px 15px #0001}
@media(max-width:700px){body.diagram-only .calc-real3d-stage{min-height:0}.calc-diagram{overflow-x:auto}.diagram-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-value-button{padding:10px}.diagram-value-button>strong{font-size:20px}}@media(max-width:420px){.diagram-value-grid{grid-template-columns:minmax(0,1fr)}}
.calc-diagram .diagram-vector{fill:none;stroke-width:6;stroke-linecap:round}.calc-diagram .diagram-vector-input{stroke:var(--calc-input)}.calc-diagram .diagram-vector-output{stroke:var(--calc-output)}.calc-diagram .diagram-vector-halo{fill:none;stroke:var(--cl-surface);stroke-width:11}.calc-diagram .diagram-input-head{fill:var(--calc-input);stroke:none}.calc-diagram .diagram-output-head{fill:var(--calc-output);stroke:none}
.diagram-direction-key{font-size:11pt;line-height:1.8;color:var(--cl-muted);margin:12px 0}.calc-diagram .diagram-real2d .axis{stroke:var(--cl-muted);stroke-width:2;fill:none}.calc-diagram .diagram-real2d text{font-size:23px}
.calc-diagram .diagram-real2d .axis{stroke-dasharray:none}.calc-diagram .diagram-real2d .caption{font-size:14.5px}.calc-diagram .diagram-real2d .diagram-projection{stroke:var(--cl-muted);stroke-width:2;stroke-dasharray:7 7;fill:none}

/* Compact calculation navigation and readable portrait illustrations. */
.calc-shortcuts{position:sticky;top:8px;z-index:6;display:flex;align-items:center;gap:8px;height:auto;overflow:visible;overscroll-behavior:auto;margin:0 0 20px;padding:8px;border:1px solid var(--cl-line);border-radius:10px;background:var(--cl-surface);box-shadow:0 3px 12px var(--cl-shadow)}
.calc-shortcuts a{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:44px;padding:8px;font-size:16px;font-weight:700;line-height:1.5;text-align:center;white-space:nowrap;text-decoration:none;color:var(--cl-ink);border:1px solid var(--cl-line);border-radius:7px;background:var(--cl-soft)}
.calc-shortcuts a[href="#calc-input-card"]{color:var(--calc-input)}.calc-shortcuts a[href="#calc-results-card"]{color:var(--calc-output)}.calc-shortcuts a:hover{border-color:var(--cl-accent)}.calc-shortcuts a:focus-visible{outline:3px solid var(--cl-focus);outline-offset:2px}
.calc-purpose-picker,.calc-start-help,.calc-reading-help{min-width:0;border:1px solid var(--cl-line);border-radius:8px;padding:12px 16px;margin:0 0 20px;font-size:11pt;line-height:1.8;background:var(--cl-soft);color:var(--cl-ink)}
.calc-purpose-picker summary,.calc-start-help summary,.calc-reading-help summary{cursor:pointer;font-weight:700;min-height:28px;overflow-wrap:anywhere}.calc-purpose-picker p,.calc-start-help p,.calc-reading-help p,.calc-start-help li{font-size:11pt;line-height:1.8}.calc-purpose-picker select{display:block;width:100%;min-height:44px;margin:6px 0 12px;font-size:16px}.calc-purpose-list{display:grid;gap:8px;max-height:260px;overflow-y:auto;overscroll-behavior-y:auto;padding:3px}
.calc-purpose-list{list-style:none;margin:0}.calc-purpose-list li{margin:0;min-width:0}.calc-purpose-list a{display:grid;gap:4px;padding:12px;border:1px solid var(--cl-line);border-radius:6px;text-decoration:none;background:var(--cl-surface);color:var(--cl-ink)}.calc-purpose-list a span{color:var(--cl-muted)}.calc-purpose-list a[aria-current="page"]{border-color:var(--cl-accent)}.calc-purpose-list a:focus-visible{outline:3px solid var(--cl-focus);outline-offset:1px}
.calc-start-help ol{padding-left:22px}.calc-start-help li+li{margin-top:8px}.calc-start-help table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11pt}.calc-start-help th,.calc-start-help td{padding:9px 6px;border-bottom:1px solid var(--cl-line);overflow-wrap:anywhere;text-align:left}.calc-start-help th{width:58%;font-weight:500}.calc-start-help td{font-weight:700}.calc-start-help caption{text-align:left;margin:8px 0}.calc-example-input{color:var(--calc-input)}.calc-example-output{color:var(--calc-output)}.calc-scope-help{border-top:1px solid var(--cl-line);padding-top:10px;margin-top:12px}
.calc-worked-example{scroll-margin-top:90px}.calc-worked-example>a{display:inline-flex;min-height:44px;align-items:center;margin-top:12px}.calc-worked-example td{font-size:18px}

/* Continuous arrow silhouettes: a pointed tip and shaft share a single path. */
.calc-diagram svg .diagram-unified-arrow{fill:var(--arrow-color,var(--calc-input))!important;stroke:var(--cl-surface)!important;stroke-width:3px!important;stroke-dasharray:none!important;stroke-linejoin:round;paint-order:stroke fill;marker-start:none!important;marker-end:none!important}
.calc-diagram svg .diagram-solid-input{--arrow-color:var(--calc-input)}.calc-diagram svg .diagram-solid-output{--arrow-color:var(--calc-output)}.calc-diagram svg .diagram-dimension-solid{stroke-width:1.5px!important}.calc-diagram .diagram-extension{fill:none;stroke:var(--calc-input);stroke-width:1.3;opacity:.75}
.calc-diagram .calc-real3d-labels [data-input-field]{pointer-events:auto;cursor:pointer}.calc-diagram .calc-real3d-labels [data-input-field]:focus-visible{outline:2px solid var(--calc-input);outline-offset:4px}.diagram-input-shortcut{font-size:11pt;line-height:1.8;color:var(--cl-muted)}.diagram-input-shortcut a{display:inline-block;min-height:44px;padding:10px 0}.calc-real3d-canvas,.calc-real3d-canvas:active{cursor:default;touch-action:pan-y}
@media(min-width:621px){.calc-site .unit-layout>main{grid-template-columns:var(--calc-sidebar-width,280px) minmax(0,1fr)}}
.calc-sidebar-resizer{position:absolute;right:-21px;top:0;bottom:0;width:18px;cursor:col-resize;touch-action:none;border-radius:6px}.calc-sidebar-resizer:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--cl-line)}.calc-sidebar-resizer:after{content:"↔";position:absolute;left:-3px;top:40%;padding:8px 2px;border:1px solid var(--cl-line);border-radius:5px;color:var(--cl-accent);background:var(--cl-surface);font-size:16px}.calc-sidebar-resizer:hover:before,.calc-sidebar-resizer:focus-visible:before{background:var(--cl-accent)}.calc-sidebar-resizer:focus-visible{outline:2px solid var(--cl-focus)}.calc-sidebar-dragging,.calc-sidebar-dragging *{cursor:col-resize!important;user-select:none!important}@media(max-width:620px){.calc-sidebar-resizer{display:none}}

/* Input and result roles remain explicit in headings, text and color. */
#calc-input-card{border-top:4px solid var(--calc-input)}#calc-results-card{border-top:4px solid var(--calc-output)}#calc-input-card>h2{color:var(--calc-input)}#calc-results-card .calc-results-title>h2{color:var(--calc-output)}.calc-role-note{margin:10px 0 18px;font-size:11pt;line-height:1.8;color:var(--cl-muted)}.calc-input-role-note{padding-left:10px;border-left:3px solid var(--calc-input)}.calc-result-state{padding:10px 12px;border-left:3px solid var(--calc-output);background:color-mix(in srgb,var(--calc-output) 6%,var(--cl-surface))}.calc-result-state[data-state=error],.calc-result-state[data-state=warning]{color:var(--cl-error);border-color:var(--cl-error);background:color-mix(in srgb,var(--cl-error) 8%,var(--cl-surface))}.calc-diagram svg .diagram-solid-context{--arrow-color:var(--cl-muted)}
#calc-input-card :is(input,select,textarea){color:var(--calc-input)}#calc-input-card input[type=checkbox]{accent-color:var(--calc-input)}
@media(max-width:620px){.calc-purpose-picker,.calc-start-help,.calc-reading-help{padding:12px}.calc-purpose-list{max-height:220px}}
#calc-diagram-card,#calc-input-card,#calc-results-card{scroll-margin-top:90px}.calc-diagram .calc-real3d-labels .diagram-symbol{font-size:var(--diagram-symbol-size,23px)}
.calc-diagram>svg.calc-planar-fit{min-width:0;width:100%;height:auto;max-width:100%}.calc-planar-notes{font-size:11pt;line-height:1.8;margin:12px 0}.calc-planar-notes p{margin:7px 0;overflow-wrap:anywhere}.calc-planar-result{color:var(--calc-output);font-weight:650}.calc-planar-input{color:var(--calc-input)}
.calc-diagram .calc-real3d-reference>svg{display:block;min-width:0;width:100%;height:auto;max-width:100%;overflow:visible;margin:20px 0 12px}
.calc-diagram svg.diagram-orthographic :is(.ortho-body,.ortho-section){stroke:var(--cl-ink);stroke-width:1.7;stroke-linejoin:miter}
.calc-diagram svg.diagram-orthographic .ortho-body{fill:var(--cl-soft)}
.calc-diagram svg.diagram-orthographic .ortho-void{fill:var(--cl-surface);stroke:var(--cl-ink);stroke-width:1.7}
.calc-diagram svg.diagram-orthographic :is(.ortho-outline,.ortho-spring){fill:none;stroke:var(--cl-ink);stroke-width:1.7}
.calc-diagram svg.diagram-orthographic .ortho-spring{stroke-width:5;stroke-linejoin:round}
.calc-diagram svg.diagram-orthographic .ortho-centre{fill:none;stroke:var(--cl-muted);stroke-width:1;stroke-dasharray:14 4 3 4}
.calc-diagram svg.diagram-orthographic .ortho-extension{fill:none;stroke:var(--cl-muted);stroke-width:1}
.calc-diagram svg.diagram-orthographic .ortho-hatch{fill:none;stroke:var(--cl-muted);stroke-width:.8;opacity:.6}
.calc-diagram svg.diagram-orthographic .ortho-symbol{fill:var(--calc-input);font-weight:650}
@media(max-width:620px){
 .calc-site .sidebar aside{max-height:none}.calc-site .sidebar #calc-categories{height:clamp(132px,22vh,180px);height:clamp(132px,22dvh,180px);flex:0 0 auto;overscroll-behavior-y:auto;touch-action:pan-y}.calc-site .sidebar aside>h2{margin-bottom:6px}.calc-site .sidebar .filter input{margin-bottom:8px}.calc-site #calc-list-toggle{margin-bottom:6px}.calc-site .sidebar .count{margin-top:7px}
 .calc-site .calc-shortcuts{top:6px;gap:6px;padding:6px;margin-bottom:16px}.calc-site .calc-shortcuts a{padding:7px 5px;font-size:15px}.calc-site #calc-diagram-card,.calc-site #calc-input-card,.calc-site #calc-results-card{scroll-margin-top:82px}
 body.calc-site .calc-real3d-stage{aspect-ratio:1/1;min-height:280px}.calc-site .diagram-direction-key{font-size:11pt;line-height:1.8}
}

.calc-diagram svg.diagram-orthographic .ortho-water{fill:color-mix(in srgb,var(--calc-input) 14%,var(--cl-surface));stroke:var(--calc-input);stroke-width:1.3}

.calc-diagram svg.diagram-orthographic path.ortho-section{fill:var(--ortho-hatch,var(--cl-soft))}

.calc-real3d-reference .diagram-open-2d-window{display:inline-flex;align-items:center;min-height:44px;max-width:100%;margin:16px 0 4px;padding:8px 14px;border:1px solid var(--cl-accent);border-radius:7px;color:var(--cl-accent);background:var(--cl-soft);font-size:11pt;font-weight:700;text-decoration:none}.diagram-open-2d-window:focus-visible{outline:3px solid var(--cl-focus);outline-offset:3px}

/* Orthographic rope and weld sections for the practical calculators. */
.calc-diagram .ortho-rope{fill:none;stroke:var(--cl-ink);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.calc-diagram .ortho-weld{fill:#c9a374;stroke:var(--cl-ink);stroke-width:2}.calc-diagram .practical-diagram .caption{font-size:15px}

/* Shared, readable materials reference and calculator chooser. */
.calc-material-panel{border:1px solid var(--cl-line);border-radius:10px;padding:16px;margin:0 0 22px;background:var(--cl-soft)}.calc-material-panel h3{margin:0 0 8px;font-size:18px}.calc-material-panel p{font-size:11pt;line-height:1.8}.material-choice-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.material-choice-row label{flex:1 1 230px}.material-choice-row select{width:100%;margin-top:5px}.material-choice-row>select{flex:0 1 210px}.material-list-link{padding:10px 0;min-height:44px}.material-proposal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.material-proposal label{display:flex;align-items:center;gap:8px;color:var(--calc-input);font-size:11pt}.calc-site .material-proposal input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none}.calc-material-panel>button{display:block;margin-top:12px}.material-stress-inputs{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:12px}.material-stress-inputs label{flex:1 1 160px}.material-stress-inputs input{display:block;width:100%;box-sizing:border-box;margin-top:6px}.material-site .materials-main{max-width:1500px;width:calc(100% - 40px);margin:32px auto;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px}.material-workspace{min-width:0}.material-filters{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:14px}.material-filters label:last-child{grid-column:1/-1}.material-filters input,.material-filters select{width:100%;display:block;margin-top:6px;box-sizing:border-box}.material-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.material-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--cl-line);border-radius:12px;background:var(--cl-surface)}.material-card h2{font-size:20px;margin:0}.material-card p,.material-card details{font-size:11pt;line-height:1.8}.material-properties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:12px 0 18px}.material-properties dt{font-size:11pt}.material-properties dd{margin:0;font-size:18px;color:var(--calc-input);font-weight:700;overflow-wrap:anywhere}.material-card details{margin-top:auto}.material-card a{overflow-wrap:anywhere}.material-card button{margin-top:16px}.material-ad-rail .advertisement{margin-bottom:24px}.material-ad-rail .ad-slot{min-height:200px}.material-intro{margin:20px 0}.material-intro summary,.material-card summary{cursor:pointer;min-height:36px}.material-site input,.material-site select,.material-site button{font-size:11pt}.material-site header{margin:0 auto}.material-site #material-page-status:not(:empty){padding:12px;border:1px solid var(--cl-accent);border-radius:8px;background:var(--cl-soft)}
@media(max-width:1100px){.material-site .materials-main{grid-template-columns:minmax(0,1fr)}.material-ad-rail{display:none}}
@media(max-width:620px){.material-card-grid,.material-filters,.material-proposal{grid-template-columns:minmax(0,1fr)}.material-filters label:last-child{grid-column:auto}.material-site .materials-main{width:calc(100% - 28px);margin:20px auto}.material-card{padding:18px}.material-choice-row{align-items:stretch}.material-choice-row>select{flex:1 1 100%}.material-properties{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.material-site [hidden]{display:none!important}
.material-site .material-filters label:last-child{grid-column:auto}
.material-genres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.material-site .material-genre{display:flex;flex-direction:column;align-items:start;text-align:left;gap:10px;padding:22px;background:var(--cl-surface);border:1px solid var(--cl-line);border-radius:12px;color:var(--cl-ink);line-height:1.65;min-width:0}
.material-site .material-genre:hover{border-color:var(--cl-accent);background:var(--cl-soft)}
.material-genre-title{font-size:21px;font-weight:700}.material-genre strong{color:var(--cl-accent);font-size:11pt}
.material-browse-actions,.material-subgroups,.material-row-actions,#material-pagination{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.material-browse-actions{margin:16px 0}.material-subgroups{margin:18px 0 22px}.material-site button{min-height:44px;cursor:pointer;white-space:normal;line-height:1.5}
.material-site button[aria-pressed=true]{background:var(--cl-accent);color:var(--cl-surface)}.material-site button:focus-visible,.material-site summary:focus-visible{outline:3px solid var(--calc-input);outline-offset:3px}
.material-result-card p{margin:7px 0}.material-result-card .eyebrow{font-size:11pt;letter-spacing:.04em}.material-result-card .material-row-actions{margin-top:auto;padding-top:14px}.material-site .material-result-card button{margin-top:0}
.material-designation{color:var(--cl-muted);font-size:11pt;overflow-wrap:anywhere}.material-quick-properties{display:flex;flex-wrap:wrap;gap:6px}.material-quick-properties span,.material-badges span{padding:5px 8px;border-radius:5px;background:var(--cl-soft);font-size:11pt}
.material-detail-card{padding:28px;background:var(--cl-surface);border:1px solid var(--cl-line);border-radius:14px;margin:24px 0;scroll-margin-top:20px;overflow-wrap:anywhere}.material-detail-card h2{font-size:28px;margin:16px 0 5px}.material-detail-card h3{font-size:18px;margin:18px 0 10px}.material-detail-card p,.material-detail-card li,.material-detail-card summary{font-size:11pt;line-height:1.85}.material-detail-card ul{padding-left:23px}.material-detail-card details{border-top:1px solid var(--cl-line);padding:15px 0}.material-detail-card summary{cursor:pointer;font-weight:700;min-height:34px}.material-detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.material-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.material-site .material-back{font-weight:400;background:var(--cl-soft);color:var(--cl-ink)}
.material-table-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.material-metrics,.material-compare-table{width:100%;border-collapse:collapse;font-size:11pt;line-height:1.8}.material-metrics th,.material-metrics td,.material-compare-table th,.material-compare-table td{padding:12px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--cl-line)}.material-metrics thead,.material-compare-table thead{background:var(--cl-soft)}.material-metrics td:nth-child(2){font-weight:700;min-width:130px}.material-metrics th:first-child{min-width:120px}.material-compare-table td,.material-compare-table th{min-width:130px}.material-compare-table button{display:block;margin-top:10px}
.material-site .material-primary{background:var(--cl-accent);color:#fff}.material-reference-panel{border:1px solid var(--cl-line);background:var(--cl-soft);border-radius:10px;padding:20px;margin:20px 0}.material-reference-panel button{display:block;margin:16px 0}.material-range-note{border-left:3px solid var(--cl-accent);padding:10px 15px;background:var(--cl-soft)}.material-detail-card a{overflow-wrap:anywhere}.material-calculation-target{margin:24px 0}.material-calculation-target select{display:block;min-height:44px;max-width:100%;margin-top:8px}.material-site #material-pagination{justify-content:center;margin:22px 0}.material-site #material-page-status:not(:empty){padding:12px;line-height:1.8}
@media(min-width:1500px){.material-genres{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.material-genres,.material-detail-columns{grid-template-columns:minmax(0,1fr)}.material-site .material-filters{grid-template-columns:minmax(0,1fr)}.material-site .material-genre{padding:18px}.material-detail-card{padding:18px}.material-detail-card h2{font-size:25px}.material-detail-columns{gap:8px}.material-reference-panel{padding:16px}.material-metrics{min-width:520px}.material-site .material-calculation-target select{width:100%}.material-site .material-browse-actions>button{width:100%}}
.material-site button[aria-pressed=true],.material-site .material-primary{background:var(--cl-primary);color:#fff}
.material-compatibility{width:100%;border-collapse:collapse;min-width:570px;font-size:11pt;line-height:1.8}.material-compatibility th,.material-compatibility td{padding:12px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--cl-line)}.material-compatibility thead{background:var(--cl-soft)}.material-compatibility th:first-child{min-width:125px}.material-compatibility td:nth-child(2){min-width:110px}.material-compatibility p{margin:0 0 8px}.material-reference-panel [data-material-feedback]:not(:empty){padding:12px;border:1px solid var(--cl-accent);border-radius:6px}
.material-extra-properties{font-size:11pt;line-height:1.85}.material-extra-properties dt{font-weight:700;margin-top:12px}.material-extra-properties dd{margin:3px 0 12px}
.calc-site a:not([href]),.calc-site a:not([href]):hover{color:inherit;text-decoration:none;cursor:text}
@media(max-width:620px){.material-metrics,.material-compatibility{min-width:0;width:100%}.material-metrics thead,.material-compatibility thead{display:none}.material-metrics tbody,.material-compatibility tbody{display:block}.material-metrics tbody tr,.material-compatibility tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--cl-line);padding:8px 0}.material-metrics tbody th,.material-metrics tbody td,.material-compatibility tbody th,.material-compatibility tbody td{display:block;min-width:0!important;border:0;padding:8px 6px;overflow-wrap:anywhere}.material-metrics tbody td:last-child,.material-compatibility tbody td:last-child{grid-column:1/-1;padding-top:0}.material-metrics tbody td:last-child{color:var(--cl-muted)}.material-compatibility tbody td:nth-child(2){color:var(--cl-accent);font-weight:700}}

/* A single section editor beside the illustration, shared by linked diagram pages. */
.section-workspace{margin:14px 0;padding:14px;border:1px solid var(--cl-line);border-radius:8px;background:var(--cl-soft)}.section-workspace h3{margin:0 0 10px;font-size:17px}.section-workspace #section-choice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0}.section-workspace select{flex:1;min-width:180px;min-height:44px;font-size:11pt}.section-free-editor{border:1px solid var(--cl-line);padding:16px;border-radius:8px;background:var(--cl-surface);scroll-margin-top:90px}.section-free-editor h3{margin-top:0}.section-free-editor>.sketch-controls{padding:10px;margin:10px 0;gap:8px}.section-free-editor .sketch-controls button,.section-free-editor select,.section-free-editor input{min-height:44px;font-size:11pt}.section-free-editor #sketch-apply{font-weight:700;color:var(--cl-surface);background:var(--calc-input);border-color:var(--calc-input)}.section-free-editor details{margin:12px 0}.section-free-editor summary{cursor:pointer;min-height:36px;line-height:1.8;color:var(--cl-accent)}.section-free-editor #section-sketch{min-width:0;width:100%;max-height:none;aspect-ratio:3/2;touch-action:manipulation}.section-free-editor .section-sketch-scroll{overflow:hidden;border:1px solid var(--cl-line);border-radius:8px}.section-free-editor #section-sketch .sketch-ring{fill:color-mix(in srgb,var(--calc-input) 8%,transparent);stroke:var(--cl-muted)}.section-free-editor #section-sketch .sketch-ring.is-active{stroke:var(--calc-input);stroke-width:2.3}.section-free-editor #section-sketch text{paint-order:stroke fill;stroke:var(--cl-surface);stroke-width:3px;stroke-linejoin:round}.section-free-editor #section-sketch .sketch-centroid{stroke:var(--calc-output);fill:var(--calc-output)}.section-sketch-summary{color:var(--calc-output);font-size:11pt;line-height:1.8}.section-free-mode .calc-input-results{grid-template-columns:minmax(0,1fr)}.diagram-disconnected [data-section-control]{pointer-events:none;opacity:.55}@media(max-width:620px){.section-free-editor{padding:10px}.section-free-editor .sketch-controls{gap:6px}.section-free-editor .sketch-controls label{flex:1 1 100%}.section-free-editor #sketch-apply{width:100%}}

.section-free-editor #section-sketch .sketch-ring{fill:none}.section-free-editor #section-sketch .sketch-filled{fill:color-mix(in srgb,var(--calc-input) 12%,transparent);stroke:none}
.section-free-editor #sketch-status{font-size:11pt;line-height:1.7;color:var(--calc-output)}.section-free-editor #sketch-status:empty{display:none}@media(max-width:620px){.section-workspace h3{display:none}}
#section-outline-check{margin:14px 0;padding:12px;border:1px solid var(--cl-line);border-radius:8px}#section-outline-check>summary{font-size:11pt;cursor:pointer;min-height:36px;line-height:1.8;color:var(--cl-accent)}
.sketch-tool-row{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:10px 0}.sketch-tool-row label{display:flex;flex-direction:column;gap:6px;font-size:11pt;max-width:100%}.sketch-tool-row button{font-size:11pt;min-height:44px;padding:8px 12px}.sketch-tool-row button[aria-pressed=true]{background:var(--calc-input);border-color:var(--calc-input);color:#fff}.sketch-tool-row select,.sketch-tool-row input:not([type=checkbox]){max-width:100%;min-width:0}.sketch-tool-row #sketch-radius{width:125px}.sketch-tool-row #sketch-snap-label{flex-direction:row;align-items:center;min-height:44px;gap:9px}.sketch-tool-row #sketch-snap{width:22px;height:22px;min-height:22px;accent-color:var(--calc-input)}#sketch-rounding{padding:12px;background:var(--cl-soft);border:1px solid var(--cl-line);border-radius:8px}#sketch-rounding[hidden]{display:none}.sketch-cursor{min-height:1.8em;font-size:11pt;color:var(--calc-input);margin:3px 0}.section-free-editor #section-sketch{touch-action:pan-y;cursor:crosshair}.section-free-editor #section-sketch .sketch-grid line{stroke-width:.5;opacity:.45}.section-free-editor #section-sketch .sketch-grid line.sketch-grid-major{stroke-width:.9;opacity:.7}.section-free-editor #section-sketch .sketch-hit{fill:transparent;stroke:none;pointer-events:all}.section-free-editor #section-sketch .sketch-vertex{cursor:pointer}.section-free-editor #section-sketch .sketch-vertex.is-selected>circle:not(.sketch-hit){stroke:var(--calc-output);fill:var(--calc-output)}.section-free-editor #section-sketch .sketch-rubber{fill:none;stroke:var(--calc-input);stroke-width:1.4;stroke-dasharray:5 3;pointer-events:none}.section-free-editor #section-sketch[data-mode=move]{touch-action:none;cursor:grab}.section-free-editor #section-sketch[data-mode=round]{cursor:pointer}@media(max-width:620px){.sketch-tool-row{gap:6px}.sketch-tool-row button{flex:1 1 auto}.sketch-tool-row #sketch-snap-label{flex:1 1 100%}.sketch-tool-row #sketch-corner{width:100%}#sketch-rounding label{flex:1 1 100%}#sketch-rounding #sketch-radius{width:100%}.section-free-editor>.sketch-controls{align-items:end}.section-free-editor #sketch-apply{width:auto;flex:1 1 auto}}
.sketch-canvas-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:start}.sketch-canvas-column{position:sticky;top:14px;min-width:0}.sketch-tool-column{min-width:0}.sketch-tool-column .sketch-controls{margin:0;gap:8px}.sketch-tool-column label,.sketch-tool-column select{width:100%;min-width:0}.sketch-tool-column .sketch-controls>button{flex:1 1 auto}.sketch-tool-column #sketch-apply{width:100%}.sketch-tool-column .sketch-tool-row{display:grid;grid-template-columns:minmax(0,1fr)}.sketch-tool-column #sketch-radius{width:100%}.sketch-tool-column #sketch-snap-label{width:auto;font-size:11pt;line-height:1.6}.sketch-tool-column #sketch-snap{flex:0 0 22px}.sketch-tool-column #sketch-status{overflow-wrap:anywhere}@media(max-width:960px){.sketch-canvas-layout{grid-template-columns:minmax(0,1fr)}.sketch-canvas-column{position:static}.sketch-tool-column{display:flex;flex-direction:column}.sketch-tool-column .sketch-tool-row{display:flex;flex-wrap:wrap}.sketch-tool-column .sketch-controls{display:flex;flex-wrap:wrap}.sketch-tool-column .sketch-controls label{flex:1 1 100%}.sketch-tool-column #sketch-apply{width:auto}.sketch-tool-column #sketch-grid{width:auto}.sketch-tool-column #sketch-snap-label{width:100%}.sketch-tool-column #sketch-rounding label{flex:1 1 100%}.sketch-tool-column #sketch-drawing-options{order:-1}.sketch-tool-column #sketch-tools{order:-2}}
/* The sketch command bar stays beside the drawing rather than a long button column. */
.section-free-editor .cad-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--cl-soft);border:1px solid var(--cl-line);border-radius:8px}.cad-toolbar button{flex:0 1 auto;min-height:44px;padding:8px 12px;font-size:11pt}.cad-instruction{font-size:11pt;line-height:1.7;color:var(--cl-muted);margin:10px 0 16px}#cad-properties{padding:12px;margin-bottom:14px;border:1px solid var(--calc-input);background:var(--cl-soft);border-radius:8px}#cad-properties[hidden]{display:none}#cad-properties h4{margin:0 0 12px;font-size:16px;color:var(--calc-input)}#cad-property-fields{display:grid;gap:12px}#cad-property-fields label{display:grid;gap:6px;font-size:11pt}#cad-property-fields input{width:100%;min-width:0;font-size:20px;color:var(--calc-input);font-weight:650}#cad-property-apply{margin-top:12px;width:100%;background:var(--calc-input);color:#fff;font-size:11pt}.section-free-editor #section-sketch{max-width:none;aspect-ratio:3/2;background:var(--cl-surface);touch-action:none}.section-free-editor #section-sketch .cad-edge-hit{fill:none;stroke:transparent;stroke-width:14;cursor:pointer;pointer-events:stroke}.section-free-editor #section-sketch .cad-vertex,.section-free-editor #section-sketch .cad-center{fill:var(--cl-surface);stroke:var(--calc-input);stroke-width:1.5;cursor:move}.section-free-editor #section-sketch .cad-vertex.is-selected{fill:var(--calc-input)}.section-free-editor #section-sketch .cad-origin{fill:none;stroke:var(--calc-output);stroke-width:1.3}.section-free-editor #section-sketch .cad-dimension{fill:var(--calc-input);stroke:var(--calc-input);stroke-width:.8}.section-free-editor #section-sketch .cad-dimension .cad-solid-arrow{stroke:none;fill:var(--calc-input)}.section-free-editor #section-sketch .cad-dimension text{stroke:var(--cl-surface);stroke-width:3;cursor:pointer;paint-order:stroke fill;pointer-events:all}.section-free-editor #section-sketch #cad-preview{fill:none;stroke:var(--calc-input);stroke-width:1.4;stroke-dasharray:5 3;pointer-events:none}#cad-ortho-label{display:flex;align-items:center;gap:8px;font-size:11pt;line-height:1.7}#cad-ortho{width:22px;height:22px;min-height:22px;flex:0 0 22px;accent-color:var(--calc-input)}.calc-card.cad-expanded,#calc-diagram-card.cad-expanded{position:fixed!important;inset:10px;z-index:1000;overflow:auto;width:auto!important;max-width:none!important;margin:0!important;background:var(--cl-surface);box-shadow:0 0 0 12px #0005}.cad-expanded .sketch-canvas-layout{grid-template-columns:minmax(0,1fr) 240px}.cad-expanded .sketch-canvas-column{top:8px}.cad-expanded .section-free-editor #section-sketch{max-height:65vh}.cad-expanded .section-workspace{margin-top:6px}#sketch-tools button[hidden]{display:none}@media(max-width:960px){#cad-properties{order:-3}.cad-toolbar button{flex:1 1 auto}.cad-expanded .sketch-canvas-layout{grid-template-columns:minmax(0,1fr)}.cad-expanded .section-free-editor #section-sketch{max-height:none}.section-free-editor #section-sketch{touch-action:none}}
#calc-diagram-card.cad-expanded>:not(#polygon-editor){display:none!important}.cad-expanded #polygon-editor{border:0;padding:12px;margin:0}.cad-expanded #polygon-editor>h3,.cad-expanded #polygon-editor>p:first-of-type{display:none}.cad-expanded .cad-toolbar{margin-top:0}.cad-expanded .cad-instruction{margin:8px 0}.cad-expanded .sketch-canvas-column{position:static}

/* Dimension text uses SVG presentation attributes under the existing CSP. */
.section-free-editor #section-sketch .cad-dimension text{font-size:inherit}

/* r36: centroid axes and G follow the calculated section; they are not editable. */
.cad-centroid-note{font-size:11pt;line-height:1.7;margin:10px 0;color:var(--calc-output)}.section-free-editor #section-sketch .cad-centroid-axes,.section-free-editor #section-sketch .cad-centroid-marker{pointer-events:none}.section-free-editor #section-sketch .cad-centroid-axes path{fill:none;stroke:var(--calc-output);stroke-width:1;stroke-dasharray:5 4;opacity:.65;vector-effect:non-scaling-stroke}.section-free-editor #section-sketch .cad-centroid-axes text,.section-free-editor #section-sketch .cad-centroid-marker text{font-size:inherit;fill:var(--calc-output);stroke:var(--cl-surface);stroke-width:3;paint-order:stroke fill}.section-free-editor #section-sketch .cad-centroid-dot{fill:var(--cl-surface);stroke:var(--calc-output);stroke-width:2;vector-effect:non-scaling-stroke}.section-free-editor #section-sketch .cad-centroid-cross{fill:none;stroke:var(--calc-output);stroke-width:1.5;vector-effect:non-scaling-stroke}

/* r37: neutral result values, quiet green grouping, separate warning/error states. */
.calc-site{--calc-result-accent:#216a54;--calc-result-soft:#eff7f2;--calc-notice:#805300;--calc-notice-soft:#fff7e7}
html[data-color-mode=dark] .calc-site{--calc-result-accent:#94d8bb;--calc-result-soft:#20382f;--calc-notice:#f2ca7c;--calc-notice-soft:#3b3020}
#calc-results-card{border-top-color:var(--calc-result-accent)}
#calc-results-card .calc-results-title>h2,.calc-shortcuts a[href="#calc-results-card"]{color:var(--calc-result-accent)}
.calc-site .calc-result-row{color:var(--cl-ink)}
.calc-site .calc-result-row strong{color:var(--cl-ink)}
.calc-site .calc-result-value{color:var(--cl-ink)}
.calc-site .calc-result-value select{color:var(--cl-muted)}
.calc-site .calc-real3d-results{color:var(--cl-ink)}
.calc-site .calc-result-row:first-child{color:var(--cl-ink);background:var(--calc-result-soft);border-left:3px solid var(--calc-result-accent)}
.calc-result-state{color:var(--cl-muted);border-left-color:var(--calc-result-accent);background:var(--calc-result-soft)}
.calc-result-state[data-state=pending]{color:var(--cl-muted);border-color:var(--cl-line);background:var(--cl-soft)}
.calc-result-state[data-state=warning],.calc-warning{color:var(--calc-notice);border-color:var(--calc-notice);background:var(--calc-notice-soft)}
.calc-result-state[data-state=error]{color:var(--cl-error);border-color:var(--cl-error);background:color-mix(in srgb,var(--cl-error) 8%,var(--cl-surface))}
.calc-example-output,.calc-planar-result{color:var(--cl-ink);font-weight:650}
.section-sketch-summary{color:var(--cl-ink);padding:10px 12px;border-left:3px solid var(--calc-result-accent);border-radius:6px;background:var(--calc-result-soft)}
.section-sketch-summary:empty{display:none}
.cad-centroid-note,.section-free-editor #sketch-status{color:var(--cl-muted)}

/* Approved pale red results; typography distinguishes roles without coloring every number. */
.calc-site{--calc-result-accent:#bfa4a0;--calc-result-soft:#fff8f8;--calc-result-line:#ecd6d4;--calc-result-ink:#202a27;--calc-result-muted:#536159}
html[data-color-mode=dark] .calc-site{--calc-result-accent:#b99591;--calc-result-soft:#302729;--calc-result-line:#695153;--calc-result-ink:#f1edeb;--calc-result-muted:#d1c4c2}
.calc-site #calc-results-card{background:var(--calc-result-soft);border-color:var(--calc-result-line);border-top:4px solid var(--calc-result-accent);color:var(--calc-result-ink)}
.calc-site #calc-results-card .calc-results-title>h2,.calc-site #calc-results-card .calc-result-row,.calc-site #calc-results-card .calc-result-value,.calc-site #calc-results-card .calc-result-row strong{color:var(--calc-result-ink)}
.calc-site #calc-results-card .calc-result-row{border-bottom-color:var(--calc-result-line)}
.calc-site #calc-results-card .calc-result-row:first-child{background:transparent;border-left:0}
.calc-site #calc-results-card .calc-result-value select{color:var(--calc-result-muted);border-color:var(--calc-result-line)}
.calc-site #calc-results-card .calc-result-state[data-state=ready]{color:var(--calc-result-muted);background:transparent;border-left-color:var(--calc-result-accent)}
.calc-site .calc-card>h2,.calc-site .calc-results-title>h2,.calc-site .calc-formulas>h2{font-family:var(--cl-font);font-size:22px;font-weight:700;line-height:1.5}
.calc-site [data-field-title],.calc-site .calc-result-row>span{font-family:var(--cl-font);font-size:17px;font-weight:700;line-height:1.65}
.calc-site .calc-results-title label{flex-wrap:wrap;max-width:100%}
.calc-site .calc-results-title #calc-precision{width:auto;max-width:100%;min-width:150px}
.calc-site .calc-shortcuts a[href="#calc-results-card"]{color:var(--calc-result-ink);background:var(--calc-result-soft);border-color:var(--calc-result-line)}

/* Optional aids must not push the actual input fields out of view. */
.calc-site details.calc-material-panel{margin:12px 0;padding:12px 14px}
.calc-site details.calc-material-panel>summary,#section-link-options>summary{cursor:pointer;font-family:var(--cl-font);font-size:16px;font-weight:700;line-height:1.7;min-height:28px;color:var(--cl-accent)}
.calc-site details.calc-material-panel:not([open])>*:not(summary){display:none}
#section-link-options{padding:12px 14px;margin:12px 0;border:1px solid var(--cl-line);border-radius:8px;background:var(--cl-soft)}
#section-link-options>label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:11pt;line-height:1.7}
#section-link-options>label input[type=checkbox]{width:20px;min-height:20px;flex:0 0 20px;accent-color:var(--calc-input)}
#section-link-options input:disabled+span{color:var(--cl-muted)}
#section-link-options .calc-note{font-size:11pt;margin:10px 0}
.diagram-editing-notice{padding:12px 14px;border-left:4px solid var(--calc-notice);background:var(--calc-notice-soft);color:var(--calc-notice);font-size:11pt;line-height:1.8}
.diagram-reference-only .calc-real3d-results,.diagram-reference-only .calc-planar-result{display:none}
.diagram-reference-only [data-input-field]{pointer-events:none;cursor:default}
.diagram-reference-only .calc-real3d-stage,.diagram-reference-only>svg{opacity:.65}

.calc-safety-guide-link{font-weight:700;border-bottom:1px solid var(--cl-line);margin-bottom:10px;padding-bottom:12px!important}
.calc-safety-input{margin-top:18px;padding:14px;border:1px solid var(--cl-line);border-radius:8px;background:var(--cl-soft)}
.calc-safety-input>summary{font-size:17px;font-weight:700;cursor:pointer;line-height:1.8}
.calc-safety-input>a{display:block;font-size:11pt;line-height:1.8;margin:10px 0}
.calc-safety-input>label{display:grid;gap:7px;margin-top:14px}.safety-field-title{font-family:var(--cl-font);font-size:17px;font-weight:700;line-height:1.65}
.calc-safety-input input{width:100%;min-width:0;box-sizing:border-box;color:var(--calc-input);font-size:25px;font-weight:700;min-height:48px}
.calc-safety-input select{width:100%;max-width:100%;font-size:11pt;min-width:0}
.calc-safety-input button{padding:10px 12px;max-width:100%;white-space:normal}
.calc-safety-input .calc-entry>span{font-size:11pt}.calc-safety-results{border-top:1px solid var(--calc-result-line);margin-top:20px;padding-top:16px}
.calc-safety-results h3,.section-used-values h3{font:700 18px/1.6 var(--cl-font);margin:0 0 12px}
.calc-safety-results>p{font-size:11pt;line-height:1.8;padding:10px 12px;background:var(--cl-soft);border-radius:6px}
.calc-safety-results[data-state=below]>p,.calc-safety-results[data-state=outside]>p{border-left:4px solid var(--calc-notice);background:var(--calc-notice-soft);color:var(--calc-notice)}
.calc-safety-results dl,.section-used-values dl{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:10px 0}
.calc-safety-results dt,.section-used-values dt{font-family:var(--cl-font);font-size:17px;font-weight:700}.calc-safety-results dd{margin:0 0 10px;font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.section-used-values{padding:14px;border:1px solid var(--calc-input);border-radius:8px;margin:12px 0;background:var(--cl-soft)}
.section-used-values dd{font-size:16px;font-weight:700;margin:0 0 8px;overflow-wrap:anywhere}.section-used-values p{font-size:11pt;line-height:1.8;margin:8px 0 0}
.safety-guide-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.safety-guide-fields label{display:grid;gap:8px;font-size:16px;font-weight:700;color:var(--calc-input)}.safety-guide-fields input{width:100%;min-width:0;box-sizing:border-box;font-size:25px;color:var(--calc-input);font-weight:700}
#safety-diagram{width:100%;height:auto;display:block;background:var(--cl-soft);border-radius:8px;margin:18px 0}#safety-diagram text{font:700 var(--guide-plot-font,17px) var(--cl-font);fill:var(--cl-ink)}
#safety-diagram[data-reference=true]{opacity:.65;outline:2px solid var(--calc-notice)}
.safety-guide-output{padding:12px 16px;background:var(--calc-result-soft);border:1px solid var(--calc-result-line);border-radius:8px;color:var(--calc-result-ink);font-size:20px;font-weight:700}.safety-guide-site .calc-card p{font-size:11pt;line-height:1.9}
.calc-safety-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;scroll-margin-top:90px}
.calc-safety-pair>h2{grid-column:1/-1;font:700 22px/1.5 var(--cl-font);margin:0}
.calc-safety-pair>.calc-safety-input{margin:0;min-width:0}
.calc-safety-pair>.calc-safety-results{margin:0;padding:18px;border:1px solid var(--calc-result-line);border-top:4px solid var(--calc-result-accent);border-radius:12px;background:var(--calc-result-soft);color:var(--calc-result-ink);min-width:0}
.has-safety-panel .calc-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
@container(max-width:590px){.calc-safety-pair{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.safety-guide-fields{grid-template-columns:minmax(0,1fr)}.calc-safety-input{padding:12px}.safety-guide-site .workspace>h1{font-size:26px}}
#diagram-edit-value[aria-invalid=true]{border-color:var(--cl-error)}

/* Safety comparisons are orange, distinct from the pale-red primary results. */
.calc-site{--calc-safety-accent:#a54f05;--calc-safety-line:#efcd9f;--calc-safety-soft:#fff8ef}html[data-color-mode=dark] .calc-site{--calc-safety-accent:#ffbd7c;--calc-safety-line:#725132;--calc-safety-soft:#30271d}
.calc-safety-pair>h2,.calc-safety-results h3{color:var(--calc-safety-accent)}.calc-safety-pair>.calc-safety-results{border-color:var(--calc-safety-line);border-top-color:var(--calc-safety-accent);background:var(--calc-safety-soft);color:var(--cl-ink)}.calc-safety-results dd{color:var(--calc-safety-accent)}.calc-safety-results>p{background:transparent}.calc-shortcuts a[href="#calc-safety-panel"]{color:var(--calc-safety-accent)}
.material-used-values{margin:14px 0;padding:14px;border:1px solid var(--cl-line);border-radius:8px;background:var(--cl-soft)}.material-used-values h3{font:700 17px/1.6 var(--cl-font);margin:0 0 8px}.material-used-values p,.material-used-values dl{font-size:11pt;line-height:1.8}.material-used-values dl{margin:8px 0}.material-used-values dt{font-weight:700}.material-used-values dd{margin:0 0 8px;overflow-wrap:anywhere}.safety-used-strength{overflow-wrap:anywhere}.calc-notation-choice select{width:auto;min-width:125px}

.diagram-formula-panel{padding:14px 16px;margin:0 0 14px;border:1px solid var(--cl-line);border-radius:8px;background:var(--cl-soft)}.diagram-formula-panel h3,.diagram-result-panel h3{font:700 17px/1.6 var(--cl-font);margin:0 0 8px}.diagram-formula-panel p{font-size:17px;line-height:1.8;overflow-wrap:anywhere;margin:0}.diagram-result-panel{padding:16px;margin:14px 0;border:1px solid var(--calc-result-line);border-left:4px solid var(--calc-output);border-radius:8px;background:var(--calc-result-soft)}.diagram-result-panel dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,auto);gap:9px 18px;font-size:16px;margin:0}.diagram-result-panel dt{font-weight:600}.diagram-result-panel dd{margin:0;font-size:20px;font-weight:700;overflow-wrap:anywhere}.diagram-value-panel .diagram-value-heading{font-size:17px;font-weight:700}.diagram-value-panel details{margin:12px 0 0}.diagram-value-panel details .diagram-value-grid{margin-top:12px}.diagram-value-panel,.diagram-result-panel{min-width:0} @media(max-width:620px){.diagram-result-panel dl{grid-template-columns:minmax(0,1fr)}.diagram-result-panel dd{padding-bottom:8px}.diagram-formula-panel p{font-size:16px}}

.calc-diagram .diagram-inline-value{font-size:.93em!important;font-style:normal;font-weight:650;letter-spacing:0;paint-order:stroke;stroke-width:3px}.calc-diagram .calc-real3d-labels .diagram-inline-value{font-size:.72em!important}.calc-diagram .diagram-value-button:not(button){cursor:default}

/* Guided route keeps a single input form and shows explanations on demand. */
.calc-guided-flow{grid-column:1/-1;margin-bottom:16px}.calc-guided-flow>summary{font-size:13pt;font-weight:750;cursor:pointer}.calc-flow-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.calc-flow-tabs button{flex:1 1 150px;min-height:44px}.calc-flow-tabs button[aria-pressed=true]{background:var(--cl-primary);color:#fff}.calc-flow-body{padding:16px;border:1px solid var(--cl-border);border-radius:8px;background:var(--cl-soft)}.calc-flow-body h3,.calc-guided-next h3{font-size:12.5pt;font-weight:750}.calc-flow-body>button,.calc-flow-body>a,.calc-guided-next>a,.calc-guided-next>button{display:inline-block;min-height:44px;margin:6px 12px 6px 0}.calc-flow-body p,.calc-guided-next p{line-height:1.8}.calc-flow-body details{padding:9px 0;border-bottom:1px solid var(--cl-border)}.calc-flow-body summary{font-weight:700;cursor:pointer}.calc-flow-body details button{margin:6px 10px 4px 0}.calc-guided-next{margin-top:18px;padding:16px;border:1px solid var(--cl-border);border-radius:8px;background:var(--cl-surface)}#calc-flow-status[data-state=error]{border-left:4px solid #b83738;padding-left:12px}#calc-flow-status[data-state=warning]{border-left:4px solid #c87912;padding-left:12px}#calc-flow-field-list [hidden]{display:none!important}#calc-guided-flow,#calc-guided-next{scroll-margin-top:75px}.diagram-only .calc-guided-flow,.diagram-only .calc-guided-next{display:none!important}
.calc-guided-active #calc-beginner,.calc-guided-active #calc-purpose-picker,.calc-guided-active #calc-worked-example,.calc-guided-active .calc-motion-entry{display:none}.calc-guided-flow>p{margin:10px 0}.calc-flow-body h3{margin:0 0 10px}.calc-flow-body>p{margin:8px 0}.calc-flow-body>details{margin:8px 0}
.calc-site .calc-motion-sidebar{display:flex;flex-direction:column;gap:5px;padding:12px 13px;margin:10px 0 14px;border-radius:8px;background:var(--cl-primary);color:#fff;text-decoration:none;line-height:1.5}.calc-motion-sidebar strong{font-size:12pt}.calc-motion-sidebar span{font-size:11pt;font-weight:400;opacity:.95}.calc-motion-sidebar:hover{filter:brightness(1.08)}.calc-motion-sidebar:focus-visible{outline:3px solid var(--cl-focus);outline-offset:3px}.calc-beginner>summary{font-size:12pt;font-weight:700;cursor:pointer;min-height:32px}.calc-beginner>.calc-purpose-picker,.calc-beginner>.calc-worked-example{margin-top:12px}.calc-site .sidebar #calc-categories{height:clamp(180px,calc(100dvh - 365px),560px)}
.calc-figure-shell{position:relative;min-width:0}.calc-site #diagram-edit.diagram-inline-editor{position:absolute;z-index:25;display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr);gap:8px;width:min(320px,calc(100% - 16px));max-width:100%;margin:0;padding:12px;border:1px solid var(--calc-input);border-radius:9px;background:var(--cl-surface);color:var(--cl-ink);box-shadow:0 5px 24px #0003;box-sizing:border-box}.diagram-inline-editor #diagram-edit-label,.diagram-inline-editor #diagram-edit-status{grid-column:1/-1;line-height:1.5;font-size:11pt;font-weight:650;margin:0}.calc-site #diagram-edit-value,.calc-site #diagram-edit-unit{width:100%;min-width:0;min-height:44px;box-sizing:border-box}.calc-site #diagram-edit-value{font-size:20px}.calc-site #diagram-edit-unit{font-size:11pt;color:var(--calc-input)}.diagram-inline-editor button{min-height:34px;font-size:11pt;padding:6px 10px}.diagram-inline-editor #diagram-edit-status{font-weight:400;color:var(--cl-error)}
.diagram-planar-frame{position:relative;padding:0 0 48px;border:1px solid var(--cl-line);border-radius:8px;background:var(--cl-surface);min-width:0}.calc-real3d-reference .diagram-planar-frame{margin-top:12px}.diagram-planar-frame>svg{display:block;width:100%;height:auto;margin:0}.calc-real3d-stage>.diagram-corner-open,.diagram-planar-frame>.diagram-corner-open,.calc-real3d-reference .diagram-planar-frame>.diagram-corner-open{position:absolute;left:10px;bottom:9px;z-index:3;display:inline-flex;align-items:center;min-height:32px;width:auto;max-width:calc(100% - 20px);box-sizing:border-box;margin:0;padding:5px 9px;border:1px solid var(--cl-border);border-radius:6px;background:var(--cl-surface);color:var(--cl-primary);font-size:11pt;font-weight:650;line-height:1.4;text-decoration:none;box-shadow:0 1px 5px #0001}.diagram-corner-open:focus-visible{outline:3px solid var(--cl-focus);outline-offset:3px}.diagram-window-bar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}.diagram-only .diagram-window-bar{position:static;width:auto;height:auto;overflow:visible;clip-path:none;margin:0 0 10px}.diagram-only #diagram-open-window{display:none!important}
@media(max-width:620px){.calc-site .sidebar #calc-categories{height:clamp(132px,22dvh,180px)}.calc-site .calc-motion-sidebar{margin:8px 0 12px;padding:10px 12px}.calc-motion-sidebar strong{font-size:11.5pt}.calc-site #diagram-edit.diagram-inline-editor{gap:6px;padding:10px}.calc-real3d-stage>.diagram-corner-open,.diagram-planar-frame>.diagram-corner-open{left:7px;bottom:7px}}

/* Active-model equations stay below the working area. */
#calc-formula{white-space:pre-line;line-height:1.85;overflow-wrap:anywhere}

/* Compact reference browsing and non-overlapping shared preferences. */
.calc-site>header{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;min-width:0}.calc-site>header .calc-brand{flex:0 1 auto;min-width:0}.calc-site>header .site-preferences{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 24px;margin-left:auto;max-width:100%}.calc-site>header .site-preferences>label{display:flex;flex:0 0 auto;align-items:center;gap:8px;width:auto;min-width:0;white-space:nowrap;font:inherit;font-size:11pt;letter-spacing:normal}.calc-site>header .site-preferences select{position:static;display:block;width:auto;min-width:100px;max-width:170px;margin:0;padding:8px 10px;box-sizing:border-box}.calc-site>header .site-preferences span{letter-spacing:normal;font-size:11pt}
.material-site .material-card-grid{grid-template-columns:minmax(0,1fr);gap:10px}.material-site .material-result-card{display:block;padding:0;overflow:hidden}.material-site .material-result-card .material-row-disclosure{margin:0}.material-row-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:14px 18px;min-height:54px;box-sizing:border-box}.material-row-disclosure>summary::-webkit-details-marker{display:none}.material-row-disclosure>summary::after{content:'＋';flex:none;font-size:21px;color:var(--cl-accent)}.material-row-disclosure[open]>summary::after{content:'−'}.material-row-disclosure>summary:hover{background:var(--cl-soft)}.material-row-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 16px;min-width:0;flex:1}.material-row-heading strong{font-size:18px;line-height:1.5}.material-row-heading .material-designation{font-size:11pt}.material-row-subgroup{color:var(--cl-muted);font-size:11pt;flex:0 1 auto}.material-row-preview{border-top:1px solid var(--cl-line);padding:12px 18px 16px}.material-site .material-row-preview .material-row-actions{margin:0;padding-top:10px}.material-row-preview p{margin:4px 0 10px}.material-wood-note{color:var(--cl-muted)}
@media(max-width:1200px){.material-site .materials-main{grid-template-columns:minmax(0,1fr)}.material-ad-rail{display:none}}
@media(max-width:620px){.calc-site>header .site-preferences{width:100%;margin-left:0;justify-content:flex-start;gap:10px 18px}.material-row-disclosure>summary{padding:12px 14px;gap:10px}.material-row-heading{display:block}.material-row-heading .material-designation{display:block}.material-row-subgroup{display:none}.material-row-preview{padding:10px 14px 14px}}

.calc-trial-label{font-size:11pt;font-weight:700;color:var(--cl-muted);margin:6px 0}.reference-summary{font-size:11pt;line-height:1.7}.calc-reference-notice{font-size:11pt;line-height:1.8}.calc-reference-notice summary{font-weight:700}.calc-brand .tool-wordmark{width:220px;height:66px;object-fit:contain}@media(max-width:480px){.calc-brand .tool-wordmark{width:180px;height:54px}}
.material-site .material-result-card>.material-row-disclosure{padding:0;border:0;border-radius:0;background:transparent}.material-row-disclosure>summary{padding-block:10px}