.fluid-calc{--fluid-ink:var(--ink,#163945);--fluid-muted:var(--muted,#526f79);--fluid-line:var(--line,#d8e4e7);--fluid-accent:var(--accent,#176f83);color:var(--fluid-ink);font:400 1rem/1.65 Inter,system-ui,sans-serif;max-width:1200px;margin-inline:auto;overflow-wrap:anywhere}
.fluid-calc *{box-sizing:border-box}
.fluid-calc [hidden]{display:none!important}
.fluid-calc h2,.fluid-calc h3,.fluid-calc h4,.fluid-calc p,.fluid-calc figure{margin:0}
.fluid-calc h2{font-size:clamp(1.35rem,2.8vw,1.9rem);font-weight:550;letter-spacing:-.03em;line-height:1.25}
.fluid-calc h3{font-size:1.13rem;font-weight:600;line-height:1.4}
.fluid-calc h4{font-size:.94rem;font-weight:650;line-height:1.4;margin-top:24px}
.fluid-calc a{color:var(--fluid-accent);text-underline-offset:.2em}
.fluid-calc__intro{display:grid;gap:14px;margin-block:20px 30px}
.fluid-calc__intro>p{color:var(--fluid-muted);max-width:78ch}
.fluid-calc .fluid-calc__formula{color:var(--fluid-ink);padding:14px 16px;border-left:3px solid var(--fluid-accent);background:#edf5f5;font-size:.96rem;font-variant-numeric:tabular-nums;white-space:pre-wrap;overflow-wrap:anywhere;margin-block:12px}
.fluid-calc__workspace{display:grid;gap:28px;align-items:start}
.fluid-calc form,.fluid-calc fieldset{min-width:0;margin:0;padding:0;border:0}
.fluid-calc legend{font-size:1.13rem;font-weight:600;margin-bottom:12px;padding:0}
.fluid-calc fieldset:disabled{opacity:.72}
.fluid-calc__fields{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-block:18px}
.fluid-calc__field{display:flex;flex-direction:column;gap:6px;min-width:0;margin-block:10px}
.fluid-calc__field label{font-size:.88rem;font-weight:600;line-height:1.45}
.fluid-calc__field label span{display:block;font-size:.78rem;color:var(--fluid-muted);font-weight:400}
.fluid-calc__field :is(input,select){display:block;width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #a8bfc5;border-radius:5px;background:#fff;color:var(--fluid-ink);font:inherit;font-variant-numeric:tabular-nums}
.fluid-calc__field [aria-invalid=true]{border:2px solid #a12b25}
.fluid-calc__field small,.fluid-calc__field-error{font-size:.76rem;line-height:1.55}
.fluid-calc__field small{color:var(--fluid-muted)}
.fluid-calc__field-error{color:#91261f}
.fluid-calc__field-error:empty{display:none}
.fluid-calc__layer{padding-block:14px;border-top:1px solid var(--fluid-line)}
.fluid-calc__layer h3{font-size:.98rem}
.fluid-calc .fluid-calc__help{font-size:.8rem;color:var(--fluid-muted);margin-block:10px}
.fluid-calc__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.fluid-calc button{min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #a8bfc5;border-radius:5px;background:#fff;color:var(--fluid-ink);font:500 .84rem/1.45 Inter,system-ui,sans-serif;text-align:center;cursor:pointer;touch-action:manipulation}
.fluid-calc button.fluid-calc__primary{background:var(--fluid-accent);border-color:var(--fluid-accent);color:white}
.fluid-calc button:hover:not(:disabled){border-color:var(--fluid-accent);box-shadow:0 0 0 1px var(--fluid-accent)}
.fluid-calc button:disabled{opacity:.5;cursor:default}
.fluid-calc :is(input,select,button,a):focus-visible{outline:3px solid #287e99;outline-offset:3px}
.fluid-calc__results{min-width:0;padding:20px 16px;background:#f1f6f6;border:1px solid var(--fluid-line);border-radius:8px}
.fluid-calc [data-fluid-status]{margin-top:12px;font-size:.85rem;line-height:1.55}
.fluid-calc [data-fluid-errors]{color:#91261f;font-size:.83rem}
.fluid-calc [data-fluid-errors]:empty{display:none}
.fluid-calc [data-fluid-csv]{margin-top:18px}
.fluid-calc__table-wrap{max-width:100%;overflow-x:auto;margin-block:16px;overscroll-behavior-inline:contain}
.fluid-calc table{width:100%;border-collapse:collapse;font-size:.78rem;line-height:1.5;text-align:left;font-variant-numeric:tabular-nums}
.fluid-calc caption{text-align:left;font-size:.78rem;color:var(--fluid-muted);padding-bottom:10px;min-width:220px}
.fluid-calc th,.fluid-calc td{padding:10px 8px;border-bottom:1px solid #cbdcde;vertical-align:top}
.fluid-calc th{font-weight:550}
.fluid-calc th:first-child,.fluid-calc td:first-child{padding-left:0}
.fluid-calc td:not(:first-child){white-space:nowrap}
.fluid-calc thead{color:var(--fluid-muted)}
.fluid-calc__reference{font-size:.84rem;padding-left:12px;border-left:3px solid var(--fluid-accent);margin-block:16px!important}
.fluid-calc__warnings{font-size:.81rem;padding:12px 14px;border:1px solid #d7b58a;background:#fff8eb;border-radius:5px;margin-block:18px}
.fluid-calc__warnings h4{margin-top:0}
.fluid-calc__warnings ul{padding-left:18px;margin-block:8px 0}
.fluid-calc__warnings li+li{margin-top:8px}
.fluid-calc__trace{font-size:.8rem;padding-left:21px;line-height:1.85;font-variant-numeric:tabular-nums}
.fluid-calc__trace li+li{margin-top:10px}
.fluid-calc__chart{margin-top:24px!important}
.fluid-calc__chart svg{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--fluid-line);border-radius:5px}
.fluid-calc__chart svg text{font:12px Inter,system-ui,sans-serif;fill:var(--fluid-ink)}
.fluid-calc__chart svg path{fill:none;vector-effect:non-scaling-stroke}
.fluid-calc__grid{stroke:#dce6e8;stroke-width:1}
.fluid-calc__axis{stroke:#6d858d;stroke-width:1}
.fluid-calc__line{stroke:#176f83;stroke-width:2.5;fill:none;vector-effect:non-scaling-stroke}
.fluid-calc__dot{fill:#173a45;stroke:white;stroke-width:2;vector-effect:non-scaling-stroke}
.fluid-calc__chart figcaption{font-size:.74rem;line-height:1.6;color:var(--fluid-muted);margin-top:10px}
.fluid-calc__privacy,.fluid-calc__notice{font-size:.78rem;color:var(--fluid-muted);margin-top:18px!important}
.fluid-calc__notice{padding:14px;border:1px solid var(--fluid-line)}
.fluid-calc__reading{max-width:82ch;margin-top:42px}
.fluid-calc__reading section{padding-block:26px;border-top:1px solid var(--fluid-line)}
.fluid-calc__reading h2{margin-bottom:18px}
.fluid-calc__reading p,.fluid-calc__reading li{font-size:.93rem;line-height:1.8}
.fluid-calc__reading p+p{margin-top:16px}
.fluid-calc__reading ul{padding-left:22px;margin-block:16px 0}
.fluid-calc__reading li+li{margin-top:10px}
.fluid-calc__reading li a{display:inline-block;min-height:32px;padding-block:3px}
.fluid-calc__limits{border-left:3px solid #b07939;padding-left:20px}
@media(min-width:560px){.fluid-calc__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fluid-calc__results{padding:24px}}
@media(min-width:1080px){.fluid-calc__workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}}
@media print{.fluid-calc form,.fluid-calc button,.fluid-calc__privacy{display:none}.fluid-calc__workspace{display:block}.fluid-calc__results{border:0;background:none;padding:0}.fluid-calc__reading section,.fluid-calc figure{break-inside:avoid}.fluid-calc a{color:inherit}.fluid-calc__table-wrap{overflow:visible}}
@media(prefers-reduced-motion:reduce){.fluid-calc *{scroll-behavior:auto}}