/* News gets the same night-stadium palette, with motion that never moves reading text. */
.modeHub #newsSection.hn-section{border-color:#475255;background:radial-gradient(ellipse at 0 0,#29475155,transparent 58%),radial-gradient(ellipse at 100% 100%,#81613023,transparent 55%),linear-gradient(150deg,#151c1e,#080c0d);position:relative;padding:13px}
.hn-section .sectionHead{align-items:center;gap:8px;min-height:26px;margin-bottom:13px}
.hn-section .sectionHead h2{flex:1;color:#e6eceb;letter-spacing:.13em;font-size:12px}
.hn-section .sectionBadge{color:#bbcece;font-size:8px}
.hn-beacon{position:relative;width:20px;height:20px;border:1px solid #e1bb79;border-radius:6px;background:#392e1d;box-shadow:0 0 15px #d8a85522;flex:0 0 20px}
.hn-beacon:before{content:'';position:absolute;inset:3px;border:1px solid #edc38070;border-radius:50%}.hn-beacon:after{content:'';position:absolute;left:6px;top:6px;width:6px;height:6px;border-radius:50%;background:#edc380;box-shadow:0 0 8px #e3b46866;animation:hn-broadcast 2.8s ease-in-out infinite}
.modeHub .hn-grid.hubNewsGrid{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;scrollbar-width:none;padding-bottom:5px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.hn-grid::-webkit-scrollbar{display:none}
.modeHub .hn-grid .hn-card{--hn-gold:#e5c282;--hn-edge:#887146;--hn-wash:#70532635;flex:0 0 93%;min-width:0;max-width:93%;scroll-snap-align:start;position:relative;isolation:isolate;border:1px solid var(--hn-edge);border-radius:18px;background:radial-gradient(ellipse at 100% 0,var(--hn-wash),transparent 58%),linear-gradient(145deg,#14191b,#0a0e10);overflow:hidden;box-shadow:0 12px 26px #0004}
.modeHub .hn-grid .hn-card[data-hn-tone="1"]{--hn-gold:#9bcee8;--hn-edge:#42667a;--hn-wash:#23577150}
.modeHub .hn-grid .hn-card[data-hn-tone="2"]{--hn-gold:#9ddbc8;--hn-edge:#477165;--hn-wash:#20574744}
.hn-media{height:220px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 30% 25%,#294552,#101d23 65%)}
.hn-media:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#030b0f22,transparent 35%,#080f1455 75%,#11191b)}
.modeHub .hn-card .hn-media .hn-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;display:block;object-fit:cover;transform-origin:50% 40%;animation:hn-photo-drift 14s ease-in-out infinite alternate;animation-play-state:paused}
.modeHub .hn-card.hn-active .hn-media .hn-photo{animation-play-state:running}
.hn-media .hn-crest{position:absolute;width:85px;height:85px;inset:0;margin:auto;object-fit:contain;opacity:0}
.hn-media.hn-no-photo .hn-crest{opacity:.85}
.hn-media-label{position:absolute;z-index:2;left:12px;top:12px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:7px 10px;border-radius:30px;border:1px solid #dac08788;background:#0a151ae6;color:#f4dbad;font-size:8px;letter-spacing:.13em;box-shadow:0 6px 15px #0003}
.hn-label-light{width:5px;height:5px;border-radius:50%;background:var(--hn-gold);box-shadow:0 0 8px var(--hn-gold);flex:0 0 5px}
.hn-edition{position:absolute;right:12px;bottom:10px;z-index:2;font-size:39px;line-height:1;letter-spacing:-.08em;font-weight:950;color:#e0e9ed45;text-shadow:0 0 15px #060d1544}
.modeHub .hn-card .hn-copy{padding:13px 14px 16px;position:relative}
.hn-copy:before{content:'';position:absolute;left:14px;top:0;width:34px;height:2px;background:var(--hn-gold);box-shadow:0 0 12px var(--hn-wash)}
.modeHub .hn-card .hn-meta{display:flex;align-items:baseline;justify-content:space-between;gap:7px;flex-wrap:wrap;margin:1px 0 9px;letter-spacing:.065em;font-size:8px;color:#a6b6bd}
.hn-reading{font-size:8px;letter-spacing:.01em;text-transform:none;color:var(--hn-gold);white-space:nowrap}
.modeHub .hn-card .hn-title{font-size:18px;line-height:1.2;letter-spacing:-.02em;font-weight:900;color:#f4f6f3;margin:0 0 10px;white-space:normal;overflow:visible;overflow-wrap:anywhere;display:block;-webkit-line-clamp:unset;max-height:none}
.modeHub .hn-card .hn-text{font-size:12px!important;line-height:1.65!important;color:#bbc8ca;white-space:pre-line;overflow:visible;display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;margin-top:0;overflow-wrap:anywhere}
.modeHub .hn-card .hn-read{display:block;position:relative;width:100%;min-height:43px;margin-top:16px;border:1px solid var(--hn-edge);border-radius:12px;background:linear-gradient(110deg,#243033,#171f20);color:#f2e3c7;font-size:11px;letter-spacing:.02em;font-weight:900;overflow:hidden;cursor:pointer}
.hn-card.hn-active:not(.hn-expanded) .hn-read:after{content:'';position:absolute;inset:-40% auto -40% -60%;width:35%;background:linear-gradient(90deg,transparent,#e1c38b1f,transparent);transform:skewX(-18deg);animation:hn-sweep 7s linear infinite;pointer-events:none}
.hn-card .hn-source{display:block;color:var(--hn-gold);margin-top:13px;font-size:11px;line-height:1.4;background:transparent;text-align:center;text-underline-offset:3px;padding:8px;border-color:var(--hn-edge);white-space:normal;overflow-wrap:anywhere}
.hn-navigation{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:12px 4px 0}
.hn-navigation[hidden]{display:none!important}
.hn-nav-arrow{width:38px;height:36px;border:1px solid #51636a;border-radius:11px;background:linear-gradient(145deg,#273a42,#101a20);color:#e0c78e;font-size:20px;cursor:pointer}
.hn-nav-arrow:disabled{opacity:.3;cursor:default}
.hn-nav-middle{text-align:center;min-width:0}.hn-counter{font-size:9px;letter-spacing:.16em;color:#a4b8c1;font-weight:900;font-variant-numeric:tabular-nums}
.hn-dots{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:3px}
.hn-dot{width:16px;height:17px;padding:5px 2px;border:0;background:transparent;position:relative;cursor:pointer}
.hn-dot:before{content:'';display:block;width:100%;height:3px;border-radius:10px;background:#3b525b}
.hn-dot.active:before{background:#e3bf78;box-shadow:0 0 8px #dfb56744}
.hn-section button:focus-visible,.hn-section a:focus-visible{outline:2px solid #e7c384;outline-offset:2px}
.hn-offscreen *,.hn-offscreen :before,.hn-offscreen :after{animation-play-state:paused!important}
@keyframes hn-photo-drift{0%{transform:scale(1.015) translateX(-.25%)}100%{transform:scale(1.085) translateX(.25%)}}
@keyframes hn-broadcast{50%{opacity:.4;transform:scaleY(.65)}}
@keyframes hn-sweep{0%,25%{left:-60%}65%,100%{left:135%}}
@media(min-width:650px){.hn-media{height:285px}.modeHub .hn-grid .hn-card{flex-basis:84%;max-width:84%}.modeHub .hn-card .hn-title{font-size:22px}.modeHub .hn-card .hn-copy{padding:16px 18px 20px}}
@media(max-width:350px){.hn-media{height:183px}.modeHub .hn-card .hn-copy{padding:12px}.modeHub .hn-card .hn-title{font-size:16px}.hn-section .sectionHead h2{font-size:11px}.hn-section .sectionBadge{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hn-section *,.hn-section :before,.hn-section :after{animation:none!important;transition:none!important}.modeHub .hn-card .hn-photo{transform:none!important}}