/* Shared homepage appearance for catalog, game records, and editorial pages. */
:root{color-scheme:light;--bg:#fff;--paper:#fff;--panel:#f6f7f8;--ink:#1c1e21;--muted:#606770;--line:#ebedf0;--accent:#00a595;--teal:#00a595}
html,body{background:#fff;color:var(--ink)}
*,*::before,*::after{border:0!important;outline:0!important;box-shadow:none!important}
a:focus-visible,button:focus-visible,summary:focus-visible{background-color:#f2f2f2!important;color:#008c7e!important}
input:focus-visible{background-color:#f2f2f2!important}
.site-header,.topbar,footer{background:#fff;color:var(--ink)}
.brand,.brand.crumb,footer .brand,footer>a.brand:last-of-type{display:inline-flex;align-items:center;gap:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:25px;font-weight:850;line-height:1.5;letter-spacing:-1.2px;white-space:nowrap;color:#272a31;text-decoration:none;margin-left:0}
.brand img{display:block;width:29px;height:29px;margin-right:9px;object-fit:contain}
.brand>span{color:#ee4963}.brand.crumb::after{display:none}
.brand.crumb{padding-bottom:24px}
.site-header nav a{color:#606770}.site-header nav a:hover{color:#00a595}
.lead,.record-summary,.record-method,.record-links li,.video-section>div>p,.video-section.unavailable p,.video-fallback{color:#606770}
.meta,.note,footer,.facts dt,.record-links span,.video-card small{color:#606770}
.facts dd{color:#1c1e21}.record-tags span{background:#f6f7f8;color:#606770;border-radius:4px}
.fact-status.verified{color:#167964}.fact-status.queued{color:#926021}
.box,.video-card,.detail-dialog{background:#f6f7f8;color:#1c1e21}
.box li,main>ul li,.sources li{color:#606770}
.record-cover,.trailer-player{background:#f6f7f8}.video-card:hover{background:#f2f2f2}
.video-card strong{color:#1c1e21}.video-card b{color:#00a595}
.record-links a,.editorial-links a,.back-link,.video-fallback a{color:#00a595}
hr{display:none}

/* Contextual left-hand contents menu, shared across game pages. */
.detail-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;max-width:1320px;margin:0 auto;padding:0 28px;align-items:start}
.detail-layout>main{min-width:0;width:100%;max-width:none;margin:0;padding-inline:16px}
.has-page-menu>.site-header{max-width:1320px;margin:auto;padding-inline:28px}
.page-menu{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:sticky;top:32px;margin-top:52px;max-height:calc(100vh - 64px);overflow:auto;scrollbar-width:thin}
.editorial-layout .page-menu{margin-top:132px}
.menu-caption{font:700 10px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:1.4px;color:#606770;padding:0 16px;margin:0 0 12px}
.page-menu a,.catalog-menu a,.catalog-menu button{display:block;font:500 13px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;text-align:left;padding:14px 16px;color:#606770;background:transparent;border-radius:8px;cursor:pointer;transition:background .18s,color .18s}
.page-menu a:hover,.catalog-menu a:hover,.catalog-menu button:hover{background:#f6f7f8;color:#1c1e21}
.page-menu a.active,.catalog-menu .active{background:#f2f2f2;color:#00a595;font-weight:750}
.page-menu .menu-back{margin-top:18px;font-size:12px;color:#606770}
.detail-layout h1,.detail-layout h2,.game-hero-record{scroll-margin-top:40px}
.catalog-menu{display:flex;flex-direction:column;gap:4px;align-items:stretch;margin-bottom:28px}
.catalog-menu .menu-caption{padding-left:10px;margin-bottom:8px}
.catalog-menu button,.catalog-menu a{padding:11px 12px}
@media(max-width:900px){.detail-layout{grid-template-columns:135px minmax(0,1fr);gap:15px;padding-inline:18px}.page-menu a{padding:12px;font-size:12px}}
@media(max-width:680px){.detail-layout{display:flex;flex-direction:column;padding:0;gap:0}.detail-layout>main{padding-inline:20px}.page-menu,.editorial-layout .page-menu{position:sticky;top:0;z-index:12;margin:0;width:100%;max-height:none;flex-direction:row;gap:6px;align-items:center;padding:10px 16px;background:#fff;overflow-x:auto;scrollbar-width:none}.page-menu::-webkit-scrollbar{display:none}.page-menu a{flex-shrink:0;white-space:nowrap;padding:10px 13px;font-size:12px}.page-menu .menu-caption,.page-menu .menu-back{display:none}.detail-layout h1,.detail-layout h2,.game-hero-record{scroll-margin-top:82px}.has-page-menu>.site-header{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-menu a,.catalog-menu a,.catalog-menu button{transition:none}}

/* Espanso documentation palette; the existing brand keeps its original colors. */
:root{--sidebar:#fff;--surface:#f6f7f8;--selection:#f2f2f2;--purple:#1c1e21}
.global-search,.cover,.category,.genre-chip:not(.active),.outline{background:var(--surface)}
.global-search input{color:var(--ink)}
.global-search input::placeholder,.global-search kbd,.header-about,.sidebar-heading button,.side-option,.side-option small,.check-option,.sidebar-note,.sidebar-note strong,.breadcrumb,.breadcrumb span,h1>span,.sortbar>span,.sortbar button,.genre-chip,.catalog-description,.cover .unavailable,.card-subtitle,.card-bottom,.load-footer p,footer p,footer small,.empty-state,.ranking-container th,.rank-game small,.reviews-cell,.year-cell,.row-action{color:var(--muted)}
.side-option:hover,.genre-chip:not(.active):hover,.outline:hover,.view-switch button.active{background:var(--selection);color:var(--ink)}
.nav-tag,.side-option.active,.side-option.active small,.genre-chip.active,.active-filters button{background:var(--selection);color:var(--accent)}
.nav-link.active,.sortbar button.active,.row-action:hover,.positive,.rating-cell strong,.ranking-container tr:nth-child(-n+3) td:first-child{color:var(--accent)}
.ranking-banner,.ranking-note{background:var(--surface);color:var(--ink)}
.banner-label{color:var(--accent)}
.ranking-banner p{color:var(--muted)}
.ranking-banner button{background:var(--accent);color:#fff}
.ranking-banner button:hover{background:#008c7e}
.ranking-container td{background:#f6f7f8}
.ranking-container tbody tr:nth-child(even) td{background:#f2f2f2}
.ranking-container tbody tr:hover td{background:#e9ecef}
.ranking-container td:first-child{color:var(--muted)}
.rank-game strong{color:var(--ink)}
.rating-bar{background:#dadde1}.rating-bar i{background:var(--accent)}
.fact-status.verified{color:var(--accent)}
::selection{background:#cceee9;color:#1c1e21}