.calc-panel{border:1px solid var(--on-ink-line);border-radius:var(--r-l);background:var(--screen);gap:22px;margin-top:32px;padding:20px 18px 14px;display:grid}.calc-controls{flex-wrap:wrap;gap:10px;display:flex}.seg{border:1px solid var(--on-ink-line);border-radius:999px;margin:0;padding:3px;display:inline-flex}.seg label{position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{min-height:38px;font-size:var(--t-s);color:var(--on-ink);border-radius:999px;padding:9px 18px;font-weight:600;line-height:20px;transition:background-color .2s,color .2s;display:block}.seg input:checked+span{background:var(--mint);color:var(--ink)}.seg input:focus-visible+span{outline:2px solid var(--paper);outline-offset:2px}.calc-fields{gap:16px;display:grid}.calc-label{font-size:var(--t-s);color:var(--paper);margin-bottom:8px;font-weight:600;display:block}.calc-input{align-items:center;gap:8px;display:flex}.calc-input input{border-radius:var(--r-s);width:100%;min-width:0;min-height:52px;color:var(--paper);font:600 var(--t-xl)/1 Archivo, Helvetica, Arial, sans-serif;font-variant-numeric:tabular-nums;caret-color:var(--mint);background:#f3f2ec0f;border:1px solid #f3f2ec33;flex:1;padding:10px 14px;transition:border-color .2s}.calc-input input::placeholder{font-size:var(--t-b);color:var(--on-ink-muted);font-weight:400}.calc-input input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.calc-input.is-imperial input:first-of-type{flex:0 0 80px}.calc-input span{font-size:var(--t-m);color:var(--on-ink-muted)}[data-units=metric] .is-imperial,[data-units=imperial] .is-metric{display:none}.calc-field.is-invalid input{border-color:#ff8a7a}.calc-error{font-size:var(--t-s);color:#ffb4a8;margin-top:6px}.calc-error:empty{display:none}.calc-result .calc-label{color:var(--mint)}.calc-result strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(56px,14vw,96px);font-weight:800;font-stretch:75%;line-height:.9;display:block}.calc-result p{font-size:var(--t-b);color:var(--on-ink);margin-top:8px}.is-empty [data-calc-target]{display:none}.is-empty [data-calc-range]{font-size:var(--t-l);margin-top:4px;line-height:1.4}.calc-ruler .ruler-scale{height:96px;margin-top:0}.calc-ruler .ruler-scale:before{--step:calc(100% / 70)}.calc-ruler .ruler-mark{left:calc(var(--mark) * 1%)}.calc-ruler .ruler-fill,.calc-ruler .ruler-edge,.calc-ruler .ruler-mark{transition:opacity .3s}.is-empty .calc-ruler .ruler-fill,.is-empty .calc-ruler .ruler-edge,.is-empty .calc-ruler .ruler-mark{opacity:0}.faq-section.calc-faq{padding-top:64px}.calc-notes{font-size:var(--t-s);color:var(--muted);margin-top:20px;line-height:1.6}.calc-notes p+p{margin-top:4px}.calc-notes a{text-underline-offset:3px;text-decoration:underline 1px #12251c40}.calc-notes a:hover{color:var(--green);text-decoration-color:currentColor}@media (width>=700px){.faq-section.calc-faq{padding-top:88px}}.calc-next{border-top:1px solid var(--on-ink-line);margin-top:20px;padding-top:18px}.calc-next p{max-width:40ch;font-size:var(--t-m);color:var(--on-ink);line-height:1.5}.calc-next .store-badges{margin-top:14px}.calc-next .store-badge img{height:48px}.is-empty .calc-next{display:none}.compare-section{padding-block:64px 8px}.compare{border-radius:var(--r-l);background:var(--ink);color:var(--paper);grid-template-columns:minmax(0,1fr);margin-top:36px;display:grid;overflow:hidden}.compare-copy{min-width:0;padding:24px 22px 0}.compare-head,.compare-rows>div{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;display:grid}.compare-head span{font-size:var(--t-s);color:var(--on-ink-muted);font-weight:600}.compare-head span:first-child{display:none}.compare-head span:last-child{color:var(--mint)}.compare-rows{margin:12px 0 0}.compare-rows>div{border-top:1px solid var(--on-ink-line);row-gap:4px;padding:14px 0}.compare-rows dt{font-size:var(--t-b);grid-column:1/-1;font-weight:600}.compare-rows dd{font-size:var(--t-s);margin:0;line-height:1.5}.compare-rows .is-calc{color:var(--on-ink-muted)}.compare-rows .is-app{color:var(--paper)}.compare-copy .store-badges{margin-top:24px}.compare-note{font-size:var(--t-s);color:var(--on-ink);margin-top:14px;line-height:1.5}.compare-shot{aspect-ratio:10/12;place-self:end center;width:min(64%,240px);margin-top:32px;container-type:inline-size}@media (width>=700px){.compare-section{padding-block:88px 8px}.compare-copy{padding:36px}.compare-head,.compare-rows>div{grid-template-columns:150px minmax(0,1fr) minmax(0,1.4fr);column-gap:24px}.compare-head span:first-child{display:block}.compare-rows dt{font-size:var(--t-m);grid-column:auto}.compare-rows dd{font-size:var(--t-m)}}@media (width>=900px){.compare{grid-template-columns:minmax(0,1fr) 300px;column-gap:16px}.compare-shot{aspect-ratio:240/420;justify-self:stretch;width:auto;margin:40px 40px 0 0}}.calc-noscript{font-size:var(--t-m);color:var(--on-ink)}@media (width>=560px){.calc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.calc-panel{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 48px;padding:28px 32px 18px}.calc-controls{grid-area:1/1;align-self:start;align-items:flex-start}.calc-fields{grid-area:2/1;align-self:start}.calc-panel{grid-template-rows:auto 1fr auto}.calc-result{grid-area:1/2/3;align-self:center}.calc-ruler{grid-column:1/-1}}
