body{font-family:system-ui,sans-serif;margin:0;background:#f5f6f8;color:#222}
header{background:#1f3a5f;color:#fff;padding:14px 18px}header a{color:#cfe0ff;margin-right:14px;text-decoration:none}
main{max-width:860px;margin:auto;padding:14px}
.card{background:#fff;border-radius:10px;padding:14px 16px;margin:12px 0;box-shadow:0 1px 3px #0002}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.k{background:#eef2f7;border-radius:8px;padding:10px}.k b{display:block;font-size:1.3em}
table{width:100%;border-collapse:collapse;font-size:.95em}td,th{padding:6px;border-bottom:1px solid #eee;text-align:left}
.ok{color:#137333;font-weight:600}.no{color:#b3261e;font-weight:600}
.bar{background:#4a7bd0;height:14px;border-radius:4px}
button{background:#1f3a5f;color:#fff;border:0;border-radius:6px;padding:10px 16px;font-size:1em}
small{color:#666}
.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.8em;font-weight:600;color:#fff;vertical-align:middle}
.b-ok{background:#137333}.b-no{background:#b3261e}.b-grey{background:#757575}.b-blue{background:#1f5fbf}
.tag{display:inline-block;background:#eef2f7;border-radius:6px;padding:2px 8px;font-size:.8em;margin:0 8px}
.thead{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.tid{margin:8px 0 4px;font-size:1.05em;word-break:break-word}
.trial dl{margin:0}.trial dt{font-weight:700;color:#1f3a5f;margin-top:10px}.trial dd{margin:2px 0 0 0;line-height:1.45}
.plist{margin:0;padding-left:18px}
table.fit{width:auto;min-width:60%;font-size:.9em}table.fit td:nth-child(n+2),table.fit th:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}
.why{margin:6px 0 0}
.filters{margin:6px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
button.f{background:#eef2f7;color:#1f3a5f;padding:6px 12px;font-size:.9em;border:1px solid #cdd6e3}
button.f.on{background:#1f3a5f;color:#fff}
.k small{display:block;color:#555}
.anal{padding-left:18px;line-height:1.5}
@media(max-width:600px){main{padding:8px}.card{padding:12px}table.fit{width:100%}header a{display:inline-block;margin:4px 10px 0 0}}
.step .math{overflow-x:auto;padding:6px 0;font-size:1.05em}
.plain{margin:2px 0 8px}
table.ptab{font-size:.9em}table.ptab td:first-child{white-space:nowrap}
.unclear{background:#fff4e5;border-radius:6px;padding:6px 10px}
@media(max-width:600px){table.ptab td{display:block;border:0;padding:2px 4px}table.ptab tr{display:block;border-bottom:1px solid #eee;padding:4px 0}table.ptab tr:first-child{display:none}}
.quellen{margin-top:10px;font-size:.88em;border-top:1px solid #eee;padding-top:6px}.quellen ul{margin:4px 0;padding-left:18px}.quellen a{word-break:break-word}

/* Filterknoepfe (Versuche + Data): iOS-Safari-fest, explizite Farben */
button.f,button.fb{-webkit-appearance:none;appearance:none;font:inherit;font-size:.9em;margin:2px;padding:6px 12px;border:1px solid #cdd6e3;border-radius:6px;background:#eef2f7!important;color:#1f3a5f!important;-webkit-text-fill-color:#1f3a5f;cursor:pointer}
button.f.on,button.fb.on{background:#1f3a5f!important;color:#fff!important;-webkit-text-fill-color:#fff;border-color:#1f3a5f}
@media (prefers-color-scheme:dark){button.f,button.fb{background:#eef2f7!important;color:#1f3a5f!important;-webkit-text-fill-color:#1f3a5f}button.f.on,button.fb.on{background:#1f3a5f!important;color:#fff!important;-webkit-text-fill-color:#fff}}
