/* Critical CSS: Home (above-the-fold) */
/* Visually hidden utility (keep in DOM for SEO/AT, hide visually) */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Layout container */
.container{width:min(1100px,100% - 32px);margin:0 auto}
@media (max-width:640px){.container{width:calc(100% - 24px)}}

/* Header essentials (avoid layout shift) */
.site-header{position:relative;z-index:5}
.site-header .topbar{background:#fff}
.site-header .static-menu{display:inline-flex;align-items:center;gap:10px;min-width:max-content}
.site-header .static-menu>li{list-style:none;display:flex;align-items:center}
.site-header .static-menu a{text-transform:uppercase;font-weight:900;text-decoration:none;color:inherit}

/* Home hero + livefeed grid */
.home-top .home-grid{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}
@media (max-width:1024px){.home-top .home-grid{grid-template-columns:1fr}}

/* HERO */
.hero-main{display:block}
.hero-main .hero-media{display:block;aspect-ratio:16/9;background:#f2f2f2;border-radius:6px;overflow:hidden}
.hero-main .hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.hero-title{margin:10px 0 6px;font-weight:900;line-height:1.1;font-size:clamp(24px,5vw,36px)}
.hero-byline{font-size:14px;opacity:.8}

/* Teasers under HERO */
.teaser-list{margin:8px 0 0;padding:0 0 0 16px}
.teaser-title{margin:0}

/* Livefeed (Top Stories) */
.livefeed-panel{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:6px;overflow:hidden}
.livefeed-panel .lf-head{padding:10px 12px;font-weight:900;border-bottom:1px solid rgba(0,0,0,.06)}
.livefeed-panel .lf-list{list-style:none;margin:0;padding:8px 12px}
.livefeed-panel .lf-item{display:flex;gap:8px;align-items:flex-start;padding:6px 0}
.livefeed-panel .lf-time{min-width:40px;font-size:12px;opacity:.7}
.livefeed-panel .lf-link{text-decoration:none;color:inherit;font-weight:800}