/* security.html only. Page-local layer, loaded after editorial.css so the shared
   sheets stay untouched. Structure and spacing only: every colour here reads a
   paper-theme token, so the page cannot drift off the editorial palette.

   The page is now a statement and a short set of commitments, so this sheet is
   short too: the strip of vendor roles, the two control tables and the prose list
   of gaps are gone, and their rules went with them. */

/* Section number beside the kicker, the same pairing the other editorial pages use. */
.shead{display:flex;align-items:baseline;gap:16px;margin-bottom:10px}
.shead .idx{font-family:var(--p-mono);font-size:12.5px;color:var(--p-accent);letter-spacing:.1em}

/* A wide card carrying one paragraph rather than a grid cell: slightly larger
   type so a single-idea card does not read as a footnote. */
.gcard .lg{font-size:1.05rem}

/* ---------------------------------------------------------------------------
   THE STATEMENT, under the hero. One declarative line and seven facts, set as a
   rule-separated list rather than cards: cards read as features, and this is a
   position. Type only, so it inherits the paper palette and needs no colour of
   its own. No reveal class on the markup either, so it is present with script
   off, which is the point of putting it here.
   --------------------------------------------------------------------------- */
.stmt{max-width:74ch}
.stmt-lead{
  margin:0;
  font-family:var(--p-serif,var(--serif));
  font-size:clamp(1.35rem,2.5vw,1.85rem);
  line-height:1.3;
  letter-spacing:-.01em;
}
.stmt-list{
  margin:22px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--p-rule,var(--line,rgba(11,18,32,.12)));
}
.stmt-list li{
  margin:0;
  padding:11px 0 11px 20px;
  position:relative;
  border-bottom:1px solid var(--p-rule,var(--line,rgba(11,18,32,.12)));
  font-size:1rem;
  line-height:1.55;
}
/* The accent dot that marks a line of plain fact. */
.stmt-list li::before{
  content:"";
  position:absolute;
  left:2px;top:.82em;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--p-accent,#b4763a);
  opacity:.75;
}
@media (max-width:720px){
  .stmt-list li{font-size:.97rem;padding-left:18px}
}

/* Hero heading, this page only: two short lines at the site-wide display size read
   as a poster, not a page. Set two steps smaller so the statement beneath it leads. */
.hero-lines{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08}