@import url('/css/about-page.css?v=1');
.support-page .about-hero{min-height:480px}
.support-page .about-hero-image{object-position:center 40%}
.support-topics{margin:3.5rem 0}
.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.support-card{display:flex;flex-direction:column;padding:2rem;border:1px solid var(--about-line);border-radius:.5rem;background:var(--about-paper);color:var(--about-ink)}
.support-card:hover{border-color:var(--about-green);background:var(--about-cream);color:var(--about-ink);text-decoration:none}
.support-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:1.3rem;border-radius:50%;background:#f8e3ed;color:#963262}
.support-card h3,.support-note h2{margin:0 0 .8rem;font-family:Georgia,'Times New Roman',serif;font-size:1.8rem;line-height:1.12;color:var(--about-ink);letter-spacing:-.025em}
.support-card p{color:#526258;line-height:1.65;margin:0 0 1.4rem}
.support-card strong{margin-top:auto;font-size:.85rem}
.support-card strong span{margin-left:.3rem}
.support-page a:focus-visible{outline:3px solid #d23887;outline-offset:5px}
.support-page #contact-team{scroll-margin-top:110px}
.support-hours{color:#fff;text-decoration:underline;text-underline-offset:4px}
.support-hours:hover{color:var(--about-pink-light)}
.support-note{padding:2rem 2.5rem;margin-bottom:3.5rem;border-left:4px solid var(--about-pink);background:var(--about-cream);border-radius:.3rem}
.support-note p:last-child{max-width:950px;margin:0;line-height:1.75;color:#526258}
.support-page .about-service-grid small{overflow-wrap:anywhere}
@media(max-width:950px){.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.support-grid{grid-template-columns:1fr}.support-card{padding:1.5rem}.support-page .about-hero{min-height:510px}.support-note{padding:1.5rem}.support-topics{margin:2.5rem 0}}
.support-programs{margin-bottom:3.5rem}.support-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.support-program{overflow:hidden;border:1px solid var(--about-line);border-radius:.5rem;background:var(--about-cream)}.support-program>img{width:100%;height:250px;object-fit:cover}.support-program>div{padding:2rem}.support-program h3{font-family:Georgia,'Times New Roman',serif;font-size:2.3rem;letter-spacing:-.03em;color:var(--about-ink);margin:0 0 1rem}.support-program p{color:#526258;line-height:1.65}.support-program-contact{display:inline-block;margin:.3rem 0 1.3rem;font-weight:700;color:var(--about-ink);text-decoration:underline;text-underline-offset:4px}.support-program nav{display:grid;gap:.7rem;border-top:1px solid #d5cdbb;padding-top:1.3rem}.support-program nav a{color:var(--about-green);text-decoration:underline;text-underline-offset:3px}.support-program .support-program-note{font-size:.85rem;margin:1.5rem 0 0}@media(max-width:700px){.support-program-grid{grid-template-columns:1fr}.support-program>div{padding:1.5rem}}
/* Keep contact cards compact instead of stretching their rows to the adjacent copy. */
.support-page .about-service-grid{align-self:center;gap:1rem}
.support-page .about-service-grid>a{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:.25rem;padding:1.4rem 1.25rem;align-content:center}
.support-page .about-service-grid strong{grid-column:2;grid-row:1;line-height:1.35;margin:0}
.support-page .about-service-grid small{grid-row:2;line-height:1.45;margin:0}
