body{padding-top:78px}
.ac-wrap{padding:2rem 2.5rem 3rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}

/* Header */
.ac-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.ac-head-lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.5rem}
.ac-hero{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;color:var(--ink)}
.ac-sub{font-size:14px;color:var(--ink-2);margin-top:.5rem;max-width:680px;line-height:1.55}
.ac-head-r{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}

/* Severity counts */
.sev-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}
@media(max-width:900px){.sev-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:500px){.sev-grid{grid-template-columns:1fr 1fr}}
.sev-card{padding:.75rem .9rem;display:flex;flex-direction:column;gap:4px}
.sev-row{display:flex;align-items:center;gap:8px}
.sev-sq{width:8px;height:8px;border-radius:2px;flex-shrink:0}
.sev-lbl{font-size:11.5px;color:var(--ink-2)}
.sev-n{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--ink)}
.sev-note{font-family:var(--mono);font-size:10px;color:var(--ink-3)}

/* Alert table */
.al-table{overflow:hidden}
.al-thead{
  display:grid;
  grid-template-columns:80px 90px 1.6fr 1fr 110px 100px;
  padding:.75rem 1.1rem;
  border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:10.5px;color:var(--ink-3);
  letter-spacing:.12em;text-transform:uppercase;
  gap:.4rem;
}
.al-row{
  display:grid;
  grid-template-columns:80px 90px 1.6fr 1fr 110px 100px;
  padding:1rem 1.1rem;
  border-bottom:1px solid var(--line-soft);
  align-items:start;gap:.4rem;
  transition:background .12s;cursor:pointer;
}
.al-row:last-child{border-bottom:none}
.al-row:hover{background:var(--bg-elev-2)}
.al-sev{display:flex;align-items:center;gap:5px;padding-top:2px}
.al-sev-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.al-sev-txt{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.al-tag{font-family:var(--mono);font-size:11px;color:var(--ink-3);padding-top:2px}
.al-title{font-size:13.5px;color:var(--ink);margin-bottom:4px;line-height:1.35}
.al-body{font-size:12px;color:var(--ink-2);line-height:1.55;margin-bottom:5px}
.al-meta{display:flex;gap:5px;align-items:center;font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}
.al-dot-sep{width:3px;height:3px;border-radius:50%;background:var(--ink-3)}
.al-reach{font-size:12px;color:var(--ink-2);line-height:1.4}
.al-chans{display:flex;gap:4px;flex-wrap:wrap}
.al-chan{font-family:var(--mono);font-size:10px;padding:2px 6px;border:1px solid var(--line);border-radius:4px;color:var(--ink-2)}
.al-time{font-family:var(--mono);font-size:11px;color:var(--ink-3)}

/* Footer cards */
.ac-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.85rem}
@media(max-width:900px){.ac-footer{grid-template-columns:1fr}}
.ac-fc{padding:.9rem 1.1rem}
.ac-fc-lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.5rem}
.ac-fc-body{font-size:12.5px;color:var(--ink-2);line-height:1.55}
.ac-fc-body strong{color:var(--ink)}
.ac-fc-row{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2);margin-bottom:4px}
.ac-fc-row .v{font-family:var(--mono);color:var(--ink)}

@media(max-width:768px){
  .al-thead{display:none}
  .al-row{grid-template-columns:1fr;padding:.9rem 1rem}
  .al-time{text-align:right}
}