/* Parent Hub: the shared navigation/footer, warm pink framing, practical guidance. */
.parents-page .page-shell { --parents-inset: clamp(1rem, 3vw, 2rem); max-width: none; padding-top: 0; }
.parents-page .top-nav.site-nav { position: absolute; top: 1rem; left: max(var(--parents-inset), calc((100% - 1496px) / 2)); right: max(var(--parents-inset), calc((100% - 1496px) / 2)); margin: 0; }
.parents-page .tumblethorn-footer, .parents-content { max-width: 1496px; margin-inline: auto; }
.parents-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 2rem; align-items: center; margin: 0 calc(-1 * var(--parents-inset)); padding: 10rem max(calc(var(--parents-inset) + 4vw), calc((100% - 1392px) / 2)) 2.5rem; }
.parents-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 80% 55%, #fff5d8, transparent 55%), linear-gradient(130deg, #ffe3ef, #fff3f7); mask-image: linear-gradient(#000 calc(100% - 5rem), transparent); -webkit-mask-image: linear-gradient(#000 calc(100% - 5rem), transparent); }
.parents-eyebrow { color: #b92260; font-size: 1rem; font-weight: 800; margin: 0 0 0.7rem; }
.parents-hero h1 { color: #c72665; font-size: clamp(2.25rem, 4.6vw, 4.25rem); font-weight: 800; line-height: 1.1; margin: 0; }
.parents-hero-copy > p:not(.parents-eyebrow) { max-width: 42ch; font-size: 1.15rem; line-height: 1.6; margin: 1.1rem 0 1.4rem; color: #283e72; }
.parents-button { display: inline-flex; align-items: center; gap: 0.65rem; min-height: 48px; padding: 0.7rem 1.3rem; border: 1px solid #ffffffb3; border-radius: 999px; color: #fff; background: linear-gradient(#df4283, #ae1f59); box-shadow: 0 3px 8px #8c24472a; text-decoration: none; font-weight: 800; }
.parents-hero-art { position: relative; width: min(100%, 24rem); justify-self: center; text-align: center; }
.parents-teddy { width: 78%; height: auto; max-height: 18rem; object-fit: contain; filter: drop-shadow(0 7px 8px #8c633524); }
.parents-heart { position: absolute; width: 22%; height: auto; top: 1rem; right: 0; transform: rotate(12deg); }
.parents-age { display: block; color: #794259; line-height: 1.5; font-size: 1rem; margin-top: 0.5rem; }
.parents-age strong { color: #b92260; font-size: 1.3rem; }
.parents-content { display: grid; gap: 1.25rem; padding-bottom: 1.25rem; }
.parents-panel { min-width: 0; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid #fff; border-radius: 1.75rem; background: #fffffff2; box-shadow: 0 4px 14px #4e264509; scroll-margin-top: 1rem; }
.parents-panel h2 { color: #b92260; font-size: clamp(1.55rem, 2.7vw, 2.3rem); line-height: 1.2; margin: 0 0 0.65rem; }
.parents-panel p { color: #283e72; font-size: 1rem; line-height: 1.65; margin: 0 0 1rem; }
.parents-activities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.4rem; }
.parents-activity { --activity-color: #7122d2; display: flex; flex-direction: column; align-items: flex-start; padding: 1.4rem; border: 1px solid #e8ddf4; border-radius: 1.2rem; background: #faf6ff; }
.parents-activity[data-activity="music"] { --activity-color: #cf450d; border-color: #f3e1d7; background: #fff6ee; }
.parents-activity[data-activity="coloring"] { --activity-color: #936100; border-color: #eee2c8; background: #fff9e9; }
.parents-activity h3 { color: var(--activity-color); font-size: 1.4rem; line-height: 1.3; margin: 0.75rem 0 0.6rem; }
.parents-activity-icon { width: 2.5rem; height: 2.5rem; background: var(--activity-color); mask: url('../images/nav-icons/books.png') center / contain no-repeat; -webkit-mask: url('../images/nav-icons/books.png') center / contain no-repeat; }
.parents-activity[data-activity="music"] .parents-activity-icon { mask-image: url('../images/nav-icons/music.png'); -webkit-mask-image: url('../images/nav-icons/music.png'); }
.parents-activity[data-activity="coloring"] .parents-activity-icon { mask-image: url('../images/nav-icons/coloring.png'); -webkit-mask-image: url('../images/nav-icons/coloring.png'); }
.parents-activity a { display: inline-flex; gap: 0.5rem; align-items: center; min-height: 44px; margin-top: auto; color: var(--activity-color); text-decoration: none; font-weight: 800; }
.parents-panel a:hover { text-decoration: underline; }
.parents-page main a:focus-visible { outline: 3px solid #b92260; outline-offset: 4px; }
.parents-sharing { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 2rem; background: #fff8fc; }
.parents-sharing img { width: 3rem; height: 4rem; object-fit: contain; margin-bottom: 0.5rem; }
.parents-sharing ul { margin: 0; padding-left: 1.2rem; color: #283e72; line-height: 1.7; }
.parents-sharing li + li { margin-top: 0.9rem; }
.parents-bottom-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.parents-links { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; }
.parents-links a { display: inline-flex; align-items: center; min-height: 44px; color: #b92260; font-weight: 800; }
.parents-panel .parents-question { margin-top: 1rem; font-size: 0.95rem; }
.parents-question a { color: #b92260; }
@media (min-width: 721px) and (max-width: 1180px) { .parents-hero { padding-top: 8rem; } }
@media (max-width: 720px) {
    .parents-hero { padding: 10rem 1.25rem 2rem; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
    .parents-hero h1 { font-size: clamp(2.3rem, 8vw, 3.5rem); }
    .parents-hero-art { width: 12rem; }
    .parents-teddy { max-height: 9rem; }
    .parents-hero-copy > p:not(.parents-eyebrow) { font-size: 1rem; }
    .parents-activities, .parents-sharing, .parents-bottom-grid { grid-template-columns: minmax(0, 1fr); }
    .parents-sharing { gap: 0.6rem; }
    .parents-panel { border-radius: 1.5rem; }
}