:root{--n-100:#f8fafc;--n-200:#eef3f8;--n-300:#e4ebf2;--n-400:#d4dee8;--n-500:#c5d4e3;--bg:#e8edf4;--surface:#ffffff;--border:#e2e9f0;--fg:#28415a;--fg-body:#3d5a75;--fg-muted:#6a8298;--accent:#8fa9c3;--info-bd:#94aec8;--info-bg:#f0f4f9;--info-fg:#2c4a6e;--radius-sm:2px;--radius:3px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--fg-body);font:12px/1.45 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.chrome{border-bottom:1px solid var(--n-400);background:#d6dde7;padding:4px 8px;display:flex;align-items:baseline;gap:10px;box-shadow:0 1px 0 rgba(36,58,80,.06)}.chrome strong{color:var(--fg);font-size:12px;font-weight:700}.chrome span{color:var(--fg-muted);font-size:11px}.wrap{max-width:820px;margin:0 auto;padding:6px 6px 0;display:grid;grid-gap:6px;gap:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;min-width:0}.card>header{background:var(--n-200);border-bottom:1px solid var(--n-300);padding:5px 8px;font-size:11px;font-weight:600;color:var(--fg-body)}.card>.body{padding:8px 10px}h1{font-size:16px;line-height:1.3;font-weight:700;color:var(--fg)}h1,p{margin:0 0 6px}p{max-width:68ch}p:last-child{margin-bottom:0}.lede{color:var(--fg)}.muted{color:var(--fg-muted);font-size:11px}strong{color:var(--fg);font-weight:700}a{color:var(--info-fg);text-decoration:none;border-bottom:1px solid var(--n-500)}a:hover{border-bottom-color:var(--accent)}code{font:11px/1.4 Courier New,Courier,monospace;background:var(--n-200);border:1px solid var(--n-300);border-radius:var(--radius-sm);padding:0 3px;color:var(--fg)}pre{margin:6px 0 0;padding:8px 10px;background:var(--n-100);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}pre code{background:none;border:0;padding:0;color:var(--fg-body);line-height:1.55;white-space:pre}.invarianten{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px;counter-reset:inv}.invarianten>li{counter-increment:inv;border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 3px 0 0 var(--accent);padding:6px 8px 7px 10px}.invarianten .titel{display:block;font-weight:700;color:var(--fg)}.invarianten .titel:before{content:"(" counter(inv) ") ";color:var(--fg-muted)}.notice{border:1px solid var(--info-bd);background:var(--info-bg);box-shadow:inset 3px 0 0 var(--accent);border-radius:var(--radius);padding:6px 8px;margin-top:6px}.notice .ueberschrift{display:block;font-weight:700;font-size:12px;color:var(--info-fg)}.hosts{list-style:none;margin:6px 0 0;padding:0;font-size:11px}.hosts li{padding:4px 0;display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}.hosts li+li{border-top:1px solid var(--n-300)}.hosts .host{font:700 11px/1.4 Courier New,Courier,monospace;color:var(--fg);min-width:190px}.footer{max-width:820px;margin:0 auto;padding:8px 8px 14px;align-items:baseline;color:var(--fg-muted);font-size:11px}.footer,.footer nav{display:flex;flex-wrap:wrap;gap:4px 12px}.footer a{color:var(--fg-muted);border-bottom-color:transparent}.footer a:hover{color:var(--fg-body);border-bottom-color:var(--n-500)}.graph{margin-top:8px}.graph-schalter{display:flex;gap:4px;margin-bottom:6px;flex-wrap:wrap}.graph-schalter button{height:24px;border:1px solid var(--n-500,#c5d4e3);background:var(--n-100,#f8fafc);color:var(--fg-body,#3d5a75);font:600 12px/1 Arial,Helvetica,sans-serif;padding:0 10px;border-radius:var(--radius,3px);cursor:pointer}.graph-schalter button:hover{background:#fff;border-color:var(--accent,#8fa9c3)}.graph-schalter button:focus-visible{outline:0;border-color:var(--accent,#8fa9c3)}.graph-schalter button[aria-pressed=true]{background:#fff;color:var(--fg,#28415a);border-color:var(--accent,#8fa9c3);box-shadow:inset 0 -2px 0 var(--accent,#8fa9c3)}.graph-platzhalter,.graph-rahmen{width:100%;background:var(--surface,#fff);border:1px solid var(--border,#e2e9f0);border-radius:var(--radius,3px)}.graph-rahmen{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.graph-buehne{min-width:720px;height:480px;touch-action:pan-x pan-y!important}.graph-buehne canvas{outline:none}.graph-platzhalter{height:480px;align-items:center;justify-content:center}.graph-legende,.graph-platzhalter{display:flex;color:var(--fg-muted,#6a8298)}.graph-legende{list-style:none;margin:6px 0 0;padding:0;flex-wrap:wrap;gap:4px 14px;font-size:11px}.graph-legende li{display:flex;align-items:center;gap:5px}.graph-legende .sw{width:14px;height:10px;border:1px solid;border-radius:2px;display:inline-block}.graph-legende .li{width:16px;height:0;border-top:1px solid #6a8298;display:inline-block}.graph-legende .li.gestrichelt{border-top-style:dotted;border-top-color:#b0c4d6}.graph-legende .li.historie{border-top-style:dashed;border-top-color:#c5d4e3}.graph-legende .li.strittig{border-top-style:dashed;border-top-color:#bb4e4e}.graph-erklaerung{margin-top:6px;padding:6px 8px;border:1px solid var(--info-bd,#94aec8);background:var(--info-bg,#f0f4f9);box-shadow:inset 3px 0 0 var(--accent,#8fa9c3);border-radius:var(--radius,3px);color:var(--info-fg,#2c4a6e);font-size:11px;line-height:1.5;min-height:62px}.graph-erklaerung.leer{border-color:var(--border,#e2e9f0);background:var(--n-100,#f8fafc);box-shadow:inset 3px 0 0 var(--n-400,#d4dee8);color:var(--fg-muted,#6a8298);min-height:0}.graph-erklaerung.strittig{border-color:#e0c4c4;background:#faf6f6;box-shadow:inset 3px 0 0 #bb4e4e}.graph-erklaerung .titel{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-weight:700;font-size:12px;color:var(--fg,#28415a);margin-bottom:3px}.graph-erklaerung.strittig .titel,.graph-erklaerung.strittig p,.graph-erklaerung.strittig strong{color:#8b4040}.graph-erklaerung .titel em{font-style:normal;font-weight:700;font-size:10px;padding:0 5px;line-height:15px;border:1px solid;border-radius:var(--radius,3px)}.graph-erklaerung .titel em.gilt{border-color:#b8d4be;background:#f4f8f5;color:#3a6b47}.graph-erklaerung .titel em.galt{border-color:var(--n-400,#d4dee8);background:var(--n-100,#f8fafc);color:var(--fg-muted,#6a8298)}.graph-erklaerung p{margin:0;max-width:none;color:var(--fg-body,#3d5a75)}.graph-erklaerung strong{color:var(--fg,#28415a)}.graph-erklaerung dl{margin:0;display:grid;grid-template-columns:max-content 1fr;grid-gap:1px 10px;gap:1px 10px;color:var(--fg-body,#3d5a75)}.graph-erklaerung dt{font-weight:600;color:var(--fg-muted,#6a8298)}.graph-erklaerung dd{margin:0}@media (max-width:760px){.graph-buehne,.graph-platzhalter{height:420px}.graph-schalter button{flex:1 1 auto}}