/* Lions12 News Hub 1.0.0 — scoped to .l12nh; uses the theme's colour variables (red, green, black). */
.l12nh{--nh-red:var(--red,#ef2b2d);--nh-green:var(--green,#1f9e5a);--nh-bg:var(--bg,#121417);--nh-card:var(--card,#1b1e22);--nh-muted:var(--muted,#262a2f);--nh-fg:var(--fg,#f6f6f6);--nh-mf:var(--mf,#aeb3ba);--nh-border:var(--border,#363b42);padding:18px 0 40px}
.l12nh *{letter-spacing:0}.l12nh a{color:inherit;text-decoration:none}
.l12nh[aria-busy=true] .l12nh-latest{opacity:.55;transition:opacity .15s}
.l12nh .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.l12nh-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 10px;padding:0;font-size:12px;color:var(--nh-mf)}
.l12nh-crumbs li+li:before{content:"/";margin-right:6px}.l12nh-crumbs a{display:inline-block;padding:4px 0;color:var(--nh-fg);text-decoration:underline;text-underline-offset:3px}
.l12nh-header{margin-bottom:18px}.l12nh-header h1{margin:0;font-size:30px;line-height:1.1;padding-left:12px;border-left:5px solid var(--nh-red)}
.l12nh-intro{margin:10px 0 0;max-width:68ch;color:var(--nh-mf);font-size:15px;line-height:1.6}

/* Cards */
.l12nh-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--nh-border);border-radius:6px;background:var(--nh-card)}
.l12nh-card:hover{border-color:var(--nh-green)}
.l12nh-media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--nh-muted)}
.l12nh-img{display:block;width:100%;height:100%;object-fit:cover}
.l12nh-fallback{display:grid;width:100%;height:100%;place-items:center}.l12nh-fallback .brand-mark{opacity:.6}
.l12nh-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:16px}
.l12nh-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}
.l12nh-cat{display:inline-flex;align-items:center;min-height:24px;border-left:3px solid var(--nh-green);padding-left:8px;font-size:11px;font-weight:800;line-height:1.3;text-transform:uppercase;color:var(--nh-fg)}
a.l12nh-cat:hover{color:var(--nh-green)}
.l12nh-label{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:3px;font-size:10px;font-weight:900;line-height:1;text-transform:uppercase;color:#fff;background:var(--nh-muted)}
.l12nh-label--breaking{background:var(--nh-red)}.l12nh-label--pick{background:var(--nh-fg);color:var(--nh-bg)}
.l12nh-label--official{background:var(--nh-green)}.l12nh-label--reported{background:transparent;border:1px solid var(--nh-mf);color:var(--nh-fg)}
.l12nh-title{margin:0;font-size:19px;line-height:1.3;font-weight:900;overflow-wrap:break-word}
.l12nh-title a:after{content:"";position:absolute;inset:0;z-index:0}
.l12nh-title a:hover{color:var(--nh-green)}.l12nh-title a:focus-visible{outline:none}.l12nh-card:focus-within{outline:3px solid var(--nh-fg);outline-offset:2px}
.l12nh-cat,.l12nh-share a,.l12nh-more{position:relative;z-index:1}
.l12nh-excerpt{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--nh-mf)}
.l12nh-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:auto;padding-top:12px;font-size:12px;color:var(--nh-mf)}
.l12nh-meta>*+*:before{content:"·";margin-right:12px}

