.dcd-help-home {
            max-width: 1120px;
            margin: 0 auto;
            padding: 58px 24px 84px;
        }

        .dcd-help-home__eyebrow {
            margin-bottom: 10px;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            opacity: .7;
        }

        .dcd-help-home h1 {
            margin: 0;
            font-size: clamp(36px, 5vw, 54px);
            line-height: 1.06;
        }

        .dcd-help-home__intro {
            max-width: 760px;
            margin: 18px 0 0;
            font-size: 17px;
            line-height: 1.65;
            opacity: .84;
        }

        .dcd-help-home__stats {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 24px;
        }

        .dcd-help-home__stat {
            padding: 7px 11px;
            border: 1px solid #d8e0ea;
            border-radius: 999px;
            background: #ffffff;
            color: #475467;
            font-size: 13px;
        }

        .dcd-help-home__search {
            margin-top: 34px;
            padding: 24px 26px;
            border: 1px solid #d8e0ea;
            border-radius: 12px;
            background: #ffffff;
            box-shadow: 0 8px 24px rgba(15, 35, 60, .05);
        }

        .dcd-help-home__search-copy {
            margin-bottom: 16px;
        }

        .dcd-help-home__search-copy strong {
            display: block;
            font-size: 19px;
            line-height: 1.3;
            color: #142033;
        }

        .dcd-help-home__search-copy span {
            display: block;
            margin-top: 5px;
            font-size: 14px;
            line-height: 1.5;
            color: #667085;
        }

        .dcd-help-home__search-form {
            display: flex;
            gap: 10px;
            align-items: stretch;
        }

        .dcd-help-home__search-input {
            box-sizing: border-box;
            flex: 1 1 auto;
            min-width: 0;
            height: 52px;
            padding: 0 16px;
            border: 1px solid #cbd5e1;
            border-radius: 8px;
            background: #ffffff;
            color: #142033;
            font-size: 16px;
            outline: none;
            transition:
                border-color .15s ease,
                box-shadow .15s ease;
        }

        .dcd-help-home__search-input::placeholder {
            color: #7a8798;
        }

        .dcd-help-home__search-input:focus {
            border-color: #0b5bd3;
            box-shadow: 0 0 0 3px rgba(11, 91, 211, .12);
        }

        .dcd-help-home__search-button {
            flex: 0 0 auto;
            min-width: 112px;
            padding: 0 22px;
            border: 1px solid #0b5bd3;
            border-radius: 8px;
            background: #0b5bd3;
            color: #ffffff;
            cursor: pointer;
            font-weight: 700;
            transition:
                background .15s ease,
                border-color .15s ease;
        }

        .dcd-help-home__search-button:hover {
            background: #084aa9;
            border-color: #084aa9;
        }

        .dcd-help-home__provenance {
            max-width: 820px;
            margin-top: 26px;
            padding: 18px 20px;
            border-left: 3px solid #0b5bd3;
            background: #f7f9fc;
        }

        .dcd-help-home__provenance strong {
            display: block;
            margin-bottom: 5px;
            font-size: 14px;
            color: #101828;
        }

        .dcd-help-home__provenance p {
            margin: 0;
            font-size: 14px;
            line-height: 1.65;
            color: #475467;
        }

        .dcd-help-home__provenance-link {
            display: inline-block;
            margin-top: 10px;
            font-size: 13px;
            font-weight: 700;
            color: #0b5bd3;
            text-decoration: none;
        }

        .dcd-help-home__provenance-link:hover {
            text-decoration: underline;
        }

        .dcd-help-home__section {
            margin-top: 42px;
            padding-top: 30px;
            border-top: 1px solid #dde3eb;
        }

        .dcd-help-home__section h2 {
            margin: 0 0 8px;
            font-size: 25px;
        }

        .dcd-help-home__section > p {
            margin: 0 0 22px;
            opacity: .7;
        }

        .dcd-help-home__grid {
            display: grid;
            grid-template-columns:
                repeat(3, minmax(0, 1fr));
            gap: 12px;
        }

        .dcd-help-home__card {
            display: block;
            padding: 22px;
            color: #142033;
            text-decoration: none;
            border: 1px solid #dde3eb;
            border-radius: 10px;
            background: #ffffff;
            transition:
                border-color .15s ease,
                box-shadow .15s ease,
                transform .15s ease;
        }

        .dcd-help-home__card:hover {
            border-color: #b9c7d9;
            box-shadow: 0 8px 22px rgba(15, 35, 60, .06);
            transform: translateY(-1px);
        }

        .dcd-help-home__card h3 {
            margin: 0;
            font-size: 19px;
        }

        .dcd-help-home__card p {
            margin: 10px 0 18px;
            line-height: 1.55;
            opacity: .74;
        }

        .dcd-help-home__card-meta {
            font-size: 13px;
            opacity: .65;
        }

        @media (max-width: 800px) {
            .dcd-help-home {
                padding: 38px 18px 64px;
            }

            .dcd-help-home__grid {
                grid-template-columns: 1fr;
            }

            .dcd-help-home__search-form {
                display: block;
            }

            .dcd-help-home__search-button {
                width: 100%;
                min-height: 48px;
                margin-top: 10px;
            }
        }
    
