/* Statuspagina (ontwerp A, okt 2026). Bouwt voort op home.css (.vxh). */
.vxh .st-wrap{max-width:860px}
.vxh .st-hero{padding:56px 0 8px}
.vxh .st-hero .quote{margin:0 0 12px}
.vxh .st-now{display:flex;align-items:center;gap:14px;margin:0 0 10px}
.vxh .st-now h1{margin:0;font-size:clamp(30px,4.4vw,46px);line-height:1.08;letter-spacing:-.03em}
.vxh .st-sub{color:var(--d-mut);margin:0;font-size:16.5px}
.vxh .st-alert{margin:24px 0 0;font-size:14px}
.vxh .dot{width:12px;height:12px;border-radius:50%;flex:none;background:var(--ok)}
.vxh .dot.warn{background:#f5c46a}
.vxh .dot.bad{background:#ff6b6b}
.vxh .dot.info{background:var(--d-blue)}
.vxh .st-blk{padding-top:48px;padding-bottom:0}
.vxh .st-end{padding-bottom:80px}
.vxh .st-h2{font-size:22px;margin:0 0 14px;letter-spacing:-.02em}
.vxh .st-box{border:1px solid var(--d-line);border-radius:12px;background:var(--d-card)}
.vxh .st-svc{list-style:none;margin:0;padding:0}
.vxh .st-svc li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px}
.vxh .st-svc li+li{border-top:1px solid var(--d-line)}
.vxh .st-svc b{display:block;font-weight:600;color:var(--d-ink)}
.vxh .st-svc small{color:var(--d-faint);font-size:13px}
.vxh .st-pill{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--d-ink);white-space:nowrap}
.vxh .st-pill .dot{width:9px;height:9px}
.vxh .st-inc{padding:18px 20px;scroll-margin-top:90px}
.vxh .st-inc+.st-inc{border-top:1px solid var(--d-line)}
.vxh .st-inc h3{margin:0 0 4px;font-size:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vxh .st-tag{font:600 12px var(--f-body);padding:2px 9px;border-radius:999px;background:rgba(245,196,106,.14);color:#f5c46a;letter-spacing:0;white-space:nowrap}
.vxh .st-tag.info{background:rgba(89,168,255,.14);color:var(--d-blue)}
.vxh .st-tag.bad{background:rgba(255,107,107,.14);color:#ff8a8a}
.vxh .st-tag.ok{background:rgba(74,222,128,.12);color:var(--ok)}
.vxh .st-meta{font-size:13.5px;color:var(--d-faint);margin:0}
.vxh .st-meta a,.vxh .st-follow button{color:var(--d-blue);text-decoration:underline;text-underline-offset:3px}
.vxh .st-follow{display:inline;margin:0}
.vxh .st-follow button{font:inherit;background:none;border:0;padding:0;cursor:pointer}
.vxh .st-tl{list-style:none;margin:14px 0 0;padding:0 0 0 18px;border-left:2px solid var(--d-line);display:grid;gap:14px}
.vxh .st-tl li{position:relative;color:var(--d-mut);font-size:15px;overflow-wrap:anywhere}
.vxh .st-tl li::before{content:"";position:absolute;left:-25px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--d-card);border:2px solid var(--d-blue)}
.vxh .st-tl li:first-child::before{background:var(--d-blue)}
.vxh .st-tl time{display:block;font-size:12.5px;color:var(--d-faint)}
.vxh .st-desc{margin:10px 0 0;color:var(--d-mut);font-size:15px}
.vxh .st-msg{padding:18px 20px}
.vxh .st-msg+.st-msg{border-top:1px solid var(--d-line)}
.vxh .st-msg h3{margin:0 0 6px;font-size:17px}
.vxh .st-msg p{margin:0 0 6px;color:var(--d-mut);overflow-wrap:anywhere}
.vxh .st-msg p.st-meta{margin:0;color:var(--d-faint)}
.vxh .st-hist{list-style:none;margin:0;padding:0;border-top:1px solid var(--d-line)}
.vxh .st-hist > li{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:16px;padding:14px 0;border-bottom:1px solid var(--d-line);align-items:baseline}
.vxh .st-hist .st-d{color:var(--d-faint);font-size:14px}
.vxh .st-hist b{display:block;font-weight:600}
.vxh .st-det{margin-top:6px}
.vxh .st-det summary{cursor:pointer;font-size:13.5px;color:var(--d-blue)}
.vxh .st-det .st-tl{margin-top:10px}
@media (max-width:600px){
  .vxh .st-hero{padding-top:40px}
  .vxh .st-hist > li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
  .vxh .st-hist .st-d{grid-column:1 / -1}
}