.wg-help-category-page {
        --wg-border: rgba(148, 163, 184, .16);
        --wg-border-strong: rgba(96, 165, 250, .28);
        --wg-muted: #94a3b8;
        --wg-blue: #60a5fa;
        --wg-green: #34d399;
    }

    .wg-help-category-page * {
        box-sizing: border-box;
    }

    /* ============================================================
       Header
    ============================================================ */

    .wg-help-category-head {
        padding-top: 3.2rem;
        padding-bottom: 1.6rem;
    }

    .wg-help-category-head-inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .wg-help-category-copy {
        max-width: 800px;
    }

    .wg-help-category-copy h1 {
        margin: .45rem 0 .65rem;
        font-size: clamp(2rem, 5vw, 3.4rem);
        line-height: 1.08;
        letter-spacing: -.04em;
    }

    .wg-help-category-copy > p {
        max-width: 700px;
        margin: 0;
        color: var(--wg-muted);
        font-size: 1rem;
        line-height: 1.65;
    }

    /* ============================================================
       Layout
    ============================================================ */

    .wg-help-category-layout {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 1.4rem;
        align-items: start;
        padding-bottom: 4.5rem;
    }

    /* ============================================================
       Sidebar
    ============================================================ */

    .wg-help-sidebar {
        position: sticky;
        top: 90px;
        overflow: hidden;
        border: 1px solid var(--wg-border);
        border-radius: 20px;
        background: rgba(15, 23, 42, .25);
    }

    .wg-help-sidebar-head {
        padding: 1.15rem;
        border-bottom: 1px solid var(--wg-border);
    }

    .wg-help-sidebar-head h3 {
        margin: .35rem 0 0;
        font-size: 1.05rem;
    }

    .wg-help-sidebar-nav {
        padding: .6rem;
    }

    .wg-help-sidebar-group {
        border-radius: 12px;
        overflow: hidden;
    }

    .wg-help-sidebar-group + .wg-help-sidebar-group {
        margin-top: .35rem;
    }

    .wg-help-sidebar-toggle {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .75rem;

        padding: .75rem .8rem;

        border: 0;
        border-radius: 11px;

        background: transparent;
        color: inherit;

        cursor: pointer;
        text-align: left;

        transition:
            background .15s ease,
            color .15s ease;
    }

    .wg-help-sidebar-toggle:hover {
        background: rgba(59, 130, 246, .06);
    }

    .wg-help-sidebar-group.active > .wg-help-sidebar-toggle {
        background: rgba(59, 130, 246, .08);
        color: var(--wg-blue);
    }

    .wg-help-sidebar-toggle-main {
        display: flex;
        align-items: center;
        gap: .55rem;
        min-width: 0;

        font-size: .86rem;
        font-weight: 800;
    }

    .wg-help-sidebar-icon {
        flex: 0 0 auto;
    }

    .wg-help-sidebar-toggle-meta {
        display: flex;
        align-items: center;
        gap: .4rem;
        flex: 0 0 auto;
    }

    .wg-help-sidebar-toggle-meta small {
        color: var(--wg-muted);
        font-size: .62rem;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .wg-help-sidebar-chevron {
        color: var(--wg-muted);
        transition: transform .15s ease;
    }

    .wg-help-sidebar-group.is-open .wg-help-sidebar-chevron {
        transform: rotate(180deg);
    }

    .wg-help-sidebar-collapse {
        display: none;
        padding: .2rem .4rem .6rem;
    }

    .wg-help-sidebar-group.is-open .wg-help-sidebar-collapse {
        display: block;
    }

    .wg-help-sidebar-children {
        display: grid;
        gap: .3rem;
    }

    .wg-help-sidebar-link {
        display: flex;
        justify-content: space-between;
        gap: .7rem;

        padding: .65rem .7rem;

        border-radius: 9px;

        color: inherit;
        text-decoration: none;

        font-size: .78rem;

        transition:
            background .15s ease,
            color .15s ease;
    }

    .wg-help-sidebar-link:hover {
        background: rgba(59, 130, 246, .06);
    }

    .wg-help-sidebar-link.active {
        background: rgba(59, 130, 246, .10);
        color: var(--wg-blue);
        font-weight: 800;
    }

    .wg-help-sidebar-link small {
        flex: 0 0 auto;
        color: var(--wg-muted);
        font-size: .66rem;
    }

    .wg-help-sidebar-game-pills {
        display: none;
        flex-wrap: wrap;
        gap: .3rem;
        padding: .35rem .6rem .65rem;
    }

    .wg-help-sidebar-game-pills.is-visible {
        display: flex;
    }

    .wg-help-game-pill-small {
        padding: .28rem .48rem;

        border: 1px solid var(--wg-border);
        border-radius: 999px;

        color: var(--wg-muted);
        text-decoration: none;

        font-size: .65rem;
    }

    .wg-help-game-pill-small:hover,
    .wg-help-game-pill-small.active {
        border-color: rgba(96, 165, 250, .3);
        background: rgba(59, 130, 246, .08);
        color: var(--wg-blue);
    }

    /* ============================================================
       Main category card
    ============================================================ */

    .wg-help-category-card {
        min-width: 0;
        overflow: hidden;

        border: 1px solid var(--wg-border);
        border-radius: 22px;

        background: rgba(15, 23, 42, .24);
    }

    .wg-help-category-card-head {
        padding: 1.35rem;
        border-bottom: 1px solid var(--wg-border);
    }

    .wg-help-category-card-head h2 {
        margin: .35rem 0 .35rem;
        font-size: 1.55rem;
    }

    .wg-help-category-card-head p {
        margin: 0;
        color: var(--wg-muted);
        font-size: .85rem;
    }

    /* ============================================================
       Child category/topic cards
    ============================================================ */

    .wg-help-topic-section {
        padding: 1.35rem;
        border-bottom: 1px solid var(--wg-border);
    }

    .wg-help-topic-section h3 {
        margin: 0 0 .9rem;
        font-size: 1rem;
    }

    .wg-help-topic-grid {
        display: grid;
        grid-template-columns: repeat(
            auto-fit,
            minmax(min(100%, 220px), 1fr)
        );
        gap: .7rem;
    }

    .wg-help-topic-card {
        display: flex;
        justify-content: space-between;
        gap: 1rem;

        min-height: 110px;
        padding: .95rem;

        border: 1px solid var(--wg-border);
        border-radius: 14px;

        background: rgba(15, 23, 42, .18);

        color: inherit;
        text-decoration: none;

        transition:
            transform .15s ease,
            border-color .15s ease,
            background .15s ease;
    }

    .wg-help-topic-card:hover {
        transform: translateY(-1px);
        border-color: rgba(96, 165, 250, .28);
        background: rgba(59, 130, 246, .05);
    }

    .wg-help-topic-card strong {
        display: block;
        margin-bottom: .3rem;
        font-size: .88rem;
    }

    .wg-help-topic-card span {
        display: block;
        color: var(--wg-muted);
        font-size: .74rem;
        line-height: 1.4;
    }

    .wg-help-topic-count {
        align-self: flex-start;
        white-space: nowrap;

        padding: .28rem .48rem;

        border: 1px solid var(--wg-border);
        border-radius: 999px;

        color: var(--wg-muted);
        font-size: .64rem;
    }

    /* ============================================================
       Articles
    ============================================================ */

    .wg-help-article-list {
        display: grid;
        gap: .65rem;
        padding: 1.35rem;
    }

    .wg-help-article-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;

        padding: 1rem;

        border: 1px solid var(--wg-border);
        border-radius: 15px;

        background: rgba(15, 23, 42, .18);

        color: inherit;
        text-decoration: none;

        transition:
            transform .15s ease,
            border-color .15s ease,
            background .15s ease;
    }

    .wg-help-article-row:hover {
        transform: translateY(-1px);
        border-color: rgba(96, 165, 250, .28);
        background: rgba(59, 130, 246, .05);
    }

    .wg-help-article-row h3 {
        margin: 0 0 .3rem;
        font-size: .95rem;
    }

    .wg-help-article-row p {
        margin: 0 0 .4rem;
        color: var(--wg-muted);
        font-size: .8rem;
        line-height: 1.45;
    }

    .wg-help-article-row small {
        color: var(--wg-muted);
        font-size: .7rem;
    }

    .wg-help-article-arrow {
        flex: 0 0 auto;
        color: var(--wg-blue);
        font-size: 1.2rem;
        font-weight: 800;
    }

    /* ============================================================
       Empty
    ============================================================ */

    .wg-help-empty {
        margin: 1.35rem;
        padding: 1.5rem;

        border: 1px dashed var(--wg-border);
        border-radius: 15px;

        color: var(--wg-muted);
        text-align: center;

        font-size: .85rem;
    }

    /* ============================================================
       Support footer
    ============================================================ */

    .wg-help-category-support {
        margin: 0 1.35rem 1.35rem;
        padding: 1.15rem;

        border: 1px solid var(--wg-border-strong);
        border-radius: 16px;

        background:
            radial-gradient(
                circle at right center,
                rgba(59, 130, 246, .08),
                transparent 40%
            ),
            rgba(15, 23, 42, .23);
    }

    .wg-help-category-support h3 {
        margin: 0 0 .3rem;
        font-size: 1rem;
    }

    .wg-help-category-support p {
        margin: 0;
        color: var(--wg-muted);
        font-size: .8rem;
        line-height: 1.45;
    }

    .wg-help-category-support-actions {
        display: flex;
        flex-wrap: wrap;
        gap: .6rem;
        margin-top: .9rem;
    }

    /* ============================================================
       Mobile sidebar toggle
    ============================================================ */

    .wg-help-mobile-sidebar-toggle {
        display: none;
        width: 100%;
        margin-bottom: 1rem;
    }

    /* ============================================================
       Responsive
    ============================================================ */

    @media (max-width: 900px) {
        .wg-help-category-layout {
            grid-template-columns: 1fr;
        }

        .wg-help-sidebar {
            position: static;
            display: none;
        }

        .wg-help-sidebar.mobile-open {
            display: block;
        }

        .wg-help-mobile-sidebar-toggle {
            display: inline-flex;
        }
    }

    @media (max-width: 640px) {
        .wg-help-category-head {
            padding-top: 2.4rem;
        }

        .wg-help-category-head-inner {
            flex-direction: column;
        }

        .wg-help-category-head-inner > .btn {
            width: 100%;
        }

        .wg-help-category-card {
            border-radius: 17px;
        }

        .wg-help-category-card-head,
        .wg-help-topic-section,
        .wg-help-article-list {
            padding: 1rem;
        }

        .wg-help-topic-grid {
            grid-template-columns: 1fr;
        }

        .wg-help-topic-card {
            min-height: 0;
        }

        .wg-help-article-row {
            align-items: flex-start;
        }

        .wg-help-category-support {
            margin: 0 1rem 1rem;
        }

        .wg-help-category-support-actions {
            flex-direction: column;
        }

        .wg-help-category-support-actions .btn {
            width: 100%;
        }
    }