/* Home page lead story band (templates/home-lead.php, 2026-11-04): a dark ink band right under the hero, picture
   left, words right, a live dot on the kicker. Only the config decides what it says. */
.hl { background: #0a1430; color: #f7f5ec; border-top: 1px solid rgba(247, 245, 236, .12); border-bottom: 1px solid rgba(247, 245, 236, .12); }
.hl-inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 2.4rem; align-items: center; padding: 2.2rem 0; }
.hl-media { display: block; border-radius: 14px; overflow: hidden; border: 1px solid rgba(247, 245, 236, .16); box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .8); transition: transform .25s; }
.hl-media:hover { transform: translateY(-3px); }
.hl-media img { display: block; width: 100%; height: auto; }
.hl-kicker { display: inline-flex; align-items: center; gap: .6rem; margin: 0 0 .7rem; font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #e9fc82; }
.hl-live { width: 9px; height: 9px; border-radius: 50%; background: #e9fc82; animation: hl-pulse 2.4s infinite; }
@keyframes hl-pulse { 0% { box-shadow: 0 0 0 0 rgba(233, 252, 130, .6); } 70% { box-shadow: 0 0 0 12px rgba(233, 252, 130, 0); } 100% { box-shadow: 0 0 0 0 rgba(233, 252, 130, 0); } }
.hl h2 { margin: 0 0 .8rem; font-size: clamp(1.5rem, 2.6vw, 2.3rem); font-weight: 900; letter-spacing: -.035em; line-height: 1.08; }
.hl h2 a { text-decoration: none; }
.hl h2 a:hover { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; text-decoration-color: #7aa2ff; }
.hl-teaser { margin: 0 0 1.2rem; font-size: .98rem; line-height: 1.6; color: #dfe3f0; max-width: 62ch; }
.hl-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.4rem; margin: 0; }
.hl-button { display: inline-flex; align-items: center; gap: .8rem; padding: .9rem 1.3rem; background: #e9fc82; color: #17201b; font-weight: 800; font-size: .84rem; letter-spacing: .04em; text-decoration: none; border-radius: 4px; transition: transform .2s, background .2s; }
.hl-button:hover { transform: translateY(-2px); background: #d8ef69; }
.hl-actions small { font-size: .74rem; color: #b8c0d6; }
@media (max-width: 900px) { .hl-inner { grid-template-columns: 1fr; gap: 1.4rem; padding: 1.6rem 0; } }
@media (prefers-reduced-motion: reduce) { .hl-live { animation: none; } .hl-media:hover, .hl-button:hover { transform: none; } }