/* Principal-requested readability changes, not a visual redesign. */
html { font-size:18px; }
body { font-size:18px; }
p, li { font-size:18px; }
small, sup, sub { font-size:14px; }
input, textarea, select, button { min-width:0; }
a { overflow-wrap:anywhere; }
footer, .foot, .sitefoot { line-height:1.7; }

/* Shared coordinate system: logo circle (200,40) and iris center coincide.
   Both are document-positioned, so scrolling cannot separate them. */
body.access-readable {
  --mark-size:min(92vw,900px);
  --mark-top:80px;
  --eye-center:calc(var(--mark-top) + var(--mark-size) / 10);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  overflow-x:clip;
  overflow-y:auto;
}
.access-readable > .metatron {
  position:absolute;
  width:var(--mark-size);
  height:var(--mark-size);
  top:var(--mark-top);
  left:50%;
  transform:translateX(-50%);
}
.access-readable > .wrap {
  position:static;
  flex:none;
  width:100%;
  max-width:760px;
  padding:calc(var(--eye-center) + 110px) 24px 36px;
  display:block;
}
.access-readable .orbwrap {
  position:absolute;
  width:160px;
  height:160px;
  top:var(--eye-center);
  left:50%;
  transform:translate(-50%,-50%);
  margin:0;
  display:flex;
}
.access-readable a2e-iris-orb { width:160px; height:160px; }
.access-readable .status { margin-bottom:20px; }
.access-readable h1, .access-readable .brand { font-size:22px; letter-spacing:5px; }
.access-readable .quote, .access-readable .sub { font-size:18px; line-height:1.75; }
.access-readable .foot { position:relative; inset:auto; padding:24px; margin-top:auto; }
.access-readable .links { line-height:1.7; }
.request-readable form, .request-readable .sub { width:100%; max-width:640px; }
.request-readable label { font-size:16px; }
.request-readable input, .request-readable textarea { font-size:18px; letter-spacing:.5px; }
.request-readable .note { font-size:14px; letter-spacing:.5px; }
.request-readable form { gap:16px; }
.request-readable #aud-row { gap:10px; }
.request-readable footer { width:100%; }
.sheet p, .sheet li { font-size:18px; }
.sheet a { color:#0f4c44; text-decoration:underline; }
/* The older shared navigation injects its own tiny labels after page load. */
nav.a2e-rail .a2e-rail-brand,
nav.a2e-rail .a2e-rail-label { font-size:14px !important; letter-spacing:0 !important; }
nav.a2e-rail .a2e-rail-item { color:#aab6c6; }
body.a2e-with-rail { overflow-x:clip; }
.iris-orb-stage { max-width:100%; overflow:hidden !important; }
@media(max-width:600px) {
  .access-readable > .wrap { padding-left:20px; padding-right:20px; }
  .access-readable .row { flex-wrap:wrap; }
  .access-readable h1, .access-readable .brand { letter-spacing:3px; }
  .request-readable #hc-new { letter-spacing:0; }
  body.a2e-with-rail .brand-title { font-size:28px; letter-spacing:1px; overflow-wrap:anywhere; }
  body.a2e-with-rail .card-status { white-space:normal; overflow-wrap:anywhere; }
  body.a2e-with-rail .card-head { flex-wrap:wrap; }
  nav.a2e-rail .a2e-rail-label { overflow-wrap:anywhere; display:block; }
}
