/* Stage-led discovery, within the approved Supporting Mums design system. */
.vault-page h1,.stage-page h1{font-size:3rem;letter-spacing:0;max-width:23ch}
.vault-page h2,.stage-page h2{letter-spacing:0}
.vault-page .page-heading{padding:6px 0 24px}
.vault-page .vault-intro{gap:30px}
.vault-page .vault-intro p:not(.eyebrow){max-width:63ch}
.vault-page .count-note{min-width:170px}
.vault-page .vault-search{margin-top:20px}
.browse-stages{padding:12px 0 38px}
.browse-heading{display:flex;align-items:baseline;gap:20px;justify-content:space-between;margin-bottom:18px}
.browse-heading h2{font-size:1.75rem;margin:0}
.browse-heading p{font-size:.875rem;margin:0}
.stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stage-tile{border:1px solid var(--line);border-radius:9px;background:#fff;padding:18px 20px;position:relative;min-width:0;transition:border-color .2s,box-shadow .2s}
.stage-tile:hover,.stage-tile:focus-visible{border-color:var(--blue);box-shadow:0 4px 18px #243e480a}
.stage-tile h3{font-family:var(--serif);font-weight:400;font-size:1.375rem;margin:0 25px 5px 0;line-height:1.25}
.stage-tile p{font-size:.875rem;margin:0;color:var(--muted)}
.stage-tile>svg{position:absolute;right:15px;top:20px;width:18px}
.stage-tile.stage-mum{background:#f8e7e5;border-color:#efd0d0}
.home-stage-discovery{padding-block:48px 0}
.home-stage-discovery+.section{padding-top:45px}
.vault-page .vault-layout{padding-top:26px;border-top:1px solid var(--line);align-items:start}
.vault-page .filter-heading,.vault-page .filter-control label{font-size:.875rem}
.vault-page .filter-control{display:block;width:100%;margin-left:0;margin-bottom:20px}
.vault-page .filter-control select{max-width:100%;width:100%;min-height:44px;font-size:.875rem}
.vault-page .filter-categories a{min-height:44px;font-size:.875rem;gap:8px}
.vault-page .sidebar-note,.filter-help{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:8px}
.filter-help{margin-bottom:0}
.vault-page select:disabled{color:var(--muted);background:#f1f3f2;cursor:not-allowed}
.vault-page .filter-reset{min-height:44px;font-size:.875rem}
.vault-page .results-toolbar{align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.vault-page .results-toolbar p,.vault-page .results-toolbar select{font-size:.875rem;max-width:none;margin:0}
.vault-page .results-toolbar select{min-height:44px}
.vault-page .vault-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.vault-page .resource-card{display:flex;flex-direction:column;min-width:0}
.vault-page .card-content{padding:22px;display:flex;flex:1;flex-direction:column}
.vault-page .card-content h3{font-size:1.5rem}
.vault-page .card-description{font-size:1rem;line-height:1.65}
.vault-page .card-category{font-size:.875rem;letter-spacing:.035em;padding-right:10px}
.vault-page .card-meta{font-size:.875rem;gap:5px;flex-wrap:wrap}
.vault-page .card-bottom{margin-top:auto;gap:8px;flex-wrap:wrap}
.vault-page .card-bottom>a,.vault-page .preview-button{font-size:.875rem;min-height:44px}
.vault-page .save-button{width:44px;height:44px;top:12px;right:12px}
.guide-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;position:relative}
.guide-card-top{padding:26px 76px 22px 22px;background:var(--soft-blue);border-bottom:1px solid var(--line);min-height:121px}
.guide-card-top .guide-kind{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--blue-dark);margin-bottom:8px}
.guide-card-top .guide-stage{font-size:1.125rem;font-weight:600;margin:0;line-height:1.5}
.guide-card-top .guide-age{font-size:.875rem;color:var(--muted);margin:0}
.guide-card .card-content h3 a{line-height:1.3}
.guide-card .card-meta{padding-top:10px}
.guide-card.t-mum .guide-card-top{background:#f4edf2}
.guide-card.t-emotions .guide-card-top{background:#f8e7e5}
.guide-card.t-activities .guide-card-top{background:#eef1e4}
.guide-card.t-routines .guide-card-top{background:#f1f0db}
.selected-stage-link{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;color:var(--blue-dark);text-decoration:underline;text-underline-offset:4px;margin:0 0 16px}
.vault-page .active-summary span{font-size:.875rem}
.uk-note{padding:24px 28px;border-left:3px solid var(--coral);background:#fff;margin:24px 0 40px}
.uk-note h2,.uk-note h3{font-family:var(--serif);font-size:1.5rem;font-weight:400;margin:0 0 8px}
.uk-note p{font-size:.9375rem;margin:0;max-width:85ch;line-height:1.7}
.uk-note a,.guide-copy a{color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}
.stage-hero{background:#e7eff1;border-radius:12px;padding:36px 40px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:42px;align-items:center;margin-bottom:36px}
.stage-hero .eyebrow{font-size:.875rem;margin-bottom:14px}
.stage-hero h1{margin-bottom:16px}
.stage-hero .stage-intro{font-size:1.0625rem;line-height:1.75;max-width:62ch;margin:0}
.stage-hero-aside{border-left:1px solid #bcced3;padding-left:28px}
.stage-hero-aside strong{font-family:var(--serif);font-size:1.5rem;font-weight:400;display:block;margin-bottom:9px}
.stage-hero-aside p{font-size:.875rem}
.stage-hero-aside a{font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:4px}
.stage-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:55px;align-items:start}
.stage-toc{position:sticky;top:115px;border-top:1px solid var(--line);padding-top:22px}
.stage-toc h2{font-family:var(--sans);font-size:.875rem;font-weight:600;line-height:1.5;margin-bottom:12px}
.stage-toc ol{padding:0;margin:0 0 20px;list-style:none}
.stage-toc li a{display:flex;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.5;min-height:44px}
.stage-toc li span{color:var(--blue);font-family:var(--serif)}
.stage-toc .text-link{font-size:.875rem;min-height:44px}
.guide-section{position:relative;padding:0 0 44px;margin-bottom:38px;border-bottom:1px solid var(--line);scroll-margin-top:130px}
.guide-section:last-child{margin-bottom:0}
.guide-heading{display:flex;gap:24px;align-items:start;justify-content:space-between;margin-bottom:16px}
.guide-heading .eyebrow{font-size:.8125rem;margin-bottom:12px}
.guide-heading h2{font-size:2rem;line-height:1.25;margin:0;max-width:26ch}
.guide-save{position:static;flex-shrink:0;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:white;display:grid;place-items:center}
.guide-save[aria-pressed=true]{background:var(--blue-dark);color:white;border-color:var(--blue-dark)}
.guide-copy{max-width:72ch}
.guide-copy>p,.guide-copy>ol{font-size:1rem;line-height:1.8;color:var(--text)}
.guide-copy>ol{padding-left:23px;margin-bottom:22px}
.guide-copy>ol li{padding-left:7px;margin-bottom:11px}
.guide-copy h3{font-size:1rem;margin:24px 0 12px;font-weight:600}
.guide-copy .care-note{background:#f5f4e5;border-radius:6px;padding:17px 20px;font-size:.9375rem;line-height:1.75;margin:22px 0}
.guide-links,.guide-sources{padding:0;list-style:none;margin:10px 0 20px;display:grid;gap:8px}
.guide-links a,.guide-sources a{display:inline-flex;align-items:center;min-height:32px;font-size:.9375rem}
.guide-links li,.guide-sources li{line-height:1.65}
.guide-sources .source-label{font-size:.8125rem;color:var(--muted);display:block;margin-bottom:5px}
.guide-footer-links{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;font-size:.875rem;margin-top:24px}
.guide-footer-links a{min-height:36px;display:inline-flex;align-items:center}
.stage-bottom{padding-block:44px 10px}
.stage-bottom h2{font-size:2rem}
.stage-foundation{font-size:.9375rem;max-width:85ch;line-height:1.75;margin:25px 0 32px}
.stage-journey-link{font-size:.875rem;color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}
.detail-stage-links{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 25px}
.detail-stage-links a{font-size:.875rem;min-height:40px;background:var(--soft-blue);border-radius:5px;padding:8px 12px;color:var(--blue-dark)}
@media(max-width:1000px){.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.stage-hero{grid-template-columns:1fr 200px;gap:26px;padding:30px}.vault-page .card-content{padding:19px}}
@media(max-width:760px){.stage-hero{grid-template-columns:1fr;gap:24px;padding:26px}.stage-hero-aside{border-left:0;border-top:1px solid #bcced3;padding:18px 0 0}.stage-hero-aside p{margin-bottom:8px}.stage-layout{display:block}.stage-toc{position:static;margin-bottom:36px}.stage-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.stage-toc li:last-child{grid-column:1/-1}.stage-toc li a{font-size:.875rem}.stage-page h1,.vault-page h1{font-size:2.375rem}.browse-heading{display:block}.browse-heading p{margin-top:9px}.guide-heading h2{font-size:1.75rem}.uk-note{padding:20px}.stage-grid{gap:10px}.stage-tile{padding:16px}.stage-tile h3{font-size:1.25rem}.stage-tile p{font-size:.875rem}.stage-tile>svg{right:10px;width:16px}.vault-page .filter-categories{grid-template-columns:1fr}.vault-page .filter-control{width:100%}.vault-page .results-toolbar{gap:10px}.vault-page .results-toolbar p{max-width:none}.vault-page .count-note{display:none}.vault-page .vault-layout{padding-top:20px}.home-stage-discovery{padding-top:35px}.guide-section{scroll-margin-top:100px}}
@media(max-width:540px){.vault-page .vault-grid{grid-template-columns:1fr}.vault-page .card-visual{height:200px}.vault-page .card-visual img{width:130px;left:calc(50% - 65px)}.vault-page .card-content h3{font-size:1.5rem}.vault-page .card-bottom{flex-direction:row;align-items:center}.vault-page .card-meta{font-size:.875rem}.guide-card-top{min-height:0}.stage-toc ol{grid-template-columns:1fr}.stage-toc li:last-child{grid-column:auto}.stage-grid{gap:9px}.stage-tile{padding:16px 12px}.stage-tile h3{font-size:1.125rem}.guide-heading{gap:12px}.stage-page .container{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.stage-tile{transition:none}}
@media print{.stage-toc,.guide-save,.guide-footer-links,.stage-bottom,.stage-hero-aside{display:none}.stage-layout,.stage-hero{display:block}.guide-section{break-inside:avoid}.stage-hero{background:white;padding:0}.guide-copy{max-width:none}.guide-sources a{text-decoration:underline}}