/* Community Hub appearance tokens must be available on every page where site chrome is rendered.
 * frontend.css is feature-scoped and is intentionally not loaded on ordinary WordPress pages. */
:root {
    --ymp-front-bg:#f6f7f7;
    --ymp-front-surface:#fff;
    --ymp-front-text:#1d2327;
    --ymp-front-muted:#646970;
    --ymp-front-border:#dcdcde;
    --ymp-front-primary:#2271b1;
    --ymp-front-primary-contrast:#fff;
    --ymp-front-shadow:0 4px 14px rgba(0,0,0,.05);
    color-scheme:light;
}

:root[data-ymp-theme="light"] {
    --ymp-front-bg:#f6f7f7;
    --ymp-front-surface:#fff;
    --ymp-front-text:#1d2327;
    --ymp-front-muted:#646970;
    --ymp-front-border:#dcdcde;
    --ymp-front-primary:#2271b1;
    --ymp-front-primary-contrast:#fff;
    --ymp-front-shadow:0 4px 14px rgba(0,0,0,.05);
    color-scheme:light;
}

:root[data-ymp-theme="dark"] {
    --ymp-front-bg:#0f1115;
    --ymp-front-surface:#171a21;
    --ymp-front-text:#f8fafc;
    --ymp-front-muted:#cbd5e1;
    --ymp-front-border:#343a46;
    --ymp-front-primary:#8ab4f8;
    --ymp-front-primary-contrast:#0f1115;
    --ymp-front-shadow:0 4px 14px rgba(0,0,0,.30);
    color-scheme:dark;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) {
        --ymp-front-bg:#0f1115;
        --ymp-front-surface:#171a21;
        --ymp-front-text:#f8fafc;
        --ymp-front-muted:#cbd5e1;
        --ymp-front-border:#343a46;
        --ymp-front-primary:#8ab4f8;
        --ymp-front-primary-contrast:#0f1115;
        --ymp-front-shadow:0 4px 14px rgba(0,0,0,.30);
        color-scheme:dark;
    }
}

