:root{--encc-maroon:#800000;--bg:#d3d3d3;--card:#f7f7f7;--text:#333}
body{background:var(--bg);color:var(--text);font-family:Calibri,'Segoe UI',Arial,sans-serif;line-height:1.7;margin:0}
header.hero{background:linear-gradient(135deg,var(--encc-maroon) 0%,#5e0000 100%);color:#fff;padding:20px;border-bottom:6px solid #4a0000}
.wrap{max-width:1200px;margin:0 auto;padding:18px}
.card{background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;margin:12px 0}
.card-h{background:#f7f7f7;border-bottom:1px solid #eaeaea;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}
.card-h .title{font-weight:700;color:var(--encc-maroon)}
.badge{font-size:13px;border-radius:10px;padding:2px 8px;border:1px solid #ddd;background:#fff}
.badge.ok{border-color:#9ad5a1}.badge.warn{border-color:#f0d17a}.badge.bad{border-color:#f39b9b}
.card-b{padding:14px 16px}
.card-b h4{margin:10px 0 6px;color:var(--encc-maroon)}
.card-b ul{margin:0 0 10px 20px}
.toc{background:var(--card);border:1px solid #e6e6e6;border-radius:14px;padding:16px;position:sticky;top:12px;max-height:80vh;overflow:auto}
.layout{display:grid;grid-template-columns:280px 1fr;gap:18px}
.grid{border-collapse:collapse} .grid th,.grid td{border:1px solid #ddd;padding:6px 8px}
.alert{background:#fff0f0;border:1px solid #ffd3d3;padding:8px;border-radius:8px;margin-top:8px}
.ok{background:#f0fff4;border:1px solid #a6e3b8;padding:8px;border-radius:8px;margin-top:8px}
.login-box{max-width:480px;margin:40px auto;background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}
@media (max-width:980px){.layout{grid-template-columns:1fr}}