.formula-page{--formula-blue:#2468d8;--formula-ink:#23324a;--formula-muted:#65748a;max-width:1056px;margin:0 auto;color:var(--formula-ink)}
.formula-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 30px}.formula-eyebrow{display:block;color:var(--formula-muted);font-size:14px;letter-spacing:.03em;font-weight:500;margin-bottom:10px}.formula-eyebrow span{padding:0 8px;color:#b3bdcb}.formula-heading h1{font-size:32px;letter-spacing:-.045em;font-weight:650;line-height:1.3}.formula-heading p{font-size:16px;color:var(--formula-muted);margin-top:10px;line-height:1.5}
.formula-reset{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:8px 0 8px 12px;border:0;background:transparent;color:var(--formula-muted);font-size:15px}.formula-reset span{font-size:24px}.formula-reset:hover{color:var(--formula-blue)}
.formula-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid #dfe5ee;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 8px 32px #23324a04}
.formula-visual{padding:28px 26px 24px;background-color:#f5f8fc;background-image:radial-gradient(#c1cede80 .7px,transparent .7px);background-size:18px 18px;display:flex;flex-direction:column;min-width:0}
.formula-visual-top{display:flex;align-items:center;justify-content:space-between;color:#6b7a8f;font-size:14px;font-weight:500}.formula-visual-top>span:first-child{display:flex;align-items:center;gap:7px}.formula-visual-top i{width:6px;height:6px;background:#2468d8;border-radius:50%}.formula-diagram{display:block;width:100%;height:auto;min-height:0;margin:28px 0 14px;overflow:visible;flex:1;font-family:var(--workbook-digits,inherit)}
.formula-side{stroke:#6e819b;stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}.formula-side.is-result{stroke:var(--formula-blue);stroke-width:3.5}.formula-right-angle{fill:#7c8ba0;font-size:12px}.formula-angle-symbol{fill:#6b7f9d;font-size:17px}.formula-diagram-target{cursor:pointer;outline-offset:4px}.formula-diagram-target rect{fill:#fff;stroke:#dce4ee;stroke-width:1}.formula-diagram-target text{fill:#435772;font-size:17px;font-weight:600}.formula-diagram-target:hover rect{stroke:#2468d8}.formula-diagram-target[aria-pressed=true] rect{fill:#2468d8;stroke:#2468d8}.formula-diagram-target[aria-pressed=true] text{fill:#fff}.formula-diagram-target .formula-side-value{font-size:12px;font-weight:500}.formula-diagram-target text.is-long{font-size:11px}.formula-diagram-note{font-size:13px;color:#76859a;display:flex;justify-content:space-between;gap:10px;margin-bottom:24px}.formula-diagram-note>span{white-space:nowrap;color:#8f9caf}
.formula-angles{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce4ef;padding-top:22px}.formula-angles>div{padding-left:18px}.formula-angles>div:first-child{border-right:1px solid #dce4ef;padding-left:0}.formula-angles>div>span{font-size:14px;color:#738299;display:block}.formula-angles b{font-family:var(--workbook-digits,inherit);margin-left:5px;font-weight:500}.formula-angles output{display:block;font-family:var(--workbook-digits,inherit);font-size:29px;font-weight:550;letter-spacing:-.04em;line-height:1.5;margin-top:3px}.formula-angles small{font-size:20px;color:#71829b;margin-left:4px}
.formula-controls{padding:28px;min-width:0}.formula-control-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.formula-control-heading h2{font-size:15px;font-weight:600}.formula-control-heading>span{font-size:12px;color:#7a8799}.formula-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#f0f3f8;border-radius:12px;padding:5px;margin-bottom:24px}.formula-targets button{border:0;background:transparent;color:#7a8799;border-radius:9px;min-height:44px;display:flex;gap:7px;justify-content:center;align-items:center;font-size:14px;padding:4px}.formula-targets button b{font-family:var(--workbook-digits,inherit);font-size:16px;font-weight:550}.formula-targets button[aria-pressed=true]{background:#fff;color:#2468d8;box-shadow:0 1px 5px #23324a10}.formula-fields{display:flex;flex-direction:column;gap:12px}.formula-field{border:1px solid #e2e7ef;border-radius:14px;padding:14px 17px;transition:border-color .15s,background .15s;min-width:0;background:#fff}.formula-field:focus-within{border-color:#729ee4;box-shadow:0 0 0 3px #2468d80a}.formula-field label{display:flex;align-items:center;gap:7px;font-size:14px;color:#65748a}.formula-field label b{font-family:var(--workbook-digits,inherit);font-size:15px;font-weight:600;color:#3f526d}.formula-field label small{font-size:11px;color:#8c98a8;margin-left:auto}.formula-input-wrap{display:flex;align-items:baseline;gap:10px;margin-top:4px;min-width:0}.formula-input-wrap input{width:100%;min-width:0;border:0;border-radius:0;background:transparent;font-family:var(--workbook-digits,inherit);font-variant-numeric:tabular-nums;font-size:28px;letter-spacing:-.045em;font-weight:550;line-height:1.3;padding:2px 0;outline:none;min-height:40px;color:#23324a}.formula-input-wrap input:focus-visible{outline:none}.formula-input-wrap input::placeholder{font-family:inherit;font-size:21px;letter-spacing:-.02em;color:#c2cad5;font-weight:400}.formula-input-wrap>span{font-size:14px;color:#8895a8;flex-shrink:0}.formula-field.is-result{background:#eff5ff;border-color:#ccddfa}.formula-field.is-result input,.formula-field.is-result label,.formula-field.is-result label b,.formula-field.is-result label small{color:#2468d8}.formula-field.is-result label small{font-size:11px;border-radius:4px;background:#dfeaff;padding:1px 5px}.formula-field:has(input[aria-invalid=true]){border-color:#e3a6a0;background:#fff9f8}.formula-message{font-size:13px;color:#6b7d96;min-height:21px;margin:12px 0 17px;line-height:1.6}.formula-message.is-error{color:#b13b30}.formula-page[data-state=ready] .formula-message{color:#2468d8}.formula-bottom{border-top:1px solid #edf0f5;padding-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:space-between}.formula-bottom>span{font-size:11px;color:#8a97a9}.formula-copy{font-size:14px;color:#2468d8;border:0;background:none;padding:5px 0 5px 10px;min-height:44px}.formula-copy span{margin-left:7px}.formula-copy:disabled{color:#9ca9bb;cursor:default}.formula-copy-status{min-height:0;font-size:13px;color:#2468d8}.formula-copy-status:not(:empty){margin-top:8px}.formula-copy-buffer{position:fixed;left:-9999px;top:0}
.home-formula-shortcut{display:flex;width:100%;align-items:center;gap:14px;background:#f4f7fb;border:1px solid #e2e8f1;border-radius:14px;padding:17px 19px;margin-top:28px;color:#30445f;text-align:left}.home-formula-shortcut>svg{width:27px;height:27px;color:#4375b5;flex-shrink:0}.home-formula-shortcut>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.home-formula-shortcut strong{font-size:16px;font-weight:600}.home-formula-shortcut small{font-size:13px;color:#7c8ca2}.home-formula-shortcut>.chevron{color:#7c8ca2;font-size:22px}
@media(max-width:1050px){.formula-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.formula-controls{padding:22px}.formula-visual{padding:24px 18px}.formula-heading h1{font-size:28px}.formula-diagram-target text{font-size:16px}}
@media(max-width:850px){.formula-page{max-width:540px}.formula-workspace{grid-template-columns:minmax(0,1fr);border-radius:20px}.formula-heading{margin-bottom:22px}.formula-visual{padding:20px 24px 18px}.formula-diagram{height:245px;margin:8px 0 3px}.formula-diagram-note{margin:4px 0 14px;font-size:12px}.formula-angles{padding-top:13px}.formula-angles output{font-size:26px}.formula-angles>div>span{font-size:13px}.formula-angles>div{padding-left:24px}.formula-controls{padding:22px 24px}.formula-targets{margin-bottom:18px}.formula-visual-top{font-size:12px}}
@media(max-width:420px){.formula-heading h1{font-size:27px}.formula-heading p{font-size:14px;max-width:225px}.formula-heading{gap:8px;align-items:flex-start}.formula-reset{font-size:13px;margin-top:28px;gap:5px}.formula-eyebrow{font-size:12px;margin-bottom:8px}.formula-visual{padding:18px 16px 16px}.formula-diagram{height:210px}.formula-controls{padding:20px 16px}.formula-field{padding:12px 14px}.formula-input-wrap input{font-size:27px}.formula-bottom>span{font-size:10px}.formula-control-heading>span{font-size:11px}.formula-message{font-size:12px}.formula-angles output{font-size:25px}}
@media(prefers-reduced-motion:reduce){.formula-page *{transition:none}}
.formula-tools{max-width:1056px;margin:0 auto 28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.formula-tools button{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 18px;min-height:72px;border:1px solid #e1e6ee;border-radius:14px;background:#fff;color:#64738a}.formula-tools button[aria-pressed=true]{background:#edf4ff;border-color:#9ebde9;color:#2468d8}.formula-tools strong{display:block;font-size:16px;font-weight:600}.formula-tools small{display:block;font-size:12px;margin-top:3px;color:#78889e}.formula-tool-number{font-family:var(--workbook-digits,inherit);font-size:13px;opacity:.65}.slope-example{display:flex;align-items:center;gap:12px;width:100%;margin:-7px 0 20px;padding:14px 18px;text-align:left;border:1px solid #d9e5f6;background:#f3f7fe;border-radius:13px;color:#345a8d}.slope-example>span:nth-child(2){flex:1}.slope-example strong{display:block;font-size:14px;font-weight:600}.slope-example small{display:block;font-size:12px;color:#788da9;margin-top:3px}.slope-example>span:last-child{font-size:12px;white-space:nowrap}.slope-example-icon{font-size:25px;color:#487bbd}.slope-visual{padding-bottom:20px}.slope-diagram{width:100%;height:300px;display:block;font-family:var(--workbook-digits,inherit);margin:5px 0 0}.slope-edge{fill:none;stroke:#8da0b9;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 5}.slope-edge.is-basis{stroke:#2468d8;stroke-width:2.5}.slope-slant{stroke:#405c80;stroke-width:3;stroke-dasharray:none}.slope-angle-text{font-size:19px;fill:#2468d8;font-weight:650;paint-order:stroke;stroke:#f5f8fc;stroke-width:5;stroke-linejoin:round}.slope-length-label{font-size:15px;fill:#596f8b;font-weight:550}.slope-results{display:flex;flex-direction:column;border-top:1px solid #dce4ef;padding-top:14px;gap:8px}.slope-results>div{display:flex;align-items:baseline;gap:5px;color:#2468d8;min-width:0}.slope-results>div>span{font-size:13px;flex:1;min-width:0}.slope-results>div>span small{display:block;font-size:10px;opacity:.75;margin-top:1px}.slope-results output{font-family:var(--workbook-digits,inherit);font-size:27px;font-weight:550;letter-spacing:-.04em;overflow-wrap:anywhere;max-width:65%}.slope-results>div>small{font-size:12px}.slope-results .is-known{color:#7b899c}.slope-results .is-known output{font-size:21px;font-weight:450}.slope-other-angle{font-size:12px;color:#73839a;line-height:1.5;margin-top:14px;min-height:18px}.slope-step{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#eef3fa;color:#6a80a0;font-size:12px;margin-right:5px;font-weight:500}.slope-controls .formula-targets{margin-bottom:12px}.slope-angle-heading{margin-top:25px}.slope-bases{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.slope-bases button{display:flex;align-items:center;gap:7px;text-align:left;padding:10px 8px;border:1px solid #e1e7ef;border-radius:11px;background:#fff;color:#687a91;min-height:64px}.slope-bases svg{width:30px;height:30px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6}.slope-bases .slope-mini-arc{stroke-width:2.3}.slope-bases button>span{font-size:13px;font-weight:550}.slope-bases small{display:block;font-size:10px;color:#8492a5;margin-top:4px;font-weight:400;line-height:1.3}.slope-bases button[aria-pressed=true]{border-color:#94b5e7;background:#edf4ff;color:#2468d8}.slope-help{font-size:12px;color:#7d8da2;line-height:1.5;margin-top:9px}.slope-controls .formula-message{margin-bottom:14px}.slope-page .formula-diagram-note>span:first-child{color:#6a7f9b;white-space:normal}
@media(max-width:1050px){.slope-bases button{flex-direction:column;align-items:flex-start;gap:4px}.slope-diagram{height:280px}}
@media(max-width:850px){.formula-tools{max-width:540px;margin-bottom:22px}.formula-tools button{padding:12px 14px;gap:9px}.slope-diagram{height:260px}.slope-results{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.slope-results>div:first-child{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid #e0e7f1}.slope-results>div:not(:first-child){display:block}.slope-results>div:not(:first-child)>span{display:block;margin-bottom:4px}.slope-results>div:not(:first-child)>span small{display:inline;margin-left:5px}.slope-results output{max-width:100%}.slope-results>div:not(:first-child)>small{margin-left:4px}.slope-bases button{flex-direction:row;align-items:center;padding:12px;gap:10px}.slope-other-angle{margin-top:12px}.slope-controls{padding-top:20px}}
@media(max-width:420px){.formula-tools{gap:7px;margin-bottom:22px}.formula-tools button{padding:12px 10px;gap:6px;min-height:68px}.formula-tools strong{font-size:14px}.formula-tools small{font-size:10px}.formula-tool-number{font-size:10px}.slope-example{padding:12px;gap:8px}.slope-example>span:last-child{font-size:0}.slope-example>span:last-child::after{content:'›';font-size:21px}.slope-example strong{font-size:13px}.slope-example small{font-size:11px}.slope-diagram{height:245px}.slope-bases button{padding:10px 7px;gap:5px}.slope-bases button>span{font-size:12px}.slope-bases svg{width:25px;height:25px}.slope-bases small{font-size:9px}.slope-results output{font-size:26px}.slope-results>div:not(:first-child) output{font-size:22px}.slope-results>div>span{font-size:12px}.slope-results{column-gap:12px}.slope-help{font-size:11px}}
.curve-input-section{border-top:1px solid #e4eaf2;margin-top:20px;padding-top:16px}.curve-toggle{display:flex;position:relative;align-items:center;gap:10px;min-height:58px;cursor:pointer}.curve-toggle>span:first-child{flex:1}.curve-toggle b{font-size:15px;font-weight:600}.curve-toggle small{display:block;font-size:11px;color:#7e8ca1;margin:5px 0 0 30px}.curve-toggle input{position:absolute;opacity:0;right:0;width:48px;height:44px;cursor:pointer}.curve-switch{display:block;width:44px;height:25px;border-radius:15px;background:#c9d3e1;position:relative;pointer-events:none;flex-shrink:0}.curve-switch::after{content:'';display:block;width:19px;height:19px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #21355420}.curve-toggle input:checked+.curve-switch{background:#2468d8}.curve-toggle input:checked+.curve-switch::after{left:22px}.curve-toggle input:focus-visible+.curve-switch{outline:2px solid #2468d8;outline-offset:4px}.curve-radius-field{margin-top:12px}.curve-view{min-width:0}.curve-diagram{display:block;width:100%;height:auto;font-family:var(--workbook-digits,inherit);margin:10px 0 0}.curve-guide{stroke:#bdcada;stroke-width:1;stroke-dasharray:3 6;fill:none}.curve-original{stroke:#8b9eb8;stroke-width:1.6;stroke-dasharray:5 5;fill:none}.curve-straight{stroke:#435c7e;stroke-width:3;stroke-linecap:round;fill:none}.curve-arc{stroke:#2468d8;stroke-width:4;stroke-linecap:round;fill:none}.curve-radii{stroke:#8a78b5;stroke-width:1.5;stroke-dasharray:4 4;fill:none}.curve-dimensions{stroke:#8da0b9;stroke-width:1;fill:none}.curve-point{fill:#2468d8;stroke:#fff;stroke-width:1.5}.curve-center-point{fill:#8267b7;stroke:#fff;stroke-width:1.5}.curve-label{fill:#395b89;font-size:16px;font-weight:550;paint-order:stroke;stroke:#f5f8fc;stroke-width:4;stroke-linejoin:round}.curve-center-label{fill:#8267b7;font-size:15px;font-weight:550;paint-order:stroke;stroke:#f5f8fc;stroke-width:4;stroke-linejoin:round}.curve-muted-label{fill:#7f90a7;font-size:13px}.curve-dimension-label{fill:#637d9e;font-size:14px;paint-order:stroke;stroke:#f5f8fc;stroke-width:4}.curve-empty{display:flex;align-items:center;justify-content:center;text-align:center;min-height:250px;padding:24px;color:#8393a8;font-size:14px}.curve-results{border-top:1px solid #dce4ef;padding-top:16px}.curve-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#2468d8;flex-wrap:wrap}.curve-primary>span{font-size:14px}.curve-primary b{font-family:var(--workbook-digits,inherit);font-weight:550;margin-left:3px}.curve-primary output{font-family:var(--workbook-digits,inherit);font-size:31px;font-weight:600;letter-spacing:-.04em}.curve-primary small{font-size:12px;margin-left:4px}.curve-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:17px}.curve-metrics span{display:block;font-size:12px;color:#71839e;margin-bottom:4px}.curve-metrics output{font-family:var(--workbook-digits,inherit);font-size:24px;font-weight:550;color:#345982;letter-spacing:-.03em}.curve-metrics small{font-size:12px;color:#8091a8;margin-left:4px}.curve-points{margin-top:20px;padding-top:17px;border-top:1px solid #dce4ef}.curve-points h3{font-size:13px;font-weight:550}.curve-points p{font-size:11px;color:#8190a4;margin:4px 0 10px;line-height:1.5}.curve-points table{border-collapse:collapse;table-layout:fixed;width:100%;font-family:var(--workbook-digits,inherit);font-size:13px}.curve-points th,.curve-points td{padding:8px 0;border-bottom:1px solid #e3eaf3;text-align:right;overflow-wrap:anywhere}.curve-points th:first-child{text-align:left;width:25%;font-weight:500;color:#5f7696}.curve-points thead th{font-size:10px;font-weight:400;color:#8596ac}.curve-points tbody tr:last-child th{color:#8267b7}.curve-reference{padding-top:12px;display:flex;flex-direction:column;gap:5px;color:#7d8ea6;font-size:11px}.curve-reference>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.curve-reference output{font-family:var(--workbook-digits,inherit);font-size:12px;overflow-wrap:anywhere;text-align:right}.has-curve .slope-visual{justify-content:flex-start}.has-curve .formula-diagram-note{font-size:11px;margin:5px 0 16px}.has-curve .formula-controls{align-self:start}
@media(max-width:850px){.curve-diagram{max-height:330px}.curve-primary output{font-size:29px}.curve-metrics{margin-top:12px}.curve-points{margin-top:16px}.curve-empty{min-height:240px}}
@media(max-width:420px){.curve-primary{gap:3px}.curve-primary>span{font-size:12px}.curve-primary output{font-size:27px}.curve-metrics output{font-size:23px}.curve-toggle b{font-size:14px}.curve-toggle small{font-size:10px}.curve-points table{font-size:12px}.curve-points p{font-size:10px}.curve-diagram{max-height:300px}.has-curve .formula-diagram-note{font-size:10px}}
.curve-input-angle{fill:none;stroke:#2468d8;stroke-width:1.6}.curve-angle-label{font-size:16px;font-weight:550;fill:#2468d8;paint-order:stroke;stroke:#f5f8fc;stroke-width:4;stroke-linejoin:round}
.curve-preview-link{display:none;color:#2468d8;background:#eef4ff;border:1px solid #d2e1f7;border-radius:10px;width:100%;padding:9px 14px;margin:0 0 16px;min-height:44px;font-size:13px}.curve-preview-link span{margin-left:8px}
@media(max-width:850px){.has-curve .formula-workspace{display:flex;flex-direction:column}.has-curve .formula-visual{display:contents}.has-curve .formula-visual-top{order:1;padding:20px 24px 0;background:#f5f8fc}.has-curve .curve-view{order:2;padding:0 24px;background-color:#f5f8fc;background-image:radial-gradient(#c1cede80 .7px,transparent .7px);background-size:18px 18px}.has-curve .formula-diagram-note{order:3;padding:0 24px 17px;margin:0;background:#f5f8fc}.has-curve .slope-controls{order:4;border-top:1px solid #e1e8f2}.has-curve .curve-results{order:5;padding:22px 24px;background:#f5f8fc}.curve-preview-link{display:block}.has-curve .curve-diagram{margin-top:0}}
@media(max-width:420px){.has-curve .formula-visual-top{padding:18px 16px 0}.has-curve .curve-view{padding:0 16px}.has-curve .formula-diagram-note{padding:0 16px 15px}.has-curve .curve-results{padding:20px 16px}}
.formula-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.formula-tools button{min-width:0}.circle-example-icon{font-size:30px;color:#487bbd;line-height:1}.circle-visual{justify-content:flex-start}.circle-visual .formula-visual-top{margin-bottom:12px}.circle-drawing{width:100%;min-width:0;margin:16px 0 0}.circle-diagram{display:block;width:100%;height:auto;font-family:var(--workbook-digits,inherit)}.circle-outline{stroke:#8ea5c4;stroke-width:1.6;fill:none}.circle-spokes{stroke:#becde0;stroke-width:1;fill:none}.circle-radius-line{stroke:#8292a8;stroke-width:1.5;stroke-dasharray:5 4;fill:none}.circle-radius-label{fill:#71839d;font-size:13px}.circle-angle-arc{stroke:#4d7cbd;stroke-width:1.5;fill:none}.circle-angle-label{fill:#2468d8;font-size:13px;paint-order:stroke;stroke:#dfebfc;stroke-width:3}.circle-chord{stroke:#2468d8;stroke-width:4;stroke-linecap:round;fill:none}.circle-point{fill:#8ba1bf;stroke:#f5f8fc;stroke-width:1.5}.circle-point.is-selected{fill:#2468d8;stroke:#fff;stroke-width:2}.circle-point-label{font-size:13px;fill:#8395ae}.circle-point-label.is-selected{font-weight:600;fill:#2468d8}.circle-center{fill:#7f92ac}.circle-center-label{font-size:11px;fill:#8191a6}.circle-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;color:#8091aa;line-height:1.7;font-size:14px}.circle-empty-icon{font-size:80px;line-height:1;color:#c3d1e3}.circle-diagram-caption{font-size:12px;color:#6d809c;line-height:1.65;text-align:center;margin:0 0 15px}.circle-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:14px 0 4px;border-top:1px solid #dce4ef;font-size:11px;color:#71839d}.circle-legend>span{display:flex;align-items:center;gap:6px}.circle-legend i{display:inline-block;width:19px;border-top:3px solid #2468d8}.circle-legend>span:last-child i{border-top:1.5px dashed #8292a8}.circle-count-heading{margin-top:24px}.circle-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:12px}.circle-presets button{min-height:44px;padding:5px 1px;border:1px solid #dfe6f0;border-radius:9px;background:#fff;color:#708198;font-size:12px;white-space:nowrap}.circle-presets button[aria-pressed=true]{background:#edf4ff;border-color:#a2bfe8;color:#2468d8;font-weight:600}.circle-result{margin:0 0 22px;min-width:0}.circle-primary{border:1px solid #d6e4f9;border-radius:15px;background:#edf4ff;padding:18px 20px;color:#2468d8}.circle-primary>span{font-size:14px;font-weight:550}.circle-primary>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin-top:7px}.circle-primary output{font-family:var(--workbook-digits,inherit);font-size:36px;font-weight:600;letter-spacing:-.04em;line-height:1.3;overflow-wrap:anywhere;min-width:0;max-width:100%}.circle-primary small{font-size:15px;font-weight:400}.circle-primary p{font-size:11px;color:#708bad;margin-top:7px}.circle-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:19px}.circle-secondary>div{min-width:0}.circle-secondary>div>span{font-size:12px;color:#73839b}.circle-secondary>div>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-top:5px}.circle-secondary output{font-family:var(--workbook-digits,inherit);font-size:23px;font-weight:550;color:#435f84;overflow-wrap:anywhere;max-width:100%;min-width:0;letter-spacing:-.025em}.circle-secondary small{font-size:12px;color:#8192a9}.circle-secondary p{font-size:10px;color:#8b9ab0;margin-top:4px;line-height:1.5}
@media(max-width:1050px){.formula-tools button{padding:14px 12px;gap:8px}.formula-tools strong{font-size:15px}.formula-tools small{font-size:11px}.circle-primary{padding:17px}.circle-primary output{font-size:33px}}
@media(max-width:850px){.circle-visual{padding-bottom:17px}.circle-drawing{max-width:330px;margin:4px auto 0}.circle-empty{min-height:230px}.circle-diagram-caption{margin-bottom:10px;font-size:11px}.circle-legend{padding-top:10px}.circle-controls{border-top:1px solid #e1e8f2}.circle-primary output{font-size:34px}.circle-count-heading{margin-top:20px}}
@media(max-width:600px){.formula-tools button{gap:5px;padding:12px 8px}.formula-tool-number{display:none}.formula-tools strong{font-size:14px}.formula-tools small{font-size:10px}}
@media(max-width:420px){.formula-tools{gap:6px}.formula-tools button{justify-content:center;text-align:center;padding:10px 5px;min-height:50px}.formula-tools strong{font-size:13px}.formula-tools small{display:none}.circle-drawing{max-width:280px}.circle-empty{min-height:200px;font-size:12px}.circle-empty-icon{font-size:65px}.circle-controls .circle-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.circle-primary{padding:15px}.circle-primary output{font-size:31px}.circle-secondary{gap:12px}.circle-secondary output{font-size:21px}.circle-secondary>div>span{font-size:11px}.circle-legend{gap:14px;font-size:10px}}
/* Compact native picker on phones; the desktop keeps its three visible tools. */
.formula-tool-picker{display:none}
/* All measurements stay around the triangle; color follows each side. */
.triangle-page{max-width:760px;--side-a:#087f7d;--side-b:#67758e;--side-c:#2563d9}.triangle-page .formula-heading{margin-bottom:18px}.triangle-choice{max-width:640px;margin:0 auto 14px}.triangle-choice .formula-targets{margin-bottom:0}.triangle-board{border:1px solid #dfe5ee;border-radius:24px;padding:16px 28px 12px}.triangle-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}.triangle-precision{display:flex;align-items:center;gap:3px}.triangle-precision>span{font-size:12px;color:#738299;margin-right:4px}.triangle-precision button{font-size:12px;min-width:44px;min-height:44px;border:1px solid transparent;background:transparent;border-radius:9px;color:#6b7a8f;padding:0 7px}.triangle-precision button[aria-pressed=true]{color:#2468d8;background:#fff;border-color:#cbdbf1;box-shadow:0 2px 6px #23324a05}.triangle-angle-toggle{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;color:#546b8c;white-space:nowrap;cursor:pointer}.triangle-angle-toggle input{width:17px;height:17px;accent-color:#2468d8;margin:0}.triangle-stage{position:relative;width:100%;max-width:620px;height:380px;margin:16px auto 0}.triangle-drawing{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translateX(-12px)}.triangle-drawing path{vector-effect:non-scaling-stroke}.triangle-dimension-guide{display:none}.triangle-on-side{position:absolute;z-index:1;margin:0;padding:8px 10px;border-radius:10px;box-shadow:none;border-left:2px solid var(--side-color)}.triangle-on-a{--side-color:var(--side-a);right:0;bottom:0;width:39%;max-width:220px;min-width:116px}.triangle-on-b{--side-color:var(--side-b);right:0;top:44%;width:39%;max-width:220px}.triangle-on-c{--side-color:var(--side-c);left:0;top:0;width:49%;max-width:250px}.triangle-field-heading{display:flex;align-items:center;gap:4px;min-height:19px}.triangle-field-heading>small{font-size:10px;color:#8492a5;margin-left:auto;white-space:nowrap}.triangle-field-heading>button{font-size:10px;color:#2468d8;border:0;background:#edf4ff;border-radius:5px;padding:2px 3px;min-height:26px;margin-left:auto;white-space:nowrap}.triangle-field-heading:has(button:not([hidden]))>small{display:none}.triangle-on-side label{font-size:12px;gap:4px}.triangle-on-side label b{color:var(--side-color);font-size:14px}.triangle-on-side .formula-input-wrap{gap:4px;margin-top:2px;align-items:center}.triangle-on-side .formula-input-wrap input{font-size:19px;font-weight:500;letter-spacing:-.02em;min-height:38px;padding:0}.triangle-on-side .formula-input-wrap input::placeholder{font-size:15px;color:#a9b4c3}.triangle-on-side .formula-input-wrap output{min-width:0;flex:1;font-family:var(--workbook-digits,inherit);font-variant-numeric:tabular-nums;font-size:19px;letter-spacing:-.02em;font-weight:500;line-height:1.3;white-space:nowrap;overflow-x:auto;color:var(--side-color);min-height:38px;align-content:center}.triangle-on-side .formula-input-wrap>span{font-size:12px}.triangle-on-side.is-result{background:#fff;border-color:#dce5f0;border-left-color:var(--side-color)}.triangle-on-side.is-result label,.triangle-on-side.is-result label b{color:var(--side-color)}.triangle-on-side.is-target{border-color:#becde0;border-left-color:var(--side-color);background:#fff;box-shadow:none}.triangle-drawing [data-triangle-line=a]{stroke:var(--side-a)}.triangle-drawing [data-triangle-line=b]{stroke:var(--side-b)}.triangle-drawing [data-triangle-line=c]{stroke:var(--side-c)}.triangle-drawing .formula-side{stroke-width:2.8}.triangle-drawing .formula-side.is-result{stroke-width:4}.triangle-choice [data-triangle-target=a] b{color:var(--side-a)}.triangle-choice [data-triangle-target=b] b{color:var(--side-b)}.triangle-choice [data-triangle-target=c] b{color:var(--side-c)}
.triangle-angle{position:absolute;z-index:1;width:34%;max-width:165px;display:flex;flex-direction:column;gap:1px;background:#fdfbf7;border:1px solid #e8e3db;border-radius:10px;padding:6px 8px;box-sizing:border-box}.triangle-angle label{font-size:11px;color:#92713c;white-space:nowrap}.triangle-angle label b{font-weight:550}.triangle-angle>div{display:flex;align-items:center;gap:2px}.triangle-angle input{width:100%;min-width:0;min-height:36px;font-family:var(--workbook-digits,inherit);font-variant-numeric:tabular-nums;font-size:18px;font-weight:500;letter-spacing:-.02em;color:#836941;background:transparent;border:0;outline:none;padding:0}.triangle-angle input::placeholder{color:#b7aa96;font-size:15px;font-weight:400}.triangle-angle>div>span{font-size:16px;color:#a68b60}.triangle-angle.is-entered{border-color:#d4c4a9;background:#fcf8f0}.triangle-angle:focus-within{border-color:#b59c76;background:#fffdf8}.triangle-angle:focus-within{box-shadow:0 0 0 3px #b58a4715}.triangle-angle:has(input[aria-invalid=true]){border-color:#d77b6f;background:#fff1ee}.triangle-angle-alpha{left:0;bottom:0}.triangle-angle-beta{right:0;top:0;width:38%}.triangle-square-angle{position:absolute;left:50%;top:66%;font-size:11px;color:#8190a5;transform:translateX(-12px)}.triangle-board .formula-message{margin:12px 0 8px}.triangle-board .formula-bottom{border-color:#dce4ef}.triangle-on-side [hidden]{display:none!important}.triangle-on-side .formula-input-wrap output.is-long{font-size:16px;letter-spacing:-.03em}
@media(max-width:850px){.triangle-page{max-width:540px}.triangle-choice{max-width:none}.triangle-board{padding:12px 18px 10px}.triangle-stage{height:310px;margin-top:14px}.triangle-on-side{padding:8px 9px}.triangle-on-side .formula-input-wrap input,.triangle-on-side .formula-input-wrap output{font-size:19px}.triangle-angle input{font-size:18px}.triangle-options{margin-bottom:8px}.triangle-page .formula-heading p{font-size:14px}}
@media(max-width:420px){.triangle-board{padding:8px 10px 8px;border-radius:18px}.triangle-stage{height:280px;margin-top:12px}.triangle-on-side{padding:6px 7px;border-radius:10px}.triangle-on-a{padding-block:4px}.triangle-on-b{min-width:90px}.triangle-on-b .formula-input-wrap output{font-size:16px}.triangle-on-side label{font-size:11px;gap:3px}.triangle-on-side label b{font-size:12px}.triangle-field-heading>small{font-size:9px}.triangle-field-heading>button{font-size:9px;padding:1px 2px}.triangle-on-side .formula-input-wrap input,.triangle-on-side .formula-input-wrap output{font-size:18px}.triangle-on-side .formula-input-wrap input::placeholder{font-size:15px}.triangle-on-side .formula-input-wrap>span{font-size:10px}.triangle-angle{padding:5px 7px}.triangle-angle label{font-size:10px}.triangle-angle input{font-size:17px;min-height:36px}.triangle-angle-beta{width:38%}.triangle-square-angle{left:48%;top:66%}.triangle-board .formula-visual-top{font-size:10px}.triangle-board .formula-bottom>span{font-size:10px}.triangle-options{gap:3px;margin-bottom:6px}.triangle-precision>span{font-size:10px;margin-right:1px}.triangle-precision button{min-width:36px;padding:0 4px;font-size:11px}.triangle-angle-toggle{font-size:11px;gap:4px}.triangle-page .formula-heading{margin-bottom:14px}.triangle-page .formula-heading h1{font-size:25px}.triangle-page .formula-heading p{font-size:12px;margin-top:6px}.triangle-page .formula-eyebrow{margin-bottom:5px}.triangle-choice .formula-control-heading{margin-bottom:7px}.triangle-choice{margin-bottom:10px}}
@media(max-width:600px){.formula-tools{display:none}.formula-tool-picker{display:flex;align-items:center;gap:12px;max-width:540px;margin:0 auto 20px;padding:0 13px;border:1px solid #d8e3f2;border-radius:12px;background:#f5f8fd;color:#2468d8;min-height:44px}.formula-tool-picker label{font-size:12px;color:#70819a;flex:none}.formula-tool-picker select{flex:1;min-width:0;min-height:44px;border:0;background:transparent;color:#2468d8;font:inherit;font-size:16px;font-weight:600;padding:0 4px;cursor:pointer}.formula-tool-picker select:focus-visible{outline:2px solid #2468d8;outline-offset:2px}}

@media(max-width:420px){.triangle-on-b{top:39%}.triangle-on-b .formula-input-wrap{position:relative;padding-bottom:8px;gap:0}.triangle-page .triangle-on-b .formula-input-wrap output{font-size:17px}.triangle-on-b .formula-input-wrap>span{position:absolute;bottom:-2px;right:0;font-size:9px}.triangle-page .triangle-on-b .formula-input-wrap output.is-long{font-size:14px}}
/* Names use the same side colors; result cards clearly state why they cannot be edited. */
.triangle-side-names{position:absolute;inset:0;transform:translateX(-12px);pointer-events:none}.triangle-side-name{position:absolute;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;transform:translate(-50%,-50%);text-shadow:0 0 3px #f5f8fc,0 0 3px #f5f8fc}.triangle-name-a{left:36%;top:66%;color:var(--side-a)}.triangle-name-b{left:57%;top:47%;color:var(--side-b);transform:translate(-100%,-50%)}.triangle-name-c{left:34%;top:43%;color:var(--side-c)}.triangle-on-side label,.triangle-on-side label span{color:var(--side-color)}.triangle-on-side.is-result .triangle-field-heading>small{color:var(--side-color);font-size:10px;font-weight:550;white-space:pre-line;line-height:1.3;text-align:right}.triangle-choice [data-triangle-target=a] span{color:var(--side-a)}.triangle-choice [data-triangle-target=b] span{color:var(--side-b)}.triangle-choice [data-triangle-target=c] span{color:var(--side-c)}
@media(max-width:420px){.triangle-side-name{font-size:12px}.triangle-name-c{left:31%}}

/* Ellipse setup: full dimensions, pin placement and string stay on one board. */
.ellipse-page{max-width:700px}.ellipse-board{padding:18px 24px 12px;border:1px solid #dfe6f0;border-radius:22px;background:#f5f8fc}.ellipse-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ellipse-input{margin:0;padding:9px 12px;border-radius:11px;border-left:2px solid #228d8c;background:#fff}.ellipse-input-height{border-left-color:#b28a4d}.ellipse-input label{font-size:12px;color:#228d8c;gap:4px}.ellipse-input-height label{color:#967343}.ellipse-input label b{font-size:11px}.ellipse-input .formula-input-wrap{gap:5px;margin-top:2px}.ellipse-input .formula-input-wrap input{font-size:20px;font-weight:500;min-height:36px;letter-spacing:-.02em}.ellipse-input .formula-input-wrap input::placeholder{font-size:15px}.ellipse-input .formula-input-wrap>span{font-size:11px}.ellipse-input-help{font-size:11px;color:#7b8ba2;margin:8px 0 0}.ellipse-drawing{margin:0 auto;max-width:530px}.ellipse-diagram{display:block;width:100%;height:auto}.ellipse-diagram path,.ellipse-diagram ellipse{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.ellipse-axes{fill:none;stroke:#d9e2ed;stroke-width:1}.ellipse-outline{fill:#e8effb;stroke:#abc1e3;stroke-width:2}.ellipse-trace{fill:none;stroke:#2468d8;stroke-width:3}.ellipse-string{fill:none;stroke:#bc8a42;stroke-width:2}.ellipse-pin{fill:#2468d8;stroke:#fff;stroke-width:1.8}.ellipse-pencil{fill:#d99539;stroke:#fff;stroke-width:2}.ellipse-center-mark{stroke:#8395ac;stroke-width:1.3;fill:none}.ellipse-width-dimension{fill:none;stroke:#228d8c;stroke-width:1.1}.ellipse-height-dimension{fill:none;stroke:#b28a4d;stroke-width:1.1}.ellipse-diagram text{font-size:12px;font-weight:550}.ellipse-width-label{fill:#228d8c}.ellipse-height-label{fill:#967343}.ellipse-drawing.is-placeholder{opacity:.55}.ellipse-legend{display:flex;justify-content:center;gap:18px;font-size:11px;color:#75849a;margin:-4px 0 14px}.ellipse-legend>span{display:flex;align-items:center;gap:5px}.ellipse-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}.ellipse-legend-pin{background:#2468d8}.ellipse-legend-pencil{background:#d99539}.ellipse-legend .ellipse-legend-string{width:13px;height:2px;border-radius:0;background:#bc8a42}.ellipse-motion{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:4px 0 12px;border-bottom:1px solid #dfe6f0}.ellipse-motion label{font-size:12px;color:#546e91;white-space:nowrap}.ellipse-motion label>span{padding-left:4px;color:#8fa5bf}.ellipse-motion input{width:100%;min-width:0;height:36px;accent-color:#2468d8;margin:0;cursor:pointer}.ellipse-motion>span{grid-column:1/-1;font-size:10px;color:#8795a8}.ellipse-board .formula-message{font-size:12px;margin:10px 0;min-height:0}.ellipse-board .formula-message:empty{display:none}.ellipse-focus-result{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0 13px}.ellipse-focus-result>div{flex:none}.ellipse-focus-result>div>span{font-size:12px;color:#577297}.ellipse-focus-result>div>div{display:flex;gap:7px;align-items:baseline;margin-top:4px}.ellipse-focus-result output{font-size:29px;font-weight:600;letter-spacing:-.03em;color:#2468d8;font-family:var(--workbook-digits,inherit);font-variant-numeric:tabular-nums}.ellipse-focus-result small{font-size:11px;color:#8295ad}.ellipse-focus-result p{max-width:250px;font-size:12px;line-height:1.7;color:#607594;margin:0;overflow-wrap:anywhere}.ellipse-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:11px 0 15px;border-bottom:1px solid #dfe6f0}.ellipse-metrics>div>span{font-size:11px;color:#7f8da2}.ellipse-metrics>div>div,.ellipse-string-result>div{display:flex;align-items:baseline;gap:6px;margin-top:5px;min-width:0}.ellipse-metrics output{color:#526983;font-size:17px;font-family:var(--workbook-digits,inherit);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ellipse-metrics small,.ellipse-string-result small{font-size:10px;color:#91a0b3}.ellipse-string-section{padding:15px 0}.ellipse-methods{display:flex;gap:6px;margin-bottom:13px}.ellipse-methods button{background:transparent;border:1px solid #e1d9cc;border-radius:8px;font:inherit;font-size:12px;min-height:40px;padding:0 15px;color:#8b7657;cursor:pointer}.ellipse-methods button[aria-pressed=true]{background:#fff9ed;border-color:#d4b78c;color:#906824}.ellipse-string-result{display:flex;align-items:center;justify-content:space-between;gap:12px}.ellipse-string-result>span{font-size:12px;color:#967343}.ellipse-string-result>div{margin:0}.ellipse-string-result output{font-size:22px;color:#977035;font-family:var(--workbook-digits,inherit);font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere}.ellipse-string-section p{font-size:12px;line-height:1.7;color:#7c776f;margin:7px 0 4px}.ellipse-string-section>small{font-size:10px;color:#9b948b}.ellipse-steps{padding:14px 14px 14px 30px;margin:0 0 10px;border-radius:10px;background:#edf2f8;color:#687d99;font-size:12px;line-height:1.8}.ellipse-steps li+li{margin-top:4px}.ellipse-board .formula-bottom{border-color:#dfe6f0}.ellipse-board .formula-bottom>span{font-size:10px}.ellipse-page [hidden]{display:none!important}.ellipse-board input:focus-visible,.ellipse-board button:focus-visible{outline:2px solid #2468d8;outline-offset:3px}.ellipse-page .formula-heading{margin-bottom:20px}
@media(max-width:600px){.ellipse-page{max-width:540px}.ellipse-board{padding:12px 14px 8px;border-radius:18px}.ellipse-page .formula-heading{margin-bottom:14px}.ellipse-page .formula-heading h1{font-size:25px}.ellipse-page .formula-heading p{font-size:12px;margin-top:6px}.ellipse-page .formula-eyebrow{margin-bottom:5px}.ellipse-inputs{gap:8px}.ellipse-input{padding:7px 9px}.ellipse-input label{font-size:11px}.ellipse-input .formula-input-wrap input{font-size:18px}.ellipse-input-help{font-size:10px}.ellipse-legend{gap:14px;font-size:10px;margin-bottom:10px}.ellipse-motion{gap:0 8px}.ellipse-motion label{font-size:11px}.ellipse-focus-result{padding-top:14px;gap:12px}.ellipse-focus-result output{font-size:25px}.ellipse-focus-result p{font-size:11px;max-width:48%}.ellipse-metrics{gap:8px}.ellipse-metrics>div>span{font-size:10px}.ellipse-metrics output{font-size:16px}.ellipse-string-result output{font-size:20px}.ellipse-string-result>span{font-size:11px}.ellipse-board .formula-copy{font-size:12px}}
@media(min-width:1051px){.formula-tools:has([data-formula-tool="ellipse"]){grid-template-columns:repeat(5,minmax(0,1fr))}}
/* Arch measurements stay together with the drawing on narrow screens. */
.formula-tools{grid-template-columns:repeat(4,minmax(0,1fr))}
.arch-page{max-width:700px}.arch-board{padding:18px 24px 12px;border:1px solid #dfe6f0;border-radius:22px;background:#f5f8fc}.arch-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.arch-toolbar>span{font-size:11px;color:#8997aa}.arch-radius-result{color:#2468d8}.arch-radius-result>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.arch-radius-result b{font-weight:600}.arch-radius-result small{font-size:10px;color:#708aac}.arch-radius-result>div:last-child{display:flex;align-items:baseline;gap:8px;margin-top:3px}.arch-radius-result output{font-family:var(--workbook-digits,inherit);font-variant-numeric:tabular-nums;font-size:38px;font-weight:600;letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0}.arch-radius-result>div:last-child>span{font-size:13px;color:#7e91ad}.arch-drawing{margin:6px 0 14px;text-align:right}.arch-diagram{display:block;width:100%;height:auto;max-height:260px;overflow:visible}.arch-drawing>span{display:block;font-size:11px;color:#8795aa;line-height:1.5}.arch-area{fill:#e6effd}.arch-curve{fill:none;stroke:#2468d8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.arch-chord{fill:none;stroke:#228d8c;stroke-width:1.7;vector-effect:non-scaling-stroke}.arch-height-line{fill:none;stroke:#b28a4d;stroke-width:1.5;vector-effect:non-scaling-stroke}.arch-endpoint{fill:#2468d8}.arch-diagram text{font-size:13px;font-weight:550;paint-order:stroke;stroke:#f5f8fc;stroke-width:4px;stroke-linejoin:round}.arch-width-label{fill:#228d8c}.arch-height-label{fill:#967343}.arch-drawing.is-placeholder .arch-curve{stroke:#8ea9cc}.arch-drawing.is-placeholder .arch-area{fill:#edf2f9}.arch-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.arch-input{padding:10px 12px;border-radius:12px;border-left:2px solid #228d8c}.arch-input-height{border-left-color:#b28a4d}.arch-input label{font-size:12px;color:#228d8c;gap:4px}.arch-input label b{font-size:12px;color:inherit}.arch-input-height label{color:#967343}.arch-input .formula-input-wrap{gap:4px;margin-top:2px}.arch-input .formula-input-wrap input{min-height:36px;font-size:21px;font-weight:500;letter-spacing:-.02em}.arch-input .formula-input-wrap input::placeholder{font-size:16px}.arch-input .formula-input-wrap>span{font-size:11px}.arch-input>small{display:block;font-size:10px;color:#8290a4;line-height:1.4;margin-top:3px}.arch-board .formula-message{margin:10px 0;font-size:12px;min-height:0}.arch-board .formula-message:empty{display:none}.arch-center{display:flex;align-items:flex-start;gap:10px;padding:15px 0;margin-top:10px;border-top:1px solid #e1e8f2}.arch-center-icon{color:#6f86a5;font-size:24px;line-height:1.1}.arch-center>div>span{font-size:11px;color:#7b8ba2}.arch-center p{font-size:13px;color:#4d6484;line-height:1.6;margin-top:4px;overflow-wrap:anywhere}.arch-board .formula-bottom{border-color:#dfe6f0}.arch-page .formula-heading{margin-bottom:20px}
@media(min-width:601px) and (max-width:1050px){.formula-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.arch-page{max-width:540px}.arch-board{padding:12px 14px 8px;border-radius:18px}.arch-page .formula-heading{margin-bottom:14px}.arch-page .formula-heading h1{font-size:25px}.arch-page .formula-heading p{font-size:12px;margin-top:6px}.arch-page .formula-eyebrow{margin-bottom:5px}.arch-toolbar{margin-bottom:10px}.arch-radius-result output{font-size:32px}.arch-drawing{margin:2px 0 12px}.arch-inputs{gap:8px}.arch-input{padding:8px 9px}.arch-input .formula-input-wrap input{font-size:18px}.arch-input>small{font-size:9px}.arch-center{padding:12px 0}.arch-board .formula-bottom>span{font-size:10px}.arch-board .formula-copy{font-size:12px}}

/* Drawing instructions stay collapsed until requested; each method has its own diagram. */
.ellipse-guide-link{display:flex;align-items:center;gap:20px;margin:-4px 0 16px;padding:0;min-height:36px;border:0;background:none;color:#2468d8;font:inherit;font-size:12px;font-weight:550;cursor:pointer}.ellipse-guide-link>span{font-size:17px}.ellipse-guide{margin-top:20px;border:1px solid #dfe6f0;border-radius:18px;background:#fff;scroll-margin-top:22px}.ellipse-guide>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;cursor:pointer}.ellipse-guide>summary::-webkit-details-marker{display:none}.ellipse-guide>summary strong{display:block;font-size:16px;font-weight:600;color:#344c6e}.ellipse-guide>summary small{display:block;margin-top:4px;font-size:11px;color:#8492a7}.ellipse-guide-chevron{font-size:22px;color:#607a9c;transition:transform .15s}.ellipse-guide[open] .ellipse-guide-chevron{transform:rotate(180deg)}.ellipse-guide-body{padding:0 22px 20px}.ellipse-guide-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:#f0f4fa;border-radius:10px}.ellipse-guide-tabs button{min-height:42px;padding:0 3px;border:0;background:none;border-radius:7px;color:#7a8aa1;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.ellipse-guide-tabs button[aria-pressed=true]{background:#fff;color:#2468d8;font-weight:600;box-shadow:0 1px 4px #344c6e0b}.ellipse-guide-caption{font-size:10px;line-height:1.6;color:#8293aa;margin:12px 0 20px;overflow-wrap:anywhere}.ellipse-guide h2{margin:0 0 7px;font-size:19px;font-weight:600;letter-spacing:-.025em;color:#344c6e}.ellipse-guide-intro{font-size:13px;color:#71839c;line-height:1.8;margin:0}.ellipse-guide-diagram{display:block;width:100%;height:auto;max-width:520px;margin:6px auto;background:#f7f9fc;border-radius:12px}.ellipse-guide-diagram path,.ellipse-guide-diagram ellipse{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.ellipse-guide-diagram text{fill:#637c9e;font-size:15px;font-weight:500;paint-order:stroke;stroke:#f7f9fc;stroke-width:5px;stroke-linejoin:round}.ellipse-guide-outline{fill:#e9effa;stroke:#bacbe4;stroke-width:1.5}.ellipse-guide-axes{fill:none;stroke:#ccd7e6;stroke-width:1}.ellipse-guide-string-line{fill:none;stroke:#b58b4d;stroke-width:2}.ellipse-guide-pin{fill:#2468d8;stroke:white;stroke-width:1.5}.ellipse-guide-pencil{fill:#d49b4c;stroke:white;stroke-width:2}.ellipse-guide-construction{fill:none;stroke:#2468d8;stroke-width:2.3}.ellipse-guide-arm{fill:none;stroke:#b58b4d;stroke-width:5}.ellipse-guide-slider{fill:#2468d8;stroke:white;stroke-width:2}.ellipse-guide-motion{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 18px;margin:6px 0 20px}.ellipse-guide-motion label{font-size:12px;color:#567397;white-space:nowrap}.ellipse-guide-motion input{width:100%;height:40px;min-width:0;margin:0;accent-color:#2468d8;cursor:pointer}.ellipse-guide-motion span{grid-column:1/-1;color:#8997ac;font-size:10px}.ellipse-guide-steps{list-style:none;counter-reset:ellipse-step;padding:0;margin:20px 0}.ellipse-guide-steps li{position:relative;padding:0 0 19px 34px;counter-increment:ellipse-step}.ellipse-guide-steps li:last-child{padding-bottom:0}.ellipse-guide-steps li::before{content:counter(ellipse-step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#eef3fc;color:#537bac;font-size:12px;font-weight:600}.ellipse-guide-steps li>b{display:block;font-size:14px;font-weight:600;color:#425c7e;line-height:1.7}.ellipse-guide-steps li>p{margin:5px 0 0;font-size:12px;line-height:1.85;color:#73849b;word-break:keep-all;overflow-wrap:anywhere}.ellipse-guide-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;padding:10px 12px;margin-top:9px;background:#f4f7fc;border-radius:8px;color:#557ba7;font-size:12px}.ellipse-guide-value>span{flex:1;min-width:72px}.ellipse-guide-value strong{font-size:18px;font-family:var(--workbook-digits,inherit);font-weight:550;overflow-wrap:anywhere;max-width:100%}.ellipse-guide-value small{font-size:10px;color:#8c9cb0}.ellipse-guide-note{padding:12px 14px;background:#f5f7fa;border-radius:10px;color:#6d7f98;font-size:12px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}.ellipse-guide-footnote{font-size:11px;color:#919bad;line-height:1.8;margin:12px 0 0;word-break:keep-all;overflow-wrap:anywhere}.ellipse-guide-jig-measures{margin:16px 0;padding:3px 12px;background:#f4f7fc;border-radius:10px}.ellipse-guide-jig-measures p{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px;padding:10px 0;margin:0;border-bottom:1px solid #e2e9f2;color:#74869f;font-size:11px}.ellipse-guide-jig-measures p:last-child{border:0}.ellipse-guide-jig-measures b{font-weight:550;color:#4b729e;font-size:16px;overflow-wrap:anywhere;max-width:100%;font-family:var(--workbook-digits,inherit)}.ellipse-guide-jig-measures small{font-size:10px;font-weight:400}.ellipse-guide-back{border:0;border-top:1px solid #e5ebf4;width:100%;min-height:44px;padding:15px 0 0;margin-top:18px;background:none;font:inherit;font-size:12px;color:#557ba7;cursor:pointer}.ellipse-guide button:focus-visible,.ellipse-guide input:focus-visible,.ellipse-guide>summary:focus-visible,.ellipse-guide-link:focus-visible{outline:2px solid #2468d8;outline-offset:3px}
@media(max-width:600px){.ellipse-guide>summary{padding:16px}.ellipse-guide-body{padding:0 14px 16px}.ellipse-guide-tabs button{font-size:11px;min-height:42px}.ellipse-guide h2{font-size:18px}.ellipse-guide-intro{font-size:12px}.ellipse-guide-motion{gap:0 10px}.ellipse-guide-link{margin-bottom:10px}.ellipse-guide-steps li{padding-left:31px}.ellipse-guide-steps li>b{font-size:13px}.ellipse-guide-value{padding:8px 10px}.ellipse-guide-value strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ellipse-guide-chevron{transition:none}}
.ellipse-guide-rail-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;font-size:10px;color:#7588a2;margin:10px 0 4px}.ellipse-guide-rail-legend span{display:flex;align-items:center;gap:5px}.ellipse-guide-rail-legend i{width:7px;height:7px;border-radius:50%;background:#228d8c}.ellipse-guide-rail-legend span+span i{background:#2468d8}#ellipse-guide-jig-pin1{fill:#228d8c}.ellipse-guide-jig-measures p:first-child span{color:#228d8c}.ellipse-guide-jig-measures p:nth-child(2) span{color:#2468d8}

/* Equal clear openings, with cumulative installation coordinates. */
.spacing-page{max-width:700px}.spacing-page [hidden]{display:none!important}.spacing-page .formula-heading{margin-bottom:20px}.spacing-board{padding:18px 24px 12px;border:1px solid #dfe6f0;border-radius:22px;background:#f5f8fc}.spacing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.spacing-toolbar>span{font-size:11px;color:#8997aa}.spacing-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spacing-input-length{grid-column:1/-1}.spacing-input{padding:8px 12px;border-radius:11px;border-left:2px solid #7597c5}.spacing-input-thickness{border-left-color:#b68a4d}.spacing-input label{font-size:12px;color:#607794}.spacing-input-thickness label{color:#97723e}.spacing-input .formula-input-wrap{gap:6px;margin-top:1px}.spacing-input .formula-input-wrap input{font-size:20px;font-weight:500;min-height:36px;letter-spacing:-.02em}.spacing-input .formula-input-wrap input::placeholder{font-size:15px}.spacing-input .formula-input-wrap>span{font-size:11px}.spacing-input>small{display:block;font-size:10px;color:#8796aa;margin-top:1px}.spacing-end-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:19px 0 8px}.spacing-end-heading h2{font-size:12px;font-weight:550;color:#607794}.spacing-end-heading>span{font-size:10px;color:#8796aa}.spacing-ends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.spacing-ends button{min-width:0;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#8d9db1;padding:3px 7px 9px;font:inherit;cursor:pointer}.spacing-ends svg{display:block;width:100%;height:34px}.spacing-ends span{font-size:12px;color:#6a7e99}.spacing-ends button[aria-pressed=true]{background:#edf4ff;border-color:#96b6e4;color:#b68a4d}.spacing-ends button[aria-pressed=true] span{color:#2468d8;font-weight:550}.spacing-help{font-size:11px;color:#7d8da3;line-height:1.6;margin:8px 0 2px}.spacing-drawing{margin:9px 0 8px;text-align:right}.spacing-drawing svg{display:block;width:100%;height:auto;max-height:200px;font-family:var(--workbook-digits,inherit)}.spacing-drawing>span{display:block;font-size:10px;color:#8a99ad}.spacing-drawing.is-placeholder{opacity:.55}.spacing-board .formula-message{font-size:12px;margin:10px 0;min-height:0}.spacing-board .formula-message:empty{display:none}.spacing-results{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:17px 0;border-top:1px solid #dfe6f0;border-bottom:1px solid #dfe6f0}.spacing-results>div>span{display:block;font-size:12px;color:#577297}.spacing-results>div>div{display:flex;align-items:baseline;gap:6px;margin:4px 0;min-width:0}.spacing-results output{font-family:var(--workbook-digits,inherit);font-size:28px;letter-spacing:-.03em;font-weight:600;color:#2468d8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.spacing-results small{font-size:11px;color:#8899af}.spacing-results p{font-size:10px;color:#8a99ad;line-height:1.5;margin:0}.spacing-pitch output{font-size:24px;color:#687e9b;font-weight:500}.spacing-positions{padding:17px 0 15px}.spacing-position-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.spacing-position-heading h2{font-size:13px;font-weight:550;color:#526e92}.spacing-position-heading>span{font-size:11px;color:#9b784a}.spacing-positions>p{font-size:11px;color:#8394aa;margin:6px 0 10px}.spacing-table-wrap{border:1px solid #e1e7f0;border-radius:11px;overflow:hidden;background:#fff}.spacing-table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;color:#5e7593}.spacing-table-wrap th,.spacing-table-wrap td{padding:10px 8px;text-align:right;overflow-wrap:anywhere;font-family:var(--workbook-digits,inherit);font-variant-numeric:tabular-nums}.spacing-table-wrap th:first-child{width:23%;text-align:left;padding-left:13px}.spacing-table-wrap thead{background:#edf2f8;color:#8090a5;font-size:10px}.spacing-table-wrap th{font-weight:500}.spacing-table-wrap tbody tr+tr{border-top:1px solid #edf0f5}.spacing-table-wrap tbody th{color:#9a7745}.spacing-table-wrap td.spacing-empty{text-align:center;color:#9aa7b8;padding:21px 8px}.spacing-more{display:block;width:100%;min-height:44px;border:0;background:transparent;color:#6886ab;font:inherit;font-size:12px;cursor:pointer}.spacing-board .formula-bottom{border-color:#dfe6f0}.spacing-board .formula-bottom>span{font-size:10px;line-height:1.6}.spacing-board button:focus-visible{outline:2px solid #2468d8;outline-offset:3px}.spacing-board input:focus-visible{outline:none}.spacing-input:focus-within{border-color:#729ee4;box-shadow:0 0 0 2px #2468d820}
@media(min-width:1051px){.formula-tools:has([data-formula-tool="spacing"]){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.spacing-page{max-width:540px}.spacing-board{padding:12px 14px 8px;border-radius:18px}.spacing-page .formula-heading{margin-bottom:14px}.spacing-page .formula-heading h1{font-size:25px}.spacing-page .formula-heading p{font-size:12px;margin-top:6px}.spacing-page .formula-eyebrow{margin-bottom:5px}.spacing-inputs{gap:8px}.spacing-input{padding:7px 9px}.spacing-input .formula-input-wrap input{font-size:18px}.spacing-input>small{font-size:9px}.spacing-ends{gap:6px}.spacing-ends span{font-size:11px}.spacing-results{gap:12px;padding:14px 0}.spacing-results output{font-size:25px}.spacing-pitch output{font-size:22px}.spacing-results>div>span{font-size:11px}.spacing-results p{font-size:9px}.spacing-help{font-size:10px}.spacing-board .formula-copy{font-size:12px}}

/* BEGIN CUTLIST CSS */
.cut-page{max-width:1056px}.cut-page [hidden]{display:none!important}.cut-page .formula-heading{margin-bottom:22px}.cut-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;align-items:start}.cut-controls,.cut-results{min-width:0}.cut-controls{padding:20px;background:#f5f8fc;border:1px solid #dfe6f0;border-radius:18px}.cut-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.cut-section-title h2{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:#405c7c}.cut-section-title h2>span{font-family:var(--workbook-digits,inherit);font-size:11px;font-weight:500;color:#879ab3}.cut-section-title>small{font-size:10px;color:#8997aa}.cut-sheet-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cut-field{display:flex;flex-direction:column;border:1px solid #dce5ef;border-radius:9px;background:#fff;padding:7px 10px;min-width:0}.cut-field>span:first-child{font-size:11px;color:#71849b}.cut-value{display:flex;align-items:center;gap:5px;min-width:0}.cut-value input{width:100%;min-width:0;min-height:35px;border:0;outline:0;padding:3px 0;background:transparent;border-radius:0;color:#324b69;font-family:var(--workbook-digits,inherit);font-size:18px;font-weight:500;letter-spacing:-.025em;box-shadow:none;line-height:1.3}.cut-value small{font-size:10px;color:#9ba7b6;flex:none}.cut-field:focus-within{border-color:#749edf;box-shadow:0 0 0 2px #2468d814}.cut-field:has([aria-invalid=true]){border-color:#cc938b;background:#fff8f6}.cut-kerf-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.cut-knife{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#637e9e;text-align:left;min-height:58px;padding:5px 10px;font:inherit;font-size:12px}.cut-knife>span:first-child{font-size:23px}.cut-knife small{display:block;font-size:10px;margin-top:3px;color:#9aa8b9}.cut-knife[aria-pressed=true]{border-color:#99b6de;background:#edf4ff;color:#2468d8}.cut-help{font-size:10px;color:#8c9aae;line-height:1.7;margin:9px 0 14px;word-break:keep-all;overflow-wrap:anywhere}.cut-rotation{display:flex;align-items:flex-start;gap:8px;color:#5d7391;font-size:12px;cursor:pointer;line-height:1.5}.cut-rotation input{width:17px;height:17px;min-height:0;padding:0;margin:1px 0 0;accent-color:#2468d8;flex:none}.cut-rotation small{display:block;color:#8998ac;font-size:10px;margin-top:3px}.cut-parts-heading{margin-top:24px}.cut-part{padding:10px;border:1px solid #e1e7f0;background:#fff;border-radius:12px;margin-bottom:9px;min-width:0}.cut-part-top{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#7588a0;font-size:11px;min-height:23px}.cut-part-top b,.cut-chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:5px;background:var(--cut-bg);color:var(--cut-color);font:500 11px var(--workbook-digits,inherit)}.cut-part-top button{margin-left:auto;border:0;background:none;color:#9aa8b9;min-width:32px;min-height:28px;font-size:22px;line-height:1;padding:0}.cut-part-top button:disabled{opacity:.25}.cut-part-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.65fr);gap:6px}.cut-part-fields .cut-field{padding:5px 7px;border-color:#e7ecf3;border-radius:7px}.cut-part-fields .cut-value input{font-size:17px;min-height:32px}.cut-part-fields .cut-value small{font-size:9px}.cut-part-fields .cut-field>span:first-child{font-size:10px}.cut-add{width:100%;min-height:42px;border:1px solid #dbe4f0;background:#eef3fa;border-radius:9px;color:#5d80af;font:inherit;font-size:12px}.cut-add:disabled{opacity:.4}.cut-message{font-size:12px;color:#5a80b2;line-height:1.7;margin:12px 0}.cut-message:empty{display:none}.cut-message.is-error{color:#b35145}.cut-run{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;border:1px solid #2468d8;border-radius:10px;background:#2468d8;color:#fff;font:inherit;font-size:14px;padding:10px 15px;margin-top:15px;font-weight:500}.cut-run:disabled{opacity:.6}.cut-limit{font-size:9px;color:#91a0b4;line-height:1.6;text-align:center;margin:9px 0 0}.cut-results{padding:20px;border:1px solid #e1e7ef;border-radius:18px;background:#fff;scroll-margin-top:20px}.cut-results .cut-section-title{scroll-margin-top:20px}.cut-results .cut-section-title small{color:#7f98b9}.cut-empty{padding:40px 10px 50px;text-align:center;color:#8395ae}.cut-empty svg{width:100%;max-width:280px;display:block;margin:0 auto 22px}.cut-empty p{font-size:13px;line-height:1.7;margin-bottom:7px}.cut-empty small{font-size:11px;color:#a0adbd}.cut-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 0 14px;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;gap:8px}.cut-summary>div>span{display:block;font-size:11px;color:#8091aa}.cut-summary strong{display:flex;align-items:baseline;gap:4px;font:600 26px var(--workbook-digits,inherit);letter-spacing:-.04em;color:#376fae;margin-top:6px;overflow-wrap:anywhere}.cut-summary small{font-size:11px;color:#8a9ab0;font-weight:400;letter-spacing:0}.cut-result-note{font-size:10px;line-height:1.7;color:#92a0b3;margin:9px 0 18px;word-break:keep-all;overflow-wrap:anywhere}.cut-board-picker{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;margin-bottom:12px}.cut-board-picker>button{border:1px solid #dde6f1;border-radius:8px;background:#fff;color:#6382ac;font-size:22px;min-height:34px}.cut-board-picker>button:disabled{color:#c7d1df;background:#f9fafc}.cut-board-picker>select{width:100%;min-width:0;height:34px;background:#f5f8fc;color:#607b9f;border:1px solid #dde6f1;border-radius:8px;font:inherit;font-size:12px;padding:4px 10px}.cut-board-wrap{background:#fbfcfe;border:1px solid #e6ecf4;border-radius:10px;padding:6px;min-width:0}.cut-board-wrap svg{display:block;width:100%;height:auto;font-family:var(--workbook-digits,inherit)}.cut-board-wrap [role=button]{cursor:pointer;outline:none}.cut-board-wrap [role=button]:focus-visible rect{stroke:#2468d8;stroke-width:3px}.cut-drawing-note,.cut-waste{font-size:10px;line-height:1.6;color:#93a1b3;margin:8px 0 12px;overflow-wrap:anywhere}.cut-selection{font-size:11px;background:#edf4ff;color:#527daf;border-radius:7px;padding:8px;line-height:1.7;overflow-wrap:anywhere}.cut-selection:empty{display:none}.cut-table-wrap{border:1px solid #e4eaf2;border-radius:9px;overflow:hidden}.cut-table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.cut-table-wrap caption{text-align:left;font-size:11px;color:#7187a4;padding:11px 10px;background:#f5f8fc}.cut-table-wrap th,.cut-table-wrap td{padding:9px 7px;text-align:right;color:#6d809b;overflow-wrap:anywhere;font-family:var(--workbook-digits,inherit);font-variant-numeric:tabular-nums}.cut-table-wrap th{font-weight:500}.cut-table-wrap thead th{font-size:10px;color:#99a6b8;background:#fafbfd}.cut-table-wrap th:first-child{text-align:left;width:24%;padding-left:10px}.cut-table-wrap th:nth-child(2){width:52%}.cut-table-wrap tbody tr+tr{border-top:1px solid #eff2f7}.cut-table-wrap th small{font-size:9px;color:#9eacc0;margin-left:4px}.cut-coordinates{margin-top:10px;color:#7a8ea8;font-size:11px}.cut-coordinates>summary{padding:12px 0;cursor:pointer}.cut-coordinates>p{font-size:10px;line-height:1.7;color:#99a5b7;margin-bottom:9px}.cut-coordinates th:first-child{width:21%}.cut-coordinates th:nth-child(2),.cut-coordinates th:nth-child(3){width:18%}.cut-coordinates th:last-child{width:43%}.cut-coordinates table{font-size:10px}.cut-coordinates .cut-table-wrap td{padding:9px 5px}.cut-coordinates button{border:0;border-radius:4px;background:#eef4fc;color:#6484b0;font:inherit;padding:5px 6px}.cut-coordinates .is-selected{background:#f0f6ff}.cut-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#93a1b4;font-size:9px;margin-top:14px}.cut-legend span{display:flex;align-items:center;gap:5px}.cut-legend i{display:inline-block;width:10px;height:10px;background:#eef1f5;border:1px solid #ced8e5}.cut-results .formula-bottom{gap:0}.cut-results .formula-bottom>span{font-size:9px;line-height:1.6}.cut-results .formula-copy{font-size:12px}.cut-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cut-page button:focus-visible,.cut-page select:focus-visible,.cut-page summary:focus-visible{outline:2px solid #2468d8;outline-offset:3px}.cut-page input:focus-visible{outline:none}
@media(max-width:850px){.cut-layout{grid-template-columns:minmax(0,1fr);gap:18px}.cut-page{max-width:540px}.cut-controls,.cut-results{padding:16px}.cut-page .formula-heading{margin-bottom:16px}.cut-empty{padding:15px 10px 22px}.cut-empty svg{max-width:230px}.cut-part-fields .cut-value input{font-size:18px}.cut-part-top button{min-height:32px;min-width:32px}}
@media(max-width:420px){.cut-controls,.cut-results{padding:12px;border-radius:15px}.cut-page .formula-heading h1{font-size:25px}.cut-page .formula-heading p{font-size:12px;margin-top:6px}.cut-page .formula-eyebrow{margin-bottom:5px}.cut-field{padding:6px 8px}.cut-part{padding:8px}.cut-part-fields{gap:5px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr)}.cut-part-fields .cut-value input{font-size:16px}.cut-part-fields .cut-value{gap:2px}.cut-part-fields .cut-value small{font-size:8px}.cut-part-fields .cut-field{padding:4px 5px}.cut-summary strong{font-size:24px}.cut-legend{font-size:9px}}

.cut-order{margin:10px 0 15px;border:1px solid #e5eaf2;border-radius:9px;padding:0 10px;color:#697f9d;font-size:11px}.cut-order>summary{padding:12px 0;cursor:pointer}.cut-order>p{font-size:10px;line-height:1.8;color:#93a1b3}.cut-order #cut-order-caption{color:#a46f5b}.cut-order-controls{display:flex;align-items:center;gap:10px}.cut-order-controls button{width:32px;min-height:32px;border:1px solid #e2e8f0;background:#fff;border-radius:7px;color:#8a9db6;font-size:20px;flex:none}.cut-order-controls button:disabled{opacity:.3}.cut-order-controls input{width:100%;min-width:0;min-height:30px;height:30px;padding:0;accent-color:#b97a62;margin:0}

/* Equal-width upright molding: compact controls, matched A/B colors. */
.miter-page{--miter-a:#27659b;--miter-b:#896039;max-width:700px}.miter-page .formula-heading{margin-bottom:20px}.miter-board{border:1px solid #dfe6ef;border-radius:20px;padding:20px 24px 10px;background:#f7f9fc}.miter-corners{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.miter-corners button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:7px 10px;border:1px solid #dce3ec;border-radius:10px;background:transparent;color:#627489;font:inherit;font-size:14px;text-align:left;cursor:pointer}.miter-corners button[aria-pressed=true]{background:#fff;color:#225d94;border-color:#9cb8d5;box-shadow:0 2px 5px #243b5308}.miter-corners svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round}.miter-corners .miter-mini-fill{opacity:.35;stroke-width:4}.miter-corners small{display:block;font-size:11px;font-weight:400;color:#64778a;margin-top:2px}.miter-entry{display:flex;align-items:center;justify-content:space-between;gap:12px}.miter-entry label{font-size:15px;font-weight:600;color:#34485d}.miter-entry p{font-size:12px;line-height:1.6;color:#64758a;margin:4px 0 0}.miter-entry p b{font-weight:500}.miter-angle-wrap{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #b2c7dc;border-radius:10px;padding:4px 12px;width:112px;flex:none}.miter-angle-wrap input{font:500 22px var(--workbook-digits,inherit);color:#235f98;min-width:0;width:100%;min-height:40px;padding:0;border:0;background:transparent;font-variant-numeric:tabular-nums;text-align:right;outline:none}.miter-angle-wrap:focus-within{outline:2px solid #2468d8;outline-offset:3px}.miter-angle-wrap:has([aria-invalid=true]){border-color:#b6473f}.miter-angle-wrap span{font-size:16px;color:#627c98}.miter-angle-help{font-size:12px;line-height:1.7;color:#67798b;margin:9px 0 12px}.miter-assembly{border:1px solid #e2e8ef;border-radius:12px;background:#fff;overflow:hidden}.miter-visual-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 0;color:#67788b;font-size:11px}.miter-visual-caption>span:last-child{font-size:10px}.miter-assembly svg{width:100%;display:block;max-height:228px}.miter-assembly text{fill:#53677d;font-size:15px;font-weight:550;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.miter-legend{display:flex;justify-content:center;gap:24px;margin:0 0 12px;font-size:12px}.miter-legend span{display:flex;align-items:center;gap:6px;color:var(--miter-a)}.miter-legend span+span{color:var(--miter-b)}.miter-legend i{width:9px;height:9px;border-radius:2px;background:var(--miter-a)}.miter-legend span+span i{background:var(--miter-b)}.miter-board .formula-message{font-size:12px;line-height:1.7;margin:10px 0 0;min-height:0}.miter-board .formula-message:empty{display:none}.miter-result{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px}.miter-result>div>span{font-size:12px;color:#5c728b}.miter-result>div>div{display:flex;gap:4px;align-items:baseline;margin-top:3px;color:#245f98}.miter-result output{font:600 40px var(--workbook-digits,inherit);font-variant-numeric:tabular-nums;letter-spacing:-.045em}.miter-result>div>div>b{font-size:22px;font-weight:400}.miter-result>div>div>small{font-size:12px;color:#61788f;margin-left:8px}.miter-bevel{display:flex;flex-direction:column;align-items:flex-end;gap:4px;border-left:1px solid #dce5ee;padding-left:20px}.miter-bevel b{font:500 21px var(--workbook-digits,inherit);color:#405973}.miter-bevel small{font-size:10px;color:#62778b}.miter-zero-note{font-size:11px;line-height:1.6;color:#62758a;margin:7px 0 16px}.miter-setup{display:flex;align-items:center;gap:8px;border-block:1px solid #e0e7ef;padding:7px 0;margin-bottom:18px}.miter-setup svg{width:59px;height:53px;flex:none}.miter-setup p{font-size:12px;line-height:1.65;color:#5c6e82;margin:0}.miter-setup strong{display:block;font-weight:600;color:#354e67;margin-bottom:2px}.miter-setup p span{display:block}.miter-cut-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.miter-cut-heading h2{font-size:14px;font-weight:600;color:#344b64}.miter-cut-heading>span{font-size:10px;color:#67788a}.miter-cuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.miter-cut{padding:12px 10px 7px;border:1px solid #dce6f0;border-radius:11px;background:#fff;min-width:0;color:var(--miter-a)}.miter-cut-b{color:var(--miter-b);border-color:#e6ded4}.miter-cut h3{font-size:12px;font-weight:500}.miter-cut p{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;margin:6px 0 7px}.miter-cut svg{width:100%;display:block;overflow:visible}.miter-cut text{font-size:11px;fill:#607285}.miter-cut #miter-keep-a{fill:#deebf8;stroke:#27659b}.miter-cut #miter-keep-b{fill:#f4e7d8;stroke:#987045}.miter-cut #miter-keep-label-a{fill:var(--miter-a)}.miter-cut #miter-keep-label-b{fill:var(--miter-b)}.miter-scope{font-size:12px;line-height:1.8;color:#63758a;margin:14px 0}.miter-range-note{font-size:12px;line-height:1.7;color:#8e622f;background:#fff7e9;border-radius:8px;padding:10px 12px;margin:10px 0}.miter-board .formula-bottom{border-color:#dfe6ee}.miter-board .formula-bottom>span{font-size:10px;color:#65778c}.miter-board .formula-copy{font-size:12px}.miter-reference{padding:16px 2px 0;color:#607184;font-size:12px;line-height:1.85}.miter-reference summary{font-weight:500;cursor:pointer;min-height:32px}.miter-reference p{margin:8px 0}.miter-reference a{color:#225e96;text-decoration:underline;text-underline-offset:3px}.miter-page [hidden]{display:none!important}.miter-page button:focus-visible,.miter-reference summary:focus-visible{outline:2px solid #2468d8;outline-offset:3px}.miter-copy-fallback{white-space:pre-wrap;user-select:text;font:inherit;color:#405973;padding:8px;border:1px solid #c5d5e4;border-radius:6px}.miter-page[data-state=incomplete] .miter-assembly,.miter-page[data-state=invalid] .miter-assembly{display:none}
@media(min-width:1051px){.formula-tools:has([data-formula-tool="miter"]){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.miter-page{max-width:540px}.miter-page .formula-heading{margin-bottom:14px}.miter-page .formula-heading h1{font-size:25px}.miter-page .formula-heading p{font-size:12px;margin-top:6px}.miter-page .formula-eyebrow{margin-bottom:5px}.miter-board{padding:14px 14px 8px;border-radius:17px}.miter-corners{margin-bottom:14px;gap:7px}.miter-corners button{font-size:13px;gap:7px;padding-inline:7px}.miter-corners small{font-size:10px}.miter-entry label{font-size:14px}.miter-entry p{font-size:11px}.miter-angle-wrap{width:94px;padding:3px 9px}.miter-angle-wrap input{font-size:19px;min-height:38px}.miter-angle-help{font-size:11px;margin-block:8px 10px}.miter-visual-caption{padding:10px 9px 0;font-size:10px}.miter-visual-caption>span:last-child{font-size:9px}.miter-legend{font-size:11px;gap:18px;margin-bottom:10px}.miter-result{margin-top:15px}.miter-result output{font-size:34px}.miter-result>div>div>small{font-size:10px;margin-left:4px}.miter-result>div>span{font-size:11px}.miter-bevel{padding-left:12px}.miter-bevel b{font-size:19px}.miter-setup p{font-size:11px}.miter-setup svg{width:47px}.miter-cut{padding:10px 8px 5px}.miter-cut h3{font-size:11px}.miter-cut p{font-size:17px}.miter-cut-heading h2{font-size:13px}.miter-cuts{gap:8px}.miter-scope{font-size:11px}.miter-zero-note{font-size:10px}.miter-cut svg{min-height:70px}.miter-reference{font-size:11px}}

.miter-view-note{font-size:10px;color:#64778b;text-align:center;margin:8px 0 0;line-height:1.6}

/* Crown extension: flat cutting, wall-referenced spring angle. */
.miter-modes{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;border-radius:12px;background:#edf1f6;margin-bottom:14px}.miter-modes button{min-height:48px;border:0;background:transparent;border-radius:9px;color:#65768a;font:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:8px}.miter-modes button[aria-pressed=true]{background:#fff;color:#245f98;box-shadow:0 1px 4px #263a5010}.miter-modes small{display:block;font-size:10px;font-weight:400;margin-top:3px}.crown-spring{border:1px solid #e3dfd6;border-radius:12px;background:#fffdf9;padding:13px 14px;margin:14px 0}.crown-spring-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.crown-spring-heading label{font-size:14px;font-weight:600;color:#40566c}.crown-spring-heading>span{font-size:10px;color:#7c827f}.crown-spring-body{display:flex;align-items:center;justify-content:space-around;gap:12px}.crown-spring-body>svg{width:160px;max-width:55%;height:144px;flex-shrink:1}.crown-spring-body text{font-size:12px;fill:#5b6f80}.crown-spring-body #crown-profile-angle{font-size:14px;fill:#27659b;paint-order:stroke;stroke:#fffdf9;stroke-width:4px;stroke-linejoin:round}.crown-spring-controls{display:flex;flex-direction:column;align-items:center;gap:8px}.crown-spring-controls .miter-angle-wrap{width:105px}.crown-spring-controls>span{font-size:10px;color:#7b858e}.crown-presets{display:flex;gap:6px;width:100%}.crown-presets button{flex:1;min-height:34px;border:1px solid #dce2e7;background:#fff;border-radius:7px;color:#63788b;font:500 12px var(--workbook-digits,inherit);cursor:pointer}.crown-presets button[aria-pressed=true]{border-color:#a2b9cd;color:#245f98;background:#edf4fa}.crown-spring>p{font-size:11px;line-height:1.7;color:#6e7a87;margin:0}.miter-page[data-miter-mode=crown] .miter-result>div{min-width:0}.miter-page[data-miter-mode=crown] .miter-result>div>div>small{display:none}.miter-page[data-miter-mode=crown] .miter-bevel b{font-size:32px;font-weight:600;letter-spacing:-.045em;color:#896039}.miter-page[data-miter-mode=crown] .miter-bevel small{font-size:9px}.crown-cut-label{display:block;font-size:10px;color:#718498;margin-top:12px}.miter-cut .crown-cut-label+p{margin-top:3px}.crown-bevel-cut{border-top:1px solid #e7ecf1;margin-top:4px;padding-top:10px}.crown-bevel-cut>span{font-size:10px;color:#718498}.crown-bevel-cut>p{font-size:17px;margin-top:3px}.miter-cut .crown-bevel-cut svg{min-height:0}.crown-bevel-cut text{font-size:10px}.miter-bevel span{text-align:right}
@media(max-width:600px){.miter-modes{margin-bottom:11px}.miter-modes button{font-size:13px}.crown-spring{padding:11px 10px}.crown-spring-heading label{font-size:13px}.crown-spring-body>svg{height:131px}.crown-spring-controls .miter-angle-wrap{width:94px}.crown-spring>p{font-size:10px}.miter-page[data-miter-mode=crown] .miter-result output{font-size:29px}.miter-page[data-miter-mode=crown] .miter-bevel b{font-size:27px}.miter-page[data-miter-mode=crown] .miter-result{gap:8px}.miter-page[data-miter-mode=crown] .miter-bevel{padding-left:10px}.miter-page[data-miter-mode=crown] .miter-cut p{font-size:15px}.miter-page[data-miter-mode=crown] .miter-setup{gap:6px}.miter-page[data-miter-mode=crown] .miter-setup svg{width:43px}.crown-bevel-cut>p{font-size:15px}}
/* Independent language and dimension units; shared preference with cabinet planner. */
.formula-display-options{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px}.formula-display-options>div{display:flex;gap:2px;padding:3px;background:#edf2f7;border:1px solid #dde5ed;border-radius:9px}.formula-display-options button{font:inherit;font-size:12px;line-height:1.25;min-height:32px;padding:6px 11px;border:0;border-radius:6px;color:#62758c;background:transparent;cursor:pointer}.formula-display-options button[aria-pressed=true]{color:#245e9a;background:#fff;box-shadow:0 1px 3px #29486a16}.formula-display-options button:focus-visible{outline:2px solid #2867ad;outline-offset:2px}
[data-formula-language=en] .formula-tool-picker label{flex-shrink:0}[data-formula-language=en] .formula-heading p{max-width:46ch}[data-formula-language=en] .triangle-field-heading span{font-size:11px}[data-formula-language=en] .triangle-field-heading small{font-size:9px;line-height:1.25}[data-formula-language=en] .triangle-angle label{font-size:10px}[data-formula-language=en] .triangle-side-name{font-size:11px}[data-formula-language=en] .miter-cut h3{font-size:13px}[data-formula-language=en] .miter-cut svg text{font-size:10px}[data-formula-language=en] .crown-spring-body svg text{font-size:10px}[data-formula-language=en] .formula-bottom{gap:12px}[data-formula-language=en] .formula-bottom>span{min-width:0;overflow-wrap:anywhere}[data-formula-language=en] .formula-copy{flex-shrink:0}
@media(max-width:600px){.formula-display-options{margin-bottom:10px;gap:6px}.formula-display-options button{padding:6px 10px;min-height:34px}[data-formula-language=en] .formula-heading h1{font-size:25px}[data-formula-language=en] .triangle-options{gap:8px;flex-wrap:wrap}[data-formula-language=en] .triangle-angle-toggle{font-size:11px}[data-formula-language=en] .triangle-precision{gap:3px;font-size:11px}[data-formula-language=en] .triangle-precision button{font-size:10px;padding-inline:5px}[data-formula-language=en] .triangle-precision button:not(:first-of-type){max-width:68px}[data-formula-language=en] .ellipse-guide-tabs button{font-size:11px;padding-inline:7px}[data-formula-language=en] .spacing-ends button span{font-size:11px}[data-formula-language=en] .miter-modes button{font-size:12px}[data-formula-language=en] .cut-section-title{gap:8px}[data-formula-language=en] .cut-section-title small{max-width:50%;text-align:right}}