/* Shared Training typefaces and semantic palette; Pension's chapter graphics stay intact. */
:root{font-family:'DM Sans',Arial,sans-serif;--navy:#20322b;--text:#20322b;--muted:#626f66;--teal:#2e7251;--teal-dark:#245c41;--mint:#edf4ef;--bg:#f6f8f7;--line:#e4e9e6;--surface:#fff;--radius:13px;color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;--navy:#ecf2ee;--text:#ecf2ee;--muted:#a1b0a6;--teal:#b9e97a;--teal-dark:#b9e97a;--mint:#253d2f;--bg:#111b17;--line:#314339;--surface:#1a2720;--red:#ffaaaa;--amber:#f4cc89;--amber-bg:#392d1a}
h1,h2,h3,.brand{font-family:Manrope,'DM Sans',Arial,sans-serif}.topbar{min-height:88px;height:auto;padding:18px 0}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.header-actions .local-indicator{width:100%;justify-content:flex-end;min-height:18px}.card{background:var(--surface);box-shadow:none}.input-wrap{background:var(--bg);border-color:var(--line)}.step-link:hover,.step-link.active,.soft-note,.icon-box{background:var(--mint);color:var(--text)}.step-link.active{color:var(--teal)}.step-number{border-color:var(--line)}.active .step-number,.primary{background:#2e7251;color:#fff}.overview{background:#122c21}.overview h3,.overview p{color:#ecf2ee}.overview p{margin-top:14px}.overview .eyebrow{color:#b4c9bc}.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}button,.secondary,.primary,.home-link,.reset-button,summary{min-height:44px}a.secondary,a.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.bottom-nav{background:var(--surface);border-color:var(--line)}.settings-list{display:flex;flex-direction:column;gap:20px;padding-top:36px}.settings-section{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px}.settings-section h2{margin:8px 0}.settings-section p{font-size:14px;color:var(--muted);max-width:560px;margin:10px 0}.settings-actions{display:flex;flex-wrap:wrap;gap:12px}.segmented{display:flex;border:1px solid var(--line);border-radius:10px;padding:4px;background:var(--bg)}.segmented button{background:none;border:0;border-radius:7px;color:var(--muted);padding:9px 16px}.segmented .selected{background:var(--surface);color:var(--teal);box-shadow:0 2px 8px #0001}.tag{border-radius:5px;background:var(--mint);padding:8px 12px;font-size:13px;white-space:nowrap}.login-shell{max-width:640px;margin:8vh auto;padding:24px}.login-shell .card{margin-top:24px;padding:32px}.login-shell p{margin:24px 0;color:var(--muted)}.login-shell h1{margin-top:18px}.login-shell .primary{padding:12px 20px;border-radius:9px}.privacy-covered body{visibility:hidden}.privacy-covered:after{content:'Sitzung wird geprüft …';position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);color:var(--text)}.plan-transfer{margin-top:28px;background:var(--surface);border-color:var(--line)}.storage-notice{background:var(--amber-bg);color:var(--text)}#save-actions{display:flex;gap:12px;margin-top:12px}.field.invalid .input-wrap{background:var(--surface)}
:root[data-theme=dark] .soft-note,:root[data-theme=dark] .field-year,:root[data-theme=dark] .partial-note,:root[data-theme=dark] .guidance-box,:root[data-theme=dark] .guide-table,:root[data-theme=dark] .pk-sample,:root[data-theme=dark] .coverage{background:var(--mint);color:var(--text)}
:root[data-theme=dark] .primary{background:#b9e97a;color:#122c21}:root[data-theme=dark] .secondary:hover{background:var(--mint)}:root[data-theme=dark] .chart-empty,:root[data-theme=dark] .plan-transfer p{color:var(--muted)}
:root[data-theme=dark] .coverage,:root[data-theme=dark] .coverage.gap{background:var(--mint)!important;border-color:var(--line)!important}:root[data-theme=dark] .coverage.gap .coverage-value{color:#f4cc89}:root[data-theme=dark] .guidance,:root[data-theme=dark] .reference-range>div,:root[data-theme=dark] .guidance-note,:root[data-theme=dark] .sample-document,:root[data-theme=dark] .sample-row.highlighted,:root[data-theme=dark] .phase-age{background:var(--mint);color:var(--text);border-color:var(--line)}:root[data-theme=dark] .sample-section .sample-callout{color:var(--muted)}:root[data-theme=dark] .bar-track,:root[data-theme=dark] .progress-track{background:var(--line)}
@media(max-width:900px){.settings-section{flex-wrap:wrap}.app-shell{padding-left:24px;padding-right:24px}}
@media(max-width:680px){.app-shell{padding-left:20px;padding-right:20px;padding-bottom:125px}.topbar{align-items:flex-start;gap:12px}.brand strong{font-size:17px}.brand small{display:none}.header-actions{gap:6px}.header-actions .secondary{font-size:12px;padding:8px}.home-link{font-size:12px}.header-actions .local-indicator{max-width:175px;font-size:11px;text-align:right}.settings-section{padding:22px}.settings-section .segmented{width:100%}.segmented button{flex:1}.settings-actions{width:100%}.settings-actions>*{flex:1}.bottom-inner{padding-left:20px;padding-right:20px}.login-shell{margin:4vh auto;padding:20px}.login-shell .card{padding:24px}}
@media(max-width:380px){.brand svg{width:30px;height:30px}.brand{gap:7px}.brand strong{font-size:15px}.header-actions{max-width:155px}}

/* Native year selection opens the mobile picker without requiring a keyboard. */
.input-wrap select{width:100%;min-width:0;min-height:56px;border:0;background:transparent;padding:15px 16px;font:inherit;font-size:20px;color:var(--navy);font-variant-numeric:tabular-nums;cursor:pointer}.input-wrap select:focus{outline:2px solid var(--teal);outline-offset:-3px}.input-wrap select option{background:var(--surface);color:var(--text)}
[hidden]{display:none!important}