#pk-page .pkp-body #pk-account-mock .hero {
    min-height: 0;
    padding: clamp(20px, 4vw, 40px);
    background: linear-gradient(115deg, #0d1b26, #1b3040);
}
#pk-page .pkp-body #pk-account-mock .hero::before {
    background: url("assets/images/console-account-guide-header.svg") right 12px center / min(43%, 420px) auto no-repeat;
}
#pk-page .pkp-body #pk-account-mock .hero > div:first-child { max-width: 62%; }
#pk-page .pkp-body #pk-account-mock .hero :is(h1, .account-hero-title) {
    margin: 0 0 14px;
    font-size: clamp(25px, 4.1vw, 39px);
    line-height: 1.15;
    color: #fff;
}
#pk-page .pkp-body #pk-account-mock .hero p { margin: 0; }
#pk-page .pkp-body #pk-account-mock .hero .meta { margin-top: 14px; }
#pk-page .pkp-body #pk-account-mock :is(.summary,.tile,.notice,.platform,.asidebox,.sources) > :is(h2,h3):first-child,
#pk-page .pkp-body #pk-account-mock .step h3,
#pk-page .pkp-body #pk-account-mock .platform h3 { margin-top: 0; }
#pk-page .pkp-body #pk-account-mock :is(.tile,.summary,.notice) { padding: clamp(15px, 2.2vw, 22px); }
#pk-page .pkp-body #pk-account-mock .step {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 15px 0;
}
#pk-page .pkp-body #pk-account-mock .step .number {
    min-width: 2ch;
    white-space: nowrap;
    overflow-wrap: normal;
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
}
#pk-page .pkp-body #pk-account-mock .step h3 { margin-bottom: 5px; }
#pk-page .pkp-body #pk-account-mock :is(.step,.tile) p { margin: 0; }
#pk-page .pkp-body #pk-account-mock .platform .brand { color: var(--ink); }
html[data-pk-theme="dark"] #pk-page .pkp-body #pk-account-mock {
    --paper: #202b32;
    --ink: #eef4f7;
    --muted: #cad5dd;
    --line: #42515a;
    --ground: #172127;
    --orange: #ffab8e;
}
html[data-pk-theme="dark"] #pk-page .pkp-body #pk-account-mock .summary { background: #392820; }
html[data-pk-theme="dark"] #pk-page .pkp-body #pk-account-mock .notice { background: #253642; }
html[data-pk-theme="dark"] #pk-page .pkp-body #pk-account-mock .article-copy a { color: var(--orange); }
#pk-page .pkp-body [data-xbox-redemption] .panel {
    margin-top: 16px;
    padding: clamp(15px, 2.4vw, 24px);
    border: 1px solid var(--guide-line);
    border-radius: 12px;
    background: var(--guide-surface);
}
#pk-page .pkp-body [data-xbox-redemption] .panel h2 { margin: 0 0 8px; }
#pk-page .pkp-body [data-xbox-redemption] .panel p:last-child,
#pk-page .pkp-body [data-xbox-redemption] .panel ol:last-child { margin-bottom: 0; }
#pk-page .pkp-body [data-xbox-redemption] :is(#xbox-before,#xbox-credit,#xbox-pass) { background: var(--guide-tint); }
@media (max-width: 700px) {
    #pk-page .pkp-body #pk-account-mock .hero > div:first-child { max-width: 100%; }
    #pk-page .pkp-body #pk-account-mock .hero::before { opacity: .15; background-size: min(74%, 320px) auto; }
}