/* The global appearance control applies to the ordinary WordPress canvas too. */
body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme,
body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme :where(.wp-site-blocks,.site,#page,.site-content,.content-area,.site-main,main,.wp-block-post-content) {
    background-color:var(--ymp-front-bg,#f6f7f7)!important;
    color:var(--ymp-front-text,#1d2327)!important;
}

:root[data-ymp-theme="dark"] body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme .ymp-site-chrome-content-root :where(h1,h2,h3,h4,h5,h6,p,li,time),
:root[data-ymp-theme="dark"] body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme .ymp-site-chrome-content-root {
    color:var(--ymp-front-text,#f8fafc)!important;
}

:root[data-ymp-theme="dark"] body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme .ymp-site-chrome-content-root a {
    color:var(--ymp-front-primary,#8ab4f8);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme .ymp-site-chrome-content-root :where(h1,h2,h3,h4,h5,h6,p,li,time),
    :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme .ymp-site-chrome-content-root {
        color:var(--ymp-front-text,#f8fafc)!important;
    }

    :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme .ymp-site-chrome-content-root a {
        color:var(--ymp-front-primary,#8ab4f8);
    }
}

.ymp-site-header,
.ymp-site-footer {
    --ymp-chrome-max: 1600px;
    box-sizing: border-box;
    color: var(--ymp-front-text, #1d2327);
    font-family: inherit;
    width: 100%;
}

.ymp-site-header *,
.ymp-site-footer * {
    box-sizing: border-box;
}

.ymp-site-header .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* Automatic installation replaces the common theme landmarks without editing theme files. */
body.ymp-site-chrome-replaces-theme > header:not(.ymp-site-header),
body.ymp-site-chrome-replaces-theme .wp-site-blocks > header:not(.ymp-site-header),
body.ymp-site-chrome-replaces-theme header.wp-block-template-part:not(.ymp-site-header),
body.ymp-site-chrome-replaces-theme .wp-site-blocks > .wp-block-template-part:has(header):not(:has(.ymp-site-header)),
body.ymp-site-chrome-replaces-theme #masthead:not(.ymp-site-header),
body.ymp-site-chrome-replaces-theme .site-header:not(.ymp-site-header),
body.ymp-site-chrome-replaces-theme > footer:not(.ymp-site-footer),
body.ymp-site-chrome-replaces-theme .wp-site-blocks > footer:not(.ymp-site-footer),
body.ymp-site-chrome-replaces-theme footer.wp-block-template-part:not(.ymp-site-footer),
body.ymp-site-chrome-replaces-theme .wp-site-blocks > .wp-block-template-part:has(footer):not(:has(.ymp-site-footer)),
body.ymp-site-chrome-replaces-theme #colophon:not(.ymp-site-footer),
body.ymp-site-chrome-replaces-theme .site-footer:not(.ymp-site-footer),
.ymp-theme-chrome-hidden {
    display: none !important;
}

/*
 * Block and classic themes often reserve generous top spacing for their own
 * header template. Once that header is replaced, the empty spacing remains on
 * the theme wrapper and pushes every page well below the Community Hub header.
 * site-chrome.js marks only the layout ancestors between the page content and
 * the body, allowing that obsolete vertical offset to be removed without
 * changing the padding inside Community Hub cards and page components.
 */
body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme .ymp-site-chrome-content-path {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
    padding-block-start: 0 !important;
    padding-top: 0 !important;
}

body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme :is(.wp-site-blocks, .site, #page).ymp-site-chrome-content-path {
    row-gap: 0 !important;
}

/* Keep content visually connected to the installed header without letting it
 * touch the header border. Managed pages use a modest, consistent gap; ordinary
 * posts and pages retain slightly more editorial breathing room. */
body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme.ymp-managed-page .ymp-site-chrome-content-root {
    padding-block-start: clamp(12px, 1vw, 18px) !important;
    padding-top: clamp(12px, 1vw, 18px) !important;
}

body.ymp-site-chrome-auto.ymp-site-chrome-replaces-theme:not(.ymp-managed-page) .ymp-site-chrome-content-root {
    padding-block-start: clamp(20px, 2.5vw, 36px) !important;
    padding-top: clamp(20px, 2.5vw, 36px) !important;
}

.ymp-site-header {
    backdrop-filter: blur(16px);
    background: var(--ymp-front-surface, #fff);
    background: color-mix(in srgb, var(--ymp-front-surface, #fff) 94%, transparent);
    border-bottom: 1px solid var(--ymp-front-border, #dcdcde);
    box-shadow: 0 8px 30px rgba(15, 23, 42, .06);
    position: relative;
    z-index: 900;
}

.ymp-site-header--sticky {
    position: sticky;
    top: 0;
}

.admin-bar .ymp-site-header--sticky {
    top: 32px;
}

.ymp-site-header__accent {
    background: linear-gradient(90deg, var(--ymp-front-primary, #2271b1), #6b4bc3 52%, #b7791f);
    height: 3px;
    width: 100%;
}

.ymp-site-header__inner {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(238px, 292px) minmax(0, 1fr) auto;
    margin: 0 auto;
    max-width: var(--ymp-chrome-max);
    min-height: 82px;
    padding: 11px clamp(16px, 2.5vw, 40px);
    width: 100%;
}

.ymp-site-brand {
    align-items: flex-start;
    color: var(--ymp-front-text, #1d2327) !important;
    display: inline-flex;
    gap: 11px;
    max-width: 100%;
    text-decoration: none !important;
}

.ymp-site-brand--wordmark {
    align-items: center;
    display: inline-flex;
    gap: clamp(9px, 1vw, 13px);
    justify-self: start;
}

.ymp-site-brand__symbol-pair {
    aspect-ratio: 504 / 248;
    display: block;
    flex: 0 0 auto;
    position: relative;
    width: clamp(82px, 5.4vw, 96px);
}

.ymp-site-brand__symbol {
    display: block;
    height: 100%;
    inset: 0;
    object-fit: contain;
    object-position: left center;
    position: absolute;
    width: 100%;
}

.ymp-site-brand__symbol--dark {
    display: none;
}

:root[data-ymp-theme="dark"] .ymp-site-brand__symbol--light {
    display: none;
}

:root[data-ymp-theme="dark"] .ymp-site-brand__symbol--dark {
    display: block;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-site-brand__symbol--light {
        display: none;
    }

    :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-site-brand__symbol--dark {
        display: block;
    }
}

.ymp-site-brand__wordmark-text {
    color: var(--ymp-front-text, #1d2327);
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(20px, 1.35vw, 24px);
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.05;
    white-space: nowrap;
}

.ymp-site-brand:hover .ymp-site-brand__symbol,
.ymp-site-brand:focus .ymp-site-brand__symbol,
.ymp-site-brand:hover .ymp-site-brand__wordmark-text,
.ymp-site-brand:focus .ymp-site-brand__wordmark-text {
    filter: opacity(.82);
}

.ymp-site-brand__logo,
.ymp-site-brand__mark {
    border-radius: 12px;
    flex: 0 0 48px;
    height: 48px;
    object-fit: contain;
    width: 48px;
}

.ymp-site-brand__mark {
    align-items: center;
    background: linear-gradient(135deg, var(--ymp-front-primary, #2271b1), #354d70);
    box-shadow: 0 7px 18px rgba(34, 113, 177, .20);
    color: #fff;
    display: inline-flex;
    font-size: 15px;
    font-weight: 900;
    justify-content: center;
    letter-spacing: .04em;
}

.ymp-site-brand__copy {
    display: grid;
    line-height: 1.15;
    min-width: 0;
}

.ymp-site-brand__name {
    font-size: clamp(17px, 2vw, 21px);
    font-weight: 900;
    letter-spacing: -.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .18s ease;
    white-space: nowrap;
}

.ymp-site-brand__tagline {
    color: var(--ymp-front-muted, #646970);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.3;
    max-width: 50ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ymp-site-header__nav {
    min-width: 0;
}

.ymp-site-header__nav .ymp-navigation-shell {
    justify-content: flex-end;
}

.ymp-site-header__controls {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    min-width: max-content;
}

.ymp-site-header__appearance,
.ymp-site-header__toggle {
    align-items: center;
    background: var(--ymp-front-surface, #fff);
    border: 1px solid var(--ymp-front-border, #dcdcde);
    border-radius: 10px;
    color: var(--ymp-front-text, #1d2327);
    cursor: pointer;
    height: 42px;
    justify-content: center;
    padding: 0;
    width: 42px;
}

.ymp-site-header__appearance {
    display: inline-flex;
    line-height: 1;
}

.ymp-site-header__appearance-icon {
    align-items: center;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.ymp-site-header__appearance-icon svg {
    fill: none;
    height: 19px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 19px;
}

.ymp-site-header__appearance-icon--moon {
    display: none;
}

.ymp-site-header__appearance[data-effective-theme="dark"] .ymp-site-header__appearance-icon--sun {
    display: none;
}

.ymp-site-header__appearance[data-effective-theme="dark"] .ymp-site-header__appearance-icon--moon {
    display: inline-flex;
}

.ymp-site-header__toggle {
    display: none;
}

.ymp-site-header__appearance:hover,
.ymp-site-header__appearance:focus-visible,
.ymp-site-header__toggle:hover,
.ymp-site-header__toggle:focus-visible {
    border-color: var(--ymp-front-primary, #2271b1);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ymp-front-primary, #2271b1) 20%, transparent);
    outline: 0;
}

.ymp-site-header__toggle-lines {
    display: grid;
    gap: 4px;
    width: 19px;
}

.ymp-site-header__toggle-lines span {
    background: currentColor;
    border-radius: 999px;
    display: block;
    height: 2px;
    transition: transform .18s ease, opacity .18s ease;
    width: 100%;
}

.ymp-site-header__toggle[aria-expanded="true"] .ymp-site-header__toggle-lines span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.ymp-site-header__toggle[aria-expanded="true"] .ymp-site-header__toggle-lines span:nth-child(2) {
    opacity: 0;
}

.ymp-site-header__toggle[aria-expanded="true"] .ymp-site-header__toggle-lines span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.ymp-site-footer {
    background: color-mix(in srgb, var(--ymp-front-surface, #fff) 92%, var(--ymp-front-bg, #f6f7f7));
    border-top: 1px solid var(--ymp-front-border, #dcdcde);
    color: var(--ymp-front-text, #1d2327);
    margin-top: clamp(40px, 7vw, 90px);
}

.ymp-site-footer a {
    color: var(--ymp-front-primary, #2271b1);
}

.ymp-site-footer a:hover,
.ymp-site-footer a:focus {
    color: var(--ymp-front-text, #1d2327);
}

.ymp-site-footer__inner {
    display: grid;
    gap: clamp(28px, 5vw, 80px);
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.4fr);
    margin: 0 auto;
    max-width: var(--ymp-chrome-max);
    padding: clamp(38px, 5vw, 68px) clamp(18px, 4vw, 54px);
}

.ymp-site-footer .ymp-site-brand__symbol-pair {
    width: clamp(94px, 7vw, 116px);
}

.ymp-site-footer .ymp-site-brand__wordmark-text {
    font-size: clamp(25px, 2vw, 31px);
}

.ymp-site-footer__message {
    color: var(--ymp-front-muted, #646970);
    font-size: 14px;
    line-height: 1.7;
    margin: 18px 0 0;
    max-width: 44ch;
}

.ymp-site-footer__links {
    display: grid;
    gap: 28px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.ymp-site-footer__column h2 {
    color: var(--ymp-front-text, #1d2327);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .09em;
    margin: 0 0 14px;
    text-transform: uppercase;
}

.ymp-site-footer__column ul {
    display: grid;
    gap: 9px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ymp-site-footer__column li {
    margin: 0;
    padding: 0;
}

.ymp-site-footer__column a {
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
}

.ymp-site-footer__bottom {
    align-items: center;
    border-top: 1px solid var(--ymp-front-border, #dcdcde);
    color: var(--ymp-front-muted, #646970);
    display: flex;
    font-size: 12px;
    gap: 18px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--ymp-chrome-max);
    padding: 17px clamp(18px, 4vw, 54px);
}

.ymp-site-footer__bottom p {
    margin: 0;
}

/* Header controls inherit the shared front-end palette in both appearance modes. */
:root[data-ymp-theme="dark"] .ymp-site-header__nav .ymp-nav-dropdown__panel,
:root[data-ymp-theme="dark"] .ymp-site-header__controls .ymp-user-menu-panel {
    background: var(--ymp-front-surface, #161b22);
    border-color: var(--ymp-front-border, #3d444d);
    color: var(--ymp-front-text, #f0f6fc);
}


@media (min-width: 1241px) {
    .ymp-site-header__nav {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

@media (max-width: 1240px) {
    .ymp-site-header__messages,
    .ymp-site-header__notifications {
        display: none;
    }

    .ymp-site-header__account .ymp-user-menu-panel__notifications--mobile {
        display: flex !important;
    }

    .ymp-site-header__inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .ymp-site-header__controls {
        grid-column: 2;
        grid-row: 1;
    }

    .ymp-site-header__toggle {
        display: inline-flex;
    }

    .ymp-site-header__nav {
        background: var(--ymp-front-surface, #fff);
        border: 1px solid var(--ymp-front-border, #dcdcde);
        border-radius: 14px;
        box-shadow: 0 18px 44px rgba(15, 23, 42, .18);
        display: none;
        grid-column: 1 / -1;
        grid-row: 2;
        padding: 12px;
    }

    .ymp-site-header__nav.is-open {
        display: block;
    }

    .ymp-site-header__nav .ymp-navigation-shell,
    .ymp-site-header__nav .ymp-navigation-shortcode ul,
    .ymp-site-header__nav .ymp-user-bar {
        align-items: stretch !important;
        display: grid !important;
        gap: 7px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch !important;
        width: 100%;
    }

    .ymp-site-header__nav .ymp-navigation-shortcode,
    .ymp-site-header__nav .ymp-user-bar,
    .ymp-site-header__nav .ymp-user-menu,
    .ymp-site-header__nav .ymp-user-bar > a {
        width: 100%;
    }

    .ymp-site-header__nav .ymp-navigation-shortcode a,
    .ymp-site-header__nav .ymp-user-bar > a,
    .ymp-site-header__nav .ymp-user-bar-summary {
        justify-content: center;
        width: 100%;
    }

    .ymp-site-header__nav .ymp-user-menu-panel {
        left: 0;
        right: 0;
    }
}

@media (max-width: 782px) {
    .admin-bar .ymp-site-header--sticky {
        top: 46px;
    }
}

@media (max-width: 760px) {
    .ymp-site-header__inner {
        min-height: 68px;
        padding: 8px 14px;
    }

    .ymp-site-brand__symbol-pair {
        width: clamp(72px, 20vw, 88px);
    }

    .ymp-site-brand__wordmark-text {
        font-size: clamp(18px, 5.2vw, 22px);
    }

    .ymp-site-brand__logo,
    .ymp-site-brand__mark {
        border-radius: 10px;
        flex-basis: 42px;
        height: 42px;
        width: 42px;
    }

    .ymp-site-brand__tagline {
        display: none;
    }

    .ymp-site-footer__inner {
        grid-template-columns: 1fr;
    }

    .ymp-site-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
}

@media (max-width: 520px) {
    .ymp-site-header__appearance,
    .ymp-site-header__notifications,
    .ymp-site-header__toggle {
        border-radius: 9px;
        height: 38px;
        width: 38px;
    }

    .ymp-site-brand__symbol-pair {
        width: clamp(64px, 18vw, 76px);
    }

    .ymp-site-brand__wordmark-text {
        font-size: clamp(16px, 4.8vw, 20px);
    }

    .ymp-site-header__nav .ymp-navigation-shell,
    .ymp-site-header__nav .ymp-navigation-shortcode ul,
    .ymp-site-header__nav .ymp-user-bar {
        grid-template-columns: 1fr;
    }

    .ymp-site-footer__links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .ymp-site-header__toggle-lines span,
    .ymp-site-brand__name,
    .ymp-site-brand__symbol,
    .ymp-site-brand__wordmark-text {
        transition: none;
    }
}


/* Refined header composition: a calm navigation rail with account and
 * appearance controls held on the same visual baseline. */
.ymp-site-header__nav,
.ymp-site-header__nav .ymp-navigation-shell,
.ymp-site-header__controls,
.ymp-site-header__account,
.ymp-site-header__account .ymp-user-menu {
    align-items: center;
}

.ymp-site-header__account {
    display: inline-flex;
    gap: 8px;
}

.ymp-site-header__messages,
.ymp-site-header__notifications {
    align-items: center;
    background: var(--ymp-front-surface, #fff);
    border: 1px solid var(--ymp-front-border, #dcdcde);
    border-radius: 10px;
    color: var(--ymp-front-text, #1d2327);
    display: inline-flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    position: relative;
    text-decoration: none;
    width: 42px;
}

.ymp-site-header__messages svg,
.ymp-site-header__notifications svg {
    fill: none;
    height: 19px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 19px;
}

.ymp-site-header__messages:hover,
.ymp-site-header__messages:focus-visible,
.ymp-site-header__notifications:hover,
.ymp-site-header__notifications:focus-visible {
    border-color: var(--ymp-front-primary, #2271b1);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ymp-front-primary, #2271b1) 20%, transparent);
    color: var(--ymp-front-primary, #2271b1);
    outline: 0;
}

.ymp-site-header__message-badge,
.ymp-site-header__notification-badge {
    align-items: center;
    background: #d63638;
    border: 2px solid var(--ymp-front-surface, #fff);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 9px;
    font-weight: 850;
    height: 18px;
    justify-content: center;
    line-height: 1;
    min-width: 18px;
    padding: 0 4px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.ymp-site-header__message-badge,
.ymp-user-menu-count--messages {
    background: #2271b1;
}

.ymp-user-bar-summary::marker {
    content: "";
}

.ymp-user-bar-summary::after {
    content: none !important;
    display: none !important;
}

.ymp-user-menu-panel__notifications--mobile {
    display: none !important;
}

.ymp-site-header__account .ymp-user-menu-panel {
    left: auto;
    right: 0;
}

.ymp-site-brand__symbol {
    image-rendering: auto;
}

@media (min-resolution: 2dppx) {
    .ymp-site-brand__symbol {
        transform: translateZ(0);
    }
}

@media (max-width: 1240px) {
    .ymp-site-header__messages,
    .ymp-site-header__notifications {
        display: none !important;
    }

    .ymp-site-header__account .ymp-user-menu-panel__notifications--mobile {
        display: flex !important;
    }

    .ymp-site-header__inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .ymp-site-header__nav {
        margin-top: 2px;
    }

    .ymp-site-header__nav .ymp-navigation-shell {
        display: block !important;
    }
}

@media (max-width: 640px) {
    .ymp-site-brand--wordmark {
        gap: 7px;
    }

    .ymp-site-header__controls {
        gap: 6px;
    }
}

.ymp-site-header__guest {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.ymp-site-header__guest a {
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 760;
    justify-content: center;
    min-height: 42px;
    padding: 0 12px;
    text-decoration: none;
    white-space: nowrap;
}

.ymp-site-header__guest-login {
    border: 1px solid var(--ymp-front-border, #dcdcde);
    color: var(--ymp-front-text, #1d2327);
}

.ymp-site-header__guest-register {
    background: var(--ymp-front-primary, #2271b1);
    border: 1px solid var(--ymp-front-primary, #2271b1);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--ymp-front-primary, #2271b1) 22%, transparent);
    color: #fff;
}

.ymp-site-header__guest a:hover,
.ymp-site-header__guest a:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ymp-front-primary, #2271b1) 16%, transparent);
    outline: 0;
}

@media (max-width: 560px) {
    .ymp-site-header__guest-login {
        display: none;
    }

    .ymp-site-header__guest a {
        min-height: 38px;
        padding-inline: 10px;
    }
}


/* Beta.6.16.3: reserve independent mobile space for branding and account actions. */
@media (max-width: 600px) {
    .ymp-site-header__inner {
        gap: 8px;
        grid-template-columns: minmax(0, 1fr) auto;
        padding-inline: 10px;
    }

    .ymp-site-brand--wordmark {
        gap: 7px;
        min-width: 0;
        overflow: hidden;
    }

    .ymp-site-brand__symbol-pair {
        width: clamp(54px, 15vw, 64px);
    }

    .ymp-site-brand__wordmark-text {
        font-size: clamp(15px, 4.2vw, 18px);
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ymp-site-header__controls {
        flex: 0 0 auto;
        gap: 5px;
        min-width: max-content;
    }

    .ymp-site-header__guest {
        gap: 5px;
    }

    .ymp-site-header__guest a {
        font-size: 12px;
        min-height: 38px;
        padding-inline: 9px;
    }
}

@media (max-width: 420px) {
    .ymp-site-header__inner {
        padding-inline: 8px;
    }

    .ymp-site-brand__symbol-pair {
        width: 54px;
    }

    .ymp-site-brand__wordmark-text {
        font-size: 15px;
    }

    .ymp-site-header__appearance,
    .ymp-site-header__toggle {
        height: 38px;
        width: 38px;
    }
}

@media (max-width: 365px) {
    .ymp-site-brand__wordmark-text {
        display: none;
    }
}

/* Former inline navigation styles. */

/* Extracted from core/class-navigation.php */
.ymp-navigation-shell{align-items:center;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-end;max-width:100%;width:100%}
.ymp-navigation-shortcode{box-sizing:border-box;display:block;max-width:100%}
.ymp-navigation-shortcode ul{align-items:center!important;background:transparent!important;border:0!important;border-radius:14px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:2px!important;list-style:none!important;margin:0!important;padding:4px!important}
.ymp-navigation-shortcode li{display:block!important;list-style:none!important;margin:0!important;padding:0!important;position:relative}.ymp-navigation-shortcode li::marker{content:""}
.ymp-navigation-shortcode>ul>li>a,.ymp-nav-dropdown__summary,.ymp-user-bar-summary{align-items:center;background:transparent;border:0;border-radius:10px;color:var(--ymp-front-text,#1d2327);cursor:pointer;display:inline-flex;font-size:13px;font-weight:720;justify-content:center;line-height:1.15;min-height:38px;padding:0 11px;text-decoration:none;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;white-space:nowrap}
.ymp-navigation-shortcode>ul>li>a:hover,.ymp-navigation-shortcode>ul>li>a:focus-visible,.ymp-nav-dropdown__summary:hover,.ymp-nav-dropdown__summary:focus-visible{background:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 10%,transparent);color:var(--ymp-front-primary,#2271b1);outline:0;text-decoration:none}
.ymp-navigation-shortcode>ul>li.is-current>a,.ymp-navigation-shortcode>ul>li>a[aria-current=page],.ymp-nav-dropdown.is-current>.ymp-nav-dropdown__details>.ymp-nav-dropdown__summary{background:var(--ymp-front-surface,#fff);box-shadow:0 1px 2px rgba(15,23,42,.08),inset 0 0 0 1px color-mix(in srgb,var(--ymp-front-primary,#2271b1) 22%,var(--ymp-front-border,#dcdcde));color:var(--ymp-front-primary,#2271b1)}
.ymp-nav-dropdown__details,.ymp-user-menu{position:relative}.ymp-nav-dropdown__details>summary,.ymp-user-menu>summary{list-style:none}.ymp-nav-dropdown__details>summary::-webkit-details-marker,.ymp-user-menu>summary::-webkit-details-marker{display:none}.ymp-nav-chevron{font-size:12px;margin-left:6px;transition:transform .16s ease}.ymp-nav-dropdown__details[open] .ymp-nav-chevron{transform:rotate(180deg)}
.ymp-nav-dropdown__panel,.ymp-user-menu-panel{background:var(--ymp-front-surface,#fff);border:1px solid var(--ymp-front-border,#dcdcde);border-radius:16px;box-shadow:0 22px 54px rgba(15,23,42,.2);display:grid;min-width:360px;padding:9px;position:absolute;right:0;top:calc(100% + 10px);z-index:999}
.ymp-nav-dropdown__heading{border-bottom:1px solid var(--ymp-front-border,#dcdcde);display:grid;gap:3px;margin:0 3px 6px;padding:8px 8px 11px}.ymp-nav-dropdown__heading strong{color:var(--ymp-front-text,#1d2327);font-size:13px;letter-spacing:.01em}.ymp-nav-dropdown__heading span{color:var(--ymp-front-muted,#646970);font-size:11px;line-height:1.35}
.ymp-nav-dropdown__links{display:grid;gap:3px}.ymp-nav-dropdown__link{align-items:center;border-radius:12px;color:var(--ymp-front-text,#1d2327);display:grid;gap:11px;grid-template-columns:38px minmax(0,1fr);min-height:60px;padding:9px 10px;text-decoration:none;transition:background-color .16s ease,color .16s ease,transform .16s ease}.ymp-nav-dropdown__link:hover,.ymp-nav-dropdown__link:focus-visible,.ymp-nav-dropdown__link[aria-current=page]{background:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 9%,transparent);color:var(--ymp-front-primary,#2271b1);outline:0;transform:translateY(-1px)}
.ymp-nav-dropdown__icon{align-items:center;background:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 9%,var(--ymp-front-surface,#fff));border:1px solid color-mix(in srgb,var(--ymp-front-primary,#2271b1) 17%,var(--ymp-front-border,#dcdcde));border-radius:10px;color:var(--ymp-front-primary,#2271b1);display:inline-flex;height:38px;justify-content:center;width:38px}.ymp-nav-dropdown__icon svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;width:20px}.ymp-nav-dropdown__copy{display:grid;gap:3px;min-width:0}.ymp-nav-dropdown__title{align-items:center;display:flex;font-size:13px;font-weight:780;gap:5px;line-height:1.2}.ymp-nav-dropdown__description{color:var(--ymp-front-muted,#646970);font-size:11px;line-height:1.35}.ymp-nav-dropdown__external{fill:none;height:13px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:13px}
.ymp-user-menu-panel{gap:3px;min-width:230px;padding:7px}.ymp-user-menu-panel a{align-items:center;border-radius:9px;color:var(--ymp-front-text,#1d2327);display:flex;font-size:13px;font-weight:650;justify-content:space-between;min-height:39px;padding:8px 10px;text-decoration:none}.ymp-user-menu-panel a:hover{background:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 10%,transparent);color:var(--ymp-front-primary,#2271b1)}
.ymp-user-bar{align-items:center;display:flex}.ymp-user-bar-summary{background:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 8%,var(--ymp-front-surface,#fff));border:1px solid color-mix(in srgb,var(--ymp-front-primary,#2271b1) 22%,var(--ymp-front-border,#dcdcde));gap:8px;min-height:42px;padding:0 10px 0 7px}.ymp-user-bar-summary:hover,.ymp-user-bar-summary:focus-visible{border-color:var(--ymp-front-primary,#2271b1);box-shadow:0 0 0 3px color-mix(in srgb,var(--ymp-front-primary,#2271b1) 16%,transparent);outline:0}.ymp-user-avatar{align-items:center;background:var(--ymp-front-primary,#2271b1);border-radius:50%;color:var(--ymp-front-primary-contrast,#fff);display:inline-flex;flex:0 0 28px;font-size:11px;font-weight:850;height:28px;justify-content:center;overflow:hidden;text-transform:uppercase;width:28px}.ymp-user-avatar--image{background:var(--ymp-front-surface,#fff);display:block;object-fit:cover}.ymp-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.ymp-user-menu-chevron{font-size:10px;opacity:.7}.ymp-user-menu[open] .ymp-user-menu-chevron{transform:rotate(180deg)}.ymp-user-menu-panel__divider{border-top:1px solid var(--ymp-front-border,#dcdcde);margin:4px 3px}.ymp-user-menu-panel__logout{color:#b32d2e!important}.ymp-user-menu-count{background:var(--ymp-front-primary,#2271b1);border-radius:999px;color:var(--ymp-front-primary-contrast,#fff);font-size:11px;min-width:20px;padding:2px 6px;text-align:center}
@media(max-width:1240px){.ymp-navigation-shortcode ul{background:transparent;border:0;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:0!important}.ymp-navigation-shortcode>ul>li>a,.ymp-nav-dropdown__summary{background:color-mix(in srgb,var(--ymp-front-bg,#f6f7f7) 72%,transparent);border:1px solid var(--ymp-front-border,#dcdcde);justify-content:center;width:100%}.ymp-nav-dropdown{grid-column:1/-1}.ymp-nav-dropdown__panel{box-shadow:none;margin-top:7px;min-width:0;position:static}.ymp-nav-dropdown__details[open] .ymp-nav-dropdown__summary{width:100%}.ymp-nav-dropdown__links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ymp-nav-dropdown__links{grid-template-columns:1fr}}
@media(max-width:560px){.ymp-navigation-shortcode ul{grid-template-columns:1fr}.ymp-nav-dropdown{grid-column:auto}.ymp-user-name{display:none}.ymp-user-bar-summary{padding-right:7px}.ymp-user-menu-panel{right:0}.ymp-nav-dropdown__panel{padding:7px}.ymp-nav-dropdown__link{min-height:56px}}
@media(prefers-reduced-motion:reduce){.ymp-navigation-shortcode a,.ymp-nav-dropdown__summary,.ymp-nav-chevron{transition:none}}