/* DCCC Home-layout parity — Who We Are + Messages, 2026-09-09 */
.parity-main{display:grid;gap:22px;padding-top:18px}
.parity-action-grid{margin:0}
.parity-action-photo{background:#ececec;overflow:hidden}
.parity-action-photo canvas{display:block;width:100%;height:100%;object-fit:cover}
.parity-action-photo.parity-photo-fallback{background:linear-gradient(135deg,#efefef,#d9d9d9)}
.parity-action-photo.parity-photo-fallback:after{content:'DCCC';display:grid;place-items:center;width:100%;height:100%;font-size:11px;font-weight:900;letter-spacing:.16em;color:#8a8a8a}
.parity-content-section{display:grid;gap:10px;margin-top:2px}
.parity-content-section .home-quick-title{margin-bottom:0}
.parity-article{width:100%;margin:0;padding:24px 26px;border:1px solid #e6e6e6;border-radius:11px;box-shadow:0 4px 14px rgba(0,0,0,.035)}
.parity-article h3{margin:18px 0 7px;font-size:17px;line-height:1.2}
.parity-article h3:first-child{margin-top:0}
.parity-article p,.parity-article li{font-size:13px;line-height:1.6;color:#4e4e4e}
.parity-article p{margin:0 0 10px}
.parity-article ul{margin:4px 0 12px;padding-left:20px}
.parity-cta{margin-top:0}

/* Messages is a short landing page. Let its main area consume the free viewport space,
   then push the black CTA to the true bottom immediately above the footer. */
.parity-messages-main{display:flex;flex:1 0 auto;flex-direction:column;gap:22px;width:100%;min-height:0}
.parity-messages-main .parity-action-grid{flex:0 0 auto}
.parity-messages-main .parity-cta{flex:0 0 auto;margin-top:auto}

/* Any existing Who We Are route grids should follow the Home card column rhythm too. */
@media (min-width:1221px){
  .who-route-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  .msg4-card-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
}
@media (min-width:901px) and (max-width:1220px){
  .who-route-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
  .msg4-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
  .parity-main{padding-top:18px}
}
@media (max-width:900px){
  .parity-main{gap:18px;padding-top:12px}
  .parity-messages-main{gap:18px}
  .who-route-grid,.msg4-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .parity-article{padding:18px 14px}
  .parity-article h3{font-size:16px}
  .parity-article p,.parity-article li{font-size:13px;line-height:1.55}
}
@media (max-width:350px){
  .who-route-grid,.msg4-card-grid{grid-template-columns:1fr!important}
}

/* Message detail heroes no longer appear oversized compared with Home. */
.msg4-hero{height:var(--dccc-hero-desktop,270px)!important;min-height:var(--dccc-hero-desktop,270px)!important}
.msg4-hero-copy{padding-top:24px!important;padding-bottom:24px!important}
.msg4-hero-copy h1{font-size:clamp(34px,4.2vw,58px)!important;line-height:.96!important}
@media(max-width:900px){
  .msg4-hero{height:var(--dccc-hero-mobile,300px)!important;min-height:var(--dccc-hero-mobile,300px)!important}
  .msg4-hero-copy h1{font-size:clamp(29px,7vw,43px)!important}
}