/* Makes the parents' guide easy to find: header link, homepage hero line, homepage band. */

/* Header: "Parents" gets a small copper dot so it reads as its own door */
.menu .parents-nav-link{position:relative}
.menu .parents-nav-link::after{content:"";position:absolute;top:calc(50% - 12px);right:2px;width:6px;height:6px;border-radius:50%;background:var(--gold,#D29A52)}
.mobile .parents-mobile{color:var(--gold-ink,#9A6224)!important;font-weight:800}

/* Homepage hero: a quiet but clear line for parents under the main buttons */
.hero .hero-parent{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:22px;padding:11px 18px 11px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#D5E0E7;text-decoration:none;font:600 .95rem/1.3 var(--f-body);background:rgba(255,255,255,.05);transition:background .2s,border-color .2s}
.hero .hero-parent b{color:var(--white,#fff);font-weight:800}
.hero .hero-parent:hover,.hero .hero-parent:focus-visible{background:rgba(210,154,82,.16);border-color:var(--gold,#D29A52)}
.hero .hero-parent .hp-dot{width:8px;height:8px;border-radius:50%;background:var(--gold,#D29A52);box-shadow:0 0 0 0 rgba(210,154,82,.6);animation:hp-pulse 2.4s ease-out infinite}
@keyframes hp-pulse{0%{box-shadow:0 0 0 0 rgba(210,154,82,.55)}80%,100%{box-shadow:0 0 0 10px rgba(210,154,82,0)}}
@media (max-width:560px){.hero .hero-parent{display:flex;justify-content:center;text-align:center;border-radius:14px}}

/* Homepage parents band */
.parents-band{position:relative;isolation:isolate;overflow:hidden;background:var(--teal-2,#2C4A61);color:var(--white,#fff);padding-block:clamp(52px,7vw,88px)}
.parents-band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(210,154,82,.38) 1.1px,transparent 1.4px),radial-gradient(560px circle at 85% 30%,rgba(210,154,82,.2),transparent 70%);background-size:22px 22px,100% 100%;-webkit-mask:radial-gradient(ellipse 60% 90% at 85% 40%,#000 25%,transparent 75%);mask:radial-gradient(ellipse 60% 90% at 85% 40%,#000 25%,transparent 75%)}
.parents-band .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:900px){.parents-band .wrap{grid-template-columns:1fr}}
.parents-band .pb-copy{display:grid;gap:16px;min-width:0}
.parents-band .eyebrow{color:var(--gold,#D29A52)}
.parents-band h2{font-family:var(--f-display);font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.12;margin:0;text-wrap:balance;color:var(--white,#fff)}
.parents-band h2 em{color:var(--gold,#D29A52);font-style:italic}
.parents-band p{margin:0;color:#D5E0E7;max-width:58ch;font-size:1.05rem;line-height:1.6}
.parents-band .pb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:6px}
.parents-band .pb-quiet{color:var(--white,#fff);font-weight:700;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.35);padding-block:6px}
.parents-band .pb-quiet:hover,.parents-band .pb-quiet:focus-visible{border-bottom-color:var(--gold,#D29A52)}
.parents-band .pb-stat{font-size:.92rem;color:#B9CAD6;border-left:3px solid var(--gold,#D29A52);padding-left:14px;margin-top:6px}
.parents-band .pb-stat b{font-family:var(--f-display);font-size:1.5rem;color:var(--gold,#D29A52);margin-right:4px}
.parents-band .pb-stat span{display:block;font-size:.78rem;opacity:.8;margin-top:2px}
.parents-band .pb-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
@media (max-width:520px){.parents-band .pb-links{grid-template-columns:1fr}}
.parents-band .pb-links a{display:grid;gap:6px;height:100%;background:var(--white,#fff);color:var(--ink,#131E29);text-decoration:none;border-radius:12px;padding:20px;position:relative;isolation:isolate;transition:transform .25s,box-shadow .25s}
.parents-band .pb-links a::after{content:"→";position:absolute;right:18px;top:18px;color:var(--gold-ink,#9A6224);font-weight:800;transition:transform .25s}
.parents-band .pb-links a:hover,.parents-band .pb-links a:focus-visible{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(0,0,0,.6)}
.parents-band .pb-links a:hover::after{transform:translateX(4px)}
.parents-band .pb-links small{font:700 .7rem/1.2 var(--f-label,sans-serif);text-transform:uppercase;letter-spacing:.14em;color:var(--steel,#3A7A96)}
.parents-band .pb-links b{font-family:var(--f-display);font-size:1.2rem;line-height:1.2;padding-right:22px}
.parents-band .pb-links span{font-size:.9rem;color:var(--muted,#4F6170);line-height:1.45}
.parents-band a:focus-visible{outline:3px solid var(--gold,#D29A52);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.hero .hero-parent .hp-dot{animation:none}.parents-band .pb-links a,.parents-band .pb-links a::after{transition:none}}

/* Deep links into the parents page land below the sticky header */
.pp section[id]{scroll-margin-top:96px}

/* Keep the header on one line now that it has one more item */
.menu>li>a,.nav-disclosure summary{white-space:nowrap}
@media (max-width:1280px) and (min-width:981px){.menu>li>a,.nav-disclosure summary{padding-inline:9px;letter-spacing:.07em}.nav .wrap{gap:14px}}
@media (max-width:1180px) and (min-width:981px){.menu>li>a,.nav-disclosure summary{padding-inline:6px;font-size:.72rem}.brand small{display:none}}