/* SiHulk responsive alignment system — loaded after page-specific styles. */
:root{--sh-max:1380px;--sh-gutter:clamp(24px,4vw,64px);--sh-section:clamp(72px,7vw,112px)}
body.sihulk-front-page{overflow-x:hidden}
body.sihulk-front-page *,body.sihulk-front-page *:before,body.sihulk-front-page *:after{box-sizing:border-box}

/* One dependable content edge across the public website. */
body.sihulk-front-page .container,
.sihulk-about-page .about-wrap,
.sihulk-education-page .education-wrap,
.sihulk-members-theme-page .sihulk-members-wrap,
.sihulk-members-theme-page .sihulk-members-directory-inner{
  width:min(var(--sh-max),calc(100% - (var(--sh-gutter) * 2)))!important;
  max-width:var(--sh-max)!important;
  margin-inline:auto!important;
}

/* Hero containers previously lost their safe left and right edge. */
.sihulk-foundation-page .foundation-hero-inner,
.sihulk-governance-page .governance-hero-inner,
.sihulk-mission-page .mvv-hero-inner,
.sihulk-leadership-page .committee-hero-inner{
  width:min(var(--sh-max),calc(100% - (var(--sh-gutter) * 2)))!important;
  max-width:var(--sh-max)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

.foundation-hero-copy,.governance-hero-copy,.mvv-hero-copy,.committee-hero-copy{
  width:min(720px,58vw)!important;
  max-width:100%!important;
}
.foundation-hero h1,.governance-hero h1,.mvv-hero h1,.committee-hero h1{
  max-width:100%;overflow-wrap:normal;word-break:normal;
  font-size:clamp(3.35rem,5.6vw,6.3rem)!important;
  line-height:.98!important;
}
.foundation-hero-copy>p:not(.foundation-kicker),
.governance-hero-copy>p:not(.governance-kicker),
.mvv-hero-copy>p:not(.mvv-kicker),
.committee-hero-copy>p:not(.committee-kicker){max-width:620px!important;line-height:1.65}

/* Consistent breathing room and readable cards. */
.foundation-intro,.foundation-principles,.foundation-pillars,
.governance-values,.governance-structure,.governance-process,.governance-responsibilities,
.mvv-purpose,.mvv-values,.mvv-action,
.committee-members,.committee-work,
.about-who,.about-foundation,.about-purpose,.about-community,.about-cta,
.education-intro,.education-choice{padding-block:var(--sh-section)!important}
.foundation-card,.governance-value,.governance-levels>div,.governance-process li,
.governance-responsibility-grid>div,.mvv-purpose-card,.mvv-values-grid>div,
.mvv-action-flow>div,.committee-card,.committee-work-grid>div,
.about-values article,.about-purpose-grid article,.about-concepts article,
.about-community-points article,.education-programmes article,.education-choice-grid>a,.education-both{
  min-width:0;overflow-wrap:anywhere
}
.foundation-page h2,.governance-page h2,.mvv-page h2,.committee-page h2,
.about-hub h2,.education-hub h2{max-width:100%;overflow-wrap:normal;word-break:normal}
.foundation-button,.governance-button,.mvv-button,.committee-button,.about-button,.education-button{max-width:100%;text-align:center;justify-content:center}

/* Tablet: two-column content, generous but efficient spacing. */
@media (max-width:1024px){
  :root{--sh-gutter:clamp(24px,4vw,42px);--sh-section:clamp(64px,8vw,88px)}
  .foundation-hero-copy,.governance-hero-copy,.mvv-hero-copy,.committee-hero-copy{width:min(650px,68vw)!important}
  .foundation-hero h1,.governance-hero h1,.mvv-hero h1,.committee-hero h1{font-size:clamp(3.2rem,7vw,5rem)!important}
  .governance-process ol{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .committee-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .about-values,.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile: a 16px minimum safe edge and no clipped text or actions. */
@media (max-width:680px){
  :root{--sh-gutter:16px;--sh-section:64px}
  body.sihulk-front-page .container,
  .sihulk-about-page .about-wrap,.sihulk-education-page .education-wrap,
  .sihulk-members-theme-page .sihulk-members-wrap,
  .sihulk-members-theme-page .sihulk-members-directory-inner,
  .sihulk-foundation-page .foundation-hero-inner,
  .sihulk-governance-page .governance-hero-inner,
  .sihulk-mission-page .mvv-hero-inner,
  .sihulk-leadership-page .committee-hero-inner{width:calc(100% - 32px)!important}
  .foundation-hero,.governance-hero,.mvv-hero,.committee-hero{min-height:620px!important;padding-block:96px 56px}
  .foundation-hero-copy,.governance-hero-copy,.mvv-hero-copy,.committee-hero-copy{width:100%!important}
  .foundation-hero h1,.governance-hero h1,.mvv-hero h1,.committee-hero h1{font-size:clamp(2.65rem,13vw,3.55rem)!important;letter-spacing:-.035em!important}
  .foundation-hero-copy>p:not(.foundation-kicker),.governance-hero-copy>p:not(.governance-kicker),
  .mvv-hero-copy>p:not(.mvv-kicker),.committee-hero-copy>p:not(.committee-kicker){font-size:1rem!important;margin-block:20px!important}
  .about-hero-copy{padding-bottom:58px!important}
  .about-hero h1,.education-hero h1{font-size:clamp(2.75rem,13vw,3.45rem)!important;line-height:1.02!important}
  .about-hero p,.education-hero p{font-size:1rem!important;line-height:1.65!important}
  .about-actions,.education-actions{align-items:stretch;flex-direction:column}
  .about-button,.education-button{width:100%}
  .foundation-intro-grid,.foundation-pillars-grid,.foundation-card-grid,
  .governance-values-grid,.governance-process ol,.governance-responsibility-grid,
  .mvv-purpose-grid,.mvv-values-grid,.mvv-action-flow,
  .committee-grid,.committee-work-grid,.about-values,.about-purpose-grid,
  .about-stats,.about-split,.education-programmes,.education-choice-grid{grid-template-columns:1fr!important}
  .foundation-card,.governance-value,.governance-levels>div,.governance-process li,
  .governance-responsibility-grid>div,.mvv-purpose-card,.mvv-values-grid>div,
  .mvv-action-flow>div,.committee-work-grid>div,.about-purpose-grid article,
  .education-programmes article{padding:24px!important}
  .foundation-cta-inner,.governance-cta .container>div,.mvv-cta .container>div,.committee-cta .container>div{padding:44px 20px!important}
}