/* Inner pages (template "BHIS inner page"). Figma: About - Desktop and About - Mobile.
   Sections are block-editor groups: class "bhis-sec bhis-<name> surface-<cream|white|navy|yellow>" with a "bhis-wrap" group inside. */

.bhis-inner .wp-block-group, .bhis-inner .wp-block-buttons, .bhis-inner figure { margin: 0; }
.bhis-inner .bhis-wrap { width: min(1360px, 100% - 80px); margin: 0 auto; }
.bhis-inner .bhis-sec { padding: 72px 0 80px; background: var(--bg-section); color: var(--text-primary); }
.bhis-inner .bhis-stack { display: flex; flex-direction: column; align-items: stretch; }
.bhis-inner .bhis-stack--40 { gap: 40px; }
.bhis-inner .bhis-stack--32 { gap: 32px; }
.bhis-inner .bhis-stack--24 { gap: 24px; }
.bhis-inner .bhis-stack--20 { gap: 20px; }
.bhis-inner .bhis-stack--16 { gap: 16px; }
.bhis-inner .bhis-stack--12 { gap: 12px; }

/* Text */
.bhis-inner h2.bhis-h2 { margin: 0; padding: 0; font: 400 clamp(28px, 4vw, 40px)/1.1 var(--font-heading); color: var(--text-primary); }
.bhis-inner p.bhis-eyebrow { margin: 0; padding: 0; font: 600 14px/1.2 var(--font-body); letter-spacing: .1em; text-transform: uppercase; color: var(--text-eyebrow); }
.bhis-inner p.bhis-eyebrow--small { font-size: 11px; color: var(--text-secondary); }
.bhis-inner p.bhis-lede { margin: 0; padding: 0; font: 400 18px/1.4 var(--font-body); color: var(--text-primary); }
.bhis-inner p.bhis-copy { margin: 0; padding: 0; font: 400 16px/1.5 var(--font-body); color: var(--text-primary); }

/* Lockup: eyebrow > H2 > lede. One rhythm on every page, whatever bhis-stack--N the block carries:
   12px under the eyebrow, 16px between the items that follow, 40px before a card grid. */
.bhis-inner :is(.bhis-stack, .bhis-wrap):has(> p.bhis-eyebrow + h2.bhis-h2) { row-gap: var(--lockup-gap); }
.bhis-inner :is(.bhis-stack, .bhis-wrap):has(> p.bhis-eyebrow + h2.bhis-h2) > h2.bhis-h2 { margin-top: calc(var(--lockup-eyebrow-gap) - var(--lockup-gap)); }
.bhis-inner :is(.bhis-stack, .bhis-wrap):has(> p.bhis-eyebrow + h2.bhis-h2) > h2.bhis-h2 + div { margin-top: calc(var(--section-head-gap) - var(--lockup-gap)); }
.bhis-inner :is(.bhis-stack, .bhis-wrap):has(> p.bhis-eyebrow + h2.bhis-h2) > h2.bhis-h2 + p.bhis-copy { line-height: 1.4; }
.bhis-inner .bhis-sectionlink { margin: 0; padding: 0; font: 400 16px/1.4 var(--font-body); }
.bhis-inner .bhis-sectionlink a { color: var(--text-link); text-decoration: underline; text-underline-offset: 3px; }
.bhis-inner .bhis-sectionlink a:hover { color: var(--text-link-hover); }
.bhis-inner hr.bhis-divider { width: 100%; height: 1px; margin: 0; padding: 0; border: 0; background: var(--border-subtle); opacity: 1; }

/* Buttons (block editor Button blocks) */
.bhis-inner .bhis-hbtn .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; padding: 13px 28px; border-radius: 999px; border: 1px solid transparent; font: 600 16px/22px var(--font-body); text-decoration: none; transition: background-color .15s, color .15s; }
.bhis-inner .bhis-hbtn--navy .wp-block-button__link { background: var(--button-primary-bg); color: var(--button-primary-text); }
.bhis-inner .bhis-hbtn--navy .wp-block-button__link:hover, .bhis-inner .bhis-hbtn--navy .wp-block-button__link:focus-visible { background: var(--navy-950); color: var(--button-primary-text); }

/* Chips (a bulleted list in the editor) */
.bhis-inner ul.bhis-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.bhis-inner ul.bhis-chips li { margin: 0; padding: 10px 20px; border-radius: 999px; background: var(--chip-bg); color: var(--chip-text); font: 500 16px/22px var(--font-body); }

