/* 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}
}

/* v5.27.4 — Mobile About-family harmonisation */
@media (max-width:680px){
  :root{--sh-gutter:20px;--sh-section:56px}

  /* One consistent mobile content edge. */
  .sihulk-about-page .about-wrap,
  .sihulk-foundation-page .container,
  .sihulk-governance-page .container,
  .sihulk-mission-page .container{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    margin-inline:auto!important;
  }

  /* Harmonised hero proportions across About, Foundation, Governance and MVV. */
  .about-hero,.foundation-hero,.governance-hero,.mvv-hero{
    min-height:540px!important;
    height:auto!important;
    padding:56px 0 48px!important;
    align-items:center!important;
  }
  .about-hero-copy,
  .foundation-hero-copy,.governance-hero-copy,.mvv-hero-copy{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
  }

  /* Keep background art visible without pushing copy out of alignment. */
  .about-hero{
    background-image:linear-gradient(180deg,rgba(0,17,14,.28) 0%,rgba(0,17,14,.68) 48%,#00110e 100%),var(--about-hero)!important;
    background-position:62% center!important;
  }
  .foundation-hero:before{
    background-image:linear-gradient(180deg,rgba(3,12,9,.32) 0%,rgba(3,12,9,.64) 48%,rgba(3,12,9,.96) 100%),var(--foundation-hero)!important;
    background-position:62% center!important;
  }
  .governance-hero:before{
    background-image:linear-gradient(180deg,rgba(2,10,7,.30) 0%,rgba(2,10,7,.66) 48%,rgba(2,10,7,.97) 100%),var(--governance-hero)!important;
    background-position:62% center!important;
  }
  .mvv-hero:before{
    background-image:linear-gradient(180deg,rgba(2,10,7,.30) 0%,rgba(2,10,7,.64) 48%,rgba(2,10,7,.97) 100%),var(--mvv-hero)!important;
    background-position:62% center!important;
  }

  /* Same type scale and rhythm on all four page heroes. */
  .about-kicker,.foundation-kicker,.governance-kicker,.mvv-kicker{
    display:block!important;
    margin:0 0 14px!important;
    font-size:.69rem!important;
    line-height:1.35!important;
    letter-spacing:.20em!important;
  }
  .about-hero h1,.foundation-hero h1,.governance-hero h1,.mvv-hero h1{
    margin:0!important;
    max-width:100%!important;
    font-size:clamp(2.55rem,10.8vw,3rem)!important;
    line-height:1.01!important;
    letter-spacing:-.035em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance;
  }
  .about-hero p,
  .foundation-hero-copy>p:not(.foundation-kicker),
  .governance-hero-copy>p:not(.governance-kicker),
  .mvv-hero-copy>p:not(.mvv-kicker){
    max-width:34rem!important;
    margin:20px 0 0!important;
    font-size:.98rem!important;
    line-height:1.62!important;
  }

  /* Compact, aligned CTA treatment. */
  .about-actions{margin-top:24px!important;gap:10px!important;align-items:flex-start!important}
  .about-button,.foundation-button,.governance-button,.mvv-button{
    width:auto!important;
    max-width:100%!important;
    min-height:46px!important;
    margin-top:24px!important;
    padding:11px 18px!important;
    line-height:1.25!important;
    font-size:.94rem!important;
    justify-content:center!important;
  }
  .about-actions .about-button{margin-top:0!important}

  /* Consistent section typography and spacing after the hero. */
  .about-who,.about-foundation,.about-purpose,.about-community,.about-cta,
  .foundation-intro,.foundation-principles,.foundation-pillars,
  .governance-values,.governance-structure,.governance-process,.governance-responsibilities,
  .mvv-purpose,.mvv-values,.mvv-action{
    padding-block:56px!important;
  }
  .about-intro h2,.about-foundation h2,.about-community h2,
  .foundation-page h2,.governance-page h2,.mvv-page h2{
    font-size:clamp(2rem,8.6vw,2.55rem)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }
  .about-intro p,.about-foundation p,.about-community p,
  .foundation-intro-grid>div:last-child,
  .governance-values header>p:last-child,
  .mvv-purpose-card>p:last-child{
    font-size:.98rem!important;
    line-height:1.7!important;
  }

  /* Reduce unnecessarily tall cards and blank space. */
  .foundation-card,.governance-value,.governance-levels>div,.governance-process li,
  .mvv-purpose-card,.mvv-values-grid>div{
    min-height:0!important;
    padding:24px!important;
  }
  .foundation-card h3,.governance-value h3,.governance-levels h3,.governance-process h3,
  .mvv-purpose-card h3,.mvv-values-grid h3{
    margin-top:26px!important;
  }
  .foundation-section-head,.governance-section-head,.mvv-section-head{margin-bottom:32px!important}
  .foundation-intro-grid,.foundation-pillars-grid,.governance-values-grid,.mvv-purpose-grid{gap:30px!important}

  /* CTA blocks should not become giant panels on phones. */
  .foundation-cta,.governance-cta,.mvv-cta{padding-bottom:64px!important}
  .foundation-cta-inner,.governance-cta .container>div,.mvv-cta .container>div{
    padding:38px 20px!important;
  }
}

@media (max-width:390px){
  .about-hero h1,.foundation-hero h1,.governance-hero h1,.mvv-hero h1{font-size:2.45rem!important}
  .about-hero,.foundation-hero,.governance-hero,.mvv-hero{min-height:510px!important}
}