.frame-calculator{--frame-border:#d5dfed}.frame-calculator .calculator-workspace{border:1px solid var(--frame-border);background:#fff;border-radius:1.25rem;gap:2rem;padding:clamp(1rem,3vw,2rem);box-shadow:0 2px 4px #11182708,0 8px 24px #1d4ed80d}.frame-eyebrow,.frame-position-label{color:#1d4ed8;text-transform:uppercase;letter-spacing:.09em;font-size:.6875rem;font-weight:750}.frame-calculator fieldset{border:0;min-width:0;margin:1rem 0;padding:0}.frame-calculator legend{margin-bottom:.5rem;font-weight:700}.frame-units{flex-wrap:wrap;gap:1rem;display:flex}.frame-units label{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;display:flex}.frame-units input{accent-color:#2563eb;width:18px;height:18px}.frame-height{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.frame-calculator .button{border-radius:.75rem;min-height:48px}.frame-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.frame-guide{border:1px solid var(--frame-border);border-radius:.875rem;margin-block:1rem}.frame-guide summary{cursor:pointer;min-height:48px;padding:.875rem;font-weight:650}.frame-guide-body{padding:0 1rem 1rem;font-size:.875rem}.frame-guide svg{width:100%;max-width:260px;height:auto;margin:auto;display:block}.frame-guide ol{padding-left:1.25rem}.frame-guide li+li{margin-top:.5rem}.frame-primary{background:#eff6ff;border:1px solid #cbdcf4;border-radius:1.125rem;height:100%;min-height:33rem;padding:clamp(1rem,2vw,1.5rem)}.frame-primary h2{color:#1d4ed8;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.frame-result-label{color:#1d4ed8;letter-spacing:-.035em;margin:1.5rem 0 .75rem;font-size:clamp(2.25rem,4vw,3rem);font-weight:750;line-height:1.15}.frame-result-label.frame-unavailable{font-size:clamp(1.5rem,3vw,2rem)}.frame-primary h3{margin-top:1.5rem;font-size:1rem}.frame-primary p:not(.frame-result-label,.frame-position-label){font-size:.875rem}.frame-placeholder{min-height:13rem}.frame-placeholder>span{color:#93b4ef;margin-top:2rem;font-size:3rem;display:block}.frame-transparency{color:#475569;border-top:1px solid #cbdcf4;margin-top:1.5rem;padding-top:1rem}.frame-gauge{margin:1.5rem 0}.frame-gauge-legend{justify-content:space-between;gap:.5rem;font-size:.75rem;font-weight:650;display:flex}.frame-gauge-legend span{align-items:center;gap:.25rem;display:flex}.frame-gauge-legend i{background:#dbeafe;border:1px solid #64748b;border-radius:50%;width:.5rem;height:.5rem}.frame-gauge-legend span:nth-child(2) i{background:#60a5fa}.frame-gauge-legend span:nth-child(3) i{background:#1d4ed8}.frame-gauge-plot{height:3rem;margin:1.25rem .75rem 0;position:relative}.frame-gauge-track{border:1px solid #94a3b8;border-radius:99px;height:.875rem;position:absolute;inset:0 0 auto}.frame-gauge-marker{background:#0f172a;width:3px;height:1.875rem;position:absolute;top:-.5rem;transform:translate(-50%);box-shadow:0 0 0 2px #fff}.frame-gauge-marker:before{content:"";background:#0f172a;width:9px;height:9px;position:absolute;top:-4px;left:-3px;transform:rotate(45deg)}.frame-gauge-cutoff{white-space:nowrap;color:#334155;font-size:.625rem;position:absolute;top:1.625rem;transform:translate(-50%)}.frame-gauge-cutoff.frame-gauge-lower{transform:translate(-100%)}.frame-gauge-cutoff.frame-gauge-upper{transform:none}.frame-gauge figcaption{color:#475569;margin-top:.5rem;font-size:.75rem}.frame-position{font-weight:650}.frame-details{border:1px solid var(--frame-border);background:#fff;border-radius:1.125rem;margin-top:1.5rem;padding:clamp(1rem,3vw,1.5rem)}.frame-details h2{font-size:1.375rem}.frame-details dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.5rem;display:grid}.frame-details dt{color:#475569;font-size:.75rem}.frame-details dd{margin:.25rem 0 0;font-size:1.125rem;font-weight:650}.frame-details dd span{color:#475569;font-size:.875rem;font-weight:400;display:block}.frame-calculator textarea{width:100%}.frame-calculator :focus-visible{outline-offset:3px;outline:3px solid #2563eb}@media (max-width:47.99rem){.frame-primary{min-height:24rem}.frame-details dl{grid-template-columns:1fr}.frame-gauge-plot{margin-inline:1rem}}@media (prefers-reduced-motion:reduce){.frame-calculator *{transition:none!important}}@media (forced-colors:active){.frame-gauge-track{border:1px solid canvastext;background:canvas!important}.frame-gauge-marker,.frame-gauge-marker:before{background:highlight}.frame-gauge-cutoff{color:canvastext}}.frame-reference-scroll{overflow-x:auto}.frame-reference{border-collapse:collapse;width:100%;font-size:.875rem}.frame-reference caption{text-align:left;padding-bottom:.75rem}.frame-reference th,.frame-reference td{text-align:left;border-bottom:1px solid #d5dfed;padding:.75rem .5rem}.frame-reference thead{background:#eff6ff}@media (max-width:25rem){.frame-reference{font-size:.75rem}.frame-reference th,.frame-reference td{padding:.5rem .25rem}}