
#community-support{background:radial-gradient(ellipse at top right,#7935b2,transparent 65%),#31134f;color:#fffaf2;text-align:center;border-top:4px solid #ffdf48;padding:64px 0}
#community-support .eyebrow{color:#ffdf48;font-size:16px;font-weight:800;letter-spacing:.15em}
#community-support h2{color:#fffaf2;font-size:clamp(28px,3.6vw,48px);line-height:1.2;margin:20px auto;max-width:1000px}
#community-support h2 em{color:#ffdf48;font-family:Georgia,serif}
#community-support .wrap>p:not(.eyebrow){color:#fffaf2;max-width:720px;margin:0 auto 32px;line-height:1.7;font-size:18px}
#community-support ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#community-support li{background:#fff;min-width:0;padding:22px;min-height:144px;border-radius:8px;overflow:hidden}
#community-support .volunteer-partner-logo{display:block;width:100%;height:100px;overflow:hidden;object-fit:contain}
#community-support .volunteer-partner-pending{display:flex;align-items:center;justify-content:center;color:#31134f;font-size:22px;font-weight:800;line-height:1.3}
@media(max-width:900px){#community-support ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:500px){#community-support{padding:40px 0}#community-support li{padding:14px;min-height:114px}#community-support .volunteer-partner-logo{height:86px}}

#community-support .volunteer-partner-invite{display:flex;align-items:center;justify-content:center;background:#ffdf48;color:#ffffff;font-family:Georgia,serif;font-style:italic;font-size:32px;font-weight:700;line-height:1.15}

#community-support .volunteer-partner-invite{text-shadow:1px 1px 0 #54228b,-1px -1px 0 #54228b,1px -1px 0 #54228b,-1px 1px 0 #54228b}
#community-support .nss-partner-tier{margin-top:36px}
#community-support .nss-partner-tier h3{font-size:24px;color:#ffdf48;margin:0 0 20px;font-weight:800}
#community-support .nss-host-tier ul{grid-template-columns:minmax(0,340px);justify-content:center}
#community-support .nss-gold-tier ul{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;margin:0 auto}
#community-support .nss-gold-tier li{border:3px solid #ffdf48;min-height:170px}
#community-support .nss-gold-tier .volunteer-partner-logo{height:122px}
#community-support .nss-supporting-tier ul,#community-support .nss-community-tier ul{grid-template-columns:repeat(3,minmax(0,1fr))}
#community-support li>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:4px}
#community-support li>a:focus-visible{outline:3px solid #54228b;outline-offset:5px}
#community-support li>a:hover{opacity:.82}
@media(max-width:650px){#community-support .nss-supporting-tier ul,#community-support .nss-community-tier ul{grid-template-columns:repeat(2,minmax(0,1fr))}#community-support .nss-gold-tier li{padding:14px;min-height:140px}#community-support .nss-gold-tier .volunteer-partner-logo{height:100px}}

/* Center each tier independently and override inherited logo-grid columns. */
body #community-support .nss-partner-tier{width:100%;text-align:center;margin:36px auto 0}
body #community-support .nss-partner-tier h3{text-align:center;color:#ffdf48;margin:0 auto 20px}
body #community-support .nss-partner-tier ul{display:grid;justify-content:center;margin:0 auto;gap:20px;width:100%;max-width:1000px}
body #community-support .nss-host-tier ul{grid-template-columns:minmax(0,320px)}
body #community-support .nss-gold-tier ul,body #community-support .nss-community-tier ul{grid-template-columns:repeat(2,minmax(0,320px));max-width:660px}
body #community-support .nss-supporting-tier ul{grid-template-columns:repeat(3,minmax(0,320px))}
@media(max-width:650px){body #community-support .nss-supporting-tier ul{grid-template-columns:repeat(2,minmax(0,1fr))}body #community-support .nss-gold-tier ul,body #community-support .nss-community-tier ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
