body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; margin: 24px; color: #111; }
h1 { margin: 0 0 12px 0; }
h2 { margin-top: 24px; }
.header { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 16px; }
.summary { display: flex; gap: 8px; align-items: center; }

.badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.sev-blocking { background: #ffebeb; color: #c00; border: 1px solid #f5bcbc; }
.sev-advisory { background: #e8f0ff; color: #0366d6; border: 1px solid #bcd3ff; }
.sev-fyi { background: #eaffea; color: #22863a; border: 1px solid #bde5c8; }

.cards { display: grid; grid-template-columns: 1fr; gap: 12px; }
.card { border: 1px solid #ddd; border-radius: 8px; padding: 12px; background: #fff; }
.card .title { display:flex; gap:8px; align-items:center; margin-bottom: 8px; }
.card .id { font-weight: 700; }
.card .policy { margin: 6px 0 10px 0; }
.card .policy a { color: #0366d6; text-decoration: none; }
.card .policy a:hover { text-decoration: underline; }
.card .why, .card .how { margin: 8px 0; }
.card code { background:#f6f8fa; padding: 1px 4px; border-radius: 4px; }
.card details { margin-top: 8px; }
