/* neuropsych-screenings.css (NEU-483): hub-only additions for /screenings/ and /es/screenings/.
   The hub is built from neuropsych-landing.css?v=2 (NEU-482: tokens, nav, .wrap, .tlink,
   .ico, .lead, h1 and the D3 hub rules .hub-head, .grid-live, .grid-soon, .cd*, .pos,
   .bundle*), loaded before this file on <body class="np-landing">. Only what the shared file
   does not already do lives here. */

/* The two live cards share a grid row, so they are always the same height. Letting the body
   grow keeps their CTA rows level when one card's copy wraps to an extra line (the Spanish
   dyscalculia meta line does at desktop widths), as in the picked D3 hub. */
.np-landing .grid-live .cd-body{flex:1 0 auto}

/* D3 colours the live CTAs with their condition (--c). In neuropsych-landing.css the anchor
   reset `.np-landing a{color:inherit}` outranks the unscoped `.cd-cta{color:var(--c)}`, so the
   CTAs would render in ink; this restores the picked colour (hover is unaffected). */
.np-landing .cd-cta{color:var(--c)}
.np-landing .cd-cta:hover{color:#fff}

/* NEU-520: shorter on phones. The live cards keep their artwork at a smaller
   height, and the four coming-soon cards become one compact list (name, line,
   status, link) without artwork. */
@media(max-width:760px){
  .np-landing .cd.live .cd-field{height:104px;padding:10px}
  .np-landing .cd.live .cd-field svg{width:auto;height:100%;max-width:100%}
  .np-landing .cd.live .cd-body{padding-top:14px}
  .np-landing .cd.live .cd-cta{margin-top:14px}
  .np-landing .grid-soon{gap:0;background:var(--surface);border:1px solid var(--border-h);border-radius:var(--r-lg);padding:2px 16px}
  .np-landing .cd.soon{border:0;border-radius:0;background:none;padding:12px 0 4px}
  .np-landing .cd.soon + .cd.soon{border-top:1px solid var(--border-h)}
  .np-landing .cd.soon .cd-field{display:none}
  .np-landing .cd.soon .cd-body{padding:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:14px}
  .np-landing .cd.soon h2,.np-landing .cd.soon .cd-desc{flex-basis:100%}
  .np-landing .cd.soon .cd-status{margin-top:2px}
}