:root{
  /* Derived from the current AMSN-PH logo and letterhead */
  --amsn-blue:#005480;
  --amsn-blue-dark:#003b5b;
  --amsn-cyan:#0095d7;
  --amsn-green:#5cc232;
  --amsn-gray:#a7a9ac;

  --ink:#171b1d;
  --muted:#60686c;
  --line:#d9dde0;
  --light:#f4f6f7;
  --white:#ffffff;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,p,blockquote{margin-top:0}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--line);
}
.header-inner{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
}
.brand{
  min-width:300px;
  display:flex;
  align-items:center;
  gap:12px;
}
.brand-logo{
  width:54px;
  height:54px;
  object-fit:cover;
  border-radius:50%;
}
.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
.brand-text strong{
  color:var(--amsn-blue);
  font-size:.95rem;
  font-weight:500;
}
.brand-text>span{
  color:#8d8f92;
  font-size:.95rem;
  font-weight:400;
}
.brand-text small{
  margin-top:4px;
  color:var(--amsn-blue);
  font-size:.61rem;
  font-weight:700;
  letter-spacing:.34em;
}

.primary-nav{
  display:flex;
  align-items:center;
  gap:20px;
  font-size:.82rem;
  font-weight:600;
}
.primary-nav a{padding:9px 0}
.primary-nav a:hover,
.primary-nav [aria-current="page"]{color:var(--amsn-blue)}
.nav-action{
  padding:9px 13px!important;
  background:var(--amsn-blue);
  color:#fff!important;
}
.menu-toggle{
  display:none;
  padding:7px 11px;
  border:1px solid var(--amsn-blue);
  background:#fff;
  color:var(--amsn-blue);
  font-weight:700;
}

