:root{--l8-blue:#155eef;--l8-ink:#17202a;--l8-muted:#5d6975;--l8-line:#dce3e8;--l8-soft:#f4f7fa;--l8-green:#0f766e;--l8-amber:#9a6700;--l8-red:#b42318}
.l8-scope{color:var(--l8-ink);font:16px/1.62 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.l8-scope a{color:var(--l8-blue);text-decoration:none}
.l8-scope a:hover{text-decoration:underline}
.l8-scope .wrap{max-width:1180px;margin:auto;padding:0 24px}
.l8-scope .crumbs{font-size:13px;color:var(--l8-muted);padding-top:10px}
.l8-scope .hero{background:linear-gradient(135deg,#edf5ff,#f8fbfd);border-radius:16px;padding:34px 0 26px}
.l8-scope .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:12px;color:var(--l8-blue)}
.l8-scope h1{font-size:clamp(28px,4.5vw,46px);line-height:1.1;letter-spacing:-1px;margin:10px 0 12px}
.l8-scope h2{font-size:24px;line-height:1.22;margin:30px 0 12px}
.l8-scope h3{font-size:18px;margin:20px 0 8px}
.l8-scope .lead{font-size:18px;color:#3e4a56;max-width:900px}
.l8-scope .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.l8-scope .pill,.l8-scope .tag{display:inline-block;border:1px solid #c8d5df;background:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}
.l8-scope .grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;padding-top:22px}
.l8-scope .columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.l8-scope .three{grid-template-columns:repeat(3,minmax(0,1fr))}
.l8-scope .card{border:1px solid var(--l8-line);border-radius:12px;padding:20px;background:#fff;margin:0 0 18px;box-shadow:0 2px 8px rgba(13,36,54,.035)}
.l8-scope .card h2:first-child,.l8-scope .card h3:first-child{margin-top:0}
.l8-scope .side{position:sticky;top:16px;align-self:start}
.l8-scope .side a{display:block;padding:8px 0;border-bottom:1px solid var(--l8-line);font-size:14px}
.l8-scope .callout,.l8-scope .warning,.l8-scope .danger,.l8-scope .status{border-left:4px solid var(--l8-blue);background:#eff6ff;padding:15px 17px;border-radius:7px;margin:18px 0}
.l8-scope .warning{border-color:#d99a00;background:#fff8e7}
.l8-scope .danger{border-color:var(--l8-red);background:#fff1f0}
.l8-scope .status{border-color:var(--l8-green);background:#ecfdf8}
.l8-scope .btn{display:inline-block;background:var(--l8-blue);color:#fff!important;border-radius:8px;padding:10px 15px;font-weight:800;margin:4px 8px 4px 0}
.l8-scope .btn.alt{background:#fff;color:var(--l8-blue)!important;border:1px solid var(--l8-blue)}
.l8-scope table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.l8-scope th,.l8-scope td{border:1px solid var(--l8-line);padding:10px;text-align:left;vertical-align:top}
.l8-scope th{background:var(--l8-soft)}
.l8-scope pre.statute{white-space:pre-wrap;background:#fafbfc;border:1px solid var(--l8-line);border-radius:9px;padding:17px;max-height:650px;overflow:auto;font:13px/1.58 ui-monospace,SFMono-Regular,Consolas,monospace}
.l8-scope .kpi{font-size:30px;font-weight:900;color:var(--l8-blue)}
.l8-scope ul.check li{margin:7px 0}
.l8-scope .search{width:100%;padding:12px;border:1px solid var(--l8-line);border-radius:9px}
.l8-scope .list-card{display:block;border:1px solid var(--l8-line);border-radius:10px;padding:14px;margin:10px 0;color:var(--l8-ink)}
.l8-scope .list-card:hover{border-color:#9bbcf8;text-decoration:none;background:#f8fbff}
.l8-scope .small{font-size:13px;color:var(--l8-muted)}
@media(max-width:860px){.l8-scope .grid,.l8-scope .columns,.l8-scope .three{grid-template-columns:1fr}.l8-scope .side{position:static}.l8-scope .wrap{padding:0 17px}.l8-scope .hero{padding:26px 0 18px}.l8-scope table{display:block;overflow-x:auto}.l8-scope h1{font-size:34px}}
