/* Family Money Matters — consistent site-wide alignment, November 2026 */
:root{--fmm-content:1180px}
.container{max-width:var(--fmm-content);width:calc(100% - 48px);margin-inline:auto}
.mast-inner{display:grid;grid-template-columns:minmax(290px,1fr) minmax(210px,280px) auto;align-items:center;column-gap:32px;min-height:132px;padding-block:16px}
.mast .logo{display:flex;align-items:center;min-width:0}
.mast .logo img{display:block;width:clamp(300px,31vw,390px);max-width:100%;height:auto}
.mast .strap{margin:0;max-width:280px;line-height:1.45;font-size:.94rem}
.mast .contact-cta{justify-self:end;white-space:nowrap}
.menu-inner{display:flex;align-items:center;justify-content:center;gap:4px 8px;padding-block:8px}
.menu a{padding:12px 13px;font-size:.91rem;line-height:1.3;text-align:center}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,56px)}
.hero-grid>*,.grid>*,.resource-grid>*{min-width:0}
#projects .grid{align-items:stretch}
#projects .project-card{display:flex;flex-direction:column;align-items:flex-start;height:100%}
#projects .project-card img{width:100%;height:215px;object-fit:contain;margin-block:14px}
#projects .project-card h3{margin:8px 0 10px}
#projects .project-card p{margin:0 0 22px;flex:1}
#projects .project-card .button{margin-top:auto;align-self:flex-start}
.resource-grid{align-items:stretch}
.resource-grid .card{height:100%}
.resource-grid .card h3{margin-top:0}
.resource-grid .card a{margin-top:auto}
.footer>.container{max-width:var(--fmm-content)}
@media(max-width:1100px){.mast-inner{grid-template-columns:minmax(270px,1fr) auto;row-gap:4px}.mast .strap{display:none}.menu-inner{justify-content:flex-start}.menu a{padding:11px 12px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.mast-inner{min-height:100px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:12px}.mast .logo img{width:clamp(215px,53vw,310px)}.mast .contact-cta{font-size:.8rem;padding:10px 12px}.menu-inner{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.menu a{flex:none;white-space:nowrap}.hero-grid{grid-template-columns:1fr}.hero-grid img{max-height:300px;object-fit:contain}#projects .project-card img{height:190px}}
@media(max-width:420px){.mast .logo img{width:min(58vw,250px)}.mast .contact-cta{font-size:.76rem;padding:9px 10px}.mast-inner{gap:6px}}