/* Team updates with a clear distinction between stories and captured lineups. */
.news-page-head { display:flex; justify-content:space-between; align-items:center; gap:28px; margin:8px 0 30px; }
.news-page-head .eyebrow { margin:0 0 9px; font-size:10px; }
.news-page-head h1 { font:700 clamp(42px,5.2vw,64px)/1 var(--font-display); margin:0 0 13px; letter-spacing:.01em; }
.news-intro { color:var(--text-2); font-size:14px; line-height:1.7; margin:0; max-width:65ch; }
.news-page-head>.btn { min-height:44px; font-size:12px; }
.news-head-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:end; gap:16px; flex-shrink:0; }
.news-head-actions .btn { min-height:44px; font-size:12px; }
.news-manage { font-size:12px; color:#bacce2; text-underline-offset:4px; }
.news-feed-status { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; padding:16px 0; border:0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); border-radius:0; background:transparent; margin-bottom:26px; color:var(--text-2); font-size:11px; line-height:1.6; }
.news-feed-status:empty { display:none; }
.news-state { display:inline-flex; padding:5px 9px; color:#c4dfd0; background:#24433d; border:1px solid #527668; border-radius:20px; font-size:10px; font-weight:600; }
.news-state.is-paused,.news-state.is-loading { background:#3c3423; border-color:#8c7650; color:#e9d5a8; }
.news-stored-time { color:#9eb5d0; font-size:10px; }
.news-lineup-watch { padding:0; border:1px solid #92b2c039; border-left:3px solid #94b8be; border-radius:14px; background:linear-gradient(120deg,#1b303b,#102234); margin-bottom:32px; }
.news-watch-disclosure>summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 21px; min-height:58px; list-style:none; cursor:pointer; }
.news-watch-disclosure>summary::-webkit-details-marker { display:none; }
.news-watch-disclosure>summary strong { font-size:14px; font-weight:500; color:#d7e5eb; }
.news-watch-toggle { flex-shrink:0; color:#d4ca9e; font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.news-watch-body { padding:0 21px 21px; }
.news-watch-note { font-size:11px; line-height:1.7; color:#b6c9bb; margin:0 0 16px; }
.news-watch-disclosure>summary:focus-visible { outline:3px solid #9cceff; outline-offset:-4px; border-radius:12px; }
.news-watch-head h2 { font:600 28px var(--font-display); margin:0 0 7px; }
.news-watch-head>p { font-size:11px; color:#b7cbbd; line-height:1.7; margin:0 0 18px; max-width:760px; }
.news-watch-games { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.news-watch-game { border:1px solid #7fa6b12d; background:#0e202e; border-radius:10px; padding:20px; min-width:0; }
.news-watch-matchup { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.news-watch-matchup>strong { color:#d7e6dc; font-size:13px; font-weight:500; }
.news-report-state { display:inline-block; padding:5px 8px; border:1px solid #63715a; border-radius:7px; color:#d5d3af; background:#303828; font-size:10px; }
.news-report-state.available { border-color:#639d80; background:#214d3d; color:#d3f0dc; }
.news-watch-game>p { color:#b5cabd; font-size:11px; line-height:1.7; margin:11px 0 0; }
.news-watch-game>.news-read-link { margin-top:15px; }
.news-controls { margin-bottom:22px; }
.news-kind-filters { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:20px; }
.news-filter { min-height:44px; padding:11px 17px; color:var(--text-2); background:transparent; border:1px solid var(--border); border-radius:7px; font:500 12px var(--font-text); cursor:pointer; }
.news-filter:hover { border-color:#b8c8da; }
.news-filter[aria-pressed=true] { color:#122031; background:var(--gold); border-color:var(--gold); }
.news-search-row { display:grid; grid-template-columns:230px minmax(0,1fr) auto; align-items:end; gap:18px; padding:22px 24px; border:1px solid var(--border); border-radius:12px; background:#0c1929; }
.news-search-row .field { min-width:0; gap:8px; }
.news-search-row label { color:#bcd0e6; font-size:11px; }
.news-search-row select,.news-search-row input { min-width:0; width:100%; min-height:44px; font:12px var(--font-text); padding:11px 12px; background:#091628; color:#e5effa; border:1px solid #49617f; border-radius:8px; }
.news-search-row>.btn { min-height:44px; font-size:12px; }
.news-result-status { display:flex; justify-content:space-between; align-items:center; gap:14px; margin:0 0 16px; }
.news-result-status p { color:#a5bbd4; font-size:12px; margin:0; }
.news-result-status { scroll-margin-top:20px; }
.news-result-status:focus { outline:2px solid #9cceff; outline-offset:7px; border-radius:4px; }
.news-clear-game { color:#e1c697; background:transparent; border:1px solid #5a6a77; border-radius:8px; min-height:38px; padding:8px 12px; font:12px var(--font-text); cursor:pointer; }
.news-feed { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; align-items:stretch; }
.news-feed>.status-line,.news-feed>.notice,.news-feed>.news-empty { grid-column:1/-1; }
.news-story { display:flex; flex-direction:column; padding:28px 8px; min-width:0; border:0; border-top:1px solid #8ba5bd55; border-radius:0; background:transparent; }
.news-story:first-child { grid-column:1/-1; padding:34px; border:1px solid #839fb538; border-radius:20px; background:radial-gradient(ellipse at 100% 0,#3e719b28,transparent 60%),linear-gradient(120deg,#1a2d43,var(--surface)); }
.news-story:first-child h2 { max-width:30ch; font-size:clamp(34px,4.5vw,48px); }
.news-story:first-child .news-story-summary { max-width:85ch; }
@media(max-width:650px) { .news-story:first-child { padding:24px 20px; border-radius:16px; }.news-story:first-child h2 { font-size:34px; } }
.news-story-meta { display:flex; align-items:center; flex-wrap:wrap; gap:9px 12px; color:#a7bbd4; font-size:10px; line-height:1.7; margin-bottom:18px; }
.news-kind { color:var(--gold); border:1px solid #e9bd713d; border-radius:4px; background:#e9bd7110; padding:4px 8px; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.news-story-teams { color:#c4d5e8; font-size:10px; font-weight:600; }
.news-published { color:#9eb6d1; }
.news-story h2 { font:600 34px/1.12 var(--font-display); margin:0 0 18px; letter-spacing:.008em; }
.news-story h2 a { color:#e7eff7; text-decoration:none; }
.news-story h2 a:hover { color:#f0d39f; text-decoration:underline; text-underline-offset:4px; }
.news-story-summary { white-space:pre-line; font-size:14px; line-height:1.85; color:var(--text-2); margin:0 0 24px; }
.news-read-link { display:inline-flex; align-items:center; align-self:start; min-height:36px; padding:7px 0; color:#e5ca99; text-decoration:underline; text-underline-offset:4px; font:500 12px var(--font-text); background:transparent; border:0; cursor:pointer; }
.news-story>.news-read-link { margin-top:auto; }
.news-small { color:#acc0d6; font-size:11px; line-height:1.7; }
.news-scratch-card { grid-column:1/-1; padding:32px; border:1px solid #8ca8b13b; border-top:2px solid #93b7bd; border-radius:18px; background:linear-gradient(120deg,#172c38,#102131); min-width:0; }
.news-scratch-card .news-kind { background:#92beb21a; color:#c8e5db; border-color:#92beb242; }
.news-scratch-title { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:23px; }
.news-scratch-title h2 { font:600 38px/1.05 var(--font-display); margin:0; }
.news-scratch-title .news-small { flex-shrink:0; margin:3px 0 0; }
.news-scratch-teams { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.news-scratch-team { border:1px solid #85a5b12b; border-radius:12px; background:#0b1d2b; padding:24px; }
.news-scratch-team.is-missing { background:#12212b; border-style:dashed; }
.news-scratch-team-head { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.news-scratch-team-head h3 { font:600 25px var(--font-display); margin:0; }
.news-lineup-label { color:#a7c3ca; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.12em; margin:0 0 15px; }
.news-player-list { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.news-player-list li { position:relative; padding:0 0 9px 15px; border-bottom:1px solid #90b2bf14; font-size:14px; line-height:1.6; color:#dce8ed; }
.news-player-list li::before { content:""; width:4px; height:4px; border-radius:50%; background:#a3c8ae; position:absolute; left:0; top:8px; }
.news-missing-note,.news-no-scratches { font-size:12px; line-height:1.8; color:#bac7b9; margin:0; }
.news-scratch-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:18px; margin-top:20px; border-top:1px solid #466252; }
.news-scratch-footer p { color:#aec6b6; font-size:11px; line-height:1.7; margin:0; }
.news-scratch-footer .news-read-link { flex-shrink:0; }
.news-scratch-fallback { border-color:#67785c; }
.news-empty { border:1px dashed #49617b; border-radius:14px; background:#112137; padding:38px; }
.news-empty h2 { font:600 29px var(--font-display); margin:0 0 12px; }
.news-empty p { font-size:13px; color:#b4c6dd; line-height:1.7; margin:0 0 20px; }
.news-empty .btn { font-size:12px; }
.news-pager { display:flex; justify-content:center; align-items:center; gap:20px; margin:28px 0 0; }
.news-pager:empty { display:none; }
.news-pager .btn { font-size:12px; min-height:44px; min-width:105px; }
.news-pager>span { color:#a8bfd9; font-size:12px; }
.news-page button:disabled { opacity:.5; cursor:not-allowed; }
.news-page a:focus-visible,.news-page button:focus-visible,.news-page input:focus-visible,.news-page select:focus-visible { outline:3px solid #9cceff; outline-offset:4px; }
@media(max-width:900px) { .news-watch-games { grid-template-columns:repeat(2,minmax(0,1fr)); } .news-search-row { grid-template-columns:190px minmax(0,1fr) auto; gap:12px; } .news-scratch-title { flex-direction:column; gap:10px; } }
@media(max-width:650px) { .news-page-head { align-items:start; gap:16px; } .news-page-head h1 { font-size:34px; } .news-page-head .eyebrow { font-size:9px; } .news-page-head>.btn { padding:11px 13px; font-size:11px; margin-top:22px; } .news-intro { font-size:12px; } .news-feed-status { padding:14px 16px; gap:8px 12px; } .news-lineup-watch { padding:19px; } .news-watch-games { grid-template-columns:1fr; } .news-search-row { grid-template-columns:minmax(0,1fr) auto; gap:15px 10px; padding:18px; } .news-team-field { grid-column:1/-1; } .news-feed { grid-template-columns:1fr; gap:18px; } .news-story,.news-scratch-card { padding:21px; } .news-story h2 { font-size:27px; } .news-scratch-title h2 { font-size:29px; } .news-scratch-teams { grid-template-columns:1fr; gap:14px; } .news-scratch-team { padding:19px; } .news-scratch-footer { flex-direction:column; align-items:start; gap:10px; } .news-empty { padding:28px 22px; } .news-pager { gap:12px; } .news-pager .btn { min-width:85px; padding:11px 14px; } }
@media(max-width:380px) { .news-kind-filters { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; } .news-filter { grid-column:span 2; min-width:0; padding:10px 7px; font-size:11px; } .news-filter:nth-child(-n+2),.news-filter:nth-child(n+6) { grid-column:span 3; } }
@media(prefers-reduced-motion:reduce) { .news-page * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(forced-colors:active) { .news-lineup-watch,.news-watch-game,.news-story:first-child,.news-scratch-card,.news-scratch-team,.news-search-row { background:Canvas; border:1px solid CanvasText; }.news-filter[aria-pressed=true] { background:Highlight; color:HighlightText; }.news-kind,.news-player-list li { color:CanvasText; } }
@media(max-width:650px) { .news-head-actions { flex-direction:column-reverse; align-items:end; gap:10px; } .news-head-actions .btn { padding:11px 13px; font-size:11px; margin-top:22px; } .news-manage { font-size:11px; } }
@media(max-width:650px) { .news-lineup-watch { padding:0; } .news-watch-disclosure>summary { padding:16px 18px; gap:15px; } .news-watch-disclosure>summary strong { font-size:12px; } .news-watch-toggle { font-size:10px; } .news-watch-body { padding:0 18px 18px; } }