/* =====================================================================
   ADMISSIONS · EDITORIAL REFINEMENT (owner brief, 25 Sep 2026)
   ---------------------------------------------------------------------
   Loaded by Admissions.html only, scoped to body.adm-ed. The hero is kept
   as it was (the owner's benchmark); everything below it follows the site
   type system at the end of oa-system.css: Spectral upright for headings,
   Inter for everything read, gold only as an accent.

   Grounds: photo hero · ivory (why us) · navy (the path) · ivory
   (eligibility) · white (process) · navy (documents, fees, dates) ·
   ivory (enquire + visit) · white (questions) · navy (ready to begin) ·
   navy footer. No two neighbours share a ground.
   ===================================================================== */
body.adm-ed{
  --ivory:#F7F3EA;
  --gold-warm:#C99A2E;
  --gold-on-navy:#E7BD5A;
  background:var(--ivory);
}
.adm-ed .bg-ivory{ background:var(--ivory); }
.adm-ed .bg-white{ background:#fff; }
.adm-ed main > section{ position:relative; }
.adm-ed .section:not(.page-hero){ padding-top:clamp(72px,8.4vw,120px); padding-bottom:clamp(72px,8.4vw,120px); }
.adm-ed .kicker{ font-size:12px; letter-spacing:.2em; }
.adm-ed .kicker::before{ background:var(--gold-warm); }
.adm-ed .bg-navy .kicker{ color:var(--gold-on-navy); }
.adm-ed .bg-navy .kicker::before{ background:var(--gold-on-navy); }
.adm-ed .bg-navy.section{ border-top:0; }

/* ---------- HERO (unchanged look; moved here from the page's inline styles) ---------- */
.adm-hero .page-hero-inner{ max-width:820px; padding-block:clamp(52px,7vw,96px) clamp(40px,5vw,64px); }
.adm-hero h1{ font-size:var(--t-h1-inner); line-height:1.05; letter-spacing:-0.02em; margin:14px 0 0; }
.adm-hero h1 .l2{ display:block; color:var(--gold-light); }
.adm-hero .ph-lede{ margin-top:20px; max-width:56ch; font-size:clamp(15.5px,1.45vw,18px); line-height:1.68; }
@media(max-width:760px){ .adm-hero .page-hero-inner{ padding-block:clamp(38px,9vw,56px) 34px; } }

/* ---------- Section heads ---------- */
.ad-head{ margin-bottom:clamp(30px,3.6vw,48px); }
.ad-head h2{ margin:16px 0 0; font-size:var(--t-h2); line-height:1.07; letter-spacing:-.015em; max-width:22ch; }
.ad-head .lede{ margin:0; max-width:46ch; font-size:var(--t-lede); line-height:1.65; }
.ad-head--split{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:18px clamp(32px,5vw,80px); align-items:end; }
.ad-head--split .lede{ justify-self:end; padding-bottom:6px; }
.bg-navy .ad-head .lede{ color:var(--on-navy-soft); }
@media(max-width:860px){
  .ad-head--split{ display:block; }
  .ad-head--split .lede{ margin-top:16px; padding:0; justify-self:start; }
}
/* Quiet text links: one gold button per screen at most, everything else is a link. */
.ad-tlink{ display:inline-flex; align-items:center; gap:8px; min-height:24px; font:600 14.5px/1.3 var(--font-ui);
  color:var(--navy-deep); text-decoration:none; border-bottom:1px solid rgba(136,103,21,.45); padding-bottom:2px; }
.ad-tlink:hover{ color:var(--gold-dark); border-bottom-color:var(--gold-dark); }
.bg-navy .ad-tlink{ color:#fff; border-bottom-color:rgba(231,189,90,.55); }
.bg-navy .ad-tlink:hover{ color:var(--gold-on-navy); border-bottom-color:var(--gold-on-navy); }
.ad-links{ display:flex; flex-wrap:wrap; gap:12px 28px; margin:26px 0 0; }

/* =====================================================================
   WHY ORIENTAL ACADEMY — figures set in type alone, then the 1982 print
   ===================================================================== */
.ad-stats{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--rule-strong); border-bottom:1px solid var(--rule-strong); }
.ad-stats li{ min-width:0; padding:clamp(22px,2.6vw,32px) clamp(14px,2vw,28px); }
.ad-stats li:first-child{ padding-left:0; }
.ad-stats li + li{ border-left:1px solid var(--rule); }
.ad-stats b{ display:block; font:600 clamp(26px,2.6vw,38px)/1.05 var(--font-display); color:var(--navy-deep); letter-spacing:-.01em; white-space:nowrap; }
.ad-stats span{ display:block; margin-top:8px; font:500 13.5px/1.4 var(--font-ui); color:var(--text-soft); }
.ad-why-grid{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:32px clamp(40px,5.6vw,96px);
  align-items:center; margin-top:clamp(40px,4.8vw,64px); }
.ad-why-photo{ margin:0; }
.ad-why-photo img{ display:block; width:100%; height:auto; aspect-ratio:16 / 10; object-fit:cover; border-radius:8px; }
.ad-why-photo figcaption{ margin-top:12px; font:600 11px/1.3 var(--font-ui); letter-spacing:.14em; text-transform:uppercase; color:var(--text-muted); }
.ad-why-copy p{ margin:0; max-width:56ch; font-size:17px; line-height:1.72; color:var(--text); }
.ad-why-copy p + p{ margin-top:16px; }
@media(max-width:900px){
  .ad-stats{ grid-template-columns:1fr 1fr; }
  .ad-stats li:nth-child(odd){ padding-left:0; border-left:0; }
  .ad-stats li:nth-child(n+3){ border-top:1px solid var(--rule); }
  .ad-why-grid{ grid-template-columns:1fr; }
}
@media(max-width:420px){
  .ad-stats li{ padding:18px 12px; }
  .ad-stats b{ font-size:24px; white-space:normal; }
  .ad-stats span{ font-size:12.5px; }
}

/* =====================================================================
   THE PATH — six numbered stops on one gold line, each a link down the page
   ===================================================================== */
.ad-steps-index{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
  border-top:1px solid rgba(231,189,90,.55); }
.ad-steps-index li{ min-width:0; }
.ad-steps-index a{ position:relative; display:block; height:100%; padding:26px clamp(10px,1.4vw,20px) 6px 0; text-decoration:none; color:inherit; }
.ad-steps-index a::before{ content:""; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%;
  background:var(--navy); border:1px solid var(--gold-on-navy); transition:background .2s ease; }
.ad-n{ display:block; font:700 11.5px/1 var(--font-ui); letter-spacing:.2em; color:var(--gold-on-navy); }
.ad-steps-index b{ display:block; margin-top:12px; font:600 clamp(17px,1.45vw,20px)/1.2 var(--font-display); color:#fff; }
.ad-d{ display:block; margin-top:8px; font:400 14px/1.5 var(--font-ui); color:var(--on-navy-soft); }
.ad-steps-index a:hover b{ color:var(--gold-on-navy); }
.ad-steps-index a:hover::before{ background:var(--gold-on-navy); }
.ad-steps-index a:focus-visible{ outline:3px solid var(--gold); outline-offset:4px; border-radius:2px; }
@media(max-width:1020px){ .ad-steps-index{ grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:10px; } }
@media(max-width:620px){
  .ad-steps-index{ grid-template-columns:1fr; border-top:0; border-left:1px solid rgba(231,189,90,.55); margin-left:4px; }
  .ad-steps-index a{ padding:4px 0 22px 26px; }
  .ad-steps-index a::before{ top:5px; left:-5px; }
  .ad-steps-index li:last-child a{ padding-bottom:4px; }
}

/* =====================================================================
   02 · ELIGIBILITY — the classes on the left, the Class XI criteria beside them
   ===================================================================== */
.ad-elig-grid{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:36px clamp(40px,5.6vw,96px); align-items:start; }
.ad-rows{ margin:0; border-top:1px solid var(--rule-strong); }
.ad-row{ display:grid; grid-template-columns:minmax(150px,.38fr) 1fr; gap:10px clamp(18px,2.6vw,40px);
  padding:clamp(20px,2.2vw,26px) 0; border-bottom:1px solid var(--rule); }
.ad-row dt{ font:600 clamp(18px,1.55vw,21px)/1.25 var(--font-display); color:var(--navy-deep); }
.ad-row dd{ margin:0; font-size:16px; line-height:1.68; color:var(--text-soft); }
.ad-note{ margin:22px 0 0; font-size:15.5px; line-height:1.65; color:var(--text-soft); max-width:58ch; }
.ad-act{ margin:22px 0 0; }
.ad-xi{ padding:clamp(26px,3vw,38px) clamp(24px,2.8vw,36px); background:#fff; border:1px solid var(--rule); border-top:2px solid var(--gold-warm); border-radius:4px; }
.ad-xi-k{ display:block; font:700 11.5px/1 var(--font-ui); letter-spacing:.2em; text-transform:uppercase; color:var(--gold-dark); }
.ad-xi h3{ margin:12px 0 0; font-size:var(--t-h3); line-height:1.2; color:var(--navy-deep); }
.ad-xi > p{ margin:12px 0 0; font-size:15.5px; line-height:1.65; color:var(--text-soft); }
.ad-xi-figs{ margin:20px 0 0; }
.ad-xi-figs div{ display:grid; grid-template-columns:auto 1fr; gap:4px 18px; align-items:baseline; padding:16px 0; border-top:1px solid var(--rule); }
.ad-xi-figs dt{ font:600 clamp(32px,3vw,42px)/1 var(--font-display); color:var(--navy-deep); letter-spacing:-.015em; }
.ad-xi-figs dd{ margin:0; font-size:14.5px; line-height:1.55; color:var(--text-soft); }
.ad-xi-figs dd b{ display:block; font:600 15.5px/1.3 var(--font-ui); color:var(--navy-deep); margin-bottom:2px; }
.ad-xi-note{ margin:0 0 18px; padding-top:16px; border-top:1px solid var(--rule); font-size:14.5px; line-height:1.6; color:var(--text-soft); }
.has-rail #class-xi{ scroll-margin-top:140px; }
@media(max-width:900px){ .ad-elig-grid{ grid-template-columns:1fr; } }
@media(max-width:560px){ .ad-row{ grid-template-columns:1fr; gap:6px; padding:18px 0; } }

/* =====================================================================
   03 · PROCESS — four steps on a gold line, the classroom beside them
   ===================================================================== */
.ad-process-grid{ display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:36px clamp(40px,5.6vw,96px); align-items:center; }
.ad-timeline{ list-style:none; margin:0; padding:0; position:relative; }
.ad-timeline::before{ content:""; position:absolute; top:8px; bottom:8px; left:5px; width:1px; background:rgba(201,154,46,.6); }
.ad-timeline li{ position:relative; display:grid; grid-template-columns:auto 1fr; column-gap:18px; padding:0 0 clamp(22px,2.4vw,30px) 34px; }
.ad-timeline li:last-child{ padding-bottom:0; }
.ad-timeline li::before{ content:""; position:absolute; left:0; top:6px; width:11px; height:11px; border-radius:50%; background:#fff; border:1.5px solid var(--gold-warm); box-sizing:border-box; }
.ad-timeline li:last-child::before{ background:var(--gold-warm); }
.ad-timeline .ad-n{ grid-row:1 / span 2; padding-top:5px; color:var(--gold-dark); }
.ad-timeline h3{ margin:0; font-size:var(--t-h3); line-height:1.2; color:var(--navy-deep); }
.ad-timeline p{ grid-column:2; margin:8px 0 0; font-size:16px; line-height:1.68; color:var(--text-soft); max-width:52ch; }
.ad-process-photo{ margin:0; }
.ad-process-photo img{ display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; object-position:50% 45%; border-radius:8px; }
.ad-process-photo figcaption{ margin-top:12px; font:600 11px/1.3 var(--font-ui); letter-spacing:.14em; text-transform:uppercase; color:var(--text-muted); }
@media(max-width:900px){
  .ad-process-grid{ grid-template-columns:1fr; }
  .ad-process-photo{ order:-1; }
  .ad-process-photo img{ aspect-ratio:16 / 10; }
}
@media(max-width:560px){ .ad-process-photo img{ border-radius:0; } .ad-process-photo picture{ display:block; margin-inline:-28px; } }

/* =====================================================================
   04 · DOCUMENTS, FEES, DATES — on navy
   ===================================================================== */
.ad-docs-grid{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:36px clamp(40px,5.6vw,96px); align-items:start; }
.ad-docs-list h3, .ad-block h3{ margin:0; font-size:var(--t-h3); line-height:1.2; color:#fff; }
.ad-check{ list-style:none; margin:18px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; column-gap:28px;
  border-top:1px solid rgba(255,255,255,.14); }
.ad-check li{ position:relative; padding:13px 0 13px 24px; border-bottom:1px solid rgba(255,255,255,.1);
  font-size:15px; line-height:1.5; color:var(--on-navy); }
.ad-check li::before{ content:""; position:absolute; left:2px; top:19px; width:9px; height:5px;
  border-left:1.5px solid var(--gold-on-navy); border-bottom:1.5px solid var(--gold-on-navy); transform:rotate(-45deg); }
.ad-docs-note{ margin:20px 0 16px; font-size:15px; line-height:1.6; color:var(--on-navy-soft); max-width:60ch; }
.ad-block{ padding-bottom:clamp(24px,2.6vw,32px); }
.ad-block + .ad-block{ padding-top:clamp(24px,2.6vw,32px); padding-bottom:0; border-top:1px solid rgba(231,189,90,.35); }
.ad-block p{ margin:12px 0 0; font-size:15.5px; line-height:1.65; color:var(--on-navy); }
.ad-block-act{ margin-top:20px !important; }
.ad-fine{ font-size:13.5px !important; color:var(--on-navy-soft) !important; }
.ad-fine a{ color:var(--gold-on-navy); font-weight:600; white-space:nowrap; }
.ad-dates{ list-style:none; margin:14px 0 0; padding:0; }
.ad-dates li{ position:relative; padding:10px 0 10px 20px; font-size:15.5px; line-height:1.6; color:var(--on-navy); border-bottom:1px solid rgba(255,255,255,.08); }
.ad-dates li:last-child{ border-bottom:0; }
.ad-dates li::before{ content:""; position:absolute; left:0; top:20px; width:8px; height:1px; background:var(--gold-on-navy); }
.has-rail #fees{ scroll-margin-top:140px; }
@media(max-width:900px){ .ad-docs-grid{ grid-template-columns:1fr; } }
@media(max-width:620px){ .ad-check{ grid-template-columns:1fr; } }

/* =====================================================================
   05 + 06 · APPLY — the enquiry form, with the visit details beside it
   ===================================================================== */
.ad-apply-grid{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:36px clamp(40px,5vw,84px); align-items:start; }
.ad-apply-copy h2{ margin:16px 0 0; font-size:var(--t-h2); line-height:1.07; letter-spacing:-.015em; }
.ad-apply-copy .lede{ margin:18px 0 0; font-size:var(--t-lede); line-height:1.65; max-width:44ch; }
.ad-visit{ margin-top:clamp(30px,3.4vw,44px); padding-top:clamp(24px,2.8vw,32px); border-top:1px solid var(--rule-strong); }
.ad-visit-k{ display:block; font:700 11.5px/1 var(--font-ui); letter-spacing:.2em; text-transform:uppercase; color:var(--gold-dark); }
.ad-visit h3{ margin:12px 0 0; font-size:var(--t-h3); line-height:1.2; color:var(--navy-deep); }
.ad-visit p{ margin:12px 0 0; font-size:16px; line-height:1.68; color:var(--text-soft); max-width:50ch; }
.ad-visit .ad-links{ margin-top:20px; }
.ad-apply-form .form-card{ margin:0; border-radius:10px; box-shadow:0 24px 48px -36px rgba(22,36,63,.4); }
.ad-nw{ white-space:nowrap; }
.has-rail #visit{ scroll-margin-top:140px; }
@media(max-width:960px){ .ad-apply-grid{ grid-template-columns:1fr; } .ad-apply-form{ order:0; } }

/* =====================================================================
   QUESTIONS — heading on the left, a large accordion on the right
   ===================================================================== */
.ad-faq-grid{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:32px clamp(40px,6vw,104px); align-items:start; }
.ad-faq-side{ position:sticky; top:calc(var(--header-h) + 36px); }
.ad-faq-side h2{ margin:16px 0 0; font-size:var(--t-h2); line-height:1.07; letter-spacing:-.015em; }
.ad-faq-side .lede{ margin:18px 0 0; font-size:var(--t-lede); line-height:1.65; }
.ad-faq .faq{ max-width:none; margin:0; gap:0; border-top:1px solid var(--rule-strong); }
.ad-faq .faq-item{ background:none; border:0; border-bottom:1px solid var(--rule-strong); border-radius:0; box-shadow:none; overflow:visible; }
.ad-faq .faq-item summary{ padding:clamp(20px,2.2vw,26px) 0; gap:24px; font-size:clamp(18px,1.5vw,21px); line-height:1.3; color:var(--navy-deep); }
.ad-faq .faq-item summary::after{ width:34px; height:34px; box-sizing:border-box; display:grid; place-items:center;
  border:1px solid var(--rule-strong); border-radius:50%; font-size:20px; line-height:1;
  transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.ad-faq .faq-item[open] summary::after{ background:var(--navy-deep); border-color:var(--navy-deep); color:#fff; }
.ad-faq .faq-item summary:focus-visible{ outline-offset:4px; }
.ad-faq .faq-a{ padding:0 58px 24px 0; font-size:16.5px; line-height:1.7; color:var(--text); }
@media(max-width:860px){
  .ad-faq-grid{ grid-template-columns:1fr; }
  .ad-faq-side{ position:static; }
  .ad-faq .faq-a{ padding-right:0; }
}

/* =====================================================================
   READY TO BEGIN — the close
   ===================================================================== */
.ad-begin-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px clamp(40px,6vw,104px); align-items:center; }
.ad-begin h2{ margin:16px 0 0; font-size:var(--t-h2); line-height:1.07; letter-spacing:-.015em; color:#fff; }
.ad-begin-sub{ margin:18px 0 0; font-size:var(--t-lede); line-height:1.65; color:var(--on-navy); max-width:40ch; }
.ad-begin-act{ display:flex; flex-wrap:wrap; gap:14px; margin-top:clamp(24px,2.8vw,32px); }
.ad-begin-act .btn{ min-height:54px; padding:16px 28px; }
.ad-founder{ margin:0; padding-left:clamp(22px,2.6vw,36px); border-left:2px solid var(--gold-on-navy); }
.ad-founder blockquote{ margin:0; font-family:var(--font-prose); font-style:italic; font-size:clamp(19px,1.7vw,23px); line-height:1.55; color:#fff; max-width:32ch; }
.ad-founder figcaption{ margin-top:16px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.ad-founder cite{ font:500 13px/1.5 var(--font-ui); font-style:normal; letter-spacing:.03em; color:var(--on-navy-soft); }
@media(max-width:860px){
  .ad-begin-grid{ grid-template-columns:1fr; }
  .ad-begin-act{ flex-direction:column; }
  .ad-begin-act .btn{ justify-content:center; }
}

/* PRE-LAUNCH AUDIT FIXES (25 Sep 2026) */
/* Phones: the call button broke into two ragged columns; stack its two lines and drop the dot. */
@media (max-width:560px){
  .ad-act .btn{ flex-direction:column; gap:5px; line-height:1.25; padding-top:12px; padding-bottom:12px; text-align:center; width:100%; }
  .ad-act .btn .ad-dot{ display:none; }
}
/* The process photo was pulled above its own heading, so it read as part of Eligibility. */
@media (max-width:900px){ .ad-process-photo{ order:0; } }