:root{--mc-dark:#0b0f14;--mc-accent:#ffcc00;--container:1200px;}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial;margin:0;color:#222;background:#fff;}
.wrap{max-width:var(--container);margin:0 auto;padding:0 20px;}
.site-header-outer{background:var(--mc-dark);color:#fff;position:sticky;top:0;z-index:9999;border-bottom:4px solid rgba(0,0,0,0.4);}
.site-header{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:var(--container);margin:0 auto;padding:0 20px;}
.logo a{color:#fff;font-weight:800;letter-spacing:1px;font-size:20px;}
.main-nav{flex:1;margin-left:36px;}
.nav-list{display:flex;gap:20px;align-items:center;list-style:none;margin:0;padding:0;}
.nav-list li{position:relative;}
.nav-list a{color:#cfd8df;padding:16px 6px;display:inline-block;font-weight:600;font-size:14px;}
.nav-list a:hover{color:#fff;}
.nav-dropdown{position:absolute;left:0;top:100%;background:#0e1419;padding:18px;border-radius:6px;min-width:260px;display:none;box-shadow:0 12px 36px rgba(2,6,10,0.7);opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;}
.nav-list li:hover > .nav-dropdown{display:block;opacity:1;transform:translateY(0);}
.mega{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;min-width:640px;}
.header-search input{background:#071018;border:1px solid #22343b;color:#cbd6db;padding:8px 10px;border-radius:4px;min-width:220px;}
.search-results{position:absolute;top:42px;left:0;background:#071018;border:1px solid #1e2b30;color:#fff;width:360px;max-height:360px;overflow:auto;border-radius:6px;display:none;z-index:9999;}
.search-results .item{display:flex;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,0.03);align-items:center;}
.search-results img{width:48px;height:48px;object-fit:cover;border-radius:4px;}
.hero{background:linear-gradient(90deg,#071018,#0b1720);color:#fff;padding:36px 0;text-align:center;}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 0;}
@media(min-width:1000px){.grid{grid-template-columns:repeat(4,1fr);}}
.card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 6px 20px rgba(6,12,18,0.06);position:relative;}
.card img{width:100%;height:150px;object-fit:cover;}
.card-body{padding:12px;}
.card h3{margin:0 0 8px;font-size:16px;}
.card .score{position:absolute;right:12px;top:12px;background:var(--mc-accent);color:#111;padding:6px 8px;border-radius:6px;font-weight:800;}
.metareview-aggregate{display:flex;gap:12px;align-items:center;margin-bottom:12px;}
.aggregate-overall{background:#0b1216;color:var(--mc-accent);padding:14px 16px;border-radius:6px;font-size:22px;font-weight:900;}