/* APhBE — the inner pages: "About" and "Chapters" (kept separate from site.css; the primary navigation lives in member.css) */

.ab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px, 5vw, 88px);align-items:center}
.ab-hero{padding:clamp(28px, 4vh, 56px) 0 clamp(56px, 7vw, 104px)}
.ab-hero h1{margin:16px 0 0 -.045em;font-size:clamp(40px, 5.2vw, 76px);line-height:1.02;letter-spacing:-.035em;text-transform:none;text-wrap:balance}
.ab-lead{margin:22px 0 0;max-width:52ch;font-size:clamp(16px, 1.15vw, 18px);line-height:1.6;color:var(--text)}
.ab-tag{margin-top:clamp(26px, 3vw, 40px);color:var(--navy)}
.ab-photo{margin:0}
.ab-photo img{display:block;width:100%;height:auto;border-radius:18px}
.ab-photo-tall img{aspect-ratio:4 / 5;object-fit:cover}
.ab-hero .ab-photo img{aspect-ratio:5 / 4;object-fit:cover}
.ab-head-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px, 4vw, 64px);align-items:center}
.ab-photo-side{max-width:520px;justify-self:end;width:100%}
.ab-photo-side img{aspect-ratio:16 / 10;object-fit:cover;border-radius:14px}

.ab-head{display:grid;gap:12px;margin-bottom:clamp(26px, 3vw, 40px)}
.ab-sub{margin:0;font-size:16px;line-height:1.6;color:var(--muted);max-width:60ch}
.ab-focus{padding:clamp(56px, 7vw, 104px) 0;border-top:1px solid var(--rule-soft)}
.ab-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:12px}
.ab-cards li,.ab-three > div{background:#F6F8FB;border-radius:14px;padding:clamp(22px, 2.2vw, 32px);min-height:220px;display:flex;flex-direction:column}
.ab-cards .n,.ab-three .n{font-size:12px;font-weight:500;letter-spacing:.2em;color:var(--navy)}
.ab-cards h3,.ab-three h3{margin:18px 0 0;font-family:var(--head);font-weight:800;font-size:clamp(20px, 1.6vw, 24px);line-height:1.12;letter-spacing:-.02em;color:var(--ink)}
.ab-cards p,.ab-three p{margin:auto 0 0;padding-top:20px;font-size:15px;line-height:1.55;color:var(--muted)}
.ab-note{margin:22px 0 0;font-size:13px;color:var(--muted)}

.ab-build{padding:0 0 clamp(56px, 7vw, 104px)}
.ab-banner{margin:0 0 clamp(40px, 5vw, 72px)}
.ab-banner img{display:block;width:100%;height:clamp(240px, 34vw, 520px);object-fit:cover}
.ab-three{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:12px}
.ab-three > div{background:#fff;border:1px solid var(--rule)}

.ab-chapters{padding:clamp(56px, 7vw, 104px) 0;border-top:1px solid var(--rule-soft)}
.ab-line{margin:16px 0 0;font-family:var(--head);font-weight:800;font-size:clamp(30px, 3.4vw, 50px);line-height:1.04;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.ab-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin:clamp(24px, 3vw, 36px) 0 0}
.ab-links .btn{margin:0}
.ab-lnk{font-size:15px;font-weight:500;color:var(--navy)}

.ab-cta{background:var(--navy);color:#fff;padding:clamp(64px, 8vw, 120px) 0}
.ab-cta h2{margin:0 0 0 -.04em;font-family:var(--head);font-weight:800;font-size:clamp(36px, 5vw, 72px);line-height:1.02;letter-spacing:-.035em;color:#fff;text-transform:none;max-width:14ch;text-wrap:balance}
.ab-sub-light{color:rgba(255,255,255,.82);margin-top:18px}
.ab-lnk-light{font-size:15px;font-weight:500;color:#fff}
.ab-tag-light{margin-top:clamp(36px, 5vw, 64px);color:rgba(255,255,255,.78)}
.ab-cta .btn-light{margin:0}

/* About: pointer to the Chapters page */
.ab-pointer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px, 4vw, 72px);align-items:end}
.ab-pointer-side .ab-lead{margin-top:0}
.ab-pointer-side > p:last-child{margin-top:22px}

/* Chapters: the band of schools where chapters are forming (white marks on navy; add one <li> per school) */
.ch-band{background:var(--navy);color:#fff;padding:clamp(48px, 6vw, 80px) 0}
.ch-band-title{margin:0;text-align:center;font-size:15px;line-height:1.5;color:rgba(255,255,255,.72)}
.ch-logos{list-style:none;margin:clamp(32px, 4vw, 52px) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:40px clamp(48px, 7vw, 120px)}
.ch-logos li{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:160px}
.ch-logos img{display:block;height:72px;width:auto;max-width:min(300px, 80vw);object-fit:contain;filter:brightness(0) invert(1);opacity:.94}
@media (max-width:640px){.ch-logos img{height:52px}}
.ch-logo-text{font-family:var(--head);font-weight:800;font-size:26px;letter-spacing:-.02em;line-height:1;color:#fff}
.ch-next{margin:clamp(40px, 5vw, 64px) auto 0;max-width:560px;padding-top:clamp(28px, 3.5vw, 40px);border-top:1px solid rgba(255,255,255,.16);text-align:center}
.ch-next-title{margin:0;font-family:var(--head);font-weight:800;font-size:clamp(30px, 3.4vw, 44px);line-height:1;letter-spacing:-.03em;color:#fff}
.ch-next-sub{margin:12px 0 0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.82)}
.ch-next-link{display:inline-block;margin-top:18px;font-size:15px;font-weight:500;color:#fff}
.ch-how{padding-top:0}
.ch-how .ab-banner{margin-top:0}

@media (max-width:900px){
  .ab-grid,.ab-pointer,.ab-head-split{grid-template-columns:minmax(0,1fr);gap:28px}
  .ab-head-split{gap:20px}
  .ab-photo-side{max-width:none;justify-self:stretch}
  .ab-grid-rev .ab-photo{order:2}
  .ab-cards{grid-template-columns:repeat(2, minmax(0,1fr))}
  .ab-three{grid-template-columns:minmax(0,1fr)}
  .ab-cards li,.ab-three > div{min-height:0}
  .ab-cards p,.ab-three p{padding-top:14px}
}
@media (max-width:520px){.ab-cards{grid-template-columns:minmax(0,1fr)}}