/* Typography */
.kicker,.eyebrow{
  margin-bottom:18px;
  color:var(--amsn-blue);
  font-size:.73rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.eyebrow.inverse{color:#79c9eb}
h1{
  max-width:950px;
  margin-bottom:28px;
  font-size:clamp(3rem,6.5vw,6rem);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:400;
}
h2{
  max-width:880px;
  margin-bottom:30px;
  font-size:clamp(2.1rem,4.1vw,3.8rem);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:400;
}
h3{
  margin-bottom:9px;
  font-size:1.18rem;
  line-height:1.2;
}
p{color:var(--muted)}
.hero-lead,
.section-intro{
  max-width:760px;
  font-size:1.15rem;
}
.large-copy{
  max-width:850px;
  font-size:clamp(1.2rem,2.25vw,1.7rem);
  line-height:1.4;
}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 17px;
  font-size:.87rem;
  font-weight:700;
}
.btn-blue{background:var(--amsn-blue);color:#fff}
.btn-blue:hover{background:var(--amsn-blue-dark)}
.btn-white{background:#fff;color:var(--amsn-blue)}
.text-link{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:var(--amsn-blue);
  font-size:.88rem;
  font-weight:700;
}

/* Hero */
.hero{
  position:relative;
  overflow:hidden;
  padding:95px 0 90px;
  border-bottom:1px solid var(--line);
}
.hero-accent{
  position:absolute;
  right:0;
  top:0;
  width:26px;
  height:100%;
  display:flex;
  flex-direction:column;
}
.hero-accent span{display:block}
.accent-blue{height:52%;background:var(--amsn-blue)}
.accent-gray{height:17%;background:var(--amsn-gray)}
.accent-cyan{height:17%;background:var(--amsn-cyan)}
.accent-green{height:14%;background:var(--amsn-green)}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);
  gap:90px;
  align-items:end;
}
.hero-actions{
  margin-top:34px;
  display:flex;
  gap:25px;
  align-items:center;
}
.hero-panel{
  padding:25px 0 0;
  border-top:4px solid var(--amsn-blue);
}
.panel-title{
  margin-bottom:48px;
  color:var(--amsn-blue);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.14em;
}
.panel-statement{
  font-size:1.12rem;
  color:#384145;
}
.panel-tags{
  margin-top:27px;
  padding-top:15px;
  display:flex;
  flex-wrap:wrap;
  gap:11px 18px;
  border-top:1px solid var(--line);
}
.panel-tags span{
  color:#777e81;
  font-size:.73rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* Quick access */
.quick-access{background:var(--amsn-blue);color:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quick-grid a{
  min-height:132px;
  padding:22px 23px;
  display:flex;
  flex-direction:column;
  border-right:1px solid rgba(255,255,255,.18);
}
.quick-grid a:first-child{border-left:1px solid rgba(255,255,255,.18)}
.quick-grid a:hover{background:rgba(0,0,0,.08)}
.quick-no{color:#8fd5f0;font-size:.7rem}
.quick-grid strong{margin-top:auto;font-size:.98rem}
.quick-grid small{margin-top:5px;color:#c5dbe5;font-size:.76rem}

/* General sections */
.section{padding:105px 0;border-bottom:1px solid var(--line)}
.section-layout{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:70px;
}
.section-index{padding-top:4px}
.section-index span{
  display:block;
  margin-bottom:7px;
  color:var(--amsn-cyan);
  font-size:.7rem;
  font-weight:700;
}
.section-index p{
  margin:0;
  color:var(--amsn-blue);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.13em;
}
.section-index.inverse p{color:#fff}
.section-main{max-width:950px}
.section-main.inverse h2{color:#fff}
.section-main.inverse p{color:#bfd3dd}
.two-col-copy{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
}
.two-col-copy p{margin-bottom:0}

/* Principles */
.principles{
  margin-top:55px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.principles article{
  min-height:145px;
  padding:20px;
  border-right:1px solid var(--line);
}
.principles article:last-child{border-right:0}
.principles strong{
  display:block;
  margin-bottom:28px;
  color:var(--amsn-blue);
  font-weight:600;
}
.principles p{margin:0;font-size:.83rem}

/* Blue section */
.blue-section{
  background:var(--amsn-blue-dark);
  border-color:rgba(255,255,255,.16);
}
.network-lines{
  margin-top:52px;
  border-top:1px solid rgba(255,255,255,.2);
}
.network-lines article{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:35px;
  padding:23px 0;
  border-bottom:1px solid rgba(255,255,255,.2);
}
.network-lines span{
  color:#7dd2f2;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.09em;
}
.network-lines p{margin:0!important;color:#c4d6de!important}

/* Membership */
.benefit-grid{
  margin-top:48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.benefit-grid article{
  min-height:235px;
  padding:26px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.benefit-code{
  display:block;
  margin-bottom:53px;
  color:var(--amsn-cyan);
  font-size:.7rem;
  font-weight:700;
}
.benefit-grid h3{color:var(--amsn-blue)}
.benefit-grid p{margin:0;font-size:.91rem}
.privacy-note{
  margin-top:35px;
  padding:23px 25px;
  border-left:5px solid var(--amsn-green);
  background:var(--light);
}
.privacy-note strong{
  display:block;
  margin-bottom:7px;
  color:var(--amsn-blue);
}
.privacy-note p{margin:0;font-size:.88rem}

/* Programs */
.light-gray-section{background:var(--light)}
.program-list{margin-top:50px;border-top:1px solid #cfd4d7}
.program-list article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:25px;
  padding:23px 0;
  border-bottom:1px solid #cfd4d7;
}
.program-list>article>span{
  color:var(--amsn-cyan);
  font-size:.7rem;
  font-weight:700;
}
.program-list h3{color:var(--amsn-blue)}
.program-list p{margin:0}

/* Regions */
.region-grid{
  margin-top:48px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:4px solid var(--amsn-blue);
  border-bottom:1px solid var(--line);
}
.region-grid article{
  min-height:260px;
  padding:25px 25px;
  border-right:1px solid var(--line);
}
.region-grid article:last-child{border-right:0}
.region-label{
  margin-bottom:80px;
  color:var(--amsn-blue);
  font-size:.77rem;
  font-weight:700;
  letter-spacing:.17em;
}
.region-grid p{margin:0;font-size:.88rem}

/* Stories home */
.section-heading-row{
  display:flex;
  justify-content:space-between;
  gap:45px;
  align-items:flex-start;
}
.story-grid{
  margin-top:25px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.story-feature{
  min-height:470px;
  padding:30px;
  display:flex;
  flex-direction:column;
  background:#fff;
  border-top:6px solid var(--amsn-blue);
}
.story-label{
  color:var(--amsn-blue);
  font-size:.71rem;
  font-weight:700;
  letter-spacing:.12em;
}
.story-feature-copy{margin-top:auto}
.story-feature h3{
  max-width:620px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,3.6vw,3.2rem);
  font-weight:400;
  line-height:1.05;
}
.story-feature-copy p{max-width:650px}
.story-feature-copy>span{
  color:#858c8f;
  font-size:.76rem;
}
.story-stack{
  display:grid;
  grid-template-rows:repeat(3,1fr);
  gap:1px;
  background:var(--line);
}
.story-stack article{
  padding:24px;
  background:#fff;
}
.story-stack h3{
  margin-top:42px;
  color:#273034;
}
.story-stack p{margin:0;font-size:.84rem}

/* Leadership */
.leadership-table{
  margin-top:45px;
  border-top:2px solid var(--amsn-blue);
}
.leader-row{
  display:grid;
  grid-template-columns:260px 1fr 220px;
  gap:25px;
  padding:20px 0;
  align-items:center;
  border-bottom:1px solid #cfd4d7;
}
.leader-role{
  color:var(--amsn-blue);
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.leader-name{
  margin:0;
  color:#272d30;
  font-weight:600;
}
.leader-meta{margin:0;font-size:.83rem}
.editor-note{
  margin-top:28px;
  color:#83898c;
  font-size:.78rem;
}

/* Join */
.join-section{
  position:relative;
  overflow:hidden;
  padding:88px 0;
  background:var(--amsn-blue);
  color:#fff;
}
.join-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
}
.join-section h2{color:#fff}
.join-section p{color:#d0e0e8}
.join-section small{
  display:block;
  margin-top:13px;
  color:#b9d1dc;
}
.join-accent{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:12px;
  display:grid;
  grid-template-rows:1fr 1fr 1fr;
}
.join-accent span:nth-child(1){background:var(--amsn-cyan)}
.join-accent span:nth-child(2){background:var(--amsn-gray)}
.join-accent span:nth-child(3){background:var(--amsn-green)}

/* Footer */
.site-footer{
  padding:52px 0 20px;
  background:#101619;
  color:#fff;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.3fr .7fr 1fr;
  gap:60px;
}
.footer-brand-block{
  display:flex;
  align-items:center;
  gap:14px;
}
.footer-brand-block img{
  width:62px;
  height:62px;
  object-fit:cover;
  border-radius:50%;
}
.footer-brand-block strong{
  color:#fff;
  font-size:1rem;
}
.footer-brand-block p{
  max-width:280px;
  margin:4px 0 0;
  color:#929da2;
  font-size:.8rem;
}
.footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}
.footer-column strong{margin-bottom:8px}
.footer-column a,.footer-column span{
  color:#99a5aa;
  font-size:.82rem;
}
.footer-column a:hover{color:#fff}
.footer-bottom{
  margin-top:45px;
  padding-top:16px;
  display:flex;
  justify-content:space-between;
  gap:25px;
  border-top:1px solid #313a3e;
  color:#737f84;
  font-size:.75rem;
}

/* Stories page */
.stories-hero{
  padding:90px 0 75px;
  border-bottom:1px solid var(--line);
}
.stories-hero h1{max-width:900px}
.story-filter-bar{
  position:sticky;
  top:82px;
  z-index:500;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.filter-row{
  display:flex;
  gap:5px;
  overflow-x:auto;
  padding:10px 0;
}
.filter{
  padding:8px 11px;
  border:0;
  background:transparent;
  color:#667074;
  font-size:.82rem;
  font-weight:600;
  white-space:nowrap;
  cursor:pointer;
}
.filter.active,.filter:hover{color:var(--amsn-blue)}
.article-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.article-card{
  min-height:325px;
  padding:27px;
  display:flex;
  flex-direction:column;
  background:#fff;
}
.article-featured{
  grid-column:span 2;
  min-height:435px;
  border-top:6px solid var(--amsn-blue);
}
.article-label{
  color:var(--amsn-blue);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.11em;
}
.article-copy{margin-top:auto}
.article-copy h2,
.article-copy h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
}
.article-copy h2{
  max-width:720px;
  font-size:clamp(2.4rem,4vw,3.8rem);
  line-height:1.04;
}
.article-copy h3{
  font-size:1.5rem;
  line-height:1.15;
}
.article-copy>span{
  display:block;
  margin-top:20px;
  padding-top:13px;
  border-top:1px solid var(--line);
  color:#81898d;
  font-size:.76rem;
}
.submit-story{
  background:var(--amsn-blue);
  color:#fff;
}
.submit-story .article-label{color:#86d3f1}
.submit-story h3{color:#fff}
.submit-story p{color:#c9dce5}
.article-card.hidden{display:none}
.devotional-band{
  padding:85px 0;
  background:var(--light);
  border-top:1px solid var(--line);
}
.devotional-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
}
.devotional-grid blockquote{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.35rem,2.6vw,2rem);
  line-height:1.45;
  color:#3c474b;
}

/* Responsive */
@media(max-width:1050px){
  .brand-text{display:none}
  .brand{min-width:auto}
  .primary-nav{gap:14px}
  .hero-grid{grid-template-columns:1fr}
  .hero-panel{max-width:700px}
  .quick-grid{grid-template-columns:1fr 1fr}
  .quick-grid a:nth-child(3){border-left:1px solid rgba(255,255,255,.18)}
  .leader-row{grid-template-columns:210px 1fr}
  .leader-meta{grid-column:2}
}
@media(max-width:800px){
  .menu-toggle{display:block}
  .primary-nav{
    position:absolute;
    left:20px;
    right:20px;
    top:90px;
    display:none;
    padding:16px;
    flex-direction:column;
    align-items:stretch;
    background:#fff;
    border:1px solid var(--line);
  }
  .primary-nav.open{display:flex}
  .nav-action{text-align:center}
  .hero{padding:70px 0}
  .section{padding:80px 0}
  .section-layout{grid-template-columns:1fr;gap:28px}
  .section-index{
    display:flex;
    gap:12px;
    padding-bottom:12px;
    border-bottom:1px solid var(--line);
  }
  .blue-section .section-index{border-color:rgba(255,255,255,.18)}
  .section-index span{margin:0}
  .two-col-copy,.join-grid,.devotional-grid,.footer-grid{grid-template-columns:1fr}
  .principles{grid-template-columns:1fr 1fr}
  .principles article:nth-child(2){border-right:0}
  .benefit-grid{grid-template-columns:1fr}
  .region-grid{grid-template-columns:1fr}
  .region-grid article{border-right:0;border-bottom:1px solid var(--line)}
  .region-grid article:last-child{border-bottom:0}
  .region-label{margin-bottom:40px}
  .story-grid{grid-template-columns:1fr}
  .section-heading-row{flex-direction:column}
  .leader-row{grid-template-columns:1fr;gap:5px}
  .leader-meta{grid-column:auto}
  .article-grid{grid-template-columns:1fr}
  .article-featured{grid-column:auto}
}
@media(max-width:540px){
  .container{width:min(calc(100% - 28px),var(--max))}
  h1{font-size:clamp(3rem,15vw,4.8rem)}
  h2{font-size:clamp(2.2rem,11vw,3.4rem)}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .quick-grid{grid-template-columns:1fr}
  .quick-grid a,.quick-grid a:nth-child(3){border-left:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
  .principles{grid-template-columns:1fr}
  .principles article{border-right:0;border-bottom:1px solid var(--line)}
  .principles article:last-child{border-bottom:0}
  .network-lines article{grid-template-columns:1fr;gap:7px}
  .footer-bottom{flex-direction:column}
}

/* =========================
   V1.4 Expanded content
   ========================= */
.amen-intro{display:grid;grid-template-columns:1fr 1fr;gap:42px}.amen-intro p{margin-bottom:0}
.continuum{margin-top:55px;padding:28px 0;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.continuum article{min-height:155px;padding:14px}.continuum article>span{display:block;margin-bottom:36px;color:var(--amsn-cyan);font-size:.7rem;font-weight:700}.continuum strong{display:block;margin-bottom:7px;color:var(--amsn-blue);font-size:.95rem}.continuum p{margin:0;font-size:.81rem}.continuum-arrow{color:var(--amsn-gray);font-size:1.3rem}
.amen-links{margin-top:25px;display:flex;flex-wrap:wrap;gap:18px 28px}.amen-links a{color:var(--amsn-blue);font-size:.86rem;font-weight:700}
.social-community{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfd4d7;border-bottom:1px solid #cfd4d7}.social-community>div{padding:25px;border-right:1px solid #cfd4d7}.social-community>div:last-child{border-right:0}.social-community strong{display:block;margin-bottom:8px;color:var(--amsn-blue)}.social-community p{margin-bottom:20px;font-size:.86rem}.social-community a{color:var(--amsn-blue);font-size:.82rem;font-weight:700}
.event-summary{margin-top:45px;display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid var(--amsn-blue);border-bottom:1px solid var(--line)}.event-data{min-height:115px;padding:20px;border-right:1px solid var(--line)}.event-data:last-child{border-right:0}.event-data span{display:block;margin-bottom:25px;color:#838b8e;font-size:.68rem;font-weight:700;letter-spacing:.1em}.event-data strong{color:var(--amsn-blue);font-size:.9rem}
.event-copy{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:42px}.event-copy p{margin:0}
.event-slider{margin-top:50px;overflow:hidden;border:1px solid var(--line);background:#fff}.slides-track{position:relative;min-height:510px}.event-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s ease}.event-slide.active{opacity:1;pointer-events:auto}.text-slide{display:grid;place-items:center;padding:45px;background:linear-gradient(115deg,var(--amsn-blue-dark),var(--amsn-blue));color:#fff}.slide-theme{width:min(100%,720px);border-left:8px solid var(--amsn-cyan);padding:25px 30px}.slide-theme>span{display:block;margin-bottom:70px;color:#b8dceb;font-size:.72rem;letter-spacing:.14em;font-weight:700}.slide-theme h3{max-width:660px;margin-bottom:10px;font-size:clamp(2.8rem,6vw,5rem);line-height:.95;font-weight:400}.slide-theme p{margin-bottom:35px;color:#d2e5ed;font-size:1.1rem}.slide-theme small{color:#8dd4f0}.photo-slide img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;min-height:510px;display:none;flex-direction:column;align-items:center;justify-content:center;background:var(--light);color:var(--muted);text-align:center}.photo-placeholder span{margin-bottom:25px;color:var(--amsn-cyan);font-size:.7rem;font-weight:700;letter-spacing:.14em}.photo-placeholder strong{margin-bottom:6px;color:var(--amsn-blue)}.photo-placeholder small{color:#858d90}
.slider-controls{min-height:58px;padding:0 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;border-top:1px solid var(--line)}.slider-controls button{width:36px;height:36px;border:1px solid var(--line);background:#fff;color:var(--amsn-blue);cursor:pointer}.slide-dots{display:flex;justify-content:center;gap:8px}.slide-dot{width:7px!important;height:7px!important;padding:0;border:0!important;border-radius:50%;background:#bbc1c4!important}.slide-dot.active{background:var(--amsn-blue)!important}.event-links{margin-top:20px;display:flex;flex-wrap:wrap;gap:18px 30px}.event-links a{color:var(--amsn-blue);font-size:.82rem;font-weight:700}
.publication-strip{margin-top:35px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;background:#fff;border-left:5px solid var(--amsn-cyan)}.publication-strip>div>span{display:block;margin-bottom:7px;color:#858c8f;font-size:.67rem;font-weight:700;letter-spacing:.12em}.publication-strip strong{display:block;color:var(--amsn-blue);font-size:1.15rem;letter-spacing:.08em}.publication-strip p{max-width:700px;margin:10px 0 0;font-size:.85rem}
.timeline{margin-top:50px;border-top:2px solid var(--amsn-blue)}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:30px;padding:23px 0;border-bottom:1px solid var(--line)}.timeline article>span{color:var(--amsn-cyan);font-size:.78rem;font-weight:700}.timeline strong{display:block;margin-bottom:5px;color:var(--amsn-blue)}.timeline p{margin:0;font-size:.9rem}
@media(max-width:900px){.amen-intro,.event-copy{grid-template-columns:1fr}.continuum{grid-template-columns:1fr;gap:0}.continuum article{min-height:auto;padding:20px 0}.continuum article>span{margin-bottom:12px}.continuum-arrow{transform:rotate(90deg);text-align:center}.event-summary{grid-template-columns:1fr 1fr}.event-data:nth-child(2){border-right:0}.event-data:nth-child(-n+2){border-bottom:1px solid var(--line)}.social-community{grid-template-columns:1fr}.social-community>div{border-right:0;border-bottom:1px solid #cfd4d7}.social-community>div:last-child{border-bottom:0}.publication-strip{grid-template-columns:1fr}.publication-strip .btn{justify-self:start}}
@media(max-width:560px){.event-summary{grid-template-columns:1fr}.event-data{border-right:0;border-bottom:1px solid var(--line)!important}.event-data:last-child{border-bottom:0!important}.slides-track,.photo-placeholder{min-height:420px}.slide-theme>span{margin-bottom:40px}.timeline article{grid-template-columns:1fr;gap:7px}}


/* ======================================================
   V1.5 — Official 8th NEB Turn-Over Event Gallery
   ====================================================== */

.event-slider{display:none!important}

.event-gallery{
  margin-top:50px;
  border-top:4px solid var(--amsn-blue);
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-left:1px solid var(--line);
  background:#fff;
}

.gallery-viewer{
  position:relative;
  min-height:720px;
  background:#edf0f2;
}

.gallery-slide{
  position:absolute;
  inset:0;
  margin:0;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}

.gallery-slide.active{
  opacity:1;
  pointer-events:auto;
}

.gallery-media{
  min-width:0;
  height:720px;
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e7eaec;
  overflow:hidden;
}

.gallery-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

.gallery-media.portrait img{
  width:auto;
  max-width:100%;
}

.gallery-slide figcaption{
  padding:42px 32px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:#fff;
  border-left:1px solid var(--line);
}

.gallery-slide figcaption>span{
  margin-bottom:auto;
  color:var(--amsn-cyan);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
}

.gallery-slide figcaption>strong{
  display:block;
  margin-bottom:12px;
  color:var(--amsn-blue);
  font-size:1.25rem;
  line-height:1.2;
}

.gallery-slide figcaption p{
  margin:0;
  font-size:.88rem;
}

.gallery-navigation{
  min-height:116px;
  padding:12px 14px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  gap:12px;
  align-items:center;
  border-top:1px solid var(--line);
  background:#fff;
}

.gallery-arrow{
  width:42px;
  height:42px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--amsn-blue);
  cursor:pointer;
  font-size:1rem;
}

.gallery-arrow:hover{border-color:var(--amsn-blue)}

.gallery-thumbnails{
  display:grid;
  grid-template-columns:repeat(5,minmax(90px,1fr));
  gap:8px;
  min-width:0;
}

.gallery-thumb{
  min-width:0;
  padding:0;
  border:2px solid transparent;
  background:#f4f6f7;
  cursor:pointer;
  text-align:left;
}

.gallery-thumb.active{border-color:var(--amsn-blue)}

.gallery-thumb img{
  width:100%;
  height:66px;
  object-fit:cover;
  display:block;
  background:#e6e9eb;
}

.gallery-thumb span{
  display:block;
  padding:6px 7px;
  color:#687175;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.gallery-thumb.active span{color:var(--amsn-blue)}

@media(max-width:980px){
  .gallery-viewer{min-height:0}
  .gallery-slide{
    position:relative;
    display:none;
    grid-template-columns:1fr;
  }
  .gallery-slide.active{display:grid}
  .gallery-media{
    height:min(70vw,620px);
    min-height:420px;
  }
  .gallery-slide figcaption{
    min-height:210px;
    border-left:0;
    border-top:1px solid var(--line);
  }
  .gallery-slide figcaption>span{margin-bottom:55px}
}

@media(max-width:720px){
  .gallery-navigation{
    grid-template-columns:38px minmax(0,1fr) 38px;
    gap:7px;
    padding-inline:8px;
  }
  .gallery-arrow{
    width:38px;
    height:38px;
  }
  .gallery-thumbnails{
    display:flex;
    overflow-x:auto;
    scrollbar-width:thin;
  }
  .gallery-thumb{flex:0 0 96px}
  .gallery-media{
    height:440px;
    min-height:0;
    padding:10px;
  }
  .gallery-slide figcaption{padding:28px 22px}
  .gallery-slide figcaption>span{margin-bottom:35px}
}

@media(max-width:480px){
  .gallery-media{height:360px}
  .gallery-thumb{flex-basis:82px}
  .gallery-thumb img{height:55px}
}


/* ======================================================
   V1.6 — Homepage community hero
   ====================================================== */

.hero-visual{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.hero-image-frame{
  position:relative;
  overflow:hidden;
  padding:10px;
  background:#dfe5e8;
  border-top:4px solid var(--amsn-blue);
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}

.hero-image-frame img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
}

.hero-visual-caption{
  padding:15px 16px 0;
  border-top:1px solid var(--line);
}

.hero-caption-title{
  margin-bottom:8px;
  color:var(--amsn-blue);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero-visual-caption p{
  margin:0;
  color:#4a555a;
  font-size:.9rem;
}

@media(max-width:800px){
  .hero-visual{
    max-width:760px;
  }
}

@media(max-width:540px){
  .hero-visual-caption{
    padding:14px 0 0;
  }
}


/* ======================================================
   V1.8 — Community/network showcase section
   ====================================================== */

.network-showcase{
  padding:88px 0 96px;
  background:var(--light);
  border-bottom:1px solid var(--line);
}

.network-showcase-copy{
  max-width:920px;
  margin-bottom:32px;
}

.network-showcase-figure{
  margin:0;
  border-top:4px solid var(--amsn-blue);
  background:#dfe5e8;
  box-shadow:0 12px 28px rgba(0,0,0,.06);
  overflow:hidden;
}

.network-showcase-figure img{
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:800px){
  .network-showcase{
    padding:70px 0 76px;
  }
}


/* ======================================================
   V1.9 — Visual polish layer
   Goal: institutional, editorial, premium — not startup-like
   ====================================================== */

/* Overall rhythm */
body{
  background:#fbfcfc;
}

main{
  overflow:hidden;
}

.section,
.network-showcase{
  position:relative;
}

.section{
  padding-top:118px;
  padding-bottom:118px;
}

.light-gray-section{
  background:#f4f6f7;
}

.section-main{
  max-width:980px;
}

.section-index{
  position:relative;
  padding-top:2px;
}

.section-index::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:16px;
  background:var(--amsn-cyan);
}

.section-index.inverse::after{
  background:#67c9ef;
}

/* Header polish */
.site-header{
  box-shadow:0 1px 0 rgba(0,0,0,.025);
}

.header-inner{
  min-height:86px;
}

.primary-nav{
  letter-spacing:.01em;
}

.primary-nav a{
  position:relative;
}

.primary-nav a:not(.nav-action)::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:3px;
  height:2px;
  background:var(--amsn-cyan);
  transition:right .18s ease;
}

.primary-nav a:not(.nav-action):hover::after,
.primary-nav [aria-current="page"]::after{
  right:0;
}

.nav-action{
  padding:10px 15px!important;
}

/* Hero */
.hero{
  padding-top:104px;
  padding-bottom:98px;
  background:#ffffff;
}

.hero::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:7px;
  height:62%;
  background:var(--amsn-blue);
}

.hero::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:7px;
  height:18%;
  background:var(--amsn-green);
}

.hero-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);
  gap:74px;
  align-items:center;
}

.hero-copy{
  position:relative;
  z-index:1;
}

.hero-copy .kicker{
  margin-bottom:22px;
  font-size:.7rem;
}

.hero h1{
  max-width:820px;
  font-size:clamp(3.25rem,5.7vw,5.4rem);
  line-height:.97;
  letter-spacing:-.055em;
}

.hero-lead{
  max-width:680px;
  margin-bottom:0;
  font-size:1.08rem;
  line-height:1.65;
  color:#4c575b;
}

.hero-actions{
  margin-top:32px;
}

.hero-meta{
  margin-top:44px;
  padding-top:17px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
  border-top:1px solid var(--line);
}

.hero-meta span{
  color:#7c8589;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Hero image as an editorial visual rather than a card */
.hero-visual{
  gap:0;
}

.hero-image-frame{
  position:relative;
  padding:0;
  background:#eef1f2;
  border-top:0;
  box-shadow:none;
  outline:1px solid var(--line);
  outline-offset:-1px;
}

.hero-image-frame::before{
  content:"";
  position:absolute;
  z-index:2;
  left:-1px;
  top:-1px;
  width:88px;
  height:7px;
  background:var(--amsn-blue);
}

.hero-image-frame::after{
  content:"";
  position:absolute;
  z-index:2;
  right:-1px;
  bottom:-1px;
  width:54px;
  height:7px;
  background:var(--amsn-green);
}

.hero-image-frame img{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
}

.hero-visual-caption{
  padding:17px 0 0;
  border-top:0;
}

.hero-caption-title{
  margin-bottom:5px;
  color:var(--amsn-blue);
}

.hero-visual-caption p{
  max-width:610px;
  color:#6b7478;
  font-size:.84rem;
  line-height:1.55;
}

/* Quick access becomes a crisp institutional navigation band */
.quick-access{
  position:relative;
  background:var(--amsn-blue-dark);
}

.quick-access::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background:var(--amsn-cyan);
}

.quick-grid a{
  min-height:142px;
  padding:26px 24px;
  transition:background .18s ease, transform .18s ease;
}

.quick-grid a:hover{
  background:#00486e;
  transform:translateY(-2px);
}

.quick-grid strong{
  font-size:1rem;
  letter-spacing:.01em;
}

.quick-grid small{
  max-width:210px;
  line-height:1.45;
}

/* Network in action */
.network-showcase{
  padding-top:104px;
  padding-bottom:108px;
  background:#f7f9fa;
}

.network-showcase::before{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:80px;
  height:6px;
  background:var(--amsn-blue);
}

.network-showcase::after{
  content:"";
  position:absolute;
  right:0;
  top:6px;
  width:42px;
  height:6px;
  background:var(--amsn-cyan);
}

.network-showcase-copy{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  column-gap:58px;
  align-items:start;
  max-width:none;
  margin-bottom:38px;
}

.network-showcase-copy .eyebrow{
  grid-column:1;
  margin-top:8px;
}

.network-showcase-copy h2{
  grid-column:2;
  margin-bottom:20px;
}

.network-showcase-copy .section-intro{
  grid-column:2;
  max-width:760px;
  font-size:1.02rem;
}

.network-showcase-figure{
  border-top:0;
  background:#eef1f2;
  box-shadow:none;
  outline:1px solid var(--line);
  outline-offset:-1px;
}

.network-showcase-figure img{
  width:100%;
  height:auto;
  display:block;
}

/* Section headings */
.eyebrow{
  margin-bottom:15px;
  font-size:.68rem;
  letter-spacing:.15em;
}

.section h2,
.network-showcase h2{
  margin-bottom:28px;
}

.two-col-copy{
  gap:56px;
}

.two-col-copy p{
  line-height:1.72;
}

/* Principles */
.principles{
  margin-top:58px;
  border-top:2px solid var(--amsn-blue);
}

.principles article{
  min-height:156px;
  padding:23px 20px;
  background:#fff;
}

.principles strong{
  margin-bottom:30px;
  font-size:.9rem;
  letter-spacing:.01em;
}

/* Blue network section */
.blue-section{
  background:#063c59;
}

.blue-section::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background:var(--amsn-cyan);
}

.network-lines article{
  padding:27px 0;
}

.network-lines span{
  font-size:.69rem;
  letter-spacing:.12em;
}

/* AMEN continuum */
.continuum{
  margin-top:60px;
  padding:0;
  border-top:2px solid var(--amsn-blue);
  border-bottom:1px solid var(--line);
}

.continuum article{
  min-height:176px;
  padding:23px 14px;
}

.continuum article>span{
  margin-bottom:46px;
}

.amen-links{
  margin-top:30px;
}

/* Membership */
.benefit-grid{
  margin-top:52px;
  border-top:2px solid var(--amsn-blue);
}

.benefit-grid article{
  min-height:248px;
  padding:29px;
  background:#fff;
}

.benefit-code{
  margin-bottom:58px;
}

.privacy-note{
  margin-top:40px;
  padding:25px 27px;
  background:#fff;
}

/* Program list */
.program-list{
  border-top:2px solid var(--amsn-blue);
}

.program-list article{
  padding:27px 0;
}

/* Regions */
.region-grid{
  margin-top:52px;
}

.region-grid article{
  min-height:285px;
  background:#fff;
}

.region-label{
  margin-bottom:94px;
}

/* Social community */
.social-community{
  margin-top:50px;
  border-top:2px solid var(--amsn-blue);
}

.social-community>div{
  padding:29px;
  background:#fff;
}

/* Event / highlights */
.event-summary{
  margin-top:50px;
}

.event-data{
  min-height:124px;
  padding:22px;
}

.event-data span{
  margin-bottom:30px;
}

.event-copy{
  margin-top:42px;
  gap:54px;
}

.event-copy p{
  line-height:1.72;
}

/* Gallery */
.event-gallery{
  margin-top:58px;
  border-top:0;
  box-shadow:0 18px 48px rgba(0,34,54,.07);
}

.gallery-viewer{
  background:#eef1f2;
}

.gallery-slide figcaption{
  padding:45px 34px;
}

.gallery-slide figcaption>span{
  color:var(--amsn-blue);
}

.gallery-navigation{
  background:#fafbfb;
}

/* Stories */
.story-grid{
  margin-top:34px;
  border-top:2px solid var(--amsn-blue);
}

.story-feature{
  border-top:0;
}

.story-feature h3{
  letter-spacing:-.025em;
}

.story-stack article{
  padding:27px;
}

.publication-strip{
  margin-top:42px;
  border-left:0;
  border-top:4px solid var(--amsn-cyan);
  background:#fff;
}

/* Timeline */
.timeline{
  margin-top:56px;
}

.timeline article{
  padding:27px 0;
}

.timeline article>span{
  letter-spacing:.05em;
}

/* Leadership */
.leadership-table{
  margin-top:50px;
}

.leader-row{
  padding:23px 0;
}

/* Join section */
.join-section{
  padding-top:98px;
  padding-bottom:98px;
}

.join-section::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:110px;
  height:8px;
  background:var(--amsn-cyan);
}

.join-grid{
  align-items:center;
}

.join-grid>div:last-child{
  max-width:630px;
}

/* Footer */
.site-footer{
  padding-top:62px;
}

.footer-bottom{
  margin-top:52px;
}

/* Slightly more deliberate buttons */
.btn{
  min-height:46px;
  padding:0 19px;
  transition:transform .16s ease, background .16s ease;
}

.btn:hover{
  transform:translateY(-1px);
}

/* Responsive refinements */
@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:50px;
  }

  .hero-visual{
    max-width:900px;
  }

  .network-showcase-copy{
    grid-template-columns:1fr;
    gap:0;
  }

  .network-showcase-copy .eyebrow,
  .network-showcase-copy h2,
  .network-showcase-copy .section-intro{
    grid-column:1;
  }

  .network-showcase-copy .eyebrow{
    margin-top:0;
  }
}

@media(max-width:800px){
  .section{
    padding-top:88px;
    padding-bottom:88px;
  }

  .hero{
    padding-top:72px;
    padding-bottom:76px;
  }

  .hero h1{
    font-size:clamp(3rem,12vw,4.8rem);
  }

  .hero-meta{
    margin-top:34px;
  }

  .network-showcase{
    padding-top:82px;
    padding-bottom:84px;
  }

  .quick-grid a{
    min-height:128px;
  }

  .principles article{
    min-height:140px;
  }

  .event-copy{
    gap:25px;
  }
}

@media(max-width:540px){
  .hero::before,
  .hero::after{
    width:4px;
  }

  .hero-meta{
    flex-direction:column;
    gap:7px;
  }

  .section-index::after{
    margin-top:8px;
  }

  .network-showcase-copy{
    margin-bottom:28px;
  }

  .network-showcase-figure{
    margin-inline:-2px;
  }
}


/* ======================================================
   V1.10 — Curated Facebook archive / real story content
   ====================================================== */

.real-story .article-date{
  margin:0 0 16px;
  color:#7c8589;
  font-size:.74rem;
  font-weight:600;
}

.real-story .article-copy>p:not(.article-date){
  line-height:1.65;
}

.article-actions{
  margin-top:20px;
  padding-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
  border-top:1px solid var(--line);
}

.article-actions a,
.story-inline-link{
  color:var(--amsn-blue);
  font-size:.76rem;
  font-weight:700;
}

.article-actions a:hover,
.story-inline-link:hover{
  text-decoration:underline;
}

.article-featured.real-story{
  background:#f4f7f8;
}

.article-featured.real-story .article-label{
  color:var(--amsn-blue);
}

.story-inline-link{
  display:inline-block;
  margin-top:12px;
}

@media(max-width:720px){
  .article-actions{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* ======================================================
   V1.11 — Expanded institutional archive
   ====================================================== */

.archive-note{
  max-width:760px;
  margin:28px 0 0;
  padding:18px 20px;
  border-left:3px solid var(--amsn-cyan);
  background:rgba(255,255,255,.07);
  color:inherit;
  font-size:.86rem;
  line-height:1.6;
  opacity:.9;
}

.timeline article a{
  display:inline-block;
  margin-top:9px;
  color:var(--amsn-blue);
  font-size:.74rem;
  font-weight:700;
}

.timeline article a:hover{
  text-decoration:underline;
}

/* Give long archives a little more breathing room without turning them into cards. */
.article-grid{
  row-gap:1px;
}

.real-story{
  position:relative;
}

.real-story::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:3px;
  background:var(--amsn-cyan);
  transition:width .18s ease;
}

.real-story:hover::before{
  width:100%;
}

@media(max-width:720px){
  .archive-note{
    padding:15px 16px;
  }
}


/* ======================================================
   V1.12 — Chapter & Network profiles
   ====================================================== */

.chapter-status-note{
  margin:38px 0 34px;
  padding:20px 22px;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:24px;
  border-top:3px solid var(--amsn-cyan);
  background:#f5f7f8;
}

.chapter-status-note strong{
  color:var(--amsn-blue);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.chapter-status-note p{
  margin:0;
  font-size:.88rem;
  line-height:1.6;
  color:#5b666a;
}

.chapter-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:2px solid var(--amsn-blue);
  border-left:1px solid var(--line);
}

.chapter-profile{
  min-height:320px;
  padding:28px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
}

.chapter-profile-expansion{
  background:#f3f7f8;
}

.chapter-topline{
  min-height:58px;
  margin-bottom:34px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#7a8589;
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.08em;
}

.chapter-profile h3{
  margin:0 0 4px;
  color:var(--amsn-blue);
  font-size:2.05rem;
  letter-spacing:-.04em;
}

.chapter-profile>strong{
  display:block;
  min-height:44px;
  margin-bottom:18px;
  font-size:.95rem;
}

.chapter-profile p{
  min-height:95px;
  margin-bottom:18px;
  color:#576266;
  font-size:.87rem;
  line-height:1.62;
}

.chapter-profile a{
  color:var(--amsn-blue);
  font-size:.75rem;
  font-weight:700;
}

.network-page-cta{
  margin-top:34px;
  padding:25px 27px;
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  background:#edf2f4;
  border-left:4px solid var(--amsn-blue);
}

.network-page-cta span{
  color:#718086;
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.12em;
}

.network-page-cta h3{
  margin:5px 0 0;
  font-size:1.2rem;
}

/* Dedicated Network page */
.network-hero-page{
  position:relative;
  padding:112px 0 100px;
  color:#fff;
  background:#063c59;
}

.network-hero-page::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:110px;
  height:8px;
  background:var(--amsn-cyan);
}

.network-hero-page h1{
  max-width:980px;
  margin:0;
  font-size:clamp(3.2rem,6vw,5.8rem);
  line-height:.98;
  letter-spacing:-.055em;
}

.network-hero-page .hero-lead{
  max-width:820px;
  margin-top:28px;
  color:#d8e5eb;
}

.network-hero-meta{
  margin-top:44px;
  padding-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:12px 30px;
  border-top:1px solid rgba(255,255,255,.18);
}

.network-hero-meta span{
  color:#bcd2dc;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.network-context{
  background:#f7f9fa;
}

.network-intro-grid,
.campus-expansion-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:80px;
  align-items:start;
}

.network-intro-grid p,
.campus-expansion-grid p{
  line-height:1.75;
}

.chapter-detail-section{
  padding:94px 0;
  background:#fff;
  border-top:1px solid var(--line);
}

.chapter-detail-section.alt{
  background:#f6f8f9;
}

.chapter-detail-grid{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:55px;
}

.chapter-detail-marker{
  padding-top:4px;
  color:var(--amsn-blue);
}

.chapter-detail-marker span{
  display:block;
  font-size:2.7rem;
  font-weight:700;
  letter-spacing:-.05em;
}

.chapter-detail-marker p{
  margin:3px 0 0;
  color:#7e888c;
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.14em;
}

.chapter-heading-row{
  display:grid;
  grid-template-columns:1fr 220px;
  gap:45px;
  align-items:start;
  padding-bottom:31px;
  border-bottom:2px solid var(--amsn-blue);
}

.chapter-heading-row h2{
  margin:0;
  color:var(--amsn-blue);
  font-size:clamp(3rem,6vw,5rem);
  line-height:.9;
  letter-spacing:-.055em;
}

.chapter-heading-row h3{
  max-width:700px;
  margin:13px 0 0;
  font-size:1.08rem;
  line-height:1.35;
}

.chapter-fact{
  padding-top:4px;
}

.chapter-fact span{
  display:block;
  margin-bottom:9px;
  color:#7a8589;
  font-size:.63rem;
  font-weight:700;
  letter-spacing:.12em;
}

.chapter-fact strong{
  font-size:.88rem;
}

.chapter-copy-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:45px;
  margin-top:35px;
}

.chapter-copy-columns p{
  margin:0;
  color:#4f5a5e;
  line-height:1.75;
}

.chapter-archive-highlight{
  margin-top:35px;
  padding:24px 26px;
  display:grid;
  grid-template-columns:155px 1fr;
  gap:24px;
  background:#edf2f4;
}

.chapter-archive-highlight span{
  color:var(--amsn-blue);
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.12em;
}

.chapter-archive-highlight p{
  margin:0;
  line-height:1.65;
  color:#556166;
  font-size:.88rem;
}

.chapter-links{
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
}

.chapter-links a{
  color:var(--amsn-blue);
  font-size:.75rem;
  font-weight:700;
}

.campus-expansion-section{
  background:#eef3f5;
}

.network-caution{
  margin-top:54px;
  padding:22px 24px;
  display:grid;
  grid-template-columns:170px 1fr;
  gap:25px;
  border-top:3px solid var(--amsn-green);
  background:#fff;
}

.network-caution strong{
  color:var(--amsn-blue);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.network-caution p{
  margin:0;
  color:#596469;
  font-size:.86rem;
  line-height:1.6;
}

@media(max-width:900px){
  .chapter-profile-grid{
    grid-template-columns:1fr;
  }

  .chapter-profile{
    min-height:auto;
  }

  .chapter-profile p,
  .chapter-profile>strong{
    min-height:0;
  }

  .chapter-status-note,
  .network-caution,
  .chapter-archive-highlight{
    grid-template-columns:1fr;
    gap:10px;
  }

  .network-intro-grid,
  .campus-expansion-grid{
    grid-template-columns:1fr;
    gap:35px;
  }

  .chapter-detail-grid{
    grid-template-columns:1fr;
    gap:25px;
  }

  .chapter-detail-marker{
    display:flex;
    align-items:baseline;
    gap:12px;
  }

  .chapter-detail-marker span{
    font-size:2rem;
  }

  .chapter-heading-row{
    grid-template-columns:1fr;
    gap:25px;
  }
}

@media(max-width:650px){
  .chapter-copy-columns{
    grid-template-columns:1fr;
    gap:18px;
  }

  .network-page-cta{
    align-items:flex-start;
    flex-direction:column;
  }

  .chapter-topline{
    min-height:0;
    flex-direction:column;
    gap:5px;
  }

  .network-hero-page{
    padding:82px 0 74px;
  }
}


/* ======================================================
   V1.13 — AMSN Across the Philippines map section
   ====================================================== */

.map-section-home{
  position:relative;
  padding:108px 0 114px;
  background:#ffffff;
  border-bottom:1px solid var(--line);
}

.map-section-home::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:80px;
  height:6px;
  background:var(--amsn-blue);
}

.map-section-home::after{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:44px;
  height:6px;
  background:var(--amsn-cyan);
}

.map-section-header{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:68px;
  align-items:start;
  margin-bottom:44px;
}

.map-section-header .section-intro{
  margin:0;
  max-width:720px;
  font-size:1rem;
  line-height:1.72;
}

.ph-map-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:34px;
  align-items:start;
}

.ph-map-card{
  padding:20px;
  background:#eef3f5;
  outline:1px solid var(--line);
  outline-offset:-1px;
}

.ph-map-svg{
  width:100%;
  height:auto;
  display:block;
  background:linear-gradient(180deg,#f9fbfc 0%, #eef3f5 100%);
}

.island-shape{
  fill:#d7e6ec;
  stroke:#7fa4b5;
  stroke-width:3;
}

.main-island{
  fill:#cfdee6;
}

.map-marker circle{
  stroke:#ffffff;
  stroke-width:4;
}

.map-marker.established circle{
  fill:var(--amsn-blue);
}

.map-marker.emerging circle{
  fill:var(--amsn-green);
}

.map-marker text{
  fill:#0f3043;
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  font-weight:700;
}

.map-marker text.subtext{
  fill:#5f7078;
  font-size:13px;
  font-weight:600;
}

.ph-map-sidebar{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.map-legend-card,
.map-callout,
.map-location-list{
  background:#fff;
  outline:1px solid var(--line);
  outline-offset:-1px;
}

.map-legend-card{
  padding:24px;
}

.legend-title{
  display:block;
  margin-bottom:20px;
  color:var(--amsn-blue);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.14em;
}

.legend-item{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:14px;
  align-items:start;
  margin-bottom:18px;
}

.legend-item:last-child{
  margin-bottom:0;
}

.legend-dot{
  width:14px;
  height:14px;
  margin-top:3px;
  border-radius:50%;
  border:3px solid #fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
}

.legend-dot.established{
  background:var(--amsn-blue);
}

.legend-dot.emerging{
  background:var(--amsn-green);
}

.legend-item strong{
  display:block;
  margin-bottom:5px;
  color:var(--amsn-blue);
  font-size:.9rem;
}

.legend-item p{
  margin:0;
  color:#59676d;
  font-size:.84rem;
  line-height:1.55;
}

.map-location-list{
  border-top:3px solid var(--amsn-blue);
}

.map-location-list article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
}

.map-location-list article:last-child{
  border-bottom:0;
}

.map-code{
  color:var(--amsn-cyan);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
}

.map-location-list strong{
  display:block;
  margin-bottom:4px;
  color:var(--amsn-blue);
  font-size:.9rem;
}

.map-location-list p{
  margin:0;
  color:#59676d;
  font-size:.83rem;
  line-height:1.55;
}

.map-callout{
  padding:24px;
  background:#f4f8f9;
  border-left:4px solid var(--amsn-green);
}

.map-callout span{
  display:block;
  margin-bottom:8px;
  color:#6b7a81;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.13em;
}

.map-callout h3{
  margin:0 0 10px;
  color:var(--amsn-blue);
  font-size:1.28rem;
}

.map-callout p{
  margin:0 0 16px;
  color:#55646a;
  font-size:.86rem;
  line-height:1.62;
}

@media(max-width:1100px){
  .map-section-header,
  .ph-map-layout{
    grid-template-columns:1fr;
    gap:28px;
  }
}

@media(max-width:700px){
  .map-section-home{
    padding:82px 0 88px;
  }

  .ph-map-card{
    padding:10px;
  }

  .map-marker text{
    font-size:14px;
  }

  .map-marker text.subtext{
    font-size:11px;
  }
}


/* ======================================================
   V1.14 — Blue-background community collage hero
   ====================================================== */

.hero-image-frame img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
}


/* ======================================================
   V1.15 — Subtle medical background in hero
   ====================================================== */

.hero{
  position:relative;
  isolation:isolate;
  background:#ffffff;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.92) 42%, rgba(255,255,255,.84) 100%),
    url("assets/hero-medical-background.jpeg") center right / cover no-repeat;
  opacity:1;
}

/* Soft AMSN-blue wash so the stock image blends with the brand */
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(135deg, rgba(0,84,128,.06), rgba(0,149,215,.02) 55%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}

/* Restore the thin AMSN identity accents as separate decorative bars */
.hero .container{
  position:relative;
  z-index:1;
}

.hero .container::before{
  content:"";
  position:absolute;
  left:-34px;
  top:-28px;
  width:6px;
  height:150px;
  background:var(--amsn-blue);
}

.hero .container::after{
  content:"";
  position:absolute;
  left:-34px;
  top:124px;
  width:6px;
  height:52px;
  background:var(--amsn-green);
}

.hero-copy{
  padding:22px 0;
}

.hero-image-frame{
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 46px rgba(0,48,73,.10);
}

@media(max-width:900px){
  .hero::before{
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.94)),
      url("assets/hero-medical-background.jpeg") center / cover no-repeat;
  }

  .hero .container::before,
  .hero .container::after{
    display:none;
  }
}


/* ======================================================
   V1.16 — Launch-ready accurate map + official voice polish
   ====================================================== */

.accurate-map-layout{
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);
}

.accurate-map-panel{
  min-width:0;
}

.accurate-map-stage{
  position:relative;
  min-height:690px;
  padding:28px 58px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 40%, rgba(0,149,215,.065), transparent 48%),
    #f7fafb;
  border:1px solid var(--line);
}

.accurate-map-stage img{
  display:block;
  width:auto;
  max-width:100%;
  height:690px;
  object-fit:contain;
  filter:drop-shadow(0 5px 13px rgba(0,56,82,.08));
}

.geo-pin{
  --pin-size:28px;
  position:absolute;
  left:var(--x);
  top:var(--y);
  z-index:5;
  width:var(--pin-size);
  height:var(--pin-size);
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--amsn-blue);
  border:3px solid #fff;
  box-shadow:0 0 0 2px rgba(0,84,128,.17), 0 6px 15px rgba(0,54,81,.18);
  color:#fff;
  font-size:.62rem;
  font-weight:800;
  text-decoration:none;
}

.geo-pin.emerging{
  background:var(--amsn-green);
  box-shadow:0 0 0 2px rgba(92,194,50,.20), 0 6px 15px rgba(0,54,81,.16);
}

.geo-pin em{
  position:absolute;
  left:35px;
  top:50%;
  min-width:142px;
  padding:9px 10px;
  transform:translateY(-50%);
  opacity:0;
  pointer-events:none;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 9px 24px rgba(0,40,60,.12);
  color:var(--amsn-blue);
  font-style:normal;
  font-size:.72rem;
  font-weight:800;
  line-height:1.25;
  transition:opacity .15s ease, transform .15s ease;
}

.geo-pin.pin-left em{
  left:auto;
  right:35px;
  text-align:right;
}

.geo-pin em small{
  color:#66757b;
  font-size:.66rem;
  font-weight:600;
}

.geo-pin:hover em,
.geo-pin:focus-visible em{
  opacity:1;
  transform:translateY(-50%) translateX(2px);
}

.geo-pin.pin-left:hover em,
.geo-pin.pin-left:focus-visible em{
  transform:translateY(-50%) translateX(-2px);
}

.map-source-note{
  margin:10px 0 0;
  color:#849096;
  font-size:.64rem;
  line-height:1.45;
}

.map-source-note a{
  color:#6e8088;
  text-decoration:underline;
}

.emerging-code{
  color:var(--amsn-green)!important;
}

.leadership-intro{
  max-width:780px;
  margin-bottom:30px;
}

.public-connect-note{
  grid-template-columns:180px 1fr auto;
  align-items:center;
}

.public-connect-note a{
  color:var(--amsn-blue);
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
}

.editor-note{
  display:none!important;
}

@media(max-width:1100px){
  .accurate-map-layout{
    grid-template-columns:1fr;
  }

  .accurate-map-stage{
    max-width:700px;
    min-height:650px;
    margin:0 auto;
  }

  .accurate-map-stage img{
    height:650px;
  }
}

@media(max-width:720px){
  .accurate-map-stage{
    min-height:565px;
    padding:18px 18px;
  }

  .accurate-map-stage img{
    height:550px;
  }

  .geo-pin{
    --pin-size:24px;
    font-size:.56rem;
  }

  .geo-pin em{
    display:none;
  }

  .public-connect-note{
    grid-template-columns:1fr;
    gap:10px;
  }
}

@media(max-width:480px){
  .accurate-map-stage{
    min-height:500px;
    padding:14px 6px;
  }

  .accurate-map-stage img{
    height:480px;
  }
}

.not-found-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:60px 0;
  background:#f7fafb;
}
.not-found-page .container{
  max-width:760px;
}
.not-found-logo{
  width:86px;
  height:86px;
  object-fit:contain;
  margin-bottom:34px;
}
.not-found-page h1{
  margin:0 0 18px;
  font-size:clamp(3rem,8vw,5rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.not-found-page p:not(.eyebrow){
  max-width:620px;
  color:#59666b;
  line-height:1.7;
}


/* Pin coordinates are tied to the map image canvas. */
.map-canvas{
  position:relative;
  height:690px;
  width:auto;
  aspect-ratio:1038 / 1789;
  flex:0 0 auto;
}

.map-canvas>img{
  width:100%;
  height:100%;
  object-fit:contain;
}

@media(max-width:1100px){
  .map-canvas{
    height:650px;
  }
}

@media(max-width:720px){
  .map-canvas{
    height:550px;
  }
}

@media(max-width:480px){
  .map-canvas{
    height:480px;
  }
}


/* ======================================================
   V1.17 — CAMSA date fix + alternate network image
   ====================================================== */

.highlight-visual img,
.network-visual img,
.community-visual img{
  object-fit:cover;
  object-position:center;
}


/* ======================================================
   V1.18 — Final polish + more visible photo backgrounds
   ====================================================== */

/* The medical photo background is now intentionally more visible in the hero. */
.hero{
  background:#f8fbfc;
}

.hero::before{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.86) 34%,
      rgba(255,255,255,.64) 72%,
      rgba(255,255,255,.54) 100%),
    url("assets/hero-medical-background.jpeg") center right / cover no-repeat;
  opacity:1;
}

.hero::after{
  background:
    linear-gradient(135deg,
      rgba(0,84,128,.10) 0%,
      rgba(0,149,215,.05) 52%,
      rgba(255,255,255,0) 100%);
}

.hero-copy{
  max-width:760px;
}

.hero-image-frame{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,84,128,.09);
  box-shadow:0 24px 48px rgba(0,49,74,.11);
}

/* Add a richer background treatment to the Join section too,
   so the site feels less flat while staying readable. */
.join-section{
  isolation:isolate;
  background:#005480;
}

.join-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(120deg,
      rgba(0,84,128,.94) 0%,
      rgba(0,84,128,.89) 55%,
      rgba(0,84,128,.82) 100%),
    url("assets/hero-medical-background.jpeg") center / cover no-repeat;
  opacity:1;
}

.join-grid{
  position:relative;
  z-index:1;
}

.join-section p{
  color:#d8e7ee;
}

.join-section small{
  color:#c1d6e0;
}

/* Slightly stronger image treatment for the community showcase */
.network-showcase-figure img{
  box-shadow:0 18px 40px rgba(0,41,61,.10);
}

/* Small final polish for section rhythm */
.section,
.network-showcase,
.map-section-home{
  scroll-margin-top:90px;
}

@media(max-width:900px){
  .hero::before{
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.92) 0%,
        rgba(255,255,255,.88) 46%,
        rgba(255,255,255,.78) 100%),
      url("assets/hero-medical-background.jpeg") center / cover no-repeat;
  }

  .join-section::before{
    background:
      linear-gradient(180deg,
        rgba(0,84,128,.95) 0%,
        rgba(0,84,128,.89) 100%),
      url("assets/hero-medical-background.jpeg") center / cover no-repeat;
  }
}


/* ======================================================
   V1.19 — Leadership placeholders / org chart coming soon
   ====================================================== */

.leadership-placeholder{
  margin-top:42px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:28px;
}

.org-chart-placeholder,
.officer-roster-placeholder{
  background:#fff;
  border:1px solid var(--line);
}

.org-chart-placeholder{
  min-height:430px;
  padding:28px;
}

.org-chart-placeholder-top{
  padding-bottom:20px;
  border-bottom:2px solid var(--amsn-blue);
}

.org-chart-placeholder-top span,
.officer-roster-placeholder>span{
  display:block;
  margin-bottom:6px;
  color:var(--amsn-blue);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.13em;
}

.org-chart-placeholder-top strong,
.officer-roster-placeholder>strong{
  font-size:1.05rem;
}

.org-chart-skeleton{
  position:relative;
  min-height:315px;
  padding-top:34px;
}

.org-node{
  width:150px;
  height:54px;
  margin:0 auto;
  border:1px dashed #aebbc1;
  background:#f4f7f8;
}

.org-node-main{
  width:185px;
  height:62px;
  border-color:#83a9bb;
  background:#edf4f7;
}

.org-line{
  position:relative;
  margin:0 auto;
  background:#c8d3d8;
}

.org-line.vertical{
  width:1px;
  height:32px;
}

.org-line.horizontal{
  width:68%;
  height:1px;
}

.org-row{
  margin-top:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.org-row .org-node{
  width:100%;
  max-width:145px;
  margin-top:18px;
}

.org-row.second-row{
  margin-top:25px;
  grid-template-columns:repeat(4,1fr);
}

.org-node.small{
  max-width:110px;
  height:44px;
}

.officer-roster-placeholder{
  padding:28px;
  border-top:4px solid var(--amsn-cyan);
}

.officer-roster-placeholder p{
  margin:18px 0 0;
  color:#5d696e;
  font-size:.9rem;
  line-height:1.65;
}

@media(max-width:900px){
  .leadership-placeholder{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .org-chart-placeholder{
    min-height:auto;
  }

  .org-chart-skeleton{
    min-height:280px;
  }

  .org-row{
    gap:8px;
  }

  .org-node{
    width:120px;
  }

  .org-row.second-row{
    grid-template-columns:repeat(2,1fr);
  }
}


/* ======================================================
   V1.20 — Landing page cleanup / shorter homepage
   ====================================================== */

.compact-network-home,
.featured-highlight-home,
.compact-stories-home{
  padding-top:92px;
  padding-bottom:96px;
}

.network-mini-grid{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.network-mini-grid article{
  padding:26px 24px;
  background:#fff;
  border:1px solid var(--line);
}

.network-mini-grid span{
  display:inline-block;
  margin-bottom:14px;
  color:var(--amsn-cyan);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
}

.network-mini-grid strong{
  display:block;
  margin-bottom:8px;
  color:var(--amsn-blue);
  font-size:1rem;
}

.network-mini-grid p{
  margin:0;
  color:#58666c;
  font-size:.9rem;
  line-height:1.65;
}

.featured-highlight-grid{
  margin-top:32px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:28px;
  align-items:start;
}

.featured-highlight-visual{
  margin:0;
  background:#fff;
  border:1px solid var(--line);
  overflow:hidden;
}

.featured-highlight-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.featured-highlight-copy{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.compact-event-summary{
  margin-bottom:0;
  grid-template-columns:repeat(3, minmax(0,1fr));
}

.featured-highlight-copy p{
  margin:0;
  color:#55646a;
  line-height:1.75;
}

.featured-highlight-mini{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin-top:6px;
}

.featured-highlight-mini img{
  display:block;
  width:100%;
  height:160px;
  object-fit:cover;
  border:1px solid var(--line);
}

.compact-story-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.compact-story-grid article{
  padding:28px 24px;
  background:#fff;
  border:1px solid var(--line);
}

.compact-story-grid h3{
  margin:10px 0 10px;
  font-size:1.38rem;
  line-height:1.2;
}

.compact-story-grid p{
  margin:0 0 16px;
  color:#59676d;
  line-height:1.7;
}

.membership-amen-note{
  margin-top:26px;
  padding:22px 24px;
  background:#f4f8f9;
  border-left:4px solid var(--amsn-green);
}

.membership-amen-note strong{
  display:block;
  margin-bottom:8px;
  color:var(--amsn-blue);
  font-size:.98rem;
}

.membership-amen-note p{
  margin:0;
  color:#58666c;
  line-height:1.7;
}

@media(max-width:1100px){
  .network-mini-grid,
  .compact-story-grid{
    grid-template-columns:1fr;
  }

  .featured-highlight-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .compact-network-home,
  .featured-highlight-home,
  .compact-stories-home{
    padding-top:76px;
    padding-bottom:82px;
  }

  .compact-event-summary{
    grid-template-columns:1fr;
  }

  .featured-highlight-mini{
    grid-template-columns:1fr;
  }

  .featured-highlight-mini img{
    height:auto;
  }
}


/* ======================================================
   Official Facebook post embed
   ====================================================== */

.facebook-feature-home{
  background:#f7f9fa;
  border-top:1px solid var(--line);
}

.facebook-embed-shell{
  width:100%;
  max-width:560px;
  margin-top:28px;
  padding:20px;
  background:#fff;
  border:1px solid var(--line);
}

.facebook-post-embed{
  display:block;
  width:100% !important;
  max-width:500px;
  min-height:673px;
  margin:0 auto;
  border:0;
}

@media(max-width:620px){
  .facebook-embed-shell{
    padding:10px;
  }

  .facebook-post-embed{
    width:100% !important;
    min-height:673px;
  }
}
