/* Imported middle-content styles from the supplied site */

:root{
 --bg:#07121f;
 --panel: rgba(255,255,255,.075);
 --border: rgba(255,255,255,.14);
 --muted: rgba(255,255,255,.72);
 --brand:#1a73e8;
 --accent:#ff6b35;
 --r:14px;
}
body{ background:var(--bg); color:#fff; }
a{ color:rgba(255,255,255,.86); text-decoration:none; }
a:hover{ color:#fff; }
.navbar{ background: rgba(10,16,32,.78)!important; border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter: blur(10px); }
.glass{ background:var(--panel); border:1px solid var(--border); border-radius:var(--r); box-shadow:0 14px 34px rgba(0,0,0,.35); }
.text-muted{ color:var(--muted)!important; }
.section{ padding:84px 0; }

.btn-brand{ background:var(--brand); border:none; color:#fff; }
.btn-brand:hover{ filter:brightness(1.06); color:#fff; }
.btn-ghost{ background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16); color:#fff; }
.btn-ghost:hover{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.22); color:#fff; }

.badge-soft{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.20); color:#fff; }
.chip{ font-size:.78rem; padding:.18rem .55rem; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); white-space:nowrap; }

.mini-input{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#fff; }
.mini-input::placeholder{ color:rgba(255,255,255,.60); }
.mini-input:focus{ background:rgba(255,255,255,.09); border-color:rgba(26,115,232,.55); box-shadow:0 0 0 .25rem rgba(26,115,232,.18); color:#fff; }

.status{ font-size:.78rem; padding:.22rem .55rem; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.10); }
.status.live{ border-color: rgba(239,68,68,.55); background: rgba(239,68,68,.16); }
.status.upcoming{ border-color: rgba(34,197,94,.55); background: rgba(34,197,94,.14); }
.status.ft{ border-color: rgba(245,158,11,.55); background: rgba(245,158,11,.14); }

.ticker{ border-top:1px solid rgba(255,255,255,.10); border-bottom:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); overflow:hidden; }
.track{ display:flex; gap:18px; padding:10px 0; white-space:nowrap; animation:scroll 22s linear infinite; }
@keyframes scroll{ 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

.hero{ position:relative; border-bottom:1px solid rgba(255,255,255,.08); overflow:hidden; }
.hero::after{ content:""; position:absolute; inset:0;
 background: radial-gradient(900px circle at 18% 28%, rgba(26,115,232,.24), transparent 46%),
 radial-gradient(900px circle at 86% 22%, rgba(255,107,53,.18), transparent 44%);
 pointer-events:none;
}
.hero .container{ position:relative; z-index:1; }

.hero-cover{ min-height:84vh; display:flex; align-items:center;
 background: linear-gradient(90deg, rgba(7,18,31,.93) 0%, rgba(7,18,31,.70) 46%, rgba(7,18,31,.25) 100%), var(--hero);
 background-size:cover; background-position:center; }
.hero-split{ min-height:78vh; display:flex; align-items:center;
 background: linear-gradient(90deg, rgba(7,18,31,.92) 0%, rgba(7,18,31,.62) 52%, rgba(7,18,31,.18) 100%), var(--hero);
 background-size:cover; background-position:center; }
.hero-compact{ padding:120px 0 78px;
 background: radial-gradient(900px circle at 50% 0%, rgba(26,115,232,.35), transparent 55%),
 radial-gradient(900px circle at 10% 55%, rgba(255,107,53,.22), transparent 52%),
 linear-gradient(180deg, rgba(7,18,31,.55), rgba(7,18,31,.92)),
 var(--hero);
 background-size:cover; background-position:center; }
.hero-magazine{ padding:120px 0 78px; background: linear-gradient(180deg, rgba(7,18,31,.40), rgba(7,18,31,.90)), var(--hero);
 background-size:cover; background-position:center; }
.hero-neon{ padding:126px 0 86px;
 background: radial-gradient(900px circle at 50% 0%, rgba(124,58,237,.35), transparent 55%),
 radial-gradient(900px circle at 10% 60%, rgba(245,158,11,.22), transparent 52%),
 linear-gradient(180deg, rgba(7,18,31,.55), rgba(7,18,31,.92)),
 var(--hero);
 background-size:cover; background-position:center; }

.news-img{ width:100%; height:180px; object-fit:cover; display:block; border-radius:var(--r) var(--r) 0 0; }
.table-dark{ --bs-table-bg: rgba(255,255,255,.08); --bs-table-striped-bg: rgba(255,255,255,.06);
 --bs-table-border-color: rgba(255,255,255,.10); --bs-table-color: #fff; }
.list-group-item{ background:transparent!important; color:#fff!important; border-color: rgba(255,255,255,.10)!important; }

.carousel .carousel-caption{ text-align:left; background: rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.18);
 border-radius:var(--r); padding:18px; }
.carousel .carousel-item img{ height:420px; object-fit:cover; }
@media (max-width:768px){ .carousel .carousel-item img{ height:280px; } }

.banner-tile{ min-height:220px; border-radius:var(--r); overflow:hidden; position:relative; }
.banner-tile::after{ content:""; position:absolute; inset:0; background: linear-gradient(120deg, rgba(0,0,0,.55), rgba(0,0,0,.10)); }
.banner-tile > div{ position:relative; z-index:1; }

/* Keep primary site desktop container at 1180px */
.container{max-width:1180px!important;}



.rich-sports{padding:64px 0;background:#f5f8fc;color:#142033}.rich-sports .rs-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.rich-sports h2{font-size:30px;margin:0}.rich-sports .sub{color:#6b778c;margin:6px 0 0}.rs-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.rs-card{background:#fff;border:1px solid #e7edf5;border-radius:16px;padding:22px;box-shadow:0 8px 28px rgba(20,32,51,.06)}.rs-card h3{margin:0 0 12px;font-size:21px}.rs-card p,.rs-card li{color:#536174;line-height:1.75}.rs-card ul{margin:8px 0 0;padding-left:20px}.rs-wide{grid-column:span 7}.rs-side{grid-column:span 5}.rs-half{grid-column:span 6}.rs-tag{display:inline-block;padding:4px 9px;border-radius:999px;background:#edf4ff;color:#1769d2;font-size:12px;margin-bottom:10px}.score-list{display:grid;gap:10px}.score-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f6}.score-row:last-child{border:0}.score-row b{color:#17243a}.rs-note{font-size:13px;color:#8792a3;margin-top:12px}.health-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.health-pills span{background:#f0f7f3;color:#26734d;padding:7px 10px;border-radius:10px;font-size:13px}@media(max-width:800px){.rs-wide,.rs-side,.rs-half{grid-column:span 12}.rich-sports .rs-head{display:block}}



/* six-channel navigation + recommendation section */
.nav-links{gap:22px!important;flex-wrap:wrap}.nav-links a{white-space:nowrap}.recommendation-zone{background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}.recommend-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.recommend-lead{position:relative;min-height:440px;border-radius:20px;overflow:hidden;background:#101827;box-shadow:0 16px 42px rgba(19,40,72,.12)}.recommend-lead>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .65s ease}.recommend-lead:hover>img{transform:scale(1.045)}.recommend-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,24,.08) 25%,rgba(5,12,24,.9) 100%)}.recommend-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:34px;color:#fff}.recommend-overlay span,.recommend-card small{font-weight:700;color:#35a7ff}.recommend-overlay h3{font-size:27px;line-height:1.35;margin:9px 0}.recommend-overlay p{margin:0;color:rgba(255,255,255,.78);line-height:1.7}.recommend-stack{display:grid;gap:14px}.recommend-card{display:grid;grid-template-columns:155px 1fr;gap:17px;padding:14px;background:#fff;border:1px solid #e7edf5;border-radius:16px;box-shadow:0 8px 28px rgba(20,32,51,.055);transition:transform .25s ease,box-shadow .25s ease}.recommend-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,32,51,.1)}.recommend-card img{width:155px;height:112px;object-fit:cover;border-radius:12px}.recommend-card h3{font-size:17px;line-height:1.45;margin:5px 0 7px}.recommend-card p{font-size:13px;line-height:1.6;color:#68758a;margin:0}@media(max-width:980px){.nav-links{gap:12px!important}.recommend-grid{grid-template-columns:1fr}.recommend-lead{min-height:390px}}@media(max-width:680px){.recommend-card{grid-template-columns:110px 1fr}.recommend-card img{width:110px;height:100px}.recommend-overlay{padding:24px}.recommend-overlay h3{font-size:22px}}