/* ============================================================
   ACCESSIBILITY — the statement page
   Lives on the shared tokens in style.css. Nothing here is
   page-chrome; header, footer and dock all come from style.css.

   Deliberately a reading page, not a designed one. Someone lands
   here because something has already gone wrong for them, so the
   job is a comfortable measure, generous line height and headings
   they can jump between. No gradient text, no skew, no reveal.
   ============================================================ */

.ax{
  padding:clamp(120px,16vh,180px) clamp(16px,5vw,64px) clamp(60px,8vh,100px);
  max-width:var(--maxw); margin-inline:auto;
}

.ax__eyebrow{
  font-size:var(--fs-3xs); letter-spacing:.24em; text-transform:uppercase;
  color:var(--orange); margin:0 0 .6rem;
}
.ax__title{
  font-family:var(--logo); font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:var(--gold);
  font-size:clamp(2rem,6vw,3.6rem); line-height:1.06; margin:0;
}
.ax__lede{
  font-family:var(--serif); font-style:italic;
  font-size:clamp(1.25rem,2.2vw,1.6rem); line-height:1.5;
  color:var(--sand); max-width:52ch; margin:1.2rem 0 0;
}
.ax__updated{
  margin:1.4rem 0 0;
  font-size:var(--fs-3xs); text-transform:uppercase; letter-spacing:.12em;
  color:var(--turquoise);
}

/* ---- blocks ---------------------------------------------------------- */
.ax__block{
  margin:clamp(40px,6vh,68px) 0 0;
  padding-top:clamp(28px,4vh,40px);
  border-top:1px solid rgba(241,228,208,.12);
  max-width:68ch;
}
.ax__block h2{
  font-family:var(--display); font-weight:900; text-transform:uppercase;
  letter-spacing:-.005em; line-height:1.05;
  /* Deliberately below .section-title. This page is read, not scanned from
     across the room, and the display floor has to clear 320px anyway. */
  font-size:clamp(1.6rem,4vw,2.3rem);
  color:var(--sand); margin:0 0 1rem;
}
.ax__block p{
  font-size:var(--fs-base); line-height:1.7;
  color:var(--sand); opacity:.9; margin:0 0 1rem; max-width:66ch;
}
.ax__block p:last-child{ margin-bottom:0; }

/* ---- lists ----------------------------------------------------------- */
/* list-style is reset globally in style.css, so the marker is drawn back on
   here rather than fought with. */
.ax__list{ margin:0; padding:0; display:grid; gap:.85rem; }
.ax__list li{
  position:relative; padding-left:1.5rem;
  font-size:var(--fs-sm); line-height:1.65;
  color:var(--sand); opacity:.9;
}
.ax__list li::before{
  content:""; position:absolute; left:0; top:.62em;
  width:7px; height:7px; border-radius:50%;
  background:var(--burnt);
}
.ax__list strong{ color:var(--sand); opacity:1; font-weight:700; }
.ax__list a{ color:var(--apricot); text-decoration:underline; text-underline-offset:3px; }
.ax__list a:hover{ color:var(--sand); }

/* ---- contact block --------------------------------------------------- */
.ax__contact{ margin:0 0 1.2rem; padding:0; display:grid; gap:.7rem; }
.ax__contact li{
  display:flex; flex-wrap:wrap; gap:.2rem .7rem; align-items:baseline;
  font-size:var(--fs-sm); color:var(--sand); opacity:.92;
}
.ax__contact-label{
  min-width:5.5rem;
  font-family:var(--display); font-weight:800;
  text-transform:uppercase; letter-spacing:.1em;
  font-size:var(--fs-3xs); color:var(--turquoise);
}
.ax__contact a{ color:var(--apricot); text-decoration:underline; text-underline-offset:3px; }
.ax__contact a:hover{ color:var(--sand); }

/* ---- notes ------------------------------------------------------------ */
/* The .needs-fact marker this used to describe is gone; no unverified copy
   is left on any page. The draft section styling that lived here went with
   the premises section, cut on 26 Aug when the page was scoped to the
   website. */
.ax__note{ margin-top:1.2rem; }