/* ===== Layout, heroes, tabs, and shared page structure ===== */
section{padding:var(--section-py) 1.5rem;}
.page-body{padding:var(--section-py) 1.5rem;}
.two-col{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start;max-width:var(--container);margin:0 auto;}
.main-col{display:flex;flex-direction:column;gap:3.5rem;max-width:100%;}
.sidebar{display:flex;flex-direction:column;gap:1.4rem;}
.divider{border:0;border-top:1px solid var(--line);margin:0;}

.section-head{max-width:640px;margin-bottom:2.6rem;}
.section-head .eyebrow,.block .eyebrow,.prog-block .eyebrow,.info-block .eyebrow,.form-head .eyebrow{color:var(--crimson);}
.section-head h2,.block h2,.prog-block h2,.info-block h2,.form-head h2{font-weight:800;margin-top:0.55rem;}
.section-head h2{font-size:clamp(1.9rem,3.4vw,2.7rem);}
.block h2,.prog-block h2{font-size:clamp(1.6rem,2.8vw,2.2rem);}
.info-block h2,.form-head h2{font-size:clamp(1.4rem,2.4vw,1.8rem);}
.section-head p,.block p,.prog-block p,.info-block p,.form-head p{margin-top:0.9rem;color:var(--ink-soft);font-size:1.02rem;}
.block p + p,.prog-block p + p,.info-block p + p{margin-top:0.8rem;}

.page-hero{position:relative;overflow:hidden;color:var(--cream);min-height:clamp(280px,21vw,430px);padding:clamp(3rem,9vw,5.5rem) 1.5rem clamp(2.5rem,6vw,4rem);background:var(--crimson-deep);isolation:isolate;}
.page-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(139,0,0,0.88) 0%,rgba(139,0,0,0.64) 58%,rgba(139,0,0,0.38) 100%);z-index:1;pointer-events:none;}
.page-hero::after{display:none;}
.page-hero-img{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none;}
.page-hero.has-page-hero-img{min-height:clamp(320px,23.5vw,450px);background-color:var(--crimson-deep);background-image:url('https://www.desotocountyalumnaedst.org/images/dcac/Chapter_Photo.jpg');background-size:100% auto;background-position:center top;background-repeat:no-repeat;}
.page-hero.has-page-hero-img::before{display:block;}
.page-hero-inner{position:relative;z-index:2;max-width:var(--container);margin:0 auto;}
.breadcrumb{font-size:0.82rem;opacity:0.7;margin-bottom:1rem;}
.page-hero .breadcrumb{display:none!important;}
.breadcrumb span{margin:0 0.4rem;}
.page-hero h1{font-size:clamp(2rem,4.6vw,3.35rem);font-weight:500;margin-top:0.7rem;line-height:1.12;max-width:19ch;text-wrap:balance;text-shadow:0 2px 18px rgba(26,26,26,0.22);}
.page-hero p{margin-top:1rem;color:rgba(249,240,227,0.86);font-size:clamp(0.98rem,1.35vw,1.05rem);font-weight:400;line-height:1.72;max-width:52ch;text-shadow:0 1px 12px rgba(26,26,26,0.2);}

.about-tabs{position:relative;background:var(--crimson-deep);padding:0 1.5rem;}
.about-tabs-inner{max-width:var(--container);margin:0 auto;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.about-tabs-inner::-webkit-scrollbar{display:none;}
.tab-link{color:rgba(249,240,227,0.7);font-weight:600;font-size:0.88rem;padding:0.9rem 1.1rem;border-bottom:3px solid transparent;white-space:nowrap;transition:color 0.2s,border-color 0.2s;flex-shrink:0;}
.tab-link:hover,.tab-link.active{color:var(--cream);border-color:var(--crimson-bright);}

.hero-bar{height:10px;width:150px;border-radius:var(--radius);background:linear-gradient(90deg,var(--crimson-bright) 0%,var(--cream) 100%);margin:1.2rem 0 0;}
.signature-bar,.signature-bar.dark{display:block;height:5px;width:64px;border-radius:0;background:var(--crimson);margin:0.85rem 0 0;}
.signature-bar.on-dark,.hero .signature-bar{background:var(--cream);}
.page-hero .hero-bar,.page-hero .signature-bar{display:block;height:10px;width:150px;border-radius:var(--radius);background:linear-gradient(90deg,var(--crimson-bright) 0%,var(--cream) 100%);margin:1.2rem 0 0;}
.section-head .signature-bar,.block .signature-bar,.prog-block .signature-bar,.info-block .signature-bar,.form-head .signature-bar,.login-panel .signature-bar,.document-panel .signature-bar,.links-panel .signature-bar,.visiting-sorors-card .signature-bar{background:var(--crimson);}

.service-area-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.38fr);
  gap: 0;
  align-items: stretch;
  margin-top: 1.55rem;
  border-radius: var(--radius);
  background: rgba(249,240,227,0.58);
  box-shadow: inset 0 0 0 1px rgba(139,0,0,0.08);
  overflow: hidden;
}

.service-area-copy {
  padding: clamp(1rem,2.4vw,1.45rem) clamp(1rem,2.5vw,1.55rem);
}

.service-area-copy p {
  margin-top: 0;
  color: var(--ink-soft);
  font-size: 1rem;
  line-height: 1.75;
}

.service-area-map {
  margin: 0;
  max-width: none;
  width: 100%;
  align-self: stretch;
  background-image: url('/wp-content/themes/dcac/assets/images/desoto-tate-service-area-map-outline.png');
  background-size: cover;
  background-position: left center;
  min-height: 280px;
}

.service-area-map img {
  display: none;
}

@media (max-width: 980px) {
  .service-area-feature {
    grid-template-columns: 1fr;
  }
  .service-area-map {
    min-height: 200px;
    background-position: center center;
  }
}

@media (max-width: 900px) {
  .about-tabs{padding-right:0;}
  .about-tabs::before{content:'Swipe for more';position:absolute;right:0.85rem;top:50%;z-index:2;transform:translateY(-50%);padding:0.24rem 0.45rem;border:1px solid rgba(249,240,227,0.32);border-radius:999px;background:rgba(79,0,0,0.82);color:rgba(249,240,227,0.92);font-size:0.66rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;pointer-events:none;}
  .about-tabs::after{content:'';position:absolute;right:0;top:0;bottom:0;width:6.5rem;background:linear-gradient(90deg,rgba(79,0,0,0),var(--crimson-deep) 58%);pointer-events:none;}
  .about-tabs-inner{padding-right:6.75rem;}
}

@media (max-width: 640px) {
  .service-area-feature {
    padding: 0;
  }
  .service-area-map {
    display:none;
  }
}