:root{--gap:16px;--fg:#111827;--muted:#6b7280;--accent:#111827;--card:#f8fafc}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--fg);background:#fff}
.container{max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,32px)}
h2{margin:.25em 0 .5em 0;font-size:1.85rem}
h3{margin:1.2em 0 .4em 0}
h4{margin:1em 0 .4em 0}
p{line-height:1.6;margin:.5em 0}
hr{border:0;border-top:1px solid #e5e7eb;margin:24px 0}
.meta{display:flex;gap:var(--gap);flex-wrap:wrap;margin:.25rem 0 .75rem 0}
.smallcaps{text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;color:var(--muted);margin:.25rem 0}
.grid{display:grid;gap:var(--gap)}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:820px){.grid.two{grid-template-columns:1fr}}
.cards{display:grid;gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:820px){.cards{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid #e5e7eb;padding:12px;border-radius:10px}
.card-title{font-weight:700;margin-bottom:2px}
.pos{font-weight:600;color:var(--muted);margin-left:.25rem;font-size:.9em}
.muted{color:var(--muted);font-size:.9em;margin-top:4px}
.list{margin:.25rem 0 .5rem 0}
.list li{margin:.25rem 0}
.notice{padding:12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin:.5rem 0}
.notice.small{padding:8px;font-size:.9rem}
.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.72rem;margin-top:6px;border:1px solid #d1d5db}
.pill.met{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.pill.exceeded{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}
.pill.mixed{background:#faf5ff;border-color:#e9d5ff;color:#5b21b6}
.pill.not_met{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.sources{margin-top:10px}
.sources summary{cursor:pointer;color:var(--accent)}
