/* Security page. Extends platform.css only. No inline styles by CSP. */

/* ── Hero: nav already draws the top rule, so no border here ── */
.sec-hero{ padding-block:var(--s-20) var(--s-16); }

/* ── Controls ledger: one bordered block, divided rows ──── */
.ledger{ list-style:none; border:1px solid var(--rule); border-radius:var(--r);
  background:var(--paper); box-shadow:var(--shadow); overflow:hidden; }
.ledger li{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:var(--s-2) var(--s-4); padding:var(--s-4) var(--s-5); border-bottom:1px solid var(--rule); }
.ledger li:last-child{ border-bottom:0; }
.ledger .ctl{ font-size:var(--fs-2); font-weight:600; color:var(--ink); }
.ledger-key{ margin-top:var(--s-4); max-width:76ch; }

/* ── Access levels: labelled rows, rules not cards ──────── */
.levels{ list-style:none; display:grid; border-top:1px solid var(--rule); }
.levels li{ display:grid; grid-template-columns:240px minmax(0,1fr);
  gap:var(--s-2) var(--s-6); padding:var(--s-4) 0; border-bottom:1px solid var(--rule); }
.levels b{ font-size:var(--fs-2); font-weight:600; color:var(--ink); }
.levels span{ font-size:var(--fs-2); color:var(--ink-2); }

.oversight{ margin-top:var(--s-12); max-width:66ch; }
.oversight p{ margin-top:var(--s-3); font-size:var(--fs-2); line-height:1.55; color:var(--ink-2); }

/* ── Final CTA ──────────────────────────────────────────── */
.cta-close .lede{ margin-top:var(--s-4); }

@media (max-width:640px){
  .levels li{ grid-template-columns:1fr; }
}