/* Standalone calculator (no app shell). Reuses .demo-chart, .wi-delta, .dchip styles from styles.css */
.cx{padding-block:32px 24px;display:flex;flex-direction:column;gap:28px}
@media (min-width:1024px){.cx{padding-block:56px 32px}}
.cx-head{display:flex;flex-direction:column;gap:10px;max-width:640px}
.cx-head h1{font-size:40px}@media (min-width:1024px){.cx-head h1{font-size:52px}}
.cx-grid{display:grid;gap:20px;align-items:start}
@media (min-width:1024px){.cx-grid{grid-template-columns:400px 1fr;gap:32px}.cx-out{position:sticky;top:88px}}
.cx-ctrl{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:22px}
.cx-f{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline}
.cx-f label{font-weight:600;font-size:15px}
.cx-f output{font:700 20px var(--display);color:var(--ink)}
.cx-f input{grid-column:1/-1}
.cx-f small{grid-column:1/-1;font-size:13px;color:var(--muted);margin-top:-4px}
input[type=range]{accent-color:var(--brand)}
.cx-dec{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cx-dec legend{font-weight:600;font-size:15px;padding:0;margin-bottom:10px;display:flex;flex-direction:column;gap:2px}
.cx-dec legend span{font-weight:400;font-size:13px;color:var(--muted)}
.cx-chips{display:flex;flex-wrap:wrap;gap:8px}
.cx-chips button{display:inline-flex;gap:8px;align-items:center}
.cx-chips em{font-style:normal;font-size:12px;font-weight:600;opacity:.8}
.cx-out{display:flex;flex-direction:column;gap:16px}
.cx-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:14px}
@media (min-width:640px){.cx-card{padding:32px}}
.cx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.cx-age{display:flex;align-items:baseline;gap:10px}
.cx-age b{font:700 84px/1 var(--display);letter-spacing:-.04em;color:var(--ink)}
@media (min-width:1024px){.cx-age b{font-size:104px}}
.cx-age span{font:600 20px/1 var(--display);color:var(--ink-2)}
.cx-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:14px}
.cx-facts div{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted)}
.cx-facts b{font:700 18px var(--display);color:var(--ink)}
.cx-save{display:flex;flex-direction:column;gap:14px;background:var(--mint);border-radius:var(--r-lg);padding:20px 24px}
@media (min-width:640px){.cx-save{flex-direction:row;align-items:center;justify-content:space-between}}
.cx-save b{display:block;font-family:var(--display);font-size:18px}.cx-save span{font-size:14px;color:var(--ink-2)}
.cx-save .btn{white-space:nowrap}
.disc{font-size:13px;color:var(--muted)}
.calcpage .ftr{margin-top:48px}