/* Version 4: safe photo framing for the four topic banners. */
.landing{min-height:132px;aspect-ratio:2.25/1;background:#edf4fa}
.landing>img{left:38%;right:0;top:0;bottom:0;width:62%;height:100%;object-fit:cover;object-position:50% 50%;mask-image:linear-gradient(90deg,transparent 0%,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}
.landing:after{display:none}
.landing h3{max-width:51%}
@media(max-width:600px){.landing{min-height:136px}.landing h3{max-width:51%;font-size:15px;line-height:1.32}}
@media(max-width:359px){.landing{padding:15px;min-height:136px}.landing h3{font-size:14px}}
@media print{.landing{aspect-ratio:auto;min-height:132px}}

/* Compact mobile sections. */
.landing-grid:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:12px}
@media(max-width:860px){
 .mobile-banner-rail .hero-promos{display:none}
 .mobile-banner-rail .landing-grid{grid-auto-columns:min(310px,calc(100% - 24px));gap:12px;margin-top:14px;scroll-padding-inline:0}
 .mobile-banner-rail .landing-grid>.landing,.mobile-banner-rail .landing-grid>.hero-promo{min-height:0;height:auto;aspect-ratio:2.25/1;padding:16px;border:1px solid #dce7f2;border-radius:12px;scroll-snap-align:start}
 .mobile-banner-rail .landing-grid>.hero-promo{display:flex;align-items:center;isolation:isolate;background:#edf4fa;overflow:hidden}
 .mobile-banner-rail .landing-grid>.hero-promo>.hero-promo-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
 .mobile-banner-rail .hero-promo .promo-copy,.mobile-banner-rail .hero-promo.family-promo .promo-copy{width:52%;max-width:52%}
 .mobile-banner-rail .hero-promo h2,.mobile-banner-rail .landing h3{font-size:15px;line-height:1.3;letter-spacing:-.2px}
 .mobile-banner-rail .landing h3{max-width:51%}
 .mobile-banner-rail .hero-promo p,.mobile-banner-rail .hero-promo .small-button,.mobile-banner-rail .landing .topic-arrow{display:none}
 .mobile-banner-rail .landing{justify-content:center}
 .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .audience-card{display:grid;grid-template-columns:104px minmax(0,1fr) 16px;align-items:center;justify-content:initial;gap:12px;min-height:82px;height:auto;aspect-ratio:auto;padding:10px 12px 10px 0;border-radius:11px}
 .audience-card>.audience-photo{inset:0 auto 0 0;width:104px;height:100%;object-fit:cover;object-position:right center}
 .audience-card h3,.audience-card[data-audience="lowincome"] h3{grid-column:2;order:0;max-width:none;width:auto;margin:0;font-size:14px;line-height:1.32;font-weight:650;letter-spacing:-.15px;overflow-wrap:normal}
 .audience-card .audience-symbol{display:none}
 .audience-card .audience-arrow{display:block;position:static;grid-column:3;margin:0;color:#35516f;line-height:0}
 .audience-card .audience-arrow .icon{width:16px;height:16px}
 .services-grid{gap:10px}
 .service-card{min-height:82px;padding:12px 14px;gap:12px}
 .service-card .agency-badge{width:42px;height:49px;flex:0 0 42px}
 .service-card .agency-badge>img{width:38px;height:44px}
 .service-card h3{font-size:13.5px;line-height:1.38}
 .service-card .agency-arrow{flex-basis:14px}
 .service-card .agency-arrow .icon{width:14px;height:14px}
 .high-contrast .audience-card{grid-template-columns:minmax(0,1fr) 16px;padding:14px;min-height:72px}
 .high-contrast .audience-card h3{grid-column:1}
 .high-contrast .audience-card .audience-arrow{grid-column:2}
 .high-contrast .mobile-banner-rail .landing-grid>.landing,.high-contrast .mobile-banner-rail .landing-grid>.hero-promo{aspect-ratio:auto;min-height:138px}
 .high-contrast .mobile-banner-rail .hero-promo .promo-copy,.high-contrast .mobile-banner-rail .hero-promo.family-promo .promo-copy,.high-contrast .mobile-banner-rail .landing h3{width:100%;max-width:100%}
}
@media(max-width:760px){.audience-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:359px){
 .mobile-banner-rail .landing-grid>.landing,.mobile-banner-rail .landing-grid>.hero-promo{padding:13px}
 .mobile-banner-rail .hero-promo h2,.mobile-banner-rail .landing h3{font-size:14px;line-height:1.28}
 .audience-card h3,.audience-card[data-audience="lowincome"] h3{font-size:13px}
 .service-card{padding:11px 12px;gap:10px}.service-card h3{font-size:13px}
}

/* Load after the existing header styles. Keep the desktop press menu intact. */
.header-v2 #main-nav>.nav-press-mobile{display:none}
@media(max-width:860px){
  .header-v2 #main-nav>.nav-press{display:none}
  .header-v2 #main-nav>.nav-press-mobile{display:flex}
}

/* V4 footer addition. Load after version3.css; keep its existing top row and columns. */
.footer-v3 .footer-v4-note{
  margin:0;
  padding:0 0 14px;
  max-width:100%;
  color:#65758c;
  font-size:12px;
  line-height:1.6;
  text-align:left;
}
.footer-v4-last-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px 24px;
  padding:17px 0 23px;
  border-top:1px solid #dce5f1;
}
.footer-v4-copyright{
  display:block;
  flex:none;
  margin:0;
  color:#536780;
  font-size:14px;
  line-height:1.55;
  white-space:nowrap;
}
.footer-v4-last-row .footer-v3-bottom{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(12px,1.4vw,22px);
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.footer-v4-last-row .footer-v3-bottom>a{
  flex:none;
  max-width:100%;
  min-height:32px;
  padding:5px 0;
  font-size:14px;
  line-height:1.55;
  white-space:nowrap;
}
@media (min-width:861px) and (max-width:1100px){
  .footer-v4-last-row{column-gap:14px}
  .footer-v4-copyright,.footer-v4-last-row .footer-v3-bottom>a{font-size:13px}
  .footer-v4-last-row .footer-v3-bottom{column-gap:12px}
}
@media (max-width:860px){
  .footer-v4-last-row{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:9px;
    padding:17px 0 22px;
  }
  .footer-v4-copyright{font-size:14px;white-space:normal}
  .footer-v4-last-row .footer-v3-bottom{
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:3px 22px;
  }
  .footer-v4-last-row .footer-v3-bottom>a{
    min-height:40px;
    padding:9px 0;
    font-size:14px;
    white-space:normal;
    overflow-wrap:break-word;
  }
  .footer-v3 .footer-v4-note{padding-bottom:14px;font-size:13px}
}
@media (max-width:480px){
  .footer-v4-last-row .footer-v3-bottom{column-gap:20px}
}
.high-contrast .footer-v4-last-row{flex-wrap:wrap;border-color:#000!important}
.high-contrast .footer-v4-last-row .footer-v3-bottom{flex-wrap:wrap}
.high-contrast .footer-v4-copyright,
.high-contrast .footer-v4-last-row .footer-v3-bottom>a{white-space:normal}
@media print{
  .footer-v4-last-row{display:block;padding:12px 0}
  .footer-v4-last-row .footer-v3-bottom{flex-wrap:wrap;justify-content:flex-start;gap:5px 16px;margin-top:6px}
  .footer-v4-last-row .footer-v3-bottom>a{white-space:normal}
}

@media(max-width:860px){.audience-card[data-audience="families"]>.audience-photo{top:auto;bottom:0;height:72px}}