/* Top stories */
.l12nh-top{display:grid;gap:16px;margin-bottom:22px}
.l12nh-card--lead{border:0;border-radius:6px;min-height:420px;justify-content:flex-end;background:var(--nh-bg)}
.l12nh-card--lead .l12nh-media{position:absolute;inset:0;aspect-ratio:auto}
.l12nh-card--lead .l12nh-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.88) 78%)}
.l12nh-card--lead .l12nh-body{position:relative;flex:none;padding:22px 18px;color:#fff}
.l12nh-card--lead .l12nh-cat{border-color:var(--nh-red);color:#fff}
.l12nh-card--lead .l12nh-title{font-size:28px;line-height:1.15;max-width:26ch}
.l12nh-card--lead .l12nh-excerpt,.l12nh-card--lead .l12nh-meta{color:#e8e8e8}
.l12nh-lead-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.l12nh-more{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:6px;background:var(--nh-red);color:#fff!important;font-size:14px;font-weight:800}
.l12nh-more:hover{filter:brightness(1.1)}
.l12nh-share{display:flex;align-items:center;gap:6px;font-size:12px;color:#e8e8e8}
.l12nh-share a{display:inline-flex;align-items:center;min-height:36px;min-width:36px;justify-content:center;padding:0 10px;border:1px solid rgba(255,255,255,.4);border-radius:6px;font-weight:700;color:#fff}
.l12nh-share a:hover{border-color:var(--nh-green)}
.l12nh-top-side{display:grid;gap:12px}
.l12nh-card--secondary .l12nh-title{font-size:17px}

/* Category bar */
.l12nh-nav{position:relative;margin:0 0 6px;border-top:1px solid var(--nh-border);border-bottom:1px solid var(--nh-border);padding:12px 0}
.l12nh-nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0 0 2px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.l12nh-nav li{flex:none;scroll-snap-align:start}
.l12nh-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;white-space:nowrap;border:1px solid var(--nh-border);border-radius:6px;background:var(--nh-card);font-size:12px;font-weight:800;text-transform:uppercase}
.l12nh-nav a:hover{border-color:var(--nh-green)}.l12nh-nav a[aria-current]{background:var(--nh-red);border-color:var(--nh-red);color:#fff}

/* Discovery */
.l12nh-discover{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;margin:16px 0 4px;padding:14px;border:1px solid var(--nh-border);border-radius:6px;background:var(--nh-card)}
.l12nh-field{display:flex;flex-direction:column;gap:4px;min-width:0}.l12nh-field--q{grid-column:1/-1}
.l12nh-field label{font-size:12px;font-weight:700;color:var(--nh-mf)}
.l12nh-discover input,.l12nh-discover select{width:100%;min-height:44px;padding:0 10px;border:1px solid var(--nh-border);border-radius:6px;background:var(--nh-bg);color:var(--nh-fg);font:inherit;font-size:15px}
.l12nh-discover button{grid-column:1/-1;min-height:44px;padding:0 18px;border:0;border-radius:6px;background:var(--nh-green);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.l12nh-discover button:hover{filter:brightness(1.1)}
.l12nh-discover :focus-visible,.l12nh a:focus-visible{outline:3px solid var(--nh-fg);outline-offset:2px}

/* Sections */
.l12nh-block{margin-top:34px}
.l12nh-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px;border-top:1px solid var(--nh-border);padding-top:18px}
.l12nh-head h2{margin:0;padding-left:12px;border-left:4px solid var(--nh-red);font-size:24px;line-height:1.2}
.l12nh-head h2:focus{outline:none}
.l12nh-desc{margin:6px 0 0;padding-left:16px;max-width:70ch;font-size:14px;color:var(--nh-mf)}
.l12nh-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:800;color:var(--nh-fg)}.l12nh-link:hover{color:var(--nh-green)}
.l12nh-archive-link{margin:-6px 0 14px;font-size:13px}.l12nh-archive-link a{display:inline-block;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.l12nh-latest .l12nh-head{border-top:0;padding-top:12px}
.l12nh-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.l12nh-empty{padding:26px 16px;border:1px dashed var(--nh-border);border-radius:6px;color:var(--nh-mf);text-align:center}
.l12nh-pages{margin-top:26px}.l12nh-pages ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.l12nh-pages a,.l12nh-pages span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--nh-border);border-radius:6px;background:var(--nh-card);font-weight:800}
.l12nh-pages a:hover{border-color:var(--nh-green)}.l12nh-pages .current{background:var(--nh-red);border-color:var(--nh-red);color:#fff}
.l12nh-cta{margin:16px 0 0}
.l12nh-button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:6px;background:var(--nh-red);color:#fff!important;font-weight:900}
.l12nh-button:hover{filter:brightness(1.1)}
.l12nh-extra{margin-top:18px}

/* Section accents */
.l12nh-block--atlas{padding:18px;border-radius:8px;background:linear-gradient(135deg,rgba(239,43,45,.14),rgba(31,158,90,.1));border:1px solid var(--nh-border)}
.l12nh-block--atlas .l12nh-head{border-top:0;padding-top:0}
.l12nh-block--botola .l12nh-head h2{border-color:var(--nh-green)}
.l12nh-block--transfers .l12nh-head h2{border-color:var(--nh-green)}
.l12nh-block--picks{padding:18px;border-radius:8px;background:var(--nh-card);border:1px solid var(--nh-border)}
.l12nh-block--picks .l12nh-head{border-top:0;padding-top:0}.l12nh-block--picks .l12nh-card{background:var(--nh-bg)}

/* Compact / list / player variants */
.l12nh-card--compact,.l12nh-card--list{flex-direction:row}
.l12nh-card--compact .l12nh-media,.l12nh-card--list .l12nh-media{flex:none;width:112px;aspect-ratio:1/1}
.l12nh-card--compact .l12nh-body,.l12nh-card--list .l12nh-body{padding:10px 12px}
.l12nh-card--compact .l12nh-title,.l12nh-card--list .l12nh-title{font-size:15px}
.l12nh-card--compact .l12nh-excerpt{display:none}
.l12nh-card--list .l12nh-media{width:96px}
.l12nh-card--player .l12nh-media{aspect-ratio:4/3}.l12nh-card--player .l12nh-img{object-position:50% 25%}
.l12nh-card--player{border-top:3px solid var(--nh-green)}

/* Newsletter */
.l12nh-newsletter{display:grid;gap:14px;padding:22px;border-radius:8px;background:var(--nh-card);border:1px solid var(--nh-border);border-left:5px solid var(--nh-green)}
.l12nh-newsletter h2{margin:0;font-size:24px}.l12nh-newsletter p{margin:6px 0 0;color:var(--nh-mf)}

/* Phones: section cards become compact rows so the page stays scannable. */
@media (max-width:599px){
.l12nh-hide-sm{display:none}
.l12nh-m-compact .l12nh-block:not(.l12nh-latest) .l12nh-card--standard,.l12nh-m-compact .l12nh-block .l12nh-card--player{flex-direction:row}
.l12nh-m-compact .l12nh-block:not(.l12nh-latest) .l12nh-card--standard .l12nh-media,.l12nh-m-compact .l12nh-block .l12nh-card--player .l12nh-media{flex:none;width:112px;aspect-ratio:1/1}
.l12nh-m-compact .l12nh-block:not(.l12nh-latest) .l12nh-card--standard .l12nh-body,.l12nh-m-compact .l12nh-block .l12nh-card--player .l12nh-body{padding:10px 12px}
.l12nh-m-compact .l12nh-block:not(.l12nh-latest) .l12nh-card--standard .l12nh-title,.l12nh-m-compact .l12nh-block .l12nh-card--player .l12nh-title{font-size:15px}
.l12nh-m-compact .l12nh-block--atlas .l12nh-card--wide{flex-direction:column}.l12nh-m-compact .l12nh-block--atlas .l12nh-card--wide .l12nh-media{width:auto;aspect-ratio:16/9}
.l12nh-top-side .l12nh-card--secondary{flex-direction:row}.l12nh-top-side .l12nh-card--secondary .l12nh-media{flex:none;width:112px;aspect-ratio:1/1}.l12nh-top-side .l12nh-card--secondary .l12nh-body{padding:10px 12px}.l12nh-top-side .l12nh-card--secondary .l12nh-title{font-size:15px}
.l12nh-block--atlas,.l12nh-block--picks{padding:14px;margin-left:-4px;margin-right:-4px}
.l12nh-card--lead{min-height:380px}.l12nh-card--lead .l12nh-title{font-size:24px}
.l12nh-meta{font-size:11.5px}
}
@media (min-width:600px){
.l12nh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.l12nh-top-side{grid-template-columns:repeat(2,minmax(0,1fr))}
.l12nh-discover{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto}.l12nh-field--q{grid-column:auto}.l12nh-discover button{grid-column:auto}
.l12nh-style--list .l12nh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.l12nh-newsletter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.l12nh-header h1{font-size:36px}
}
@media (min-width:900px){
.l12nh-top{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch}
.l12nh-card--lead{min-height:540px}.l12nh-card--lead .l12nh-title{font-size:36px}.l12nh-card--lead .l12nh-body{padding:28px}
.l12nh-top-side{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}
.l12nh-top-side .l12nh-card--secondary{flex-direction:row}
.l12nh-top-side .l12nh-card--secondary .l12nh-media{flex:none;width:42%;aspect-ratio:auto}
.l12nh-cols-3 .l12nh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.l12nh-cols-4 .l12nh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.l12nh-style--feature .l12nh-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;grid-auto-rows:auto}
.l12nh-style--feature .l12nh-card--wide{grid-row:span 3}
.l12nh-style--feature .l12nh-card--wide .l12nh-title{font-size:24px}
.l12nh-style--list .l12nh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.l12nh-style--players .l12nh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.l12nh-head h2{font-size:28px}
.l12nh-block--atlas,.l12nh-block--picks{padding:24px}
}
@media (min-width:1280px){.l12nh-card--lead .l12nh-title{font-size:40px}}
@media (prefers-reduced-motion:reduce){.l12nh *{transition:none!important;scroll-behavior:auto!important}}