/* Two columns: text, then a card */
.bhis-inner .bhis-two { display: grid; grid-template-columns: minmax(0, 1fr) 437px; gap: 64px; align-items: start; }
.bhis-inner .bhis-joincard { display: flex; flex-direction: column; gap: 20px; padding: 32px; min-height: 420px; box-sizing: border-box; background: var(--bg-card); border-radius: 16px; }
.bhis-inner .bhis-joincard figure.bhis-joincard__icon { width: 96px; height: 96px; }
.bhis-inner .bhis-joincard__icon img { width: 96px; height: 96px; display: block; }
.bhis-inner .bhis-joincard h3 { margin: 0; padding: 0; font: 400 24px/1.3 var(--font-heading); color: var(--text-primary); }
.bhis-inner .bhis-joincard p { margin: 0; padding: 0; font: 400 16px/1.4 var(--font-body); color: var(--text-secondary); }
.bhis-inner .bhis-joincard .wp-block-buttons { margin-top: auto; }

/* Callout: one big sentence on navy */
.bhis-inner .bhis-sec.bhis-callout { padding: 96px 0; }
.bhis-inner .bhis-callout .bhis-wrap { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.bhis-inner .bhis-callout h2.bhis-callout__title { max-width: 1000px; margin: 0; padding: 0; font: 400 clamp(40px, 5.6vw, 80px)/1.1 var(--font-heading); color: var(--text-primary); text-align: center; }
.bhis-inner .bhis-callout p.bhis-callout__text { max-width: 1000px; margin: 0; padding: 0; font: 400 18px/1.5 var(--font-body); color: var(--text-secondary); text-align: center; }

/* How we're organized: three cards */
.bhis-inner .bhis-cards3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.bhis-inner .bhis-card3 { display: flex; flex-direction: column; gap: 12px; padding: 32px; background: var(--bg-card); border-radius: 16px; }
.bhis-inner .bhis-card3 h3 { margin: 0; padding: 0; font: 400 24px/1.3 var(--font-heading); color: var(--text-primary); }
.bhis-inner .bhis-card3 p { margin: 0; padding: 0; font: 400 16px/1.5 var(--font-body); color: var(--text-primary); }

/* Meet the team */
.bhis-inner .bhis-teamgroup { display: flex; flex-direction: column; gap: 20px; }
.bhis-inner .bhis-teamhead { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.bhis-inner .bhis-teamintro { max-width: 760px; }

/* Want to help band */
.bhis-inner .bhis-sec.bhis-wantband { padding: 80px 0; }
.bhis-inner .bhis-wantband .bhis-wrap { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.bhis-inner .bhis-wantband .bhis-copy { max-width: 760px; }
.bhis-inner .bhis-wantband .wp-block-buttons { margin-top: 12px; }
.bhis-inner .surface-yellow .bhis-hbtn--navy .wp-block-button__link { color: var(--button-primary-text); }

@media (max-width: 1099px) {
	.bhis-inner .bhis-two { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.bhis-inner .bhis-cards3 { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 767px) {
	.bhis-inner .bhis-wrap { width: calc(100% - 32px); }
	.bhis-inner .bhis-sec { padding: 48px 0; }
	.bhis-inner p.bhis-lede { font-size: 16px; }
	.bhis-inner h2.bhis-h2 { font-size: 24px; line-height: 1.3; }
	.bhis-inner .bhis-sec.bhis-callout { padding: 64px 0; }
	.bhis-inner .bhis-callout h2.bhis-callout__title { font-size: 40px; }
	.bhis-inner .bhis-callout .bhis-wrap { gap: 16px; }
	.bhis-inner p.bhis-callout__text { font-size: 16px; }
	.bhis-inner .bhis-card3, .bhis-inner .bhis-joincard { padding: 24px; }
	.bhis-inner .bhis-joincard { min-height: 0; }
	.bhis-inner .bhis-joincard .wp-block-buttons { margin-top: 8px; }
	.bhis-inner .bhis-teamhead { flex-direction: column; align-items: flex-start; gap: 8px; }
	.bhis-inner .bhis-sec.bhis-wantband { padding: 48px 0; }
	.bhis-inner .bhis-wantband .bhis-wrap { gap: 16px; }
	.bhis-inner .bhis-wantband .wp-block-buttons, .bhis-inner .bhis-wantband .wp-block-button, .bhis-inner .bhis-wantband .wp-block-button__link { width: 100%; }
}

/* WordPress gives separator blocks a 100px width by default; ours span the column. */
.bhis-inner hr.wp-block-separator.bhis-divider { width: 100%; max-width: none; height: 1px; margin: 0; border: 0; background: var(--border-subtle); opacity: 1; }

/* =====================================================================
   Get Involved page. Figma: Get Involved - Desktop (73:7085) and Mobile (73:7201).
   Sections: three cards, Join the PTA (#join), Volunteer (#volunteer), Family Councils (#family-councils).
   Appended section: shared inner-page rules above are left as they were.
   ===================================================================== */

/* Extra button styles */
.bhis-inner .bhis-hbtn--outline .wp-block-button__link { background: transparent; border-color: var(--button-secondary-border); color: var(--button-secondary-text); }
.bhis-inner .bhis-hbtn--outline .wp-block-button__link:hover, .bhis-inner .bhis-hbtn--outline .wp-block-button__link:focus-visible { background: var(--navy-900); color: var(--cream-100); }
.bhis-inner .bhis-hbtn--yellow .wp-block-button__link { background: var(--yellow-500); color: var(--navy-900); }
.bhis-inner .bhis-hbtn--yellow .wp-block-button__link:hover, .bhis-inner .bhis-hbtn--yellow .wp-block-button__link:focus-visible { background: var(--yellow-300); color: var(--navy-900); }
.bhis-inner .surface-yellow .bhis-hbtn--navy .wp-block-button__link { color: var(--yellow-500); }

/* Three cards */
.bhis-inner .bhis-ways .bhis-wrap { display: flex; flex-direction: column; gap: 24px; }
.bhis-inner .bhis-ways__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.bhis-inner .bhis-way { display: flex; flex-direction: column; gap: 16px; padding: 32px; background: var(--white); border-radius: 16px; }
.bhis-inner figure.bhis-way__icon { width: 96px; height: 96px; margin: 0 0 8px; }
.bhis-inner .bhis-way__icon img { display: block; width: 96px; height: 96px; object-fit: contain; }
.bhis-inner h3.bhis-way__title { margin: 0; padding: 0; font: 400 24px/1.3 var(--font-heading); color: var(--navy-900); }
.bhis-inner p.bhis-way__text { margin: 0; padding: 0; font: 400 14px/1.5 var(--font-body); color: var(--navy-alpha-75); }
.bhis-inner .bhis-way .wp-block-buttons { margin-top: auto; padding-top: 24px; }

/* Join the PTA */
.bhis-inner .bhis-join .bhis-two { grid-template-columns: minmax(0, 1fr) minmax(0, 600px); gap: 64px; }
.bhis-inner .bhis-member { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 32px; background: var(--navy-900); border-radius: 16px; color: var(--cream-100); }
.bhis-inner .bhis-member p.bhis-eyebrow { color: var(--yellow-500); }
.bhis-inner h3.bhis-member__price { margin: 0; padding: 0; font: 400 28px/1.2 var(--font-heading); color: var(--cream-100); }
.bhis-inner ul.bhis-member__types { width: 100%; margin: 4px 0 8px; padding: 0; list-style: none; }
.bhis-inner ul.bhis-member__types li { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0; padding: 12px 0; border-top: 1px solid var(--white-20); font: 400 16px/1.35 var(--font-body); color: var(--cream-100); }
.bhis-inner ul.bhis-member__types li:last-child { border-bottom: 1px solid var(--white-20); }
.bhis-inner .bhis-member__name { display: flex; flex-direction: column; gap: 2px; }
.bhis-inner .bhis-member__note { display: block; font-size: 13px; color: var(--white-80); }
.bhis-inner ul.bhis-member__types li strong { flex: none; font: 400 22px/1.2 var(--font-heading); color: var(--yellow-500); }
.bhis-inner .bhis-member .wp-block-buttons { margin-top: 8px; }
.bhis-inner p.bhis-member__note-line { margin: 4px 0 0; padding: 0; font: 400 13px/1.4 var(--font-body); color: var(--white-80); }

/* Volunteer band: text left, chips right */
.bhis-inner .bhis-two.bhis-two--even { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; }
.bhis-inner .bhis-volunteer ul.bhis-chips li { font: 600 14px/1.2 var(--font-body); padding: 11px 22px; }
.bhis-inner .bhis-volunteer ul.bhis-chips li:last-child { background: transparent; border: 1px solid var(--navy-900); padding: 10px 21px; }

/* Family Councils */
.bhis-inner .bhis-councils .bhis-stack { max-width: 760px; align-items: flex-start; }

@media (max-width: 1099px) {
	.bhis-inner .bhis-ways__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.bhis-inner .bhis-join .bhis-two, .bhis-inner .bhis-two.bhis-two--even { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 767px) {
	.bhis-inner .bhis-way { padding: 24px; }
	.bhis-inner .bhis-way .wp-block-buttons, .bhis-inner .bhis-way .wp-block-button, .bhis-inner .bhis-way .wp-block-button__link { width: 100%; box-sizing: border-box; }
	.bhis-inner .bhis-member { padding: 24px; }
	.bhis-inner .bhis-member .wp-block-buttons, .bhis-inner .bhis-member .wp-block-button, .bhis-inner .bhis-member .wp-block-button__link { width: 100%; box-sizing: border-box; }
	.bhis-inner .bhis-role__buttons, .bhis-inner .bhis-role__buttons .wp-block-button, .bhis-inner .bhis-role__buttons .wp-block-button__link { width: 100%; box-sizing: border-box; }
	.bhis-inner .bhis-councils__buttons .wp-block-button, .bhis-inner .bhis-councils__buttons .wp-block-button__link { width: 100%; box-sizing: border-box; }
}

/* Cards without an illustration yet keep the icon's space so the three titles line up. */
.bhis-inner .bhis-way:not(:has(.bhis-way__icon))::before { content: ""; display: block; width: 96px; height: 96px; margin-bottom: 8px; flex: none; }

/* =====================================================================
   For Families overview: four cards, two across. Same card style as Get Involved, without an illustration slot.
   ===================================================================== */
.bhis-inner .bhis-fam .bhis-wrap { display: flex; flex-direction: column; gap: 24px; }
.bhis-inner .bhis-fam__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.bhis-inner .bhis-way--plain { min-height: 280px; }
.bhis-inner .bhis-way--plain:not(:has(.bhis-way__icon))::before { display: none; }
.bhis-inner .bhis-way--plain h3.bhis-way__title { font-size: 28px; }
.bhis-inner .bhis-way--plain p.bhis-way__text { font-size: 16px; line-height: 1.5; max-width: 560px; }
@media (max-width: 1099px) { .bhis-inner .bhis-fam__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .bhis-inner .bhis-way--plain { min-height: 0; } }

/* Join button inside the membership card (goes to Cheddar Up in a new tab) */
.bhis-inner .bhis-member__buttons { margin: 8px 0 0; }
@media (max-width: 767px) { .bhis-inner .bhis-member__buttons, .bhis-inner .bhis-member__buttons .wp-block-button, .bhis-inner .bhis-member__buttons .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; } }

/* Donate page (Ways to give). */
.bhis-inner .bhis-give .bhis-two { grid-template-columns: minmax(0, 1fr) minmax(0, 600px); gap: 64px; align-items: center; }
.bhis-inner .bhis-give .bhis-two:not(:has(.bhis-goal)) { grid-template-columns: minmax(0, 640px); }
.bhis-inner .bhis-give__buttons { margin: 4px 0 0; }
.bhis-inner p.bhis-give__note { margin: 0; padding: 0; font: 400 14px/1.45 var(--font-body); color: var(--text-secondary); }
.bhis-inner .bhis-goal { display: flex; flex-direction: column; gap: 12px; padding: 32px; background: var(--navy-900); border-radius: 16px; color: var(--cream-100); }
.bhis-inner .bhis-goal p { margin: 0; padding: 0; }
.bhis-inner p.bhis-goal__eyebrow { font: 600 14px/1.2 var(--font-body); letter-spacing: .1em; text-transform: uppercase; color: var(--yellow-500); }
.bhis-inner p.bhis-goal__eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.bhis-inner span.bhis-goal__tag { display: inline-block; padding: 4px 10px; border-radius: 999px; background: var(--tiger-500); color: var(--navy-900); font: 600 11px/1 var(--font-body); letter-spacing: .1em; text-transform: uppercase; }
.bhis-inner p.bhis-goal__amount { font: 400 clamp(44px, 6vw, 56px)/1.1 var(--font-heading); color: var(--cream-100); }
.bhis-inner p.bhis-goal__sub { font: 400 16px/1.4 var(--font-body); color: var(--white-80); }
.bhis-inner .bhis-goal__bar { width: 100%; height: 12px; margin-top: 4px; border-radius: 999px; background: var(--white-20); overflow: hidden; }
.bhis-inner .bhis-goal__bar span { display: block; height: 100%; background: var(--yellow-500); border-radius: 999px; }
.bhis-inner p.bhis-goal__stats { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; font: 400 14px/1.3 var(--font-body); color: var(--white-80); }
.bhis-inner p.bhis-goal__stats strong { font: 400 22px/1.2 var(--font-heading); color: var(--yellow-500); }
.bhis-inner .bhis-other .bhis-wrap, .bhis-inner .bhis-fund .bhis-wrap { display: flex; flex-direction: column; gap: 24px; }
.bhis-inner .bhis-give__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.bhis-inner .bhis-way--tint { min-height: 0; padding: 24px; background: var(--cream-100); }
.bhis-inner .bhis-way--tint h3.bhis-way__title { font-size: 24px; }
.bhis-inner .bhis-way--tint p.bhis-way__text { font-size: 14px; }
.bhis-inner .bhis-fund .bhis-two.bhis-two--even { align-items: center; }
.bhis-inner .bhis-fund__cards { display: flex; flex-direction: column; gap: 16px; }
.bhis-inner .bhis-fund .bhis-way--tint { background: var(--white); }
.bhis-inner .bhis-fund .bhis-fund__buttons { margin-top: 4px; }
@media (max-width: 1099px) { .bhis-inner .bhis-give__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.bhis-inner .bhis-give .bhis-two { grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: start; }
	.bhis-inner .bhis-give__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.bhis-inner .bhis-goal { padding: 24px; }
	.bhis-inner .bhis-give__buttons, .bhis-inner .bhis-give__buttons .wp-block-button, .bhis-inner .bhis-give__buttons .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; }
}


/* School Choice page: key points list and dated note */
.bhis-inner ul.bhis-keypoints { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; list-style: none; max-width: 900px; }
.bhis-inner ul.bhis-keypoints li { position: relative; margin: 0; padding: 0 0 0 28px; font: 400 18px/1.5 var(--font-body); color: var(--text-primary); }
.bhis-inner ul.bhis-keypoints li::before { content: ""; position: absolute; left: 4px; top: .6em; width: 10px; height: 10px; border-radius: 50%; background: var(--text-accent); }
.bhis-inner ul.bhis-keypoints strong { font-weight: 600; }
.bhis-inner p.bhis-datednote { margin: 0; padding: 0; max-width: 900px; font: 400 14px/1.5 var(--font-body); color: var(--text-secondary); }
.bhis-inner p.bhis-datednote a, .bhis-inner p.bhis-copy a, .bhis-inner li a { color: var(--text-link); text-decoration: underline; text-underline-offset: 3px; }
.bhis-inner .bhis-callout-bar { padding: 20px 24px; background: var(--yellow-500); border-radius: 16px; }
.bhis-inner .bhis-callout-bar p { margin: 0; padding: 0; font: 600 16px/1.4 var(--font-body); color: var(--navy-900); }
@media (max-width: 767px) { .bhis-inner ul.bhis-keypoints li { font-size: 16px; } }

/* New to BHIS page: four steps, School Choice banner, resource chips. */
.bhis-inner .bhis-start .bhis-wrap { display: flex; flex-direction: column; gap: 24px; }
.bhis-inner .bhis-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.bhis-inner .bhis-step, .bhis-inner .bhis-banner { background: var(--white); color: var(--navy-900); border-radius: 16px; }
.bhis-inner .bhis-step { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.bhis-inner p.bhis-step__num { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; padding: 0; border-radius: 50%; background: var(--yellow-500); font: 400 20px/1 var(--font-heading); color: var(--navy-900); }
.bhis-inner h3.bhis-step__title { margin: 8px 0 0; padding: 0; font: 400 24px/1.25 var(--font-heading); color: var(--navy-900); }
.bhis-inner p.bhis-step__text { margin: 0; padding: 0; font: 400 14px/1.5 var(--font-body); color: var(--navy-alpha-75); }
.bhis-inner p.bhis-step__link { margin: auto 0 0; padding: 12px 0 0; font: 600 14px/1.4 var(--font-body); }
.bhis-inner .bhis-step__link a { color: var(--navy-900); text-decoration: underline; text-underline-offset: 3px; }
.bhis-inner .bhis-step__link a:hover { color: var(--tiger-700); }
.bhis-inner .bhis-banner { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 24px 32px; }
.bhis-inner h3.bhis-banner__title { margin: 0; padding: 0; font: 400 24px/1.25 var(--font-heading); color: var(--navy-900); }
.bhis-inner p.bhis-banner__text { margin: 8px 0 0; padding: 0; font: 400 14px/1.5 var(--font-body); color: var(--navy-alpha-75); }
.bhis-inner .bhis-banner .wp-block-buttons { margin: 0; }
.bhis-inner .bhis-banner .bhis-hbtn--navy .wp-block-button__link { white-space: nowrap; }
.bhis-inner .bhis-resources__buttons { margin: 4px 0 0; }
.bhis-inner .bhis-resources ul.bhis-chips li { position: relative; padding: 0; background: var(--white); font: 600 14px/1.2 var(--font-body); }
.bhis-inner .bhis-resources ul.bhis-chips li a { display: block; padding: 11px 22px; color: var(--navy-900); text-decoration: none; }
.bhis-inner .bhis-resources ul.bhis-chips li a::after { content: ""; position: absolute; inset: 0; border-radius: 999px; }
.bhis-inner .bhis-resources ul.bhis-chips li a:hover, .bhis-inner .bhis-resources ul.bhis-chips li a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.bhis-inner .bhis-resources ul.bhis-chips li.bhis-chips__all { background: transparent; border: 1px solid var(--navy-900); }
.bhis-inner .bhis-resources ul.bhis-chips li.bhis-chips__all a { padding: 10px 21px; }
@media (max-width: 1099px) { .bhis-inner .bhis-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.bhis-inner .bhis-steps { grid-template-columns: minmax(0, 1fr); }
	.bhis-inner .bhis-banner { flex-direction: column; align-items: stretch; gap: 16px; padding: 24px; }
	.bhis-inner .bhis-banner .wp-block-buttons, .bhis-inner .bhis-banner .wp-block-button, .bhis-inner .bhis-banner .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; white-space: normal; }
	.bhis-inner .bhis-resources__buttons, .bhis-inner .bhis-resources__buttons .wp-block-button, .bhis-inner .bhis-resources__buttons .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; }
}

/* School Choice page: columns and cards */
.bhis-inner .bhis-sc .bhis-wrap { display: flex; flex-direction: column; gap: 40px; }
.bhis-inner .bhis-sc-cols { display: grid; grid-template-columns: minmax(0, 1fr) 480px; gap: 64px; align-items: start; }
.bhis-inner .bhis-sc-intro__text { max-width: 760px; }
.bhis-inner .bhis-sc-card { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 32px; background: var(--bg-card); border-radius: 16px; }
.bhis-inner .bhis-sc-card h3.bhis-card__title { margin: 0; padding: 0; font: 400 24px/1.3 var(--font-heading); color: var(--navy-900); }
.bhis-inner .bhis-sc-card p.bhis-copy { margin: 0; padding: 0; font: 400 16px/1.5 var(--font-body); color: var(--navy-alpha-75); }
.bhis-inner .bhis-sc-card p.bhis-datednote { max-width: none; }
.bhis-inner .bhis-sc-card strong, .bhis-inner .bhis-sc p.bhis-copy strong { font-weight: 600; color: var(--navy-900); }
.bhis-inner .bhis-sc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.bhis-inner .bhis-callout-bar p.bhis-notice-text { margin: 0; padding: 0; font: 600 16px/1.4 var(--font-body); color: var(--navy-900); }
.bhis-inner .bhis-callout-bar a { color: var(--navy-900); text-decoration: underline; text-underline-offset: 3px; }
.bhis-inner p.bhis-datednote--narrow { max-width: 760px; }
.bhis-inner .bhis-sc-q { display: flex; align-items: center; justify-content: space-between; gap: 64px; }
.bhis-inner .bhis-sc-q__text { max-width: 640px; gap: 12px; }
.bhis-inner .bhis-sc-q__btns { display: flex; flex-direction: column; align-items: stretch; gap: 12px; flex: none; }
.bhis-inner .bhis-sc-q__btns .wp-block-buttons, .bhis-inner .bhis-sc-q__btns .wp-block-button { width: 100%; }
.bhis-inner .bhis-sc-q__btns .wp-block-button__link { display: flex; width: 100%; box-sizing: border-box; }
@media (max-width: 1099px) {
	.bhis-inner .bhis-sc-cols { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.bhis-inner .bhis-sc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bhis-inner .bhis-sc-q { flex-direction: column; align-items: flex-start; gap: 24px; }
	.bhis-inner .bhis-sc-q__btns { align-self: stretch; }
}
@media (max-width: 767px) {
	.bhis-inner .bhis-sc .bhis-wrap { gap: 24px; }
	.bhis-inner .bhis-sc-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.bhis-inner .bhis-sc-card { padding: 24px; }
}

/* Donate page, matching the updated Figma: fundraiser header row and three illustrated cards. */
.bhis-inner .bhis-fund__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; }
.bhis-inner .bhis-fund__head .bhis-fund__buttons { margin: 0; flex: none; }
.bhis-inner .bhis-give__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bhis-inner .bhis-fund .bhis-way { background: var(--white); }
@media (max-width: 1099px) { .bhis-inner .bhis-give__grid--3 { grid-template-columns: minmax(0, 1fr); gap: 20px; } }
@media (max-width: 767px) {
	.bhis-inner .bhis-fund__head { flex-direction: column; align-items: stretch; gap: 20px; }
	.bhis-inner .bhis-fund__head .bhis-fund__buttons, .bhis-inner .bhis-fund__head .wp-block-button, .bhis-inner .bhis-fund__head .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; }
}

/* Yearbook page (reuses the School Choice columns and cards) */
.bhis-inner p.bhis-copy--narrow { max-width: 820px; }
.bhis-inner .bhis-yb-send { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 28px 32px; background: var(--yellow-500); border-radius: 16px; }
.bhis-inner .bhis-yb-send__text { display: flex; flex-direction: column; gap: 6px; }
.bhis-inner .bhis-yb-send h3.bhis-card__title { margin: 0; padding: 0; font: 400 24px/1.3 var(--font-heading); color: var(--navy-900); }
.bhis-inner .bhis-yb-send p.bhis-copy { margin: 0; padding: 0; font: 400 16px/1.5 var(--font-body); color: var(--navy-900); }
.bhis-inner .bhis-yb-send .bhis-hbtn--navy .wp-block-button__link { color: var(--button-primary-text); }
@media (max-width: 1099px) { .bhis-inner .bhis-yb-send { flex-direction: column; align-items: flex-start; } }
@media (max-width: 767px) { .bhis-inner .bhis-yb-send { padding: 24px; } .bhis-inner .bhis-yb-send .wp-block-buttons, .bhis-inner .bhis-yb-send .wp-block-button, .bhis-inner .bhis-yb-send .wp-block-button__link { display: flex; width: 100%; box-sizing: border-box; justify-content: center; } }
.bhis-inner .bhis-sc-card figure.bhis-yb-art { width: 100%; margin: 0; }
.bhis-inner .bhis-sc-card figure.bhis-yb-art img { display: block; width: 100%; height: auto; }

/* Yearbook: illustration beside the "We need your photos" heading */
.bhis-inner .bhis-yb-photos-head { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.bhis-inner .bhis-yb-photos-head .bhis-stack { max-width: 820px; }
.bhis-inner figure.bhis-yb-photos { flex: none; width: 242px; margin: 0; }
.bhis-inner figure.bhis-yb-photos img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
	.bhis-inner .bhis-yb-photos-head { flex-direction: column-reverse; align-items: flex-start; gap: 16px; }
	.bhis-inner figure.bhis-yb-photos { width: 168px; }
}

/* =====================================================================
   Hub pages (Get Involved, For Families): a short intro and a row of cards.
   Four cards across on desktop, three on For Families, two on tablets, one on phones.
   The small eyebrow is only for phones, where the cards stack under the page header.
   ===================================================================== */
.bhis-inner .bhis-ways--four .bhis-ways__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bhis-inner .bhis-ways--three .bhis-ways__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bhis-inner .bhis-ways__eyebrow { display: none; }
@media (max-width: 1099px) {
	.bhis-inner .bhis-ways--four .bhis-ways__grid, .bhis-inner .bhis-ways--three .bhis-ways__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.bhis-inner .bhis-ways--four .bhis-ways__grid, .bhis-inner .bhis-ways--three .bhis-ways__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.bhis-inner .bhis-ways__eyebrow { display: block; }
}
.bhis-inner .bhis-ways--four .bhis-ways__grid, .bhis-inner .bhis-ways--three .bhis-ways__grid { grid-auto-rows: 1fr; }

/* Hub pages sit on navy, continuing the page header, with cream cards. */
.bhis-inner .bhis-ways--four, .bhis-inner .bhis-ways--three { padding-top: 0; }
.bhis-inner .bhis-ways--four .bhis-way, .bhis-inner .bhis-ways--three .bhis-way { background: var(--cream-100); }
.bhis-inner .bhis-ways--four .bhis-ways__eyebrow, .bhis-inner .bhis-ways--three .bhis-ways__eyebrow { color: var(--cream-100); }
/* The navy section's button colors would reach into the cream cards; the cards keep the on-cream buttons. */
.bhis-inner .bhis-ways--four .bhis-way .bhis-hbtn--outline .wp-block-button__link,
.bhis-inner .bhis-ways--three .bhis-way .bhis-hbtn--outline .wp-block-button__link { background: transparent; border-color: var(--navy-900); color: var(--navy-900); }
.bhis-inner .bhis-ways--four .bhis-way .bhis-hbtn--outline .wp-block-button__link:hover,
.bhis-inner .bhis-ways--four .bhis-way .bhis-hbtn--outline .wp-block-button__link:focus-visible,
.bhis-inner .bhis-ways--three .bhis-way .bhis-hbtn--outline .wp-block-button__link:hover,
.bhis-inner .bhis-ways--three .bhis-way .bhis-hbtn--outline .wp-block-button__link:focus-visible { background: var(--navy-900); color: var(--cream-100); }

/* About page, synced to Figma "About - Desktop" (131:1536): spacing is 24 / 40 / 16 as drawn, so the shared lockup rhythm is switched off here. */
.bhis-inner .bhis-who .bhis-stack:has(> p.bhis-eyebrow + h2.bhis-h2) { row-gap: 24px; }
.bhis-inner .bhis-who .bhis-stack:has(> p.bhis-eyebrow + h2.bhis-h2) > h2.bhis-h2 { margin-top: 0; }
.bhis-inner .bhis-who p.bhis-lede { line-height: 1.5; }
.bhis-inner :is(.bhis-who, .bhis-org, .bhis-team, .bhis-wantband) p.bhis-eyebrow { line-height: 1; }
.bhis-wwdgroup { display: flex; flex-direction: column; gap: 24px; padding-top: 24px; }
.bhis-inner .bhis-wwdgroup p.bhis-eyebrow { margin: 0; }
.bhis-inner ul.bhis-wwd { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.bhis-inner ul.bhis-wwd li { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; }
.bhis-inner ul.bhis-wwd strong { font: 700 18px/1.2 var(--font-body); color: var(--text-primary); }
.bhis-inner ul.bhis-wwd span { font: 400 18px/1.5 var(--font-body); color: var(--text-primary); }
.bhis-inner p.bhis-wwd-inline { display: none; margin: 0; padding: 0; font: 400 16px/1.4 var(--font-body); color: var(--text-primary); }
.bhis-inner .bhis-who .bhis-joincard { min-height: 0; }
.bhis-inner .bhis-who .bhis-joincard .wp-block-buttons { margin-top: 0; }
.bhis-inner .bhis-org .bhis-stack:has(> p.bhis-eyebrow + h2.bhis-h2) { row-gap: 40px; }
.bhis-inner .bhis-org .bhis-stack:has(> p.bhis-eyebrow + h2.bhis-h2) > h2.bhis-h2 { margin-top: 0; }
.bhis-inner .bhis-team hr.wp-block-separator.bhis-divider { margin: 24px 0; }
.bhis-inner .bhis-team .bhis-teamintro { max-width: 899px; line-height: 1.5; }
.bhis-inner .bhis-org .bhis-stack:has(> p.bhis-eyebrow + h2.bhis-h2) > h2.bhis-h2 + div { margin-top: 0; }
.bhis-inner :is(.bhis-who, .bhis-wantband) .wp-block-button__link { box-sizing: border-box; height: 48px; padding: 13px 40px; font: 600 16px/22px var(--font-body); }
.bhis-inner .bhis-wantband .bhis-copy { line-height: 1.4; }
.bhis-inner .bhis-who .bhis-joincard p { line-height: 1.4; }
.bhis-inner .bhis-wantband .bhis-wrap:has(> p.bhis-eyebrow + h2.bhis-h2) { row-gap: 16px; }
.bhis-inner .bhis-wantband .bhis-wrap:has(> p.bhis-eyebrow + h2.bhis-h2) > h2.bhis-h2 { margin-top: 0; }
.bhis-inner .bhis-wantband .wp-block-buttons { margin-top: 0; }
@media (max-width: 767px) {
	.bhis-inner ul.bhis-wwd { display: none; }
	.bhis-inner p.bhis-wwd-inline { display: block; }
	.bhis-inner .bhis-wwdgroup { gap: 12px; padding-top: 0; }
	.bhis-inner .bhis-team hr.wp-block-separator.bhis-divider { margin: 0; }
}
.bhis-inner .bhis-sec.bhis-team { padding-bottom: 72px; }
.bhis-inner .bhis-who .bhis-hbtn--navy .wp-block-button__link { color: var(--yellow-500); }

/* About on phones, synced to Figma "About - Mobile" (131:1653): compact team rows without photos, Email at the right, no dividers */
@media (max-width: 767px) {
	.bhis-inner .bhis-who .bhis-stack:has(> p.bhis-eyebrow + h2.bhis-h2) { row-gap: 20px; }
	.bhis-inner .bhis-who .bhis-joincard { gap: 14px; }
	.bhis-inner .bhis-sec.bhis-org { padding: 40px 0; }
	.bhis-inner .bhis-org .bhis-stack:has(> p.bhis-eyebrow + h2.bhis-h2) { row-gap: 20px; }
	.bhis-inner .bhis-org .bhis-cards3 { gap: 16px; }
	.bhis-inner .bhis-org .bhis-card3 { gap: 10px; }
	.bhis-inner .bhis-sec.bhis-team { padding: 40px 0 48px; }
	.bhis-inner .bhis-team .bhis-wrap { row-gap: 28px; }
	.bhis-inner .bhis-team hr.wp-block-separator.bhis-divider { display: none; }
	.bhis-inner .bhis-team .bhis-teamgroup { gap: 12px; }
	.bhis-inner .bhis-team .bhis-teamhead { display: contents; }
	.bhis-inner .bhis-team .bhis-teamgroup > p.bhis-eyebrow, .bhis-inner .bhis-team .bhis-teamhead > p.bhis-eyebrow { order: 1; }
	.bhis-inner .bhis-team .bhis-teamintro { order: 2; max-width: none; }
	.bhis-inner .bhis-team .bhis-sectionlink { order: 3; font-size: 14px; }
	.bhis-inner .bhis-team .bhis-people { order: 4; gap: 12px; }
	.bhis-inner .bhis-team .bhis-person { padding: 16px 20px; gap: 12px; }
	.bhis-inner .bhis-team .bhis-person .bhis-avatar { display: none; }
	.bhis-inner .bhis-team .bhis-person__details { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 4px; width: 100%; }
	.bhis-inner .bhis-team .bhis-person__role { grid-column: 1; }
	.bhis-inner .bhis-team .bhis-person__name { grid-column: 1; }
	.bhis-inner .bhis-team a.bhis-person__email { grid-column: 1; align-self: start; }
	.bhis-inner .bhis-sec.bhis-wantband { padding: 48px 0; }
}

/* Page header with a photo (set the page's Featured image). Used by Our School and the fundraiser pages. */
.bhis-pagehead--photo { background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), var(--bhis-hero) center / cover no-repeat; }
.bhis-pagehead--photo .bhis-pagehead__lead { color: var(--white); }

/* Donate page: the three fundraiser cards link to their pages through the title (the whole card is clickable). */
.bhis-inner .bhis-give__grid--3 .bhis-way { position: relative; }
.bhis-inner .bhis-give__grid--3 .bhis-way__title a { color: var(--navy-900); text-decoration: none; }
.bhis-inner .bhis-give__grid--3 .bhis-way__title a::after { content: ""; position: absolute; inset: 0; border-radius: 16px; }
.bhis-inner .bhis-give__grid--3 .bhis-way:hover .bhis-way__title a, .bhis-inner .bhis-give__grid--3 .bhis-way__title a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.bhis-inner .bhis-give__grid--3 .bhis-way__title a:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 4px; border-radius: 4px; }