/* Public-site surfaces. Status, error and focus accents remain component-owned. */
html { background: #f4f5f7; }
html.is-dark { background: #191c21; }
body:not(.pcp-body) {
    min-height: 100vh;
    --pm-page-bg: #f4f5f7;
    --pm-surface: #ffffff;
    --pm-surface-subtle: #eef0f3;
    --pm-surface-raised: #ffffff;
    --pm-surface-hover: #e9ecf0;
    --pm-control-bg: #eef0f3;
    --pm-popover-bg: #ffffff;
    --pm-text: #23272f;
    --pm-text-secondary: #59616e;
    --pm-text-muted: #68717e;
    --pm-line: transparent;
    --pm-line-soft: transparent;
    --pm-chart-grid: rgba(55, 65, 81, .10);
    --pm-line-strong: rgba(55, 65, 81, .18);
    --pm-border: transparent;
    --pm-border-soft: transparent;
    --pm-header-bg: #ffffff;
    --pm-header-bg-solid: #ffffff;
    --pm-header-line: transparent;
    --pm-header-text: var(--pm-text);
    --pm-header-muted: var(--pm-text-secondary);
    --pm-header-soft: var(--pm-text-muted);
    --pm-header-field: var(--pm-control-bg);
    --pm-page-text: var(--pm-text);
    --pm-page-muted: var(--pm-text-secondary);
    --pm-page-soft: var(--pm-surface-subtle);
    --pm-surface-elevated: var(--pm-surface-raised);
}
html.is-dark body:not(.pcp-body) {
    --pm-page-bg: #191c21;
    --pm-surface: #22262d;
    --pm-surface-subtle: #1e2228;
    --pm-surface-raised: #2b3038;
    --pm-surface-hover: #323842;
    --pm-control-bg: #2b3038;
    --pm-popover-bg: #262b33;
    --pm-text: #f0f1f3;
    --pm-text-secondary: #bec3cb;
    --pm-text-muted: #99a2af;
    --pm-chart-grid: rgba(208, 216, 228, .09);
    --pm-line-strong: rgba(208, 216, 228, .18);
    --pm-header-bg: #191c21;
    --pm-header-bg-solid: #191c21;
}
body:not(.pcp-body) :is(.pm-header__avatar, .pm-header__account-avatar, .pp-avatar,
    .pe-avatar, .pe-comment__avatar, .pe-comment__avatar-placeholder, .pe-activity-row__avatar,
    .pe-holder-row__avatar, .btc-hero__comment-avatar, .wc-hero__comment-avatar, .ps-avatar) {
    background: transparent !important;
    border-color: transparent;
    box-shadow: none;
    color: var(--pm-text);
}
.home-discovery {
    min-width: 0; min-height: 0; height: var(--home-hero-height);
    display: flex; flex-direction: column; gap: 8px;
}
.home-discovery a { text-decoration: none; }
.home-discovery__welcome {
    position: relative; overflow: hidden; isolation: isolate;
    min-height: 138px; flex: 0 0 138px; padding: 18px 20px;
    border-radius: 20px; background: linear-gradient(125deg, #29272d, #574334);
    color: #fff; display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
}
.home-discovery__welcome img { position: absolute; right: -16px; bottom: -16px; width: 162px; height: 162px; object-fit: contain; z-index: -1; }
.home-discovery__welcome strong { max-width: 64%; font-size: 22px; line-height: 1.12; letter-spacing: -.6px; text-wrap: balance; }
.home-discovery__eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #ffd6b2; }
.home-discovery__cta { margin-top: auto; border-radius: 20px; padding: 5px 12px; background: #fff; color: #25282e; font-size: 11px; font-weight: 600; }
.home-discovery__bonus { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 20px; border-radius: 18px; background: linear-gradient(110deg, #edc7ad, #f8e6d5); color: #4c3021; min-height: 76px; }
html.is-dark .home-discovery__bonus { background: linear-gradient(110deg, #634634, #ad795b); color: #fff4e9; }
.home-discovery__bonus strong { display: block; font-size: 15px; }
.home-discovery__bonus small { display: block; margin-top: 7px; font-size: 12px; }
.home-discovery__bonus svg { width: 48px; height: 48px; flex-shrink: 0; }
.home-discovery__heading { display: flex; gap: 8px; align-items: center; color: var(--pm-text); font-size: 16px; font-weight: 600; padding: 1px 2px; }
.home-discovery__heading > :last-child { color: var(--pm-text-muted); }
.home-discovery__topics { flex: 1; min-height: 0; overflow: auto; scrollbar-width: thin; }
.home-discovery__topic { display: grid; grid-template-columns: 15px minmax(0, 1fr) auto 10px; gap: 9px; align-items: center; min-height: 34px; padding: 6px 4px; color: var(--pm-text); border-radius: 8px; font-size: 12px; }
.home-discovery__rank, .home-discovery__arrow { color: var(--pm-text-muted); }
.home-discovery__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-discovery__odds { color: var(--pm-text-secondary); font-variant-numeric: tabular-nums; }
.home-discovery__explore { display: block; text-align: center; padding: 10px; background: var(--pm-control-bg); color: var(--pm-text-secondary); border-radius: 24px; font-size: 13px; }
.home-discovery__empty { color: var(--pm-text-muted); font-size: 13px; padding: 12px 4px; }
.home-discovery a:focus-visible { outline: 2px solid var(--pm-brand); outline-offset: 3px; }
@media (hover: hover) { .home-discovery__topic:hover, .home-discovery__explore:hover { background: var(--pm-surface-hover); color: var(--pm-text); } }
@media (max-width: 820px) {
    .home-discovery { margin-top: 14px; height: auto; display: grid; grid-template-columns: 1fr 1fr; }
    .home-discovery__welcome { min-height: 138px; }
    .home-discovery__bonus { flex-direction: column-reverse; align-items: flex-start; justify-content: center; }
    .home-discovery__heading, .home-discovery__topics, .home-discovery__explore { grid-column: 1 / -1; }
    .home-discovery__topic { min-height: 40px; font-size: 13px; }
}
@media (max-width: 440px) {
    .home-discovery { grid-template-columns: minmax(0, 1fr); }
    .home-discovery__bonus { flex-direction: row; align-items: center; justify-content: space-between; }
}