.calc-page .article-head,.calc-prose{max-width:var(--main)}.calc-page{padding-top:24px}@media (width>=1100px){.calc-page{padding-top:40px}}.calc{gap:20px;max-width:1040px;margin:8px 0;display:grid}@media (width>=960px){.calc{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:28px}.calc .result{position:sticky;top:24px}}.calc-fields{gap:16px;display:grid}.calc fieldset{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:1fr;gap:16px;min-width:0;margin:0;padding:18px 18px 20px;display:grid}@media (width>=600px){.calc fieldset{grid-template-columns:1fr 1fr;padding:22px 24px 24px}.calc .field.wide{grid-column:1/-1}}.calc legend{float:left;width:100%;font-family:var(--font-display);font-stretch:var(--display-stretch);align-items:center;gap:10px;margin:0;padding:0;font-size:1.15rem;font-weight:750;display:flex}.calc legend+*{clear:both}.calc .step{background:var(--accent);color:#16201c;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.85rem;font-weight:800;display:inline-grid}.calc .field{flex-direction:column;gap:6px;min-width:0;display:flex}.calc .field label{color:var(--ink);font-size:.9rem;font-weight:650;line-height:1.35}.calc input,.calc select{font:500 1.0625rem/1.3 var(--font-body);border-radius:var(--radius-sm);border:1.5px solid var(--field-border);background-color:var(--field-bg);width:100%;min-width:0;min-height:48px;color:var(--ink);font-variant-numeric:tabular-nums;padding:10px 12px}.calc select{-webkit-appearance:none;appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23808a85' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}.calc input:hover,.calc select:hover{border-color:var(--ink)}.calc input:focus-visible,.calc select:focus-visible{outline:3px solid var(--focus);outline-offset:1px;border-color:var(--ink)}.result{--r-ink:#fff;--r-muted:#c9d6cf;--r-line:#ffffff29;--r-ok:#8fe3b8;--r-warn:#ffc94d;color:var(--r-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#123f2e;padding:22px;scroll-margin-top:16px}@media (prefers-color-scheme:dark){.result{background:#17382b;border:1px solid #24503d}}.result p{margin:0}.result .r-label{letter-spacing:.04em;text-transform:uppercase;color:var(--r-muted);font-size:.76rem;font-weight:650}.result .big{font-family:var(--font-display);font-stretch:var(--display-stretch);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:4px 0 18px;font-size:clamp(2rem,1.6rem + 1.6vw,2.5rem);font-weight:800;line-height:1.1}.result .quotes{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.result .quote{border:1px solid var(--r-line);border-radius:var(--radius);padding:12px 14px}.result .quote.is-main{background:#ffffff14;border-color:#ffffff47}.result .q{font-family:var(--font-display);font-stretch:var(--display-stretch);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1.2}.result .r-sub{color:var(--r-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.result .hourly{border-radius:var(--radius-sm);border-left:4px solid var(--r-line);background:#ffffff0f;padding:10px 12px;font-size:.95rem;line-height:1.5}.result .hourly:empty,.result .anchor:empty,.result .r-sub:empty{display:none}.result .hourly[data-state=ok]{border-left-color:var(--r-ok)}.result .hourly[data-state=warn]{border-left-color:var(--r-warn)}.result .warn{color:var(--r-warn)}.result .ok{color:var(--r-ok)}.result .anchor{border-top:1px solid var(--r-line);color:var(--r-muted);margin-top:14px;padding-top:14px;font-size:.86rem;line-height:1.5}.calc-peek{display:none}@media (width<=959px){.calc-peek{z-index:30;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:var(--radius);color:#fff;opacity:0;pointer-events:none;background:#123f2e;align-items:center;gap:12px;max-width:520px;min-height:56px;margin-inline:auto;padding:10px 14px;text-decoration:none;transition:transform .2s,opacity .2s;display:flex;position:fixed;transform:translateY(140%);box-shadow:0 8px 28px #00000047}.calc-peek.is-visible{opacity:1;pointer-events:auto;transform:none}.calc-peek .peek-main{flex-direction:column;line-height:1.15;display:flex}.calc-peek .r-label{letter-spacing:.06em;text-transform:uppercase;color:#c9d6cf;font-size:.7rem;font-weight:650}.calc-peek strong{font-family:var(--font-display);font-stretch:var(--display-stretch);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.calc-peek .peek-hourly{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:650}.calc-peek .peek-hourly[data-state=ok]{color:#8fe3b8}.calc-peek .peek-hourly[data-state=warn]{color:#ffc94d}.calc-peek .peek-go{align-items:center;gap:4px;margin-left:auto;font-size:.85rem;font-weight:650;display:inline-flex}.calc-peek svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.calc-peek{transition:none}}.calc-prose{margin-top:8px}