/* Homepage links and cards for the standalone family resources. */
.family-resource-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin:.75rem 0 1.5rem;font-size:.9rem}
.family-resource-links a{color:#cbd5e1;text-decoration:underline;text-underline-offset:4px;padding:.35rem 0}
.family-resource-links a:hover{color:#fbbf24}
.family-resource-links span{color:#64748b}
.family-resources{background:linear-gradient(180deg,#0f172a,#172238 50%,#0f172a)}
.family-resources-eyebrow{text-align:center;text-transform:uppercase;letter-spacing:.14em;color:#fbbf24;font-size:.75rem;font-weight:700;margin-bottom:1rem}
.family-resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:940px;margin:2.5rem auto 0}
.family-resource-card{display:flex;flex-direction:column;background:#1e293b;border:1px solid #3a4860;border-radius:20px;overflow:hidden;text-decoration:none;color:#f8fafc;transition:transform .2s,border-color .2s}
.family-resource-card:hover{transform:translateY(-4px);border-color:#fbbf24}
.family-resource-card:focus-visible,.family-resource-links a:focus-visible{outline:3px solid #fbbf24;outline-offset:5px}
.family-resource-art{height:215px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}
.family-resource-routine{background:radial-gradient(ellipse at center,#39435b,#172035)}
.family-resource-routine img{width:150px;height:150px;object-fit:contain;margin-bottom:12px}
.family-resource-coloring{background:#ece7dc}
.family-resource-coloring img{width:155px;height:225px;object-fit:contain;transform:rotate(7deg) translateY(4px);background:white;box-shadow:0 7px 24px #0f172a25}
.family-resource-pill{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.7rem;border-radius:100px;background:#0f172aeF;color:#f8fafc;padding:.35rem .8rem}
.family-resource-copy{padding:1.75rem;display:flex;flex-direction:column;flex:1}
.family-resource-label{color:#fbbf24;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;font-weight:700}
.family-resource-copy h3{font-size:1.5rem;line-height:1.25;margin-bottom:.85rem}
.family-resource-copy p{color:#cbd5e1;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}
.family-resource-link{color:#fbbf24;font-weight:650;font-size:.95rem;margin-top:auto}
@media(max-width:640px){.family-resources-grid{grid-template-columns:1fr}.family-resource-art{height:190px}.family-resource-copy{padding:1.5rem}.family-resource-links{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.family-resource-card{transition:none}.family-resource-card:hover{transform:none}}

.hero-copy .family-resource-links{justify-content:flex-start;margin:.4rem 0 .6rem}
@media(max-width:768px){.hero-copy .family-resource-links{justify-content:center}}