/* Pop It Play Unified v0.15.3 HF3
   Public colour pass: colourful page titles and playful menu pills.
   Homepage Play/Laugh/Grow word colours remain authoritative. */

/* Interior page titles: use the Pop It Play palette without overriding the homepage word-by-word hero. */
body.pip-public-hf1 main h1:not(.hero-display) {
    display: inline-block;
    color: #087adf;
    background: linear-gradient(100deg, #ef3340 0%, #ef3340 19%, #f0b900 31%, #04a83f 50%, #037bfc 69%, #9b4dcc 88%, #ef3340 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    padding-bottom: .08em;
}

/* Keep real text visible for high-contrast/forced-colour environments. */
@media (forced-colors: active) {
    body.pip-public-hf1 main h1:not(.hero-display) {
        background: none;
        color: CanvasText;
        -webkit-text-fill-color: currentColor;
    }
}

/* Colourful, touch-friendly main menu. */
body.pip-public-hf1 .site-nav {
    gap: 6px;
}
body.pip-public-hf1 .site-nav > a:not(.nav-book) {
    border-radius: 999px;
    padding: 9px 12px;
    border: 1px solid transparent;
    font-weight: 800;
    line-height: 1.1;
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}
body.pip-public-hf1 .site-nav > a:not(.nav-book):hover,
body.pip-public-hf1 .site-nav > a:not(.nav-book):focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 7px 16px rgba(24, 54, 88, .10);
}
body.pip-public-hf1 .site-nav > a:nth-of-type(4n+1):not(.nav-book) {
    color: #b51f2d;
    background: #fff0f2;
    border-color: #ffd4d9;
}
body.pip-public-hf1 .site-nav > a:nth-of-type(4n+2):not(.nav-book) {
    color: #846500;
    background: #fff9d9;
    border-color: #f8e985;
}
body.pip-public-hf1 .site-nav > a:nth-of-type(4n+3):not(.nav-book) {
    color: #087b31;
    background: #edfff2;
    border-color: #bceccc;
}
body.pip-public-hf1 .site-nav > a:nth-of-type(4n):not(.nav-book) {
    color: #0863b9;
    background: #edf7ff;
    border-color: #c7e5ff;
}
body.pip-public-hf1 .site-nav > a.active:not(.nav-book) {
    color: #17334f;
    background: linear-gradient(90deg, #fff1f2, #fff9cf 33%, #eaffef 66%, #eaf6ff);
    border-color: rgba(3, 123, 252, .22);
    box-shadow: 0 7px 18px rgba(20, 56, 91, .11);
}
body.pip-public-hf1 .site-nav > .nav-book {
    background: linear-gradient(90deg, #ef3340, #f0b900 33%, #04b64b 66%, #037bfc);
    color: #fff;
    border: 0;
    box-shadow: 0 8px 18px rgba(3, 123, 252, .18);
}
body.pip-public-hf1 .site-nav > .nav-book:hover,
body.pip-public-hf1 .site-nav > .nav-book:focus-visible {
    filter: saturate(1.08) brightness(1.02);
    transform: translateY(-2px);
}
body.pip-public-hf1 .nav-toggle span:not(.sr-only):nth-child(1) { background: #ef3340; }
body.pip-public-hf1 .nav-toggle span:not(.sr-only):nth-child(2) { background: #04a83f; }
body.pip-public-hf1 .nav-toggle span:not(.sr-only):nth-child(3) { background: #037bfc; }

@media (max-width: 980px) {
    body.pip-public-hf1 .site-nav > a:not(.nav-book) {
        width: 100%;
        padding: 11px 14px;
    }
    body.pip-public-hf1 .site-nav > .nav-book {
        text-align: center;
    }
}