/* BaAlawi People Web v0.2 design — staging candidate.
 * Existing BaAlawi WP site header, post sources and canonical remain authoritative.
 * Purpose-built People hub and editorial reader; no global selectors.
 */
.baalawi-people-web-hub,
body.baalawi-people-native-reader {
  --bpw-teal: #075b60;
  --bpw-deep: #073b43;
  --bpw-mint: #a4d8d1;
  --bpw-gold: #dab477;
  --bpw-ivory: #fbf7ec;
  --bpw-ink: #22343a;
}
body.baalawi-people-web-hub-page {
  background: #f8f6f0;
}
body.baalawi-people-web-hub-page .ba-page-shell {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #f8f6f0 !important;
}
body.baalawi-people-web-hub-page .ba-page-shell .ba-page-intro {
  display: none !important;
}
body.baalawi-people-web-hub-page .ba-page-shell > .wp-block-post-content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.baalawi-people-web-hub-page .ba-page-shell > .wp-block-post-content > * {
  max-width: none !important;
}
.baalawi-people-web-hub {
  width: 100%;
  padding: clamp(12px, 2vw, 26px) clamp(12px, 2vw, 28px) 4rem;
  box-sizing: border-box;
  font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif);
  color: var(--bpw-ink);
}
.baalawi-people-web-hub *, .baalawi-people-web-hub *::before,
.baalawi-people-web-hub *::after { box-sizing: border-box; }
.baalawi-people-web-hub a {
  text-decoration: none;
}
.baalawi-people-web-hub a:focus-visible,
.baalawi-people-reading-layout a:focus-visible {
  outline: 3px solid #e6b464;
  outline-offset: 3px;
  border-radius: 5px;
}
.ba-pw-hero {
  position: relative;
  isolation: isolate;
  max-width: 1360px;
  margin: 0 auto;
  min-height: clamp(510px, 44vw, 610px);
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, .84fr);
  align-items: center;
  overflow: hidden;
  border-radius: 24px;
  color: #fff9ed;
  background: linear-gradient(115deg, #06464d, #096c6f 65%, #237c78);
  box-shadow: 0 22px 52px rgba(22, 59, 61, .16);
}
.ba-pw-hero__ambient {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(3, 50, 56, .98) 0%, rgba(4, 70, 74, .93) 41%, rgba(5, 82, 84, .58) 66%, rgba(6, 58, 61, .24) 100%),
    url("people-heritage.svg");
  background-position: center, right 42%;
  background-size: cover, cover;
  opacity: .95;
}
.ba-pw-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  top: -160px;
  right: -140px;
  width: 500px;
  aspect-ratio: 1;
  border: 1px solid rgba(245, 206, 133, .22);
  border-radius: 50%;
  box-shadow: 0 0 0 55px rgba(245, 206, 133, .045), 0 0 0 130px rgba(245, 206, 133, .035);
}
.ba-pw-hero__content {
  position: relative;
  z-index: 1;
  padding: clamp(32px, 5.3vw, 78px) 2rem clamp(40px, 5vw, 72px) clamp(28px, 5vw, 76px);
}
.ba-pw-eyebrow {
  display: flex;
  align-items: center;
  gap: .9rem;
  margin: 0 0 1.1rem;
  color: #eed3a0;
  font-size: clamp(.68rem, .78vw, .83rem);
  font-weight: 750;
  letter-spacing: .27em;
  text-transform: uppercase;
  line-height: 1.6;
}
.ba-pw-eyebrow__rule { flex: 0 0 33px; height: 1px; background: var(--bpw-gold); }
.ba-pw-hero h1 {
  max-width: 11ch;
  margin: 0 0 1.1rem;
  color: #fcf8ef;
  font-family: var(--wp--preset--font-family--editorial, Georgia, serif);
  font-size: clamp(3rem, 5.45vw, 5.4rem);
  font-weight: 550;
  letter-spacing: -.046em;
  line-height: 1.065;
  text-wrap: balance;
}
.ba-pw-hero h1 em { display: block; color: #f0c789; font-weight: 500; font-style: normal; }
.ba-pw-hero__lede {
  max-width: 40rem;
  margin: 0;
  color: #e0eee7;
  font-size: clamp(1rem, 1.3vw, 1.23rem);
  line-height: 1.7;
  font-weight: 410;
}
.ba-pw-hero__actions { display: flex; gap: .85rem; flex-wrap: wrap; align-items: center; margin-top: 1.8rem; }
.ba-pw-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: .7rem;
  padding: .8rem 1.25rem;
  min-height: 48px;
  border-radius: 999px;
  font-weight: 720;
  font-size: .94rem;
  transition: transform .18s ease, background-color .18s ease;
}
.ba-pw-btn:hover { transform: translateY(-2px); }
.ba-pw-btn--gold { color: #203b3c !important; background: linear-gradient(135deg, #fff3d3, #e5ae65); }
.ba-pw-btn--gold:hover { background: #ffe7b3; }
.ba-pw-btn--outline { color: #f7f4e8 !important; border: 1px solid rgba(249, 232, 188, .75); }
.ba-pw-btn--outline:hover { background: rgba(255, 255, 255, .1); }
.ba-pw-hero__provenance {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-top: clamp(2rem, 4vw, 3.1rem);
  max-width: 31rem;
  color: #d6e5df;
  font-size: .82rem;
  line-height: 1.55;
}
.ba-pw-hero__provenance-icon { display: inline-flex; color: #eac58a; flex: 0 0 auto; }
.ba-pw-hero__provenance-icon svg { width: 23px; height: 23px; }
.ba-pw-hero__visual {
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.5rem clamp(22px, 4.4vw, 72px) 2.5rem 0;
}
.ba-pw-arch {
  position: relative;
  z-index: 1;
  width: min(100%, 375px);
  min-height: 430px;
  padding: 5.3rem 1.15rem 1.5rem;
  border: 2px solid #edcb95;
  border-radius: 48% 48% 24px 24px / 17% 17% 24px 24px;
  background:
    radial-gradient(ellipse 90% 65% at 50% 0%, rgba(220, 174, 99, .20), transparent 72%),
    linear-gradient(145deg, #fff9ef, #e9e0c9);
  box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .64), 0 19px 40px rgba(0, 27, 30, .3);
  color: #22363c;
  text-align: center;
}
.ba-pw-arch::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 17px;
  right: 17px;
  bottom: 16px;
  border: 1px solid rgba(172, 119, 50, .34);
  border-radius: inherit;
  pointer-events: none;
}
.ba-pw-arch__crown { position: absolute; top: 2.85rem; left: 0; right: 0; color: #a77d46; font-size: 1.25rem; }
.ba-pw-arch__eyebrow { margin: 0 0 .25rem; color: #977044; font-size: .72rem; letter-spacing: .21em; font-weight: 750; }
.ba-pw-arch h2 {
  margin: .25rem auto 1.2rem;
  max-width: 14ch;
  color: #233b3c;
  font: 500 clamp(1.4rem, 1.75vw, 1.8rem)/1.21 var(--wp--preset--font-family--editorial, Georgia, serif);
}
.ba-pw-arch__link {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 49px minmax(0,1fr) auto;
  gap: .75rem;
  text-align: left;
  padding: .82rem .7rem;
  margin: .7rem auto 0;
  border: 1px solid #e7d8c0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 5px 12px rgba(61, 57, 40, .08);
  color: #273b42 !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.ba-pw-arch__link:hover { transform: translateY(-2px); box-shadow: 0 9px 20px rgba(61, 57, 40, .13); }
.ba-pw-arch__icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #f7edda; color: #ac7940; }
.ba-pw-arch__link strong { display: block; font-family: var(--wp--preset--font-family--editorial, Georgia, serif); font-size: 1.14rem; font-weight: 650; }
.ba-pw-arch__link small { display: block; color: #647276; font-size: .74rem; line-height: 1.43; }
.ba-pw-arch__arrow { font-size: 1.7rem; line-height: 1; color: #9a723e; }
.ba-pw-arch__fineprint { margin: .9rem .4rem 0; color: #666a62; font-size: .72rem; line-height: 1.5; }
.ba-pw-pathways {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  position: relative;
  z-index: 2;
  gap: clamp(10px, 1.25vw, 18px);
  max-width: 1240px;
  margin: -32px auto 0;
}
.ba-pw-pathway {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .27rem;
  min-height: 174px;
  padding: 1.3rem clamp(.85rem, 1.6vw, 1.5rem);
  border-radius: 18px;
  border: 1px solid #e3dccb;
  background: linear-gradient(160deg, #fffdf8, #f1eadc);
  box-shadow: 0 10px 22px rgba(48, 75, 70, .08);
  color: #254046 !important;
  transition: transform .18s ease, box-shadow .18s ease;
}
a.ba-pw-pathway:hover { transform: translateY(-4px); box-shadow: 0 16px 27px rgba(48, 75, 70, .13); }
.ba-pw-pathway__icon { color: #a7793b; display: inline-flex; align-items: center; height: 38px; }
.ba-pw-pathway__icon svg { width: 34px; height: 34px; }
.ba-pw-pathway__name { font-family: var(--wp--preset--font-family--editorial, Georgia, serif); font-size: clamp(1.25rem, 1.6vw, 1.55rem); font-weight: 700; }
.ba-pw-pathway__detail { font-size: .77rem; color: #657572; }
.ba-pw-pathway__arrow { position: absolute; right: 1.2rem; top: 1.18rem; font-size: 1.25rem; color: #8a7756; }
.ba-pw-pathway--people { color: #fff8e9 !important; background: linear-gradient(148deg, #157978, #07565c); border-color: #dbb675; box-shadow: 0 0 0 3px rgba(218, 180, 119, .4), 0 17px 34px rgba(0, 57, 62, .2); }
.ba-pw-pathway--people .ba-pw-pathway__icon, .ba-pw-pathway--people .ba-pw-pathway__arrow { color: #f8dba4; }
.ba-pw-pathway--people .ba-pw-pathway__detail { color: #dfefea; }
.ba-pw-pathway--disabled { opacity: .72; cursor: default; }
.ba-pw-discover, .ba-pw-recent {
  max-width: 1240px;
  margin: clamp(3.7rem, 6vw, 6rem) auto 0;
}
.ba-pw-section-heading { max-width: 49rem; margin-bottom: 1.6rem; }
.ba-pw-section-heading--inline { max-width: none; display: flex; align-items: end; justify-content: space-between; }
.ba-pw-section-eyebrow { margin: 0 0 .4rem; color: #75552f; font-size: .72rem; font-weight: 760; letter-spacing: .23em; line-height: 1.5; }
.ba-pw-section-heading h2 {
  margin: 0;
  font: 550 clamp(2rem, 3.3vw, 3.1rem)/1.17 var(--wp--preset--font-family--editorial, Georgia, serif);
  letter-spacing: -.026em;
  color: #213b40;
}
.ba-pw-section-heading p:not(.ba-pw-section-eyebrow) { margin: .7rem 0 0; color: #516366; font-size: 1rem; line-height: 1.7; }
.ba-pw-collections { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.1rem; }
.ba-pw-collection {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 254px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid #d9ded4;
  border-radius: 18px;
  overflow: hidden;
  color: #244047 !important;
  background: linear-gradient(140deg, #ecf3ef, #faf6e9);
  transition: transform .18s ease, box-shadow .18s ease;
}
.ba-pw-collection:hover { transform: translateY(-3px); box-shadow: 0 14px 24px rgba(45, 79, 73, .1); }
.ba-pw-collection--biographies { background: linear-gradient(140deg,#fff9ef,#ede5d5); }
.ba-pw-collection::before { content: ""; position: absolute; width: 240px; aspect-ratio: 1; border: 1px solid rgba(142, 119, 75, .16); border-radius: 50%; right: -75px; top: -100px; box-shadow: 0 0 0 36px rgba(142, 119, 75, .045),0 0 0 76px rgba(142,119,75,.027); }
.ba-pw-collection__icon { color: #9c784d; margin-bottom: .4rem; }
.ba-pw-collection__eyebrow { color: #5b786f; font-size: .69rem; letter-spacing: .2em; font-weight: 760; }
.ba-pw-collection h3 { margin: .15rem 0 .45rem; font: 570 clamp(1.6rem, 2vw, 2.15rem)/1.21 var(--wp--preset--font-family--editorial, Georgia, serif); }
.ba-pw-collection p { max-width: 30rem; margin: 0; color: #566966; font-size: .93rem; line-height: 1.62; }
.ba-pw-collection__cta { margin-top: auto; padding-top: 1rem; font-size: .85rem; color: #286269; font-weight: 730; }
.ba-pw-record-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.15rem; }
.ba-pw-record-group { border: 1px solid #e2e0d8; border-radius: 17px; background: #fffefa; padding: 1.55rem; min-height: 225px; }
.ba-pw-record-group h3 { margin: 0 0 .9rem; color: #26494a; font: 600 1.3rem/1.3 var(--wp--preset--font-family--editorial, Georgia, serif); }
.ba-pw-record-group__list { margin: 0; padding: 0; list-style: none; }
.ba-pw-record-group__list li + li { border-top: 1px solid #e6e5dc; }
.ba-pw-record-group__list a { display: flex; justify-content: space-between; gap: 1rem; align-items: center; min-height: 46px; padding: .7rem 0; color: #315b5c !important; font-size: .88rem; }
.ba-pw-record-group__list a:hover { text-decoration: underline; }
.ba-pw-record-group__more { display: inline-block; margin-top: 1rem; color: #2c686a !important; font-size: .83rem; font-weight: 700; }
.ba-pw-preview-label { color: #6d644e; font-size: .81rem; padding: .45rem .75rem; border-left: 3px solid #b48a47; background: #f3eee0; }
.ba-pw-footer { max-width: 1240px; display: flex; align-items: center; justify-content: center; gap: .8rem; margin: 4.5rem auto 0; padding: 1.35rem 1rem; border-top: 1px solid #d7d6ca; color: #58746c; text-align: center; }
.ba-pw-footer p { margin: 0; font-size: .86rem; line-height: 1.55; }
.ba-pw-footer svg { height: 23px; width: 23px; color: #ae884c; }

/* The connected document reader uses the same BaAlawi product language,
 * without converting original source text into JS panels or hiding it from crawlers.
 */
body.baalawi-people-native-reader .ba-article-shell {
  max-width: 77rem !important;
}
body.baalawi-people-native-reader .ba-article-header {
  max-width: 68rem !important;
  width: min(100%, 68rem) !important;
  padding-bottom: 1.35rem !important;
  border-bottom: 1px solid #d1d9d2 !important;
}
body.baalawi-people-native-reader .ba-article-header h1.wp-block-post-title {
  max-width: 32ch;
  font-size: clamp(2.1rem, 4vw, 3.45rem) !important;
  color: #153b40 !important;
}
body.baalawi-people-native-reader .ba-article-shell > .wp-block-post-content {
  max-width: 70rem !important;
  width: min(100%, 70rem) !important;
  margin-inline: auto;
}
.baalawi-people-reading-layout {
  display: grid;
  grid-template-columns: minmax(180px, 218px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(1.3rem, 3.5vw, 3rem);
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
}
.baalawi-people-reading-rail {
  position: sticky;
  top: 5.5rem;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: 1.5rem 1.05rem 1.2rem;
  border: 1px solid #e6d8b9;
  border-radius: 17px;
  background: linear-gradient(150deg,#fffaf0,#f5f1e6);
  box-shadow: 0 8px 21px rgba(65, 74, 53, .06);
  font-family: var(--wp--preset--font-family--sans,system-ui,sans-serif);
}
.baalawi-people-reading-rail__eyebrow { color: #9d7641; text-align: center; font-size: .7rem; font-weight: 780; letter-spacing: .23em; }
.baalawi-people-reading-rail__ornament { color: #a87b3c; text-align: center; margin: .15rem 0 .6rem; font-size: 1.5rem; }
.baalawi-people-reading-rail a {
  display: flex;
  align-items: center;
  padding: .7rem .85rem;
  min-height: 44px;
  border-radius: .65rem;
  color: #39565c !important;
  font-size: .83rem;
  font-weight: 590;
  text-decoration: none !important;
}
.baalawi-people-reading-rail a:hover { background: #edeadf; }
.baalawi-people-reading-rail a[aria-current="location"] { background: linear-gradient(110deg, #0c7576, #07585c); color: #fffdf2 !important; font-weight: 740; }
.baalawi-people-reading-rail__footnote { margin-top: .75rem; padding: 1rem .5rem 0; border-top: 1px solid #ded8c6; color: #66706c; font-size: .74rem; line-height: 1.55; }
.baalawi-people-reading-body { min-width: 0; max-width: 48rem; font-size: 1.035rem; line-height: 1.86; scroll-margin-top: 7rem; }
.baalawi-people-reading-body > p:first-of-type { margin-top: 0; }
.baalawi-people-reading-body .baalawi-people-language-menu { margin-top: .1rem; margin-bottom: 1.1rem; }
.baalawi-people-reading-body :is(h2,h3) { color: #1a5052; scroll-margin-top: 7rem; }
.baalawi-people-reading-body .baalawi-people-visitor-card { margin-top: 2rem; }
body.baalawi-people-native-reader .ba-article-shell .ba-source-note,
body.baalawi-people-native-reader .ba-article-shell .ba-article-navigation { max-width: 68rem !important; width: min(100%, 68rem) !important; }
@media (max-width: 1050px) {
  .ba-pw-hero { grid-template-columns: minmax(0,1.1fr) minmax(280px,.9fr); }
  .ba-pw-hero__content { padding-left: 2.1rem; }
  .ba-pw-hero__visual { padding-right: 1.6rem; }
  .ba-pw-arch { min-height: 400px; }
}
@media (max-width: 800px) {
  .ba-pw-hero { grid-template-columns: 1fr; min-height: 0; }
  .ba-pw-hero__ambient { background-image: linear-gradient(130deg,rgba(3,47,54,.97),rgba(6,82,84,.8)),url("people-heritage.svg"); background-position:center; }
  .ba-pw-hero__content { padding: 2.7rem 2rem 1.2rem; }
  .ba-pw-hero h1 { max-width: 13ch; }
  .ba-pw-hero__visual { padding: .9rem 2rem 2.5rem; }
  .ba-pw-arch { width: min(100%, 530px); min-height: 335px; padding-top: 4.7rem; border-radius: 35% 35% 22px 22px / 21% 21% 22px 22px; }
  .ba-pw-arch__crown { top: 2.35rem; }
  .ba-pw-pathways { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: -16px; }
  .baalawi-people-reading-layout { grid-template-columns: 1fr; }
  .baalawi-people-reading-rail { position: static; flex-direction: row; flex-wrap: wrap; align-items: center; padding: .7rem; gap: .15rem; }
  .baalawi-people-reading-rail__eyebrow, .baalawi-people-reading-rail__ornament,.baalawi-people-reading-rail__footnote { display: none; }
  .baalawi-people-reading-rail a { padding: .6rem .8rem; font-size: .79rem; }
  .baalawi-people-reading-body { max-width: none; }
}
@media (max-width: 540px) {
  .baalawi-people-web-hub { padding: 8px 10px 3rem; }
  .ba-pw-hero { border-radius: 17px; }
  .ba-pw-hero__content { padding: 2.45rem 1.35rem 1rem; }
  .ba-pw-hero h1 { font-size: clamp(2.6rem, 11.5vw, 3.7rem); }
  .ba-pw-hero__lede { font-size: .95rem; }
  .ba-pw-hero__actions { align-items: stretch; }
  .ba-pw-btn { padding: .8rem .95rem; font-size: .85rem; }
  .ba-pw-hero__provenance { margin-top: 1.75rem; font-size: .76rem; }
  .ba-pw-hero__visual { padding: 1rem 1rem 1.75rem; }
  .ba-pw-arch {
    min-height: 0;
    padding: .95rem 1rem 1.05rem;
    border-radius: 18px;
  }
  .ba-pw-arch::before { display: none; }
  .ba-pw-arch__crown { display: none; }
  .ba-pw-arch__eyebrow { display: none; }
  .ba-pw-arch h2 { margin: 0 0 .5rem; max-width: none; font-size: 1.22rem; }
  .ba-pw-arch__fineprint { display: none; }
  .ba-pw-arch__link { grid-template-columns: 41px minmax(0,1fr) auto; gap: .5rem; padding: .68rem .55rem; }
  .ba-pw-arch__icon { width: 40px; height: 40px; }
  .ba-pw-arch__icon svg { width: 25px; height: 25px; }
  .ba-pw-arch__link strong { font-size: 1rem; }
  .ba-pw-arch__link small { font-size: .68rem; }
  .ba-pw-pathways { gap: .65rem; padding-inline: 4px; }
  .ba-pw-pathway { min-height: 155px; padding: 1rem .78rem; border-radius: 13px; }
  .ba-pw-pathway__name { font-size: 1.2rem; }
  .ba-pw-pathway__detail { font-size: .67rem; }
  .ba-pw-discover, .ba-pw-recent { margin-top: 3rem; }
  .ba-pw-collections,.ba-pw-record-groups { grid-template-columns: 1fr; }
  .ba-pw-collection { min-height: 235px; }
  .baalawi-people-reading-rail { gap: 0; padding: .45rem; }
  .baalawi-people-reading-rail a { flex: 1 1 auto; justify-content: center; padding: .6rem .45rem; font-size: .74rem; }
}
@media (prefers-reduced-motion: reduce) {
  .baalawi-people-web-hub a { transition: none !important; }
}
@media print {
  .ba-pw-hero, .ba-pw-arch, .ba-pw-pathways { background: #fff !important; color: #000 !important; box-shadow: none !important; }
  .baalawi-people-reading-rail { display: none !important; }
  .baalawi-people-reading-layout { display: block; }
}


/* Native collection listings only on the existing specialized BaAlawi
   category templates. Preserve their live query, archive description, cards
   and pagination. Change appearance only.
*/
body.baalawi-people-web-archive-page { background: #f8f6f0; }
body.baalawi-people-web-archive-page .ba-archive-shell {
  width: min(100%, 78rem);
  max-width: 78rem !important;
  padding: clamp(1rem, 2.7vw, 2.2rem) clamp(.8rem, 2vw, 1.7rem) 4rem !important;
  background: #f8f6f0;
}
body.baalawi-people-web-archive-page .ba-archive-hero {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(1.8rem, 4vw, 3rem) !important;
  margin: 0 0 2.15rem !important;
  border: 1px solid rgba(199, 166, 102, .65);
  border-radius: 20px;
  background:
    radial-gradient(ellipse 55% 145% at 100% 0%, rgba(233, 187, 112, .18), transparent 72%),
    linear-gradient(116deg, #063f48 0%, #09686c 100%) !important;
  box-shadow: 0 17px 33px rgba(35, 68, 63, .11);
  overflow: hidden;
}
body.baalawi-people-web-archive-page .ba-archive-hero::before,
body.baalawi-people-web-archive-page .ba-archive-hero::after { content: none !important; display: none !important; }
body.baalawi-people-web-archive-page .ba-archive-hero__inner {
  box-sizing: border-box;
  max-width: 70rem !important;
  min-height: 0 !important;
  margin-inline: auto;
  padding: 0 !important;
}
body.baalawi-people-web-archive-page .ba-pw-archive-path {
  margin: 0 0 .75rem;
}
body.baalawi-people-web-archive-page .ba-pw-archive-path a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  gap: .45rem;
  color: #f0d39f !important;
  font-size: .85rem;
  font-weight: 730;
  text-decoration: none;
}
body.baalawi-people-web-archive-page .ba-pw-archive-path a:hover { text-decoration: underline; }
body.baalawi-people-web-archive-page .ba-pw-archive-path a:focus-visible {
  outline: 3px solid #f0d39f;
  outline-offset: 3px;
}
body.baalawi-people-web-archive-page .ba-archive-hero h1.wp-block-heading {
  max-width: 23ch !important;
  margin: 0 0 .55rem !important;
  color: #fff8eb !important;
  font: 550 clamp(2.1rem, 4vw, 3.35rem)/1.13 var(--wp--preset--font-family--editorial, Georgia, serif) !important;
  letter-spacing: -.024em;
}
body.baalawi-people-web-archive-page .ba-archive-hero__inner p {
  max-width: 47rem !important;
  margin: .4rem 0 0 !important;
  color: #e3f1eb !important;
  font-size: .97rem !important;
  line-height: 1.7 !important;
}
body.baalawi-people-web-archive-page .ba-archive-query {
  max-width: none !important;
  margin-inline: auto;
}
body.baalawi-people-web-archive-page .ba-archive-query .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1.05rem !important;
  align-items: stretch;
  padding: 0 !important;
  margin: 0 !important;
}
body.baalawi-people-web-archive-page .ba-archive-query .wp-block-post-template > li {
  min-width: 0;
  display: flex;
}
body.baalawi-people-web-archive-page .ba-archive-entry {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 225px;
  margin: 0 !important;
  padding: 1.6rem !important;
  border: 1px solid #e0dfd4 !important;
  border-radius: 16px !important;
  background: #fffefa !important;
  box-shadow: 0 7px 20px rgba(41, 70, 62, .065) !important;
}
body.baalawi-people-web-archive-page .ba-archive-entry::before { display: none !important; content: none !important; }
body.baalawi-people-web-archive-page .ba-archive-entry > * { position: relative; z-index: 1; }
body.baalawi-people-web-archive-page .ba-archive-entry .wp-block-post-title {
  margin: .4rem 0 .6rem;
  color: #214349 !important;
  font: 620 clamp(1.24rem, 1.7vw, 1.65rem)/1.25 var(--wp--preset--font-family--editorial, Georgia, serif) !important;
  letter-spacing: -.01em;
}
body.baalawi-people-web-archive-page .ba-archive-entry .wp-block-post-title::before { display: none !important; }
body.baalawi-people-web-archive-page .ba-archive-entry .wp-block-post-title a { color: #22535b !important; text-decoration: none !important; }
body.baalawi-people-web-archive-page .ba-archive-entry .wp-block-post-title a:hover { text-decoration: underline !important; }
body.baalawi-people-web-archive-page .ba-archive-entry .wp-block-post-excerpt {
  margin: 0 !important;
  color: #536363 !important;
  font-size: .86rem;
  line-height: 1.65;
}
body.baalawi-people-web-archive-page .ba-archive-entry .wp-block-post-excerpt__more-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .3rem .5rem;
  margin-top: .65rem;
  color: #17656b !important;
  font-weight: 740;
}
body.baalawi-people-web-archive-page .ba-archive-query .wp-block-query-pagination {
  max-width: none !important;
  margin-top: 2rem;
  color: #265e62;
}
body.baalawi-people-web-archive-page .ba-archive-query .wp-block-query-pagination a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #195960 !important;
  padding: .35rem .7rem;
  border-radius: .45rem;
}
body.baalawi-people-web-archive-page .ba-archive-query .wp-block-query-pagination a:hover { background: #e6efe9; }
@media (max-width: 990px) {
  body.baalawi-people-web-archive-page .ba-archive-query .wp-block-post-template {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 600px) {
  body.baalawi-people-web-archive-page .ba-archive-shell {
    padding-inline: .75rem !important;
  }
  body.baalawi-people-web-archive-page .ba-archive-hero {
    padding: 1.65rem 1.3rem !important;
    border-radius: 15px;
  }
  body.baalawi-people-web-archive-page .ba-archive-query .wp-block-post-template {
    grid-template-columns: minmax(0,1fr);
    gap: .8rem !important;
  }
  body.baalawi-people-web-archive-page .ba-archive-entry {
    min-height: 180px;
    padding: 1.3rem !important;
  }
}

/* 320px collection header polish: never become another oversized hero. */
@media (max-width: 600px) {
  body.baalawi-people-web-archive-page .ba-archive-hero {
    padding: 1rem .95rem !important;
  }
  body.baalawi-people-web-archive-page .ba-archive-hero h1.wp-block-heading {
    font-size: clamp(1.9rem, 7.2vw, 2.45rem) !important;
    line-height: 1.12 !important;
  }
  body.baalawi-people-web-archive-page .ba-archive-hero__inner p {
    font-size: .93rem !important;
    line-height: 1.55 !important;
  }
  body.baalawi-people-web-archive-page .ba-pw-archive-path { margin-bottom: .4rem; }
}


/* Production category archive template compatibility.
   The live WP template uses ba-archive-intro (rather than ba-archive-hero).
   Preserve its original family-name directory and source records. */
body.baalawi-people-web-archive-page .ba-archive-intro {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 1.65rem !important;
  padding: clamp(1.45rem, 3vw, 2.8rem) clamp(1.3rem, 3.3vw, 3rem) !important;
  border: 1px solid rgba(215, 179, 113, .62) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(ellipse 55% 125% at 100% 0%, rgba(231, 183, 111, .16), transparent 75%),
    linear-gradient(116deg, #073d46, #0a696a) !important;
  box-shadow: 0 16px 30px rgba(30, 68, 68, .10) !important;
  overflow: hidden;
}
body.baalawi-people-web-archive-page .ba-archive-intro::before,
body.baalawi-people-web-archive-page .ba-archive-intro::after {
  display: none !important;
  content: none !important;
}
body.baalawi-people-web-archive-page .ba-archive-intro > .ba-section-kicker {
  display: none !important;
}
body.baalawi-people-web-archive-page .ba-archive-intro h1.wp-block-heading,
body.baalawi-people-web-archive-page .ba-archive-intro h1.wp-block-query-title {
  max-width: 24ch;
  margin: 0 0 .55rem !important;
  color: #fff9eb !important;
  font: 550 clamp(2rem, 3.9vw, 3.35rem)/1.12 var(--wp--preset--font-family--editorial, Georgia, serif) !important;
  letter-spacing: -.025em;
}
body.baalawi-people-web-archive-page .ba-archive-intro > p,
body.baalawi-people-web-archive-page .ba-archive-intro .wp-block-term-description,
body.baalawi-people-web-archive-page .ba-archive-intro .wp-block-term-description p {
  max-width: 51rem !important;
  margin: .5rem 0 !important;
  color: #e4f1e9 !important;
  font-size: clamp(.89rem, 1vw, 1rem) !important;
  line-height: 1.65 !important;
}
body.baalawi-people-web-archive-page .ba-archive-intro .ba-family-archive-note {
  margin: .7rem 0 0 !important;
  font-size: .8rem !important;
  color: #edd3a7 !important;
}
body.baalawi-people-web-archive-page .ba-family-directory {
  margin: 1.6rem auto 2.1rem !important;
  padding: clamp(1.1rem, 2.4vw, 2rem) !important;
  border: 1px solid #e3ded0 !important;
  border-radius: 18px !important;
  background: #fdfbf4 !important;
  box-shadow: 0 8px 22px rgba(37, 73, 66, .045);
}
body.baalawi-people-web-archive-page .ba-family-directory__head {
  margin-bottom: 1.25rem !important;
}
body.baalawi-people-web-archive-page .ba-family-directory__head h2 {
  color: #1f4749 !important;
  font: 570 clamp(1.45rem, 2.3vw, 2.1rem)/1.24 var(--wp--preset--font-family--editorial, Georgia, serif) !important;
}
body.baalawi-people-web-archive-page .ba-family-directory__head p {
  max-width: 51rem;
  line-height: 1.63;
  color: #4e6966;
}
body.baalawi-people-web-archive-page .ba-family-directory__list {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: .45rem .75rem !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}
body.baalawi-people-web-archive-page .ba-family-directory__list li { min-width: 0; }
body.baalawi-people-web-archive-page .ba-family-directory__list a {
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  min-height: 44px;
  padding: .65rem .85rem !important;
  border: 1px solid #e4e3d9 !important;
  border-radius: 9px !important;
  background: #fffefa !important;
  color: #24565d !important;
  font-size: .87rem;
  line-height: 1.4;
  text-decoration: none !important;
  overflow-wrap: anywhere;
}
body.baalawi-people-web-archive-page .ba-family-directory__list a:hover {
  background: #edf3ef !important;
  border-color: #bdd5cb !important;
}
body.baalawi-people-web-archive-page .ba-family-directory__list a:focus-visible {
  outline: 3px solid #245d81;
  outline-offset: 2px;
}
@media (max-width: 900px) {
  body.baalawi-people-web-archive-page .ba-family-directory__list {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 600px) {
  body.baalawi-people-web-archive-page .ba-archive-intro {
    padding: 1.2rem 1rem !important;
    border-radius: 15px !important;
  }
  body.baalawi-people-web-archive-page .ba-archive-intro h1.wp-block-heading,
  body.baalawi-people-web-archive-page .ba-archive-intro h1.wp-block-query-title {
    font-size: clamp(1.85rem, 7.2vw, 2.45rem) !important;
  }
  body.baalawi-people-web-archive-page .ba-family-directory {
    padding: 1rem !important;
    border-radius: 13px !important;
  }
  body.baalawi-people-web-archive-page .ba-family-directory__list {
    grid-template-columns: minmax(0,1fr) !important;
  }
}