@font-face{font-family:Inter;src:url('fonts/Inter-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--mc-ink:#273c4e;--mc-navy:#233972;--mc-blue:#31a8e0;--mc-orange:#f59c24;--mc-gray:#666566;--accent:var(--mc-blue)}
body{background:radial-gradient(ellipse at 80% 0%,#23397240,transparent 43%),var(--bg)}
.topbar{height:auto;min-height:110px;display:grid;grid-template-columns:240px 1fr auto;column-gap:32px;row-gap:12px;padding:19px max(4vw,24px);background:#fff;border-bottom:3px solid var(--mc-orange);color:var(--mc-ink)}
.marqcore-home{display:block;width:240px;line-height:0;border-radius:3px}
.marqcore-logo{display:block;width:240px;max-width:100%;height:auto}
.site-title{display:flex;flex-direction:column;justify-self:start;gap:3px;border-left:1px solid #dbe1e6;padding-left:28px;text-decoration:none}
.site-title strong{font-size:19px;letter-spacing:2px;font-weight:800;color:var(--mc-navy)}
.site-title>span{font-size:10px;letter-spacing:1.8px;color:var(--mc-gray);font-weight:500}
.topbar .clock{margin:0;padding-left:22px;color:var(--mc-ink);border-left:1px solid #dbe1e6;font-size:13px;white-space:nowrap}
.hero h1 span{color:var(--mc-orange)}
.live-dot{box-shadow:0 0 0 4px #31a8e018}
.primary{color:#0b1422}.primary:hover{background:#75c9ef;border-color:#75c9ef}
.local-card:after{border-color:#31a8e029}
.bluebook-panel{background:#13253b;border-color:#2b4e6c}
#toast{color:#0b1422}
.marqcore-footer{align-items:flex-start;padding:28px 0 34px;gap:25px}
.publisher{display:flex;flex-direction:column;gap:3px}
.publisher>span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}
.publisher>a{font-size:19px;letter-spacing:-.3px;font-weight:700;color:var(--text);text-decoration:none}
.publisher>a span{color:var(--mc-orange);font-size:17px;margin-left:5px}
.publisher>a:hover{color:var(--mc-blue)}
.publisher>small{font-size:11px;margin:3px 0 0;letter-spacing:0;font-weight:400}
.footer-details{text-align:right;display:flex;flex-direction:column;gap:5px;font-size:10px}
.footer-details b{font-weight:400;color:var(--text)}
@media(max-width:740px){
 .topbar{grid-template-columns:1fr auto;padding:16px 18px;gap:15px 12px}
 .marqcore-home{grid-column:1/-1;justify-self:center}
 .site-title{border:0;padding:0;gap:2px}
 .site-title strong{font-size:16px;letter-spacing:1.4px}
 .site-title>span{font-size:9px;letter-spacing:1.2px}
 .topbar .clock{font-size:11px;padding-left:12px}
 .marqcore-footer{display:flex;flex-direction:column;gap:21px}
 .footer-details{text-align:left;font-size:10px}
}
