/* ============================================================
   Admissions — 10-Stage Pipeline (loads after about.css system)
   ============================================================ */

/* — epigraph plate — */
.adm-epi{max-width:660px;margin:22px auto 0;padding:18px 26px;border-radius:16px;text-align:center;
  border:1px solid var(--hb-border);background:linear-gradient(180deg,#FFFDF6,#F6EEDB);
  box-shadow:0 16px 32px -22px rgba(29,22,28,.3),inset 0 1px 0 #fff}
.adm-epi p{margin:0;font:italic 600 15px/1.7 var(--hb-display);color:var(--hb-muted)}

/* — gate output ribbon (every stage ends in a written output) — */
.adm-gate{display:inline-flex;align-items:center;gap:9px;margin:14px 0 0;padding:9px 18px;
  border-radius:999px;font:700 12.5px/1 var(--hb-text);letter-spacing:.02em;color:#FCF7EA;
  background:linear-gradient(180deg,#35815B,var(--hb-green) 58%,#224F38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 rgba(0,0,0,.28),
    0 9px 16px -9px rgba(44,106,71,.6)}
.adm-gate::before{content:"";width:12px;height:7px;flex:none;
  border-left:2.4px solid #CFE6D8;border-bottom:2.4px solid #CFE6D8;transform:rotate(-45deg)}

/* — stage quote (verbatim maritime lines) — */
.adm-q{margin:14px 0 0;padding:12px 20px;border-left:3px solid var(--hb-gold);
  background:linear-gradient(90deg,rgba(226,177,93,.14),transparent);
  border-radius:0 12px 12px 0;font:italic 500 14px/1.7 var(--hb-text);color:var(--hb-muted);max-width:64ch}

/* — related link chip — */
.adm-rel{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:9px 16px;
  border-radius:999px;text-decoration:none;font:700 12.5px/1 var(--hb-text);color:#3F2F10;
  background:linear-gradient(180deg,#F0CE83,var(--hb-gold) 58%,#C89440);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.22),
    0 8px 14px -8px rgba(143,106,46,.6);transition:transform .15s ease}
.adm-rel:hover{transform:translateY(-1px)}
.adm-rel::after{content:"";width:10px;height:10px;border-top:2.2px solid #3F2F10;
  border-right:2.2px solid #3F2F10;transform:rotate(45deg) scale(.75)}

/* — 5 major steps — */
.adm-steps{display:grid;gap:18px;max-width:960px;margin:34px auto 0}
.adm-steps>li{position:relative;list-style:none;padding:26px 28px 24px 96px;border-radius:20px;
  border:1px solid var(--hb-border);background:linear-gradient(180deg,#FFFDF6,var(--hb-cream) 60%,#F6EEDB);
  box-shadow:0 22px 44px -26px rgba(29,22,28,.32),inset 0 1px 0 #fff}
.adm-steps .n{position:absolute;left:26px;top:26px;width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;font:800 18px/1 var(--hb-display);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,0,0,.35),
    0 10px 18px -9px rgba(29,22,28,.5)}
.adm-steps>li:nth-child(1) .n,.adm-steps>li:nth-child(2) .n{color:#4A3714;
  background:radial-gradient(circle at 35% 30%,#F3DA9A,#ECCE77 55%,#C9A44E)}
.adm-steps>li:nth-child(3) .n{color:#FCF7EA;
  background:radial-gradient(circle at 35% 30%,#8A6A38,#6E5327 55%,#4A3714)}
.adm-steps>li:nth-child(4) .n{color:#FCF7EA;
  background:radial-gradient(circle at 35% 30%,#8C3B32,#7B2D26 55%,#5A1F1A)}
.adm-steps>li:nth-child(5) .n{color:#FCF7EA;
  background:radial-gradient(circle at 35% 30%,#35815B,#2C6A47 55%,#1E4732)}
.adm-steps h3{margin:0 0 10px;font:700 19px/1.3 var(--hb-display);color:var(--hb-ink)}
.adm-steps p{margin:0 0 12px;font:500 14.5px/1.7 var(--hb-text);color:var(--hb-body);max-width:70ch}

/* — 10 stage rail — */
.adm-rail{list-style:none;margin:34px auto 0;padding:0;position:relative;max-width:920px}
.adm-rail::before{content:"";position:absolute;left:25px;top:14px;bottom:14px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,#ECCE77 0%,#B08542 28%,#6E5327 52%,#7B2D26 76%,#2C6A47 100%)}
.adm-rail>li{position:relative;padding:0 0 30px 82px}
.adm-rail>li:last-child{padding-bottom:0}
.adm-rail .n{position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;font:800 17px/1 var(--hb-display);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,0,0,.35),
    0 9px 16px -8px rgba(29,22,28,.5)}
.adm-rail>li:nth-child(-n+3) .n{color:#4A3714;background:radial-gradient(circle at 35% 30%,#F3DA9A,#ECCE77 55%,#C9A44E)}
.adm-rail>li:nth-child(n+4):nth-child(-n+6) .n{color:#FCF7EA;background:radial-gradient(circle at 35% 30%,#8A6A38,#6E5327 55%,#4A3714)}
.adm-rail>li:nth-child(n+7):nth-child(-n+8) .n{color:#FCF7EA;background:radial-gradient(circle at 35% 30%,#8C3B32,#7B2D26 55%,#5A1F1A)}
.adm-rail>li:nth-child(n+9) .n{color:#FCF7EA;background:radial-gradient(circle at 35% 30%,#35815B,#2C6A47 55%,#1E4732)}
.adm-rail h3{margin:4px 0 9px;font:700 17.5px/1.3 var(--hb-display);color:var(--hb-ink)}
.adm-rail p{margin:0 0 10px;font:500 14.5px/1.68 var(--hb-text);color:var(--hb-body);max-width:66ch}
.adm-rail .ab-checks{margin:10px 0 2px;max-width:620px}

/* — course cards — */
.adm-courses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.adm-courses li{display:flex;flex-direction:column;padding:22px 20px 20px;border-radius:18px;text-align:center;
  border:1px solid var(--hb-border);background:linear-gradient(180deg,#FFFDF6,#F6EEDB);
  box-shadow:0 18px 36px -24px rgba(29,22,28,.3),inset 0 1px 0 #fff}
.adm-courses img{width:46px;margin:0 auto 12px;filter:drop-shadow(0 8px 12px rgba(74,55,20,.3))}
.adm-courses h3{margin:0 0 8px;font:700 15px/1.32 var(--hb-display);color:var(--hb-ink)}
.adm-courses p{margin:0 0 14px;font:500 13px/1.6 var(--hb-text);color:var(--hb-muted)}
.adm-courses .adm-rel{margin-top:auto;align-self:center}

/* — differentiators — */
.adm-diff{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.adm-diff div{padding:22px 20px;border-radius:18px;text-align:center;
  border:1px solid var(--hb-border);background:linear-gradient(180deg,#FFFDF6,#F7EFDC);
  box-shadow:0 16px 32px -22px rgba(29,22,28,.3),inset 0 1px 0 #fff}
.adm-diff img{width:56px;margin:0 auto 12px;filter:drop-shadow(0 8px 14px rgba(74,55,20,.32))}
.adm-diff h3{margin:0 0 8px;font:700 15px/1.3 var(--hb-display);color:var(--hb-ink)}
.adm-diff p{margin:0;font:500 13px/1.6 var(--hb-text);color:var(--hb-body)}

/* — fake-claim warning list — */
.adm-warn{list-style:none;margin:18px auto 0;padding:0;max-width:820px;
  display:grid;grid-template-columns:1fr 1fr;gap:10px}
.adm-warn li{position:relative;padding:13px 16px 13px 44px;border-radius:14px;
  border:1px solid rgba(123,45,38,.28);background:#FBF1EC;
  font:600 13.5px/1.5 var(--hb-text);color:#5A2620}
.adm-warn li::before{content:"";position:absolute;left:16px;top:15px;width:13px;height:13px;
  background:linear-gradient(45deg,transparent 42%,var(--hb-burg) 42%,var(--hb-burg) 58%,transparent 58%),
    linear-gradient(-45deg,transparent 42%,var(--hb-burg) 42%,var(--hb-burg) 58%,transparent 58%)}

/* — final message — */
.adm-final{max-width:640px;margin:0 auto;text-align:center}
.adm-final p{margin:0 0 10px;font:600 17px/1.7 var(--hb-display);color:#FCF7EA}
.adm-final p.mute{font:500 15px/1.7 var(--hb-text);color:rgba(252,247,234,.78)}

@media (max-width:1020px){
  .adm-courses{grid-template-columns:repeat(2,1fr)}
  .adm-diff{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .adm-steps>li{padding:76px 20px 22px}
  .adm-steps .n{left:20px;top:20px}
  .adm-rail::before{left:20px}
  .adm-rail>li{padding-left:66px}
  .adm-rail .n{width:42px;height:42px;font-size:15px}
  .adm-warn{grid-template-columns:1fr}
  .adm-courses{grid-template-columns:1fr}
  .adm-diff{grid-template-columns:1fr}
}

/* — bronze app CTA (third button in the doc's 3-CTA block) — */
.hb-btn.hbx-app{color:#FCF7EA;background:linear-gradient(180deg,#8A6A38,#6E5327 55%,#4A3714);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.3),
    0 10px 18px -9px rgba(74,55,20,.6)}
.hb-btn.hbx-app:hover{color:#FCF7EA;transform:translateY(-1px)}