/* Deliberately reuse Housing's approved editorial/chart system and shared hero. */
.child-care-hero .fight-hero-portrait img { filter: grayscale(1); }
@media (max-width: 1000px) {
  .child-care-hero .fight-hero-portrait img { object-position: 15% 20%; }
}
@media (max-width: 600px) {
  .child-care-hero .fight-hero-portrait { transform: translateY(clamp(-128px, -14svh, -80px)); }
}
.care-period { display: flex; gap: var(--space-2); margin-bottom: var(--space-4); }
.care-period[hidden] { display: none; }
.care-period button {
  font: 500 var(--text-sm)/1.5 var(--sans);
  color: var(--cream);
  background: var(--ink);
  border: 1px solid var(--rule);
  padding: var(--space-3) var(--space-5);
  min-height: 44px;
  cursor: pointer;
  border-radius: 0;
  -webkit-tap-highlight-color: transparent;
}
.care-period button[aria-pressed="true"] { border-color: var(--yellow); color: var(--yellow); }
.care-period button:hover { background: var(--ink-raised); border-color: var(--yellow); }
.care-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); margin: 0; }
.care-caption-note { font-size: var(--text-sm); font-weight: 400; color: var(--cream-dim); }
.care-capacity-row { margin-block: var(--space-6); }
.care-capacity-track {
  height: 30px;
  background: repeating-linear-gradient(135deg, transparent, transparent 5px, var(--cream-faint) 5px, var(--cream-faint) 7px);
  border: 1px solid var(--rule);
}
.care-capacity-track > span { display: block; height: 100%; background: var(--yellow); transform-origin: left; }
.care-gap-label { text-align: right; color: var(--cream-dim); font-size: var(--text-sm); margin: var(--space-2) 0 0; }
.care-policy-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-7); }
.care-policy-list article, .care-priorities article { border-top: 1px solid var(--rule); padding-top: var(--space-5); min-width: 0; }
.care-policy-list h3, .care-priorities h3 { font: 600 var(--text-lg)/1.35 var(--sans); margin: 0 0 var(--space-4); }
.care-policy-list p, .care-priorities p { color: var(--cream-dim); }
.care-policy-list .care-status { color: var(--yellow); font-size: var(--text-sm); margin: 0 0 var(--space-4); }
.care-priorities { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6) var(--space-9); }
@media (max-width: 850px) {
  .care-policy-list { grid-template-columns: 1fr; gap: var(--space-7); }
}
@media (max-width: 760px) {
  .care-priorities { grid-template-columns: 1fr; gap: var(--space-6); }
}