/* Shared homepage dashboard surfaces, controls and spacing. Data logic is unchanged. */
.page-home-doomer{--dash-text:#e2e2e5;--dash-muted:#a1a1a8;--dash-line:#ffffff12;--dash-card:#0b0b0d;--dash-gold:#d4b27a;--dash-up:#85cba4;--dash-down:#ef939e}
.page-home-doomer #explore.hub--refined{--hc-text:var(--dash-text);--hc-muted:var(--dash-muted);--hc-line:var(--dash-line);--hc-accent:var(--dash-gold)}
.page-home-doomer #home-tool-browser{--tb-text:var(--dash-text);--tb-muted:var(--dash-muted);--tb-line:var(--dash-line);--tb-gold:var(--dash-gold);border-top:1px solid var(--dash-line);padding-top:22px}
.page-home-doomer #main .btn,.page-home-doomer #home-tool-browser .tool-browser-nav button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 13px;border:1px solid var(--dash-line);border-radius:0;background:#ffffff03;color:var(--dash-muted);font:500 11px/1.35 var(--font-mono,ui-monospace,monospace);letter-spacing:0;text-decoration:none;box-shadow:none;transform:none;animation:none;transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.page-home-doomer #main .btn::after{content:none;animation:none;box-shadow:none}
.page-home-doomer #main .btn:hover,.page-home-doomer #home-tool-browser .tool-browser-nav button:hover{border-color:#d4b27a45;background:#ffffff06;color:var(--dash-text);transform:none;box-shadow:none}
.page-home-doomer #main .btn.btn-primary{background:#d4b27a;border-color:#d4b27a;color:#111113}
.page-home-doomer #main .btn.btn-primary:hover{background:#e1c18d;border-color:#e1c18d;color:#111113}
.page-home-doomer #home-tool-browser .tool-browser-nav button[aria-selected="true"]{color:var(--dash-gold);border-color:#d4b27a30;background:#d4b27a09}
.page-home-doomer #main .btn:focus-visible,.page-home-doomer #home-tool-browser .tool-browser-nav button:focus-visible{outline:2px solid var(--dash-gold);outline-offset:3px}
.page-home-doomer #home-market-snapshot{max-width:1180px;margin:0 auto;padding:22px 24px 24px;border-top:1px solid var(--dash-line)}
.page-home-doomer #home-market-snapshot .home-market-snapshot__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.page-home-doomer #home-market-snapshot h2,.page-home-doomer #home-tool-browser .tool-browser-head h2{margin:0 0 7px;color:var(--dash-text);font:600 25px/1.25 var(--font-display,ui-monospace,monospace);letter-spacing:-.035em}
.page-home-doomer #home-market-snapshot .home-market-snapshot__head p{max-width:760px;margin:0;color:var(--dash-muted);font:400 13px/1.5 var(--font-body,Arial,sans-serif)}
.page-home-doomer #home-market-snapshot [data-home-market-updated]{flex:none;max-width:100%;margin:0;color:var(--dash-muted);font:400 10px/1.4 var(--font-mono,ui-monospace,monospace);white-space:normal}
.page-home-doomer #home-market-snapshot .home-market-snapshot__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.page-home-doomer #home-market-snapshot .market-snapshot-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;gap:8px 12px;padding:14px;border:1px solid var(--dash-line);border-radius:0;background:var(--dash-card);box-shadow:none;font-variant-numeric:tabular-nums}
.page-home-doomer #home-market-snapshot .market-snapshot-card div{display:flex;flex-direction:column;gap:4px;min-width:0}
.page-home-doomer #home-market-snapshot .market-snapshot-card strong{color:var(--dash-text);font:600 12px/1.4 var(--font-mono,ui-monospace,monospace)}
.page-home-doomer #home-market-snapshot .market-snapshot-card b{color:var(--dash-text);font:600 18px/1.3 var(--font-mono,ui-monospace,monospace);text-align:right;white-space:nowrap}
.page-home-doomer #home-market-snapshot .market-snapshot-card div span,.page-home-doomer #home-market-snapshot .market-snapshot-na{color:var(--dash-muted);font:400 10.5px/1.45 var(--font-body,Arial,sans-serif);overflow-wrap:anywhere}
.page-home-doomer #home-market-snapshot .market-snapshot-card>span{grid-column:1/-1;margin:0;font:400 11px/1.45 var(--font-mono,ui-monospace,monospace);overflow-wrap:anywhere}
.page-home-doomer #home-market-snapshot .market-snapshot-card .is-up{color:var(--dash-up)}
.page-home-doomer #home-market-snapshot .market-snapshot-card .is-down{color:var(--dash-down)}
.page-home-doomer #home-market-snapshot .seo-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
@media(max-width:900px){.page-home-doomer #home-market-snapshot .home-market-snapshot__grid{grid-template-columns:1fr}.page-home-doomer #home-market-snapshot .market-snapshot-card{padding:12px 14px}}
@media(max-width:560px){
 .page-home-doomer #home-market-snapshot,.page-home-doomer #home-tool-browser{padding:18px 14px 22px}
 .page-home-doomer #home-market-snapshot h2,.page-home-doomer #home-tool-browser .tool-browser-head h2{font-size:21px}
 .page-home-doomer #home-market-snapshot .home-market-snapshot__head{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:12px}
 .page-home-doomer #home-market-snapshot .home-market-snapshot__head p{font-size:12px}
 .page-home-doomer #home-market-snapshot .market-snapshot-card{gap:6px 10px;padding:11px 12px}
 .page-home-doomer #main .btn,.page-home-doomer #home-tool-browser .tool-browser-nav button{min-height:44px;padding:9px 11px;font-size:11px}
 .page-home-doomer #home-market-snapshot .seo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-home-doomer #home-market-snapshot .seo-actions .btn{white-space:normal;text-align:center;min-width:0}
}
@media(prefers-reduced-motion:reduce){.page-home-doomer #main .btn,.page-home-doomer #home-tool-browser .tool-browser-nav button{transition:none!important}}
/* Short mobile labels and a single aligned category switch. */
.page-home-doomer #home-tool-browser .tool-browser-label-mobile{display:none}
@media(max-width:560px){
 .page-home-doomer #home-tool-browser .tool-browser-head h2{font-size:20px}
 .page-home-doomer #home-tool-browser .tool-browser-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--dash-line);background:#0c0c0f;margin-bottom:14px}
 .page-home-doomer #home-tool-browser .tool-browser-nav button{width:100%;min-width:0;min-height:44px;padding:8px 4px;margin:0;font-size:11px;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere;border-color:transparent;background:none}
 .page-home-doomer #home-tool-browser .tool-browser-nav button[aria-selected="true"]{background:#d4b27a0e;border-color:#d4b27a35;color:var(--dash-gold)}
 .page-home-doomer #home-tool-browser .tool-browser-label-desktop,.page-home-doomer #home-tool-browser .tool-browser-count{display:none}
 .page-home-doomer #home-tool-browser .tool-browser-label-mobile{display:inline}
 .page-home-doomer #home-tool-browser .tool-browser-panel h3{font-size:15px}
 .page-home-doomer #home-tool-browser .tool-browser-grid a{padding:9px 11px}
 .page-home-doomer #home-tool-browser .tool-browser-about summary{min-height:44px}
}

/* Desktop: move hero content up 38px and shorten the section another 40px.
   Reducing total vertical padding and min-height equally preserves flex centering.
   Mobile rules remain unchanged. */
@media(min-width:761px){
 .page-home-doomer #main .hero.hero--doomer{min-height:438px}
 .page-home-doomer #main .hero.hero--doomer .hero-inner{padding:10px 34px 16px}
}