/* LINK READABLE PUBLIC CARDS V2 — 2026-09-22
   Final, deliberately specific sizing for Home partners, Nonprofit directory,
   and Events. Loaded after the legacy style stack. */

html body #partnerRail.partner-rail {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html body #partnerRail.partner-rail .partner-cell {
  min-width: 0 !important;
  min-height: 170px !important;
  padding: 20px 16px !important;
  gap: 12px !important;
}

html body #partnerRail.partner-rail .partner-cell img {
  width: auto !important;
  height: auto !important;
  max-width: 90% !important;
  max-height: 92px !important;
  object-fit: contain !important;
}

html body #partnerRail.partner-rail .link-home-nonprofit-name {
  font-size: 18px !important;
  line-height: 1.3 !important;
}

html body #partnerRail.partner-rail .link-home-v29-no-logo {
  width: 72px !important;
  height: 72px !important;
  font-size: 26px !important;
}

html body.link-directory-page #directoryGrid.directory-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

html body.link-directory-page #directoryGrid .directory-card {
  min-width: 0 !important;
}

html body.link-directory-page #directoryGrid .directory-card-logo {
  min-height: 118px !important;
  padding: 18px !important;
}

html body.link-directory-page #directoryGrid .directory-card-logo img {
  width: auto !important;
  height: auto !important;
  max-width: 220px !important;
  max-height: 84px !important;
  object-fit: contain !important;
}

html body.link-directory-page #directoryGrid .directory-card-body {
  padding: 24px !important;
}

html body.link-directory-page #directoryGrid .directory-card h3 {
  font-size: 24px !important;
  line-height: 1.25 !important;
}

html body.link-directory-page #directoryGrid .directory-card p,
html body.link-directory-page #directoryGrid .directory-card li,
html body.link-directory-page #directoryGrid .directory-card address {
  font-size: 18px !important;
  line-height: 1.55 !important;
}

html body.link-directory-page #directoryGrid .directory-card-category,
html body.link-directory-page #directoryGrid .directory-card-verified,
html body.link-directory-page #directoryGrid .directory-card-meta {
  font-size: 16px !important;
  line-height: 1.4 !important;
}

html body.link-directory-page #directoryGrid .directory-card a,
html body.link-directory-page #directoryGrid .directory-card button {
  font-size: 17px !important;
  line-height: 1.3 !important;
}

html body #events-grid.events-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

html body #events-grid .event-card-body {
  padding: 26px !important;
}

html body #events-grid .event-card h3 {
  font-size: 24px !important;
  line-height: 1.3 !important;
}

html body #events-grid .event-card p {
  font-size: 18px !important;
  line-height: 1.55 !important;
}

html body #events-grid .event-card .event-category,
html body #events-grid .event-card .event-org {
  font-size: 16px !important;
  line-height: 1.4 !important;
}

html body #events-grid .event-card a {
  font-size: 17px !important;
  line-height: 1.3 !important;
}

@media (max-width: 1200px) {
  html body #partnerRail.partner-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 800px) {
  html body #partnerRail.partner-rail,
  html body.link-directory-page #directoryGrid.directory-grid,
  html body #events-grid.events-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 540px) and (max-width: 800px) {
  html body #partnerRail.partner-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}