/* Sam Evans feedback, October 2026: layout corrections shared by the current build. */
.mis-family-home .narrative-conclusion .closer-v2,.mis-family-home .narrative-flow .closer-v2{line-height:1.06!important;letter-spacing:var(--mis-display-tracking,-.045em)!important}
.mis-family-home .narrative-conclusion .chapter-action{margin-top:28px!important}
.mis-family-home .programme-panel{min-height:0;align-items:start;overflow:visible}
.mis-family-home .programme-panel .visual-placeholder{align-self:start}
.mis-family-home .programme-panel.mis-panel-natural{position:relative!important;top:auto!important}
.mis-amendment-figure{margin:24px 0 0}
.mis-amendment-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:20px}
.mis-story-outcome-copy>p{max-width:none!important;flex:none!important}
.mis-values-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.mis-values-layout .mis-large-type{font-size:clamp(36px,4.3vw,62px)!important;line-height:1.06!important;letter-spacing:-.04em!important}
.mis-values-layout .mis-amendment-figure{margin:0}
.mis-values-layout img{aspect-ratio:4/5;object-position:48% 45%}
[data-screen-label="Time Talent Treasure"]>div>div{align-items:start!important}
[data-screen-label="Time Talent Treasure"]>div>div>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
[data-screen-label="Time Talent Treasure"] .mis-btn{margin-top:24px!important}
[data-screen-label="Team"] article{position:relative;align-items:flex-start}
[data-screen-label="Team"] .mis-team-link{position:static;align-self:flex-start;margin-top:24px}

