.calc{gap:var(--s-7) clamp(32px, 5vw, 72px);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-feature);flex-wrap:wrap;padding:clamp(24px,4.5vw,56px);display:flex}.calc .inputs{flex-direction:column;flex:3 380px;gap:26px;min-width:0;display:flex}.calc .results{flex-direction:column;flex:2 320px;gap:20px;min-width:0;display:flex}.calc .field[hidden]{display:none}.calc label,.calc legend{color:var(--c-ink);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.calc fieldset{border:0;min-width:0;margin:0;padding:0}.calc .control{border-radius:var(--r-control);border:1px solid var(--c-line-strong);background:var(--c-surface);align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.calc .control:focus-within{border:2px solid var(--c-violet);box-shadow:var(--ring);padding:0 13px}.calc .control input{min-width:0;font:500 16px var(--font-sans);color:var(--c-ink);background:0 0;border:0;outline:none;flex:1}.calc .unit{font:13px var(--font-mono);color:var(--c-muted);white-space:nowrap}.calc select{border-radius:var(--r-control);border:1px solid var(--c-line-strong);background:var(--c-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235B5675' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;width:100%;height:46px;font:15px var(--font-sans);color:var(--c-ink);padding:0 40px 0 14px}.calc select:focus{border:2px solid var(--c-violet);box-shadow:var(--ring);outline:none}.calc .segments{background:var(--c-segment);border-radius:var(--r-control);gap:6px;padding:4px;display:flex}.calc .segments label{flex:1;margin:0}.calc .segments input{opacity:0;pointer-events:none;position:absolute}.calc .segments span{text-align:center;min-height:40px;color:var(--c-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;font-weight:500;display:flex}.calc .segments input:checked+span{background:var(--c-surface);color:var(--c-ink);box-shadow:var(--shadow-seg);font-weight:600}.calc .segments input:focus-visible+span{outline:2px solid var(--c-violet);outline-offset:1px}.calc .help{color:var(--c-muted);margin:8px 0 0;font-size:13px}.calc .actions{gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.calc .tile{border-radius:var(--r-tile);flex-direction:column;gap:2px;padding:22px;display:flex}.calc .tile.neutral{background:var(--c-bg);border:1px solid var(--c-line)}.calc .placeholder{gap:var(--s-3);color:var(--c-text)}.calc .placeholder p{margin:0;font-size:15px}.calc .callout.error{background:var(--c-danger-100);color:var(--c-danger-ink);font-weight:600}.calc .out{flex-direction:column;gap:20px;display:flex}.calc .out[hidden],.calc [data-error][hidden],.calc [data-placeholder][hidden]{display:none}.calc .primary{background:var(--c-violet-100)}.calc .primary .lab{color:var(--c-text);font-size:14px}.calc .primary .big{font-family:var(--font-display);letter-spacing:-.03em;color:var(--c-violet-tile);font-size:clamp(40px,5vw,52px);font-weight:500;line-height:1.05}.calc .primary .big.text{font-size:clamp(26px,3vw,34px);line-height:1.15}.calc .primary small{letter-spacing:0;color:var(--c-violet-ink);font-size:.45em}.calc .secondary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.calc .secondary:empty{display:none}.calc .secondary .tile:first-child{background:var(--c-blue-100)}.calc .secondary .tile:first-child .val{color:var(--c-blue-tile)}.calc .secondary .tile:not(:first-child){background:var(--c-bg);border:1px solid var(--c-line)}.calc .secondary .val{font-family:var(--font-display);color:var(--c-ink);font-size:26px;font-weight:500;line-height:1.15}.calc .secondary .lab{color:var(--c-text);font-size:13px}.calc .secondary .val.text{font:600 17px/1.3 var(--font-sans);letter-spacing:0}@media (width>=900px){.calc .results{top:var(--s-5);align-self:flex-start;position:sticky}}.calc .warnings{gap:var(--s-2);flex-direction:column;display:flex}.calc .warnings:empty{display:none}.calc .visual{color:var(--c-ink);margin:0}.calc .visual svg{width:100%;max-height:9rem;display:block}.calc .visual svg.scale{max-width:420px;max-height:none;margin:0 auto}.calc .visual svg.fit{width:auto;max-width:100%;height:4.5rem}.calc .visual p{color:var(--c-text);margin:6px 0 0;font-size:14px}.calc .visual .drop{animation:drip var(--drip) linear infinite}@keyframes drip{0%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(70px)}to{opacity:0;transform:translateY(74px)}}@media (prefers-reduced-motion:reduce){.calc .visual .drop{animation:none}}.calc .next-steps{border-radius:var(--r-tile);background:var(--c-panel);flex-direction:column;gap:10px;padding:20px 22px;font-size:14px;display:flex}.calc .next-steps span{letter-spacing:1px;text-transform:uppercase;color:var(--c-violet-ink);font-size:12px;font-weight:600}.calc .next-steps a{font-weight:600;text-decoration:none}.calc .next-steps a:hover{text-decoration:underline}.calc .working{background:var(--c-ink);border-radius:var(--r-tile);color:#fff;flex-basis:100%;overflow:hidden}.calc .working[hidden]{display:none}.calc .working .bar{justify-content:space-between;align-items:center;gap:var(--s-2);border-bottom:1px solid var(--c-code-line);font:13px var(--font-mono);color:var(--c-on-dark-muted);flex-wrap:wrap;padding:10px 16px;display:flex}.calc .working button{color:#fff;min-height:32px;font:13px var(--font-sans);cursor:pointer;background:0 0;border:1px solid #3a3462;border-radius:8px;padding:0 12px}.calc .working button:hover{border-color:#a99bff}.calc .working ol{flex-direction:column;gap:16px;margin:0;padding:24px 28px 24px 52px;display:flex}.calc .working li::marker{color:#a99bff;font-family:var(--font-mono)}.calc .working li span{color:var(--c-on-dark-muted);font-size:14px;display:block}.calc .working li code{color:#fff;white-space:normal;word-break:break-word;background:0 0;margin-top:2px;padding:0;font-size:15px;line-height:1.6;display:block}.calc-note{color:var(--c-muted);margin:var(--s-4) 0 0;max-width:720px;font-size:13px}.page[data-astro-cid-nl4osuqc]{padding-top:var(--s-6);padding-bottom:var(--s-8)}.head[data-astro-cid-nl4osuqc]{margin:var(--s-6) 0 var(--s-7);flex-direction:column;gap:20px;display:flex}.pills[data-astro-cid-nl4osuqc]{gap:var(--s-2);flex-wrap:wrap;display:flex}.lead[data-astro-cid-nl4osuqc]{color:var(--c-text);max-width:720px;margin:0;font-size:19px;line-height:1.6}.meta[data-astro-cid-nl4osuqc]{color:var(--c-muted);font-size:14px}.howto-band[data-astro-cid-nl4osuqc]{margin-top:var(--s-7);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-feature);padding:clamp(24px,4vw,48px)}.howto-band[data-astro-cid-nl4osuqc] .howto{gap:var(--s-6) var(--s-8);max-width:1040px;margin:0 auto}.howto-band[data-astro-cid-nl4osuqc] .howto-art{flex-basis:280px;max-width:380px}.docs[data-astro-cid-nl4osuqc]{gap:var(--s-7);margin-top:var(--s-8);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}@media (width<=960px){.docs[data-astro-cid-nl4osuqc]{grid-template-columns:1fr}.toc[data-astro-cid-nl4osuqc]{display:none}}