/* Shared spacing audit, November 1, 2026. Keep content and existing brand styles. */
body:not(.giving-layout-review) .page-section{padding-block:40px}
body:not(.giving-layout-review) .page-section.compact{padding-block:24px}
body:not(.giving-layout-review) .page-hero{padding-block:34px 32px}
body:not(.giving-layout-review) .team-row{padding-block:34px}
body:not(.giving-layout-review) .page-section.refuge-vision{padding-top:10px}
body:not(.giving-layout-review) .carebook-stewardship,
body:not(.giving-layout-review) .caregiver-note+.board-opportunities{padding-top:0}
.homepage-motion .life-section{padding-block:40px 45px}
.homepage-motion .ways-section{padding-bottom:52px}
.homepage-motion .connection-section{padding-bottom:52px}
.homepage-motion .blog-home-feature{padding-block:36px;margin-top:28px}
.lf-recruitment:not(.volunteer-pages) .lf-hero{padding-block:38px 32px}
.lf-recruitment:not(.volunteer-pages) .lf-story{padding-block:38px 34px}
.lf-recruitment:not(.volunteer-pages) .lf-resources{padding-bottom:38px}
.lf-recruitment:not(.volunteer-pages) .lf-access-panel{margin-bottom:38px}
.lf-recruitment:not(.volunteer-pages) .lf-verification{margin-bottom:39px}
.lf-recruitment:not(.volunteer-pages) .lf-progress-story{padding-bottom:39px}

/* Older preview templates now use the same responsive behavior as newer pages. */
@media(max-width:999px){
 body.preview-responsive{min-width:0}
 .preview-responsive .section-wrap,.preview-responsive .header-inner{width:calc(100% - 40px);max-width:904px}
 .preview-responsive .preview-desktop-hint{display:none}
 .preview-responsive .review-bar{height:auto;min-height:30px;padding:8px 20px;flex-wrap:wrap;gap:8px}
 .preview-responsive .review-links{flex-wrap:wrap;gap:14px}
 .preview-responsive .header-inner{flex-wrap:wrap;gap:14px;padding-block:18px;min-height:0}
 .preview-responsive #primary-nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;gap:8px 18px;max-height:none;overflow:visible}
 .preview-responsive #primary-nav>a,.preview-responsive #primary-nav summary{font-size:13px}
 .preview-responsive #primary-nav>.button{min-height:44px;padding:10px 12px;gap:10px}
 .preview-responsive .nav-group{position:relative}
 .preview-responsive .nav-dropdown{max-width:calc(100vw - 40px)}
 .preview-responsive .page-hero{grid-template-columns:minmax(0,1fr);gap:26px}
 .preview-responsive .page-hero>*,.preview-responsive .two-col>*,.preview-responsive .reading-body{min-width:0}
 .preview-responsive .page-photo{max-width:100%;transform:none;margin-right:5px}
 .preview-responsive .page-photo img{height:auto;aspect-ratio:16/10;object-fit:cover}
 .preview-responsive .two-col,.preview-responsive .three-col,.preview-responsive .contact-grid,.preview-responsive .read-layout,.preview-responsive .event-card{grid-template-columns:minmax(0,1fr);gap:26px}
 .preview-responsive .four-col,.preview-responsive .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .preview-responsive .section-top{display:block}
 .preview-responsive .section-top>p{margin-top:18px}
 .preview-responsive .read-layout aside{position:static}
 .preview-responsive .callout{align-items:flex-start;flex-direction:column;gap:24px;padding:28px}
 .preview-responsive .page-review-nav{flex-wrap:wrap}
 .preview-responsive .footer-expanded{grid-template-columns:1fr;gap:24px}
 .preview-responsive .footer-links{flex-wrap:wrap}
 .preview-responsive .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .preview-responsive :focus-visible{outline:3px solid var(--ink);outline-offset:4px}
}
@media(max-width:720px){
 body:not(.giving-layout-review) .page-section{padding-block:26px}
 body:not(.giving-layout-review) .page-section.compact{padding-block:20px}
 body:not(.giving-layout-review) .page-hero{padding-block:26px}
 body:not(.giving-layout-review) .team-row{padding-block:24px}
 body:not(.giving-layout-review) .page-section.refuge-vision{padding-top:10px}
 body:not(.giving-layout-review) .carebook-stewardship,
 body:not(.giving-layout-review) .caregiver-note+.board-opportunities{padding-top:0}
 .homepage-motion .life-section{padding-block:32px 30px}
 .homepage-motion .ways-section{padding-bottom:32px}
 .homepage-motion .connection-section{padding-bottom:32px}
 .homepage-motion .blog-home-feature{padding-block:26px;margin-top:20px}
 .lf-recruitment:not(.volunteer-pages) .lf-hero{padding-block:28px}
 .lf-recruitment:not(.volunteer-pages) .lf-story{padding-block:24px}
 .lf-recruitment:not(.volunteer-pages) .lf-resources,
 .lf-recruitment:not(.volunteer-pages) .lf-progress-story{padding-bottom:26px}
 .lf-recruitment:not(.volunteer-pages) .lf-access-panel,
 .lf-recruitment:not(.volunteer-pages) .lf-verification{margin-bottom:26px}
 .preview-responsive .page-hero h1{font-size:clamp(40px,11vw,60px);line-height:1.08}
 .preview-responsive .page-hero .lead{font-size:17px}
 .preview-responsive .section-top h2{font-size:36px}
 .preview-responsive .paper-card{min-height:0;padding:24px}
 .preview-responsive .form-panel{padding:24px}
 .preview-responsive .form-grid{grid-template-columns:minmax(0,1fr)}
 .preview-responsive .review-grid{grid-template-columns:minmax(0,1fr)}
 .preview-responsive .review-search{flex-wrap:wrap}
 .preview-responsive .review-search input{width:100%}
 .preview-responsive .prose{font-size:17px}
 .preview-responsive .prose h2{font-size:32px}
 .preview-responsive .button{max-width:100%;white-space:normal}
 .preview-responsive .stat{padding:20px 14px;min-width:0}
 .preview-responsive .stat strong{font-size:clamp(24px,6.15vw,32px);letter-spacing:-.055em;overflow-wrap:anywhere}
}