/* Website guidance uses the same Help & Knowledge card family. */
.dcd-website-help__breadcrumb { margin-bottom: 22px; font-size: 13px; opacity: .8; }
.dcd-website-help__breadcrumb a { color: inherit; }
.dcd-website-help__category { scroll-margin-top: 90px; }
.dcd-website-help__questions { list-style: none; padding: 0; margin: 18px 0 0; }
.dcd-website-help__questions li { border-bottom: 1px solid var(--dcd-border, #d8e0ea); }
.dcd-website-help__questions a { display: block; padding: 14px 4px; text-decoration: none; color: inherit; font-weight: 600; }
.dcd-website-help__questions a:hover { text-decoration: underline; }

/* Match the existing light-surface search panel in both site appearance modes.
   Explicit foreground colours prevent white-on-white text in dark mode. */
.dcd-website-help .dcd-help-home__card,
.dcd-website-help .dcd-help-home__card h3 {
    color: #142033;
}
.dcd-website-help .dcd-help-home__card p { color: #475467; opacity: 1; }
.dcd-website-help .dcd-help-home__card-meta { color: #0b5bd3; opacity: 1; }
.dcd-website-help .dcd-help-home__search { color: #142033; }
.dcd-website-help__category h2 { line-height: 1.3; }
.dcd-website-help__questions a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 12px;
    border-radius: 6px;
    transition: background .15s ease;
}
.dcd-website-help__questions a:hover { background: rgba(127,127,127,.08); text-decoration: none; }
.dcd-website-help__question-arrow { flex: 0 0 auto; font-size: 20px; opacity: .65; }
.dcd-website-help__questions a:hover .dcd-website-help__question-arrow { opacity: 1; }
.dcd-website-help__questions a:focus-visible,
.dcd-website-help .dcd-help-home__card:focus-visible {
    outline: 3px solid #0b5bd3;
    outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
    .dcd-website-help__questions a { transition: none; }
}


/* DCD dark appearance: match the storefront navy surface and subtle border palette.
   Scoped to Help & Knowledge; explicit light mode remains unchanged. */
:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__search {
    background: #141b27;
    border-color: #2d394a;
    box-shadow: none;
    color: #f5f7fa;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__search-copy strong {
    color: #f5f7fa;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__search-copy span {
    color: #a9b5c5;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__search-input {
    background: #0c111b;
    border-color: #2d394a;
    color: #f5f7fa;
    color-scheme: dark;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__search-input::placeholder {
    color: #9baac0;
    opacity: 1;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__search-input:focus {
    border-color: #7da2ff;
    box-shadow: 0 0 0 3px rgba(125, 162, 255, .2);
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__stat {
    background: #141b27;
    border-color: #2d394a;
    color: #c1cad7;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__provenance {
    background: #141b27;
    border: 1px solid #2d394a;
    border-left: 3px solid #7da2ff;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__provenance strong {
    color: #f5f7fa;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__provenance p {
    color: #a9b5c5;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__provenance-link {
    color: #9bb8ff;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__section {
    border-top-color: #2d394a;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__route,
:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__card {
    background: #141b27;
    border-color: #2d394a;
    color: #f5f7fa;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__route:hover,
:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__card:hover {
    background: #182233;
    border-color: #7da2ff;
    box-shadow: none;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__route:focus-visible,
:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__card:focus-visible {
    outline: 3px solid #7da2ff;
    outline-offset: 3px;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__route strong,
:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__card h3 {
    color: #f5f7fa;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__route-description,
:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__card p {
    color: #a9b5c5;
    opacity: 1;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__route-label,
:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__route-action,
:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-help-home .dcd-help-home__card-meta {
    color: #9bb8ff;
    opacity: 1;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-website-help .dcd-website-help__questions li {
    border-bottom-color: #2d394a;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-website-help .dcd-website-help__questions a {
    color: #f5f7fa;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-website-help .dcd-website-help__questions a:hover {
    background: #141b27;
}

:is(html.dark, html[data-theme="dark"], body.dark, body[data-theme="dark"]) .dcd-website-help .dcd-website-help__question-arrow {
    color: #9bb8ff;
}