/* Mobile, kontrastreiche Ergänzungen für die Sparplan-Lernmodelle */
:root{color-scheme:dark}
main{max-width:900px}
.intro{max-width:75ch;line-height:1.55}
form{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))}
fieldset{border:1px solid #7ebeff;border-radius:14px;padding:16px;min-width:0;display:grid;gap:12px;align-content:start}
legend{font-weight:800;padding:0 8px}
label{display:block;font-size:.98rem;line-height:1.45}
input{background:#fff;color:#101e39;min-height:44px}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffdf5b;outline-offset:3px}
button{min-height:48px}
button:hover{background:#ffe36b}
.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:12px;margin:18px 0}
.metric{padding:14px;border:1px solid #65b9ff;border-radius:12px;background:#113c7b;min-width:0}
.metric strong{display:block;font-size:clamp(1.15rem,3vw,1.45rem);overflow-wrap:anywhere;margin-top:5px}
.metric small{display:block;color:#e0efff;line-height:1.45}
.table-scroll{overflow-x:auto;max-width:100%;border:1px solid #6eacfa;border-radius:12px}
table{border-collapse:collapse;width:100%;min-width:480px;font-variant-numeric:tabular-nums}
caption{text-align:left;font-weight:700;padding:12px}
th,td{padding:10px 12px;border-bottom:1px solid #4776b0;text-align:right}
th:first-child,td:first-child{text-align:left}
thead{background:#154789}
tbody tr:nth-child(even){background:#10366c}
.note{font-size:.93rem;line-height:1.55;color:#e7f2ff}
.error{background:#7c1d2c;color:#fff;border-left:4px solid #ffd342;padding:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){main{padding:16px;margin:8px}form{display:block}fieldset{margin-bottom:16px}button{width:100%}h1{font-size:clamp(1.65rem,7vw,2.5rem)}}
@media print{body{background:#fff;color:#111}main{background:#fff;color:#111;box-shadow:none;border:0}.metric{background:#fff;color:#111}.metric small,.note{color:#222}input{border-color:#555}button,.rkpk-nav{display:none}}