.retire-calc{--typography-heading: "Lato", "Segoe UI", sans-serif;--typeography-body: "Carlito", "Calibri", sans-serif;--font-heading: var(--typography-heading);--font-body: var(--typeography-body);--tracking-heading: .08em;--text-xs: 16px;--text-sm: 18px;--text-base: 20px;--text-lg: 22px;--text-xl: 24px;--heading-xxxl: 72px;--heading-xxl: 56px;--heading-xl: 48px;--heading-lg: 32px;--heading-md: 26px;--heading-eyebrow: 24px;--color-pcm-blue: #1e82b9;--color-charcoal: #383a39;--color-dark-blue: #19447a;--color-medium-blue: #2b6c9f;--color-light-blue: #4ebdec;--color-gold: #fdb714;--color-emerald: #248b6d;--color-coastal-green: #1ab585;--color-gray: #9fa4a8;--color-light-gray: #f1f3f4;--color-white: #ffffff;--color-black: #000000;--color-transparent: #ffffff00;--color-border: #d3dae3;--text-heading: var(--color-dark-blue);--text-primary: var(--color-charcoal);--text-secondary: var(--color-gray);--text-on-dark: var(--color-white);--link-default: var(--color-pcm-blue);--link-hover: var(--color-medium-blue);--surface-default: var(--color-white);--surface-muted: var(--color-light-gray);--border-default: var(--color-border);--divider-default: var(--color-light-gray);--state-success: var(--color-emerald);--accent-highlight: var(--color-gold);--h1-font: var(--font-heading);--h2-font: var(--font-heading);--h3-font: var(--font-heading);--h4-font: var(--font-body);--h5-font: var(--font-body);--body-font: var(--font-body)}.retire-calc .h1,.retire-calc h1,.retire-calc .h2,.retire-calc h2,.retire-calc .h3,.retire-calc h3{font-family:var(--font-heading);text-transform:none;letter-spacing:normal;color:var(--text-heading)}.retire-calc body{font-family:var(--font-body);color:var(--text-primary);font-size:var(--text-base)}.retire-calc .btn{display:flex;padding:12px 18px;justify-content:center;align-items:center;gap:8px;font-family:inherit}.retire-calc button{font-family:inherit}.retire-calc .btn-primary{background:#1e83bb;color:var(--color-white)}.retire-calc .btn-primary:hover{background:#2b6c9f}.retire-calc .btn-secondary{background:transparent;border-radius:6px;border:1px solid #1e83bb;color:#1e83bb}.retire-calc .btn-secondary:hover{background:#1e83bb;color:var(--color-white)}.retire-calc *{box-sizing:border-box}.retire-calc{--retire-radius: 12px;--retire-card-border: color-mix(in srgb, var(--color-gray) 38%, white);--retire-track: color-mix(in srgb, var(--color-gray) 42%, white);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);background:var(--surface-default);border-radius:var(--retire-radius)}.retire-calc__header h3{margin:0;font-family:var(--font-heading);font-size:var(--heading-md);color:var(--text-heading)}.retire-calc__header p{margin:0;font-family:var(--font-body);color:var(--text-primary);font-size:var(--text-xs)}.retire-calc__presets{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:20px}.retire-calc--bare .retire-calc__presets{margin-top:0}.retire-calc__preset{border:1px solid var(--retire-card-border);background:var(--surface-default);border-radius:8px;padding:12px;display:flex;gap:10px;align-items:flex-start;text-align:left;color:var(--text-primary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.retire-calc__preset:hover{border-color:var(--color-medium-blue);background:color-mix(in srgb,var(--color-light-blue) 8%,white)}.retire-calc__preset.is-active{border-color:var(--color-pcm-blue);background:color-mix(in srgb,var(--color-light-blue) 12%,white)}.retire-calc__preset-icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color-dark-blue);background:color-mix(in srgb,var(--color-light-blue) 20%,white);flex-shrink:0}.retire-calc__preset-icon svg{width:20px;height:20px}.retire-calc__preset-title{display:block;font-family:var(--font-body);font-weight:700;font-size:var(--text-base)}.retire-calc__preset-copy{display:block;margin-top:2px;color:var(--text-secondary);font-size:var(--text-xs)}.retire-calc__layout{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px}.retire-calc__controls,.retire-calc__results{border:1px solid var(--retire-card-border);border-radius:var(--retire-radius);background:var(--surface-default);padding:16px}.retire-calc__controls{display:grid;gap:0}.retire-calc__results{min-width:0}.retire-calc__control{padding:13px 2px;border-bottom:1px solid var(--divider-default)}.retire-calc__controls>.retire-calc__control:last-of-type{border-bottom:0;padding-bottom:3px}.retire-calc__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700}.retire-calc__value{display:block;margin-top:3px;color:var(--color-pcm-blue);font-family:var(--font-body);font-weight:700}.retire-calc__control-inputs{margin-top:9px;display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,auto);align-items:center;gap:10px}.retire-calc__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;min-width:0;margin:0;background:transparent!important}.retire-calc__slider::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:var(--retire-track)}.retire-calc__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-4px;border-radius:50%;border:2px solid var(--surface-default);background:var(--color-pcm-blue);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-dark-blue) 24%,white),0 2px 5px #19447a33;cursor:pointer}.retire-calc__slider::-moz-range-track{height:7px;border:0;border-radius:999px;background:var(--retire-track)}.retire-calc__slider::-moz-range-progress{height:7px;border-radius:999px;background:var(--color-pcm-blue)}.retire-calc__slider::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--surface-default);border-radius:50%;background:var(--color-pcm-blue);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-dark-blue) 24%,white),0 2px 5px #19447a33;cursor:pointer}.retire-calc__number-wrap{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;gap:6px;justify-content:end}.retire-calc__number{width:96px;border:1px solid var(--retire-card-border);border-radius:7px;padding:6px 8px;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-default)}.retire-calc__preset:focus-visible,.retire-calc__advanced summary:focus-visible,.retire-calc__chart-toggle button:focus-visible,.retire-calc__number:focus,.retire-calc__slider:focus,.retire-calc__number:focus-visible,.retire-calc__slider:focus-visible{outline:2px solid color-mix(in srgb,var(--color-pcm-blue) 55%,white);outline-offset:2px}.retire-calc__unit{font-size:var(--text-xs);color:var(--text-secondary)}.retire-calc__advanced{border-top:1px solid var(--divider-default);margin-top:6px;padding-top:11px}.retire-calc__advanced summary{cursor:pointer;font-family:var(--font-body);font-weight:700;color:var(--color-dark-blue)}.retire-calc__advanced[open] summary{margin-bottom:10px}.retire-calc__advanced-grid{display:grid;gap:10px}.retire-calc__advanced-grid .retire-calc__control{border:1px solid var(--retire-card-border);border-radius:8px;padding:12px}.retire-calc__advanced-grid .retire-calc__control:last-child{border-bottom:1px solid var(--retire-card-border)}.retire-calc__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--retire-card-border);border-radius:8px;overflow:hidden;background:var(--surface-default);gap:0}.retire-calc__card{padding:12px;border-right:1px solid var(--divider-default)}.retire-calc__card:last-child{border-right:0}.retire-calc__card h4{margin:0;font-family:var(--font-heading);font-size:14px;color:var(--text-primary);font-weight:400}.retire-calc__card p{margin:7px 0 0;font-family:var(--font-body);color:var(--text-heading);font-size:var(--text-base);font-weight:700;line-height:1.2}.retire-calc__sentence{margin:14px 0 0;font-family:var(--font-body);font-weight:700;color:var(--text-primary);font-size:var(--text-sm)}.retire-calc__assumptions{margin:6px 0 0;font-family:var(--font-body);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4}.retire-calc__chart-toggle{margin-top:14px;display:inline-flex;max-width:100%;flex-wrap:wrap;border:1px solid var(--retire-card-border);border-radius:999px;padding:3px;background:var(--surface-muted)}.retire-calc__chart-toggle button{border:0;border-radius:999px;background:transparent;color:var(--text-primary);padding:7px 12px;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer}.retire-calc__chart-toggle button.is-active{background:var(--color-pcm-blue);color:var(--text-on-dark)}.retire-calc__chart-panel{margin-top:12px;min-width:0;height:clamp(220px,34vw,288px);border:1px solid var(--retire-card-border);border-radius:8px;background:color-mix(in srgb,var(--surface-muted) 45%,white);padding:7px}.retire-calc__chart-panel canvas{display:block;width:100%;height:100%}.retire-calc__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}@media(max-width:1024px){.retire-calc__layout{grid-template-columns:1fr}.retire-calc__header h3{font-size:var(--text-base)}}@media(max-width:720px){.retire-calc{padding:0}.retire-calc__header h3{font-size:var(--text-sm)}.retire-calc__cards{grid-template-columns:1fr}.retire-calc__card{border-right:0;border-bottom:1px solid var(--divider-default)}.retire-calc__card:last-child{border-bottom:0}.retire-calc__control-inputs{grid-template-columns:1fr;gap:7px}.retire-calc__number-wrap{justify-content:start}.retire-calc__chart-toggle{display:flex;width:100%;border-radius:16px}.retire-calc__chart-toggle button{flex:1 1 180px;text-align:center}.retire-calc__chart-panel{height:clamp(220px,68vw,260px);padding:6px}}