.calc{--field-line:var(--line-strong);align-items:start;gap:32px;display:grid}@media (width>=1024px){.calc{grid-template-columns:repeat(12,minmax(0,1fr));gap:40px}.calc-left{grid-column:span 5}.calc-right{grid-column:span 7}}.calc-left,.calc-right,.calc-inputs{flex-direction:column;min-width:0;display:flex}.calc-left{gap:28px}.calc-inputs{gap:14px}.calc-right{gap:20px}.calc-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.calc-field,.calc-name{flex-direction:column;gap:8px;min-width:0;display:flex}.calc-label{font-size:.9375rem;font-weight:600}.calc-text,.calc-input{font:inherit;height:var(--tap);border:1.5px solid var(--field-line);border-radius:var(--radius-control);background:var(--bg);width:100%;min-width:0;color:var(--text);padding:0 14px;font-size:1.0625rem}.calc-amount{border:0;align-items:center;gap:10px;min-width:0;margin:0;padding:0;display:flex}.calc-step{flex:0 0 var(--tap);width:var(--tap);height:var(--tap);font:inherit;color:var(--sea);background:var(--bg);border:1.5px solid var(--field-line);border-radius:var(--radius-control);cursor:pointer;padding:0;font-size:1.375rem}.calc-input-wrap{flex:auto;min-width:0;position:relative}.calc-input{font-variant-numeric:tabular-nums;background:var(--surface);border-color:#0000;padding-left:30px;font-size:1.1875rem;font-weight:600}.calc-input:focus-visible,.calc-text:focus-visible{border-color:var(--sea)}.calc-pound{color:var(--text-muted);pointer-events:none;font-size:1.1875rem;font-weight:600;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.calc-note,.calc-disclaimer{color:var(--text-muted);font-size:.875rem;line-height:1.6}.calc-right{font-variant-numeric:tabular-nums}.calc-total{background:var(--band);color:var(--on-band);border-radius:var(--radius-card);flex-direction:column;gap:16px;padding:24px 20px;display:flex}@media (width>=768px){.calc-total{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px}}.calc-total-text{flex-direction:column;gap:4px;min-width:0;display:flex}.calc-total-label{color:var(--on-band-muted);font-size:.9375rem}.calc-total-figure{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(2rem,1.6rem + 1.6vw,2.5rem);font-weight:600;line-height:1.1}.calc-legend{color:var(--on-band-muted);flex-wrap:wrap;gap:8px 18px;font-size:.9375rem;display:flex}.calc-legend>span{align-items:center;gap:8px;display:flex}.calc-swatch{border-radius:var(--radius-chip);flex:none;width:14px;height:14px}.calc-swatch-a{background:var(--sea);box-shadow:0 0 0 1.5px var(--on-band)}.calc-swatch-b{background:var(--coral)}.calc-scenario{background:var(--surface);border-radius:var(--radius-card);flex-direction:column;gap:14px;padding:20px;display:flex}.calc-scenario-sun{background:var(--tint-sun)}@media (width>=768px){.calc-scenario{padding:24px 28px}}.calc-scenario-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;display:flex}.calc-scenario-text{flex-direction:column;flex:240px;gap:4px;min-width:0;display:flex}.calc-scenario h3{font-size:1.25rem;line-height:1.25}.calc-scenario p{color:var(--text-muted);font-size:.9375rem;line-height:1.5}.calc-tag{background:var(--bg);border-radius:var(--radius-chip);flex:none;padding:5px 9px;font-size:.8125rem;font-weight:600}.calc-bar{border-radius:7px;height:14px;display:flex;overflow:hidden}.calc-bar-a{background:var(--sea)}.calc-bar-b{background:var(--coral)}.calc-shares{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:1.0625rem;display:flex}.calc-shares span{overflow-wrap:anywhere}.calc-diff{letter-spacing:-.015em;min-height:1.4em;padding:4px 0;font-size:1.25rem;font-weight:600;line-height:1.4}.calc-cta{background:var(--tint-sea);border-radius:var(--radius-card);flex-direction:column;gap:16px;padding:24px 20px;display:flex}@media (width>=768px){.calc-cta{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px}}.calc-cta-text{flex-direction:column;gap:4px;display:flex}.calc-cta-title{font-size:1.1875rem;font-weight:600}.calc-cta-sub{color:var(--text-muted);font-size:.9375rem}.calc-cta-btn{min-height:var(--tap);border-radius:var(--radius-control);background:var(--sea);color:var(--on-sea);text-align:center;flex:none;justify-content:center;align-items:center;padding:0 24px;font-size:1.0625rem;font-weight:600;text-decoration:none;display:inline-flex}.calc-input-suffix{padding-left:14px;padding-right:40px}.calc-unit{color:var(--text-muted);pointer-events:none;font-size:1rem;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.calc-diff p+p{margin-top:8px}.calc-choice{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.calc-choice legend{margin-bottom:8px;padding:0}.calc-hint{color:var(--text-muted);font-size:.875rem;line-height:1.5}.calc-choice-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.calc-radio{min-height:var(--tap);border:1.5px solid var(--field-line);border-radius:var(--radius-control);background:var(--bg);cursor:pointer;align-items:center;gap:10px;padding:0 14px;font-weight:600;display:flex}.calc-radio:has(input:checked){background:var(--tint-sea);border-color:var(--sea)}.calc-radio:has(input:focus-visible){outline:3px solid var(--focus,var(--sea));outline-offset:2px}.calc-radio input{width:20px;height:20px;accent-color:var(--sea);margin:0}.calc-table{border-collapse:collapse;width:100%;font-size:.9375rem}.calc-table th,.calc-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:10px 6px;font-weight:400}.calc-table thead th,.calc-table tfoot th{font-weight:600}.calc-table td:last-child,.calc-table thead th:last-child{text-align:right}.calc-table tfoot td,.calc-table tfoot th{border-bottom:0;font-weight:600}.calc-scenario>.calc-scenario-text{flex:0 auto}.calc-table td,.calc-table thead th:not(:first-child),.calc-table tfoot td{white-space:nowrap;overflow-wrap:normal}.calc-table th[scope=row]{overflow-wrap:break-word}
