/* The allowance and its price stay in one stable, readable space. */
.salkku-calc { display:grid; grid-template-columns:minmax(200px, .9fr) minmax(0, 1.3fr); gap:24px 40px; color:inherit; }
.salkku-calc__choice label { display:block; font-size:18px; font-weight:600; line-height:1.4; margin-bottom:12px; }
.salkku-stepper { display:flex; align-items:stretch; width:248px; max-width:100%; min-height:60px; border:2px solid currentColor; border-radius:14px; overflow:hidden; }
.salkku-stepper input { min-width:0; width:100%; padding:8px 4px; border:0; border-radius:0; text-align:center; background:transparent; color:inherit; font-family:inherit; font-size:26px; font-weight:600; line-height:1.3; font-variant-numeric:tabular-nums; }
.salkku-stepper [hidden], [data-salkku-recalculate][hidden] { display:none!important; }
.salkku-stepper button { flex:0 0 52px; padding:0; border:0; background:transparent; color:inherit; font-size:28px; cursor:pointer; }
.salkku-stepper button:disabled { opacity:.35; cursor:default; }
.salkku-stepper button:hover:not(:disabled) { background:rgba(31,77,71,.09); }
.salkku-stepper :focus-visible { outline:3px solid #0B57B0; outline-offset:-4px; }
.salkku-calc.is-enhanced input { appearance:textfield; -moz-appearance:textfield; }
.salkku-calc.is-enhanced input::-webkit-inner-spin-button { appearance:none; }
.salkku-calc__result { align-self:end; min-width:0; }
.salkku-calc__annual { margin:0; font-size:26px; line-height:1.25; font-variant-numeric:tabular-nums; white-space:nowrap; }
.salkku-calc__annual strong { font-family:var(--lp-display, var(--font-ui, inherit)); font-size:clamp(36px,4vw,56px); font-weight:600; letter-spacing:-.035em; }
.salkku-calc__annual > strong + span { margin-left:.15em; }
.salkku-calc__period { display:block; font-size:17px; font-weight:500; margin-top:5px; }
.salkku-calc__monthly { margin:10px 0 0; min-height:3em; font-size:16px; line-height:1.5; max-width:27em; }
.salkku-calc__formula { grid-column:1/-1; margin:0; max-width:54ch; font-size:16px; line-height:1.55; }
.salkku-offer { padding:clamp(26px,4vw,52px); margin-top:20px; border-radius:24px; background:var(--jakala,#DDE7D7); color:var(--kuusi,#1F4D47); }
.salkku-offer__head { display:grid; grid-template-columns:1fr 1.3fr; gap:20px 40px; margin-bottom:32px; }
.salkku-offer h2 { margin:0 0 8px; font:600 clamp(30px,4vw,44px)/1.1 var(--lp-display,inherit); letter-spacing:-.03em; }
.salkku-offer__head p { margin:0; max-width:38ch; font-size:18px; line-height:1.5; }
.salkku-offer__actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin-top:26px; }
.salkku-offer__trial { font-size:15px; line-height:1.5; max-width:29ch; margin:0; }
.salkku-offer details { margin-top:24px; font-size:16px; line-height:1.6; }
.salkku-offer summary { cursor:pointer; min-height:44px; padding:10px 0; font-weight:600; }
.salkku-offer details p { max-width:65ch; margin:0 0 12px; }
.salkku-billing { padding:24px; border:1px solid var(--color-border-control,#79847B); border-radius:16px; margin-top:20px; }
.salkku-billing:has(#plan_salkku:not(:checked)) .salkku-calc { opacity:.65; }
.salkku-billing .salkku-calc { margin-top:24px; }
.salkku-signup { padding:16px; border-left:4px solid #1F4D47; background:#E5ECDD; color:#14231F; font-size:16px; line-height:1.5; }
@media (max-width:650px) {
 .salkku-calc,.salkku-offer__head { grid-template-columns:minmax(0,1fr); gap:22px; }
 .salkku-offer__head { margin-bottom:26px; }
 .salkku-calc__annual strong { font-size:42px; }
 .salkku-calc__monthly { min-height:3em; }
 .salkku-stepper { width:100%; }
 .salkku-offer__actions { align-items:stretch; flex-direction:column; }
 .salkku-offer__actions .lp-btn { width:100%; }
 .salkku-offer__trial { max-width:none; }
}