.mis-photo-credit{display:block;margin-top:10px;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400}
.mis-photo-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.mis-family-programme .mis-art-hero--photo>div{align-items:center!important;gap:clamp(28px,4vw,64px)!important}
.mis-family-programme .mis-art-hero--photo>div>div{min-width:0}
@media(min-width:1000px){.mis-family-programme .mis-art-hero--photo>div{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.mis-family-programme .mis-art-hero--photo h1{max-width:none!important}}
@media(max-width:760px){.mis-values-layout{grid-template-columns:1fr}.mis-values-layout img{aspect-ratio:3/2}[data-screen-label="Team"] article{display:grid!important;grid-template-columns:minmax(0,1fr)}[data-screen-label="Team"] .mis-team-portrait{width:100%;max-width:320px!important}[data-screen-label="Team"] .mis-team-link{position:static;justify-self:start}[data-screen-label="Team"] article:has(.mis-team-link){padding-bottom:28px!important}}

[data-screen-label="Team"] .mis-team-portrait{height:auto;aspect-ratio:3/4;object-fit:cover}
[data-screen-label="How you can get involved"]>div>div{align-items:stretch}
[data-screen-label="How you can get involved"]>div>div>div{display:grid!important;grid-template-rows:auto 1fr auto;align-content:start;row-gap:18px!important}
[data-screen-label="How you can get involved"]>div>div>div .mis-btn{margin-top:8px!important;justify-self:start;align-self:end}

/* Credits stay attached to the photograph, including cropped image containers. */
:where(div,figure):has(> .mis-photo-credit){position:relative}
.mis-photo-credit{position:absolute;z-index:2;left:12px;bottom:12px;max-width:calc(100% - 24px);margin:0;padding:7px 10px;border-radius:8px;background:#fff;color:#1B1A18!important;font-family:Archivo,Arial,sans-serif;font-size:11px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;text-align:left;box-sizing:border-box}
.mis-photo-credit a{color:#1B1A18!important;text-decoration:underline;text-underline-offset:3px}
.mis-photo-credit a:focus-visible{outline:2px solid #1B1A18;outline-offset:2px}

/* Shared spacing and type rhythm — 26 October 2026.
   8px scale: 8 / 16 / 24 / 32 / 48 / 64 / 80. No viewport-height gaps.
   This layer overrides legacy inline spacing; navigation and controls retain their geometry. */
:root{
 --mis-space-1:8px;--mis-space-2:16px;--mis-space-3:24px;--mis-space-4:32px;
 --mis-space-6:48px;--mis-space-8:64px;--mis-space-10:80px;
 --mis-section-space:var(--mis-space-10);--mis-layout-gap:var(--mis-space-6);
 --mis-hero-top:144px;--mis-hero-bottom:var(--mis-space-8);
 --mis-section-title:clamp(32px,4.4vw,64px);--mis-card-title:clamp(24px,2.8vw,36px);
}
@media(max-width:920px){:root{--mis-section-space:var(--mis-space-8);--mis-layout-gap:var(--mis-space-4);--mis-hero-top:128px}}
@media(max-width:600px){:root{--mis-section-space:var(--mis-space-6);--mis-layout-gap:var(--mis-space-3);--mis-hero-top:112px;--mis-hero-bottom:var(--mis-space-6)}}

/* Section boundaries use one rhythm; heroes retain clearance beneath the fixed nav. */
.mis-art-page main>section:not(.pushed-give){padding-block:var(--mis-section-space)!important}
.mis-art-page main>header.mis-art-hero,.mis-art-page main>section.join-test-hero{padding-top:var(--mis-hero-top)!important;padding-bottom:var(--mis-hero-bottom)!important}
.mis-family-home .mis-home-hero-approved{padding-top:var(--mis-hero-top)!important;padding-bottom:var(--mis-hero-bottom)!important}
.mis-family-home .pushed-give__sticky{min-height:0!important;padding-block:var(--mis-section-space)!important}
.mis-art-page .mis-policy-content{padding-block:var(--mis-section-space)!important}
.mis-art-page .news-header{padding-top:var(--mis-hero-top)!important;padding-bottom:var(--mis-hero-bottom)!important}

/* Remove inherited browser/inline margins, then apply explicit content relationships. */
.mis-art-page main :is(h1,h2,h3,h4,p,blockquote,figure,ul,ol){margin-block:0!important}
.mis-art-page main :is(h1,h2,h3,h4)+:is(p,ul,ol,blockquote){margin-top:var(--mis-space-3)!important}
.mis-art-page main :is(p,ul,ol,blockquote)+:is(p,ul,ol){margin-top:var(--mis-space-2)!important}
.mis-art-page main :is(p,ul,ol)+:is(h2,h3,h4){margin-top:var(--mis-space-4)!important}
.mis-art-page main :is(p,ul,ol,blockquote)+:is(.mis-btn,.btn,.chapter-action){margin-top:var(--mis-space-3)!important}
.mis-art-page main :is(h2,h3)+figure,.mis-art-page main p+figure{margin-top:var(--mis-space-4)!important}
.mis-art-page main :is(h1,h2,h3,h4){letter-spacing:var(--mis-display-tracking,-.045em)!important}
.mis-art-page main h2{font-size:var(--mis-section-title)!important;line-height:1.08!important}
.mis-art-page main h3{font-size:var(--mis-card-title)!important;line-height:1.15!important}
html:not(.mis-prefer-spacing) .mis-art-page main p{line-height:1.55!important}

/* Column stacks own their gap: do not add margins on top of an existing flex gap. */
.mis-art-page main [style*="flex-direction:column"]:has(>p){row-gap:var(--mis-space-2)!important}
.mis-art-page main [style*="flex-direction:column"]:has(>p)>:is(h1,h2,h3,h4,p,ul,ol,blockquote,figure){margin-block:0!important}
.mis-art-page main [style*="flex-direction:column"]:has(>p)>:is(.mis-btn,.btn){margin-top:var(--mis-space-1)!important}
.mis-art-page .mis-art-hero .mis-hero-content>:is(p,.mis-hero-intro){margin-top:var(--mis-space-3)!important}
.mis-art-page .mis-art-hero .mis-hero-content>p+p{margin-top:var(--mis-space-2)!important}
.mis-art-page .mis-hero-intro>.mis-hero-support{margin-top:0!important}
.mis-art-page .mis-hero-content>.mis-hero-kicker{margin-top:0!important;margin-bottom:var(--mis-space-2)!important}
.mis-art-page main :is(.mis-eyebrow,.impact-eyebrow,.pushed-label){margin-bottom:var(--mis-space-2)!important}
.mis-art-page .mis-prog-heading h2{font-size:var(--mis-card-title)!important;line-height:1.12!important}
.mis-art-page .mis-prog-heading p{margin-top:var(--mis-space-1)!important}
.mis-art-page .mis-prog{row-gap:var(--mis-space-3)!important;padding:var(--mis-space-4)!important}
.mis-art-page .mis-prog p+.mis-btn{margin-top:var(--mis-space-3)!important}
.mis-art-page .mis-amendment-figure{margin-top:var(--mis-space-3)!important}
.mis-art-page .mis-values-layout .mis-amendment-figure{margin:0!important}
.mis-art-page [data-screen-label="How you can get involved"]>div>h2{margin-bottom:var(--mis-space-4)!important}
.mis-art-page [data-screen-label="How you can get involved"]>div>div>div{row-gap:var(--mis-space-2)!important}
.mis-art-page [data-screen-label="How you can get involved"]>div>div>div .mis-btn{margin-top:var(--mis-space-1)!important}

/* Homepage editorial layouts share the same spacing tokens and heading scale. */
.mis-family-home .proof-strip{margin-top:var(--mis-space-4)!important;padding-top:0!important}
.mis-family-home :is(.narrative-grid,.narrative-conclusion,.story-layout,.made-story,.quote-layout,.shop-layout,.backstamp-layout){gap:var(--mis-layout-gap)!important}
.mis-family-home .narrative-flow{padding-block:0!important}
.mis-family-home .narrative-flow>p{margin-bottom:var(--mis-space-3)!important}
.mis-family-home .narrative-conclusion{padding-top:var(--mis-space-4)!important}
.mis-family-home .narrative-conclusion .closer-v2{margin:0!important}
.mis-family-home .narrative-conclusion .chapter-action{margin-top:var(--mis-space-3)!important}
html:not(.mis-prefer-spacing) .mis-family-home :is(.definition-copy,.narrative-flow .lead,.narrative-conclusion .closer-v2,.quote-stage blockquote){line-height:1.08!important}
.mis-family-home .narrative-flow .lead{font-size:clamp(30px,3.5vw,48px)!important}
.mis-family-home .narrative-conclusion .closer-v2{font-size:clamp(36px,5vw,64px)!important}
.mis-family-home .story-copy h2,.mis-family-home .shop-copy h2,.mis-family-home .backstamp-copy h2{margin-bottom:var(--mis-space-3)!important}
.mis-family-home :is(.story-copy,.shop-copy,.backstamp-copy)>p+p{margin-top:var(--mis-space-2)!important}
.mis-family-home :is(.story-copy,.shop-copy,.backstamp-copy)>.pushed-link{margin-top:var(--mis-space-3)!important}
.mis-family-home :is(.impact-head,.made-intro,.programmes-head,.mis-home-news-heading){margin-bottom:var(--mis-space-4)!important}
.mis-family-home .made-intro h2{max-width:16ch;margin-bottom:var(--mis-space-3)!important}
.mis-family-home .made-stories{gap:var(--mis-space-6)!important}
.mis-family-home .made-story__copy{padding-bottom:0!important}
.mis-family-home .made-story__copy h3{font-size:clamp(36px,4.4vw,64px)!important;line-height:1.08!important;max-width:12ch}
.mis-family-home .made-story__copy .pushed-link{margin-top:var(--mis-space-3)!important}
.mis-family-home .programme-stack{gap:var(--mis-space-3)!important}
.mis-family-home .programme-panel{padding:var(--mis-space-4)!important;gap:var(--mis-layout-gap)!important}
.mis-family-home .programme-panel .programme-num{margin-bottom:var(--mis-space-2)!important}
.mis-family-home .programme-panel h3{margin-bottom:var(--mis-space-3)!important}
.mis-family-home .programme-panel p+p{margin-top:var(--mis-space-2)!important}
.mis-family-home .programme-panel .pushed-link{margin-top:var(--mis-space-3)!important}
.mis-family-home .partners-layout h2{margin-bottom:var(--mis-space-4)!important}
.mis-family-home .partner-group{margin-top:var(--mis-space-4)!important}
.mis-family-home .pushed-give__actions{margin-top:var(--mis-space-3)!important}
.mis-family-home .pushed-give h2{margin-bottom:var(--mis-space-3)!important}

/* Join and article content keep their compact, readable hierarchy. */
.mis-art-page .join-test-copy{padding-top:0!important}
.mis-art-page .join-test-copy>a:first-child{margin-bottom:var(--mis-space-2)!important}
.mis-art-page .join-test-copy>p:first-of-type{margin-top:var(--mis-space-3)!important}
.mis-art-page .join-test-members{margin-top:var(--mis-space-3)!important;padding-top:var(--mis-space-3)!important}
.mis-art-page .join-test-belong>div{gap:var(--mis-layout-gap)!important}
.mis-art-page .join-test-belong>div>p{line-height:1.15!important}
.mis-art-page .news-body{padding-block:var(--mis-space-6)!important}
.mis-art-page .news-body :is(h2,h3){font-size:clamp(24px,2.6vw,32px)!important;line-height:1.2!important}
.mis-art-page .news-body :is(p,ul,ol)+:is(h2,h3){margin-top:var(--mis-space-4)!important}
.mis-art-page .news-body :is(h2,h3)+p{margin-top:var(--mis-space-2)!important}
.mis-art-page .mis-policy-content>.news-body{padding-block:0!important}
@media(max-width:600px){.mis-art-page .mis-prog,.mis-family-home .programme-panel{padding:var(--mis-space-3)!important}}
/* Preserve the reader's explicitly selected extra-spacing preference. */
html.mis-prefer-spacing .mis-art-page main :is(p,li,blockquote){line-height:1.8!important;letter-spacing:.025em!important;word-spacing:.08em!important}

/* Resolve legacy high-specificity leading while keeping card headings distinct. */
:root .mis-art-page:not(.mis-family-home) main h2{line-height:1.08!important}
:root .mis-art-page:not(.mis-family-home) main h3{line-height:1.15!important}
:root .mis-art-page .mis-prog .mis-prog-heading h2{line-height:1.12!important}
:root .mis-art-page .news-body :is(h2,h3){line-height:1.2!important}
html:not(.mis-prefer-spacing) .mis-art-page .join-test-belong>div>p,
html:not(.mis-prefer-spacing) .mis-art-page main p.mis-large-type{line-height:1.12!important}
html:not(.mis-prefer-spacing) .mis-art-page .join-test-copy>p:first-of-type{line-height:1.3!important}

/* Replace the old subpage section rule at its original specificity. */
.mis-art-page:not(.mis-family-home) main>section:not(.mis-art-hero):not(.join-test-hero):not(.join-test-belong):not(.impact-infographic-section){padding-block:var(--mis-section-space)!important}
/* Field help retains breathing room without changing form-control sizing. */
.mis-art-page main .mis-join-form .join-hint{margin:var(--mis-space-1) 0 12px!important}
.mis-art-page main .join-success p{margin-top:var(--mis-space-2)!important}

.mis-art-page [data-screen-label="Latest post"] h2{font-size:var(--mis-card-title)!important}

/* Sam's 27 October review: natural stamp lettering and compact editorial spacing. */
.mis-art-page .mis-credited-image{aspect-ratio:auto!important;overflow:visible!important;border-radius:0!important;background:transparent!important;padding:0!important}
.mis-credited-image .mis-photo-frame{position:relative;overflow:hidden;border-radius:20px;background:#F1EFE8;width:100%}
.mis-story-image.mis-credited-image .mis-photo-frame{border-radius:28px}
.mis-art-page .mis-credited-image .mis-photo-credit{position:absolute!important;z-index:2;display:block;left:auto;right:12px;bottom:12px;max-width:calc(100% - 24px);margin:0!important;padding:0!important;background:none!important;border-radius:0;box-shadow:none;color:#fff!important;font-size:11px!important;line-height:1.5!important;text-align:right;letter-spacing:0!important;text-transform:none!important;text-shadow:0 1px 3px rgba(0,0,0,.85)}
.mis-art-page .mis-credited-image .mis-photo-credit a{color:inherit!important}
.mis-art-page .mis-art-hero--photo :has(> .mis-credited-image)>[aria-hidden="true"]{bottom:32px!important}
.mis-art-page .mis-story-welcome{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px!important;align-items:start}
.mis-art-page .mis-story-welcome>p{margin:0!important;max-width:none!important}
.mis-art-page .mis-story-welcome>p:last-child{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.3!important}
:root .mis-art-page main h3.mis-success-heading{margin-top:48px!important;margin-bottom:24px!important;font-size:clamp(24px,3vw,36px)!important;line-height:1.2!important;text-transform:none;letter-spacing:-.025em!important}
:root .mis-art-page main h2.mis-foundation-title{font-size:clamp(24px,2.3vw,32px)!important;line-height:1.2!important;letter-spacing:-.025em!important;max-width:26ch;text-wrap:pretty;overflow-wrap:normal}
@media(max-width:760px){.mis-art-page .mis-story-welcome{grid-template-columns:1fr}.mis-art-page .mis-story-welcome>p{max-width:52ch!important}}

/* 28 October: consistent spacing at content boundaries and aligned stat labels. */
.mis-art-page main .mis-inline-stat{align-items:center!important;gap:16px!important}
.mis-art-page main .mis-inline-stat>span{margin:0!important;align-self:center}
.mis-family-home .impact-row{align-items:center!important}
/* Borders on editorial lists need their own separation from preceding copy. */
.mis-art-page main :is(ul,ol)[style*="border-top"]:not(:first-child){margin-top:var(--mis-space-4)!important}
.mis-art-page main hr{margin-block:var(--mis-space-4)!important}
/* Eyebrows own the small gap; do not add the paragraph-to-heading gap as well. */
.mis-art-page main :is(.impact-eyebrow,.mis-eyebrow,.pushed-label,.mis-hero-kicker)+:is(h1,h2,h3){margin-top:0!important}
.mis-art-page main :is(.impact-eyebrow,.mis-eyebrow,.pushed-label,.mis-hero-kicker){margin-bottom:var(--mis-space-2)!important}
/* The record numeral aligns with the title, independently of its eyebrow. */
.mis-art-page .impact-record{display:grid;grid-template-columns:clamp(56px,10vw,110px) minmax(0,1fr);column-gap:clamp(20px,4vw,56px);row-gap:16px;align-items:center}
.mis-art-page .impact-record>div{display:contents}
.mis-art-page .impact-record .impact-eyebrow{grid-column:2;grid-row:1;margin:0!important;padding-right:36px}
.mis-art-page .impact-record .impact-record-mark{position:absolute;grid-column:1 / 2;grid-row:2 / 3;left:0;top:50%;transform:translateY(-50%);align-self:auto;justify-self:start}
:root .mis-art-page .impact-record h2{grid-column:2;grid-row:2;margin:0!important;padding-right:36px;line-height:1.08!important}
.mis-art-page [data-screen-label="Pull quote"] blockquote{margin-inline:auto!important;text-align:center}
@media(max-width:700px){.mis-art-page .impact-record{column-gap:20px;row-gap:12px}.mis-art-page .impact-record .impact-eyebrow,:root .mis-art-page .impact-record h2{padding-right:8px}}

.mis-art-page .mis-credited-image .mis-photo-credit a:focus-visible{outline-color:#fff}

/* Give the homepage stories introduction a clear display heading. */
:root .mis-art-page.mis-family-home main .made-intro h2{font-size:clamp(48px,7vw,96px)!important;line-height:1.04!important;max-width:16ch}

/* Homepage story photograph: remove the old placeholder outline and align to the copy. */
.mis-family-home .story-layout{align-items:start!important}
.mis-family-home .story-visual.mis-credited-image{align-self:start;min-height:0!important;border:0!important}
.mis-family-home .story-visual.mis-credited-image .mis-photo-frame{border:0!important}

/* Homepage stories: palette accents shared by each word and its underline. */
.mis-family-home .made-story:nth-child(1) .made-story__copy h3>.mis-heading-word{color:#3A6297}
.mis-family-home .made-story:nth-child(2) .made-story__copy h3>.mis-heading-word{color:#C96A94}
.mis-family-home .made-story:nth-child(3) .made-story__copy h3>.mis-heading-word{color:#AB3D10}
.mis-family-home .made-story__copy h3>.mis-story-keyword::after{background:currentColor}

/* Brighter aerial photograph; retain a contrast-safe text area. */
.mis-family-home .mis-home-hero-approved .pushed-hero__scrim{background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.56) 60%,rgba(0,0,0,.20) 100%)!important}
@media(max-width:920px){.mis-family-home .mis-home-hero-approved .pushed-hero__scrim{background:rgba(0,0,0,.56)!important}}