diff --git a/dist/all-star/index.html b/dist/all-star/index.html
index db4d398..e4bbe95 100644
--- a/dist/all-star/index.html
+++ b/dist/all-star/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>All-Star Game | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783801407225"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link site-nav-link--active" aria-current="page"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">All-Star Game</span> </nav> </div> </header> <main class="asg-page"> <div class="asg-container"> <div class="asg-main"> <div class="asg-main-head"> <h1 class="asg-title">2026 All-Star Rosters</h1> <span class="asg-updated" id="asgUpdated"></span> </div> <div id="asgLiveTracker"></div> <div id="asgOriolesSpotlight"></div> <div class="asg-rosters"> <div class="asg-team-col"> <div class="asg-team-head asg-team-head--al">American League</div> <div id="asgAL"><span class="sidebar-msg">Loading…</span></div> </div> <div class="asg-team-col"> <div class="asg-team-head asg-team-head--nl">National League</div> <div id="asgNL"><span class="sidebar-msg">Loading…</span></div> </div> </div> </div> <aside class="sidebar asg-sidebar"> <div class="sidebar-section" data-section="asg-game"> <h3 class="section-label">Game Info</h3> <div class="section-body" id="asgGameInfo"> <span class="sidebar-msg">Loading…</span> </div> </div> <div class="sidebar-section" data-section="asg-derby"> <h3 class="section-label">Home Run Derby</h3> <div class="section-body" id="asgDerby"> <span class="sidebar-msg">Loading…</span> </div> </div> <div class="sidebar-section collapsible" data-section="asg-news"> <h3 class="section-label section-toggle" data-target="asg-news">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>All-Star Game | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783964963721"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link site-nav-link--active" aria-current="page"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">All-Star Game</span> </nav> </div> </header> <main class="asg-page"> <div class="asg-container"> <div class="asg-main"> <div class="asg-main-head"> <h1 class="asg-title">2026 All-Star Rosters</h1> <span class="asg-updated" id="asgUpdated"></span> </div> <div id="asgLiveTracker"></div> <div id="asgOriolesSpotlight"></div> <div class="asg-rosters"> <div class="asg-team-col"> <div class="asg-team-head asg-team-head--al">American League</div> <div id="asgAL"><span class="sidebar-msg">Loading…</span></div> </div> <div class="asg-team-col"> <div class="asg-team-head asg-team-head--nl">National League</div> <div id="asgNL"><span class="sidebar-msg">Loading…</span></div> </div> </div> </div> <aside class="sidebar asg-sidebar"> <div class="sidebar-section" data-section="asg-game"> <h3 class="section-label">Game Info</h3> <div class="section-body" id="asgGameInfo"> <span class="sidebar-msg">Loading…</span> </div> </div> <div class="sidebar-section" data-section="asg-derby"> <h3 class="section-label">Home Run Derby</h3> <div class="section-body" id="asgDerby"> <span class="sidebar-msg">Loading…</span> </div> </div> <div class="sidebar-section collapsible" data-section="asg-news"> <h3 class="section-label section-toggle" data-target="asg-news">
 All-Star News
 <svg class="section-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"></path></svg> </h3> <div class="section-body" id="asgNews"> <span class="sidebar-msg">Loading…</span> </div> </div> <div class="sidebar-section collapsible" data-section="asg-media"> <h3 class="section-label section-toggle" data-target="asg-media">
 Media
diff --git a/dist/around-the-horn/index.html b/dist/around-the-horn/index.html
index 2480a34..29f671b 100644
--- a/dist/around-the-horn/index.html
+++ b/dist/around-the-horn/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Around the Horn | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783801407225"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link site-nav-link--active" aria-current="page"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>  <main class="ath-page"> <div class="ath-page-shell"> <a class="ath-page-back" href="/yardreport/">← Back to Yard Report</a> <header class="ath-page-head"> <span class="ath-page-kicker">Around the Horn</span> <h1 class="ath-page-title" id="athPageTitle">Loading story…</h1> <p class="ath-page-subtitle" id="athPageSubtitle">Gathering related coverage from the saved bundle.</p> </header> <section class="ath-story-grid" id="athStoryGrid"> <div class="feed-msg">Loading bundle…</div> </section> </div> </main> <script type="module" src="/yardreport/assets/index.astro_astro_type_script_index_0_lang.gQkwrIcr.js"></script>  </body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Around the Horn | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783964963721"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link site-nav-link--active" aria-current="page"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>  <main class="ath-page"> <div class="ath-page-shell"> <a class="ath-page-back" href="/yardreport/">← Back to Yard Report</a> <header class="ath-page-head"> <span class="ath-page-kicker">Around the Horn</span> <h1 class="ath-page-title" id="athPageTitle">Loading story…</h1> <p class="ath-page-subtitle" id="athPageSubtitle">Gathering related coverage from the saved bundle.</p> </header> <section class="ath-story-grid" id="athStoryGrid"> <div class="feed-msg">Loading bundle…</div> </section> </div> </main> <script type="module" src="/yardreport/assets/index.astro_astro_type_script_index_0_lang.gQkwrIcr.js"></script>  </body></html>
\ No newline at end of file
diff --git a/dist/depth-chart/index.html b/dist/depth-chart/index.html
index 52fcc00..8d61232 100644
--- a/dist/depth-chart/index.html
+++ b/dist/depth-chart/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Depth Chart | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783801407225"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link site-nav-link--active" aria-current="page"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">Depth Chart</span> </nav> </div> </header> <main class="dc-page"> <div class="dc-wrap"> <!-- ── OPACY Field ─────────────────────────────────────────── --> <div class="dc-field-container"> <svg class="dc-svg" viewBox="0 0 620 560" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <defs> <radialGradient id="grassGrad" cx="50%" cy="78%" r="72%"> <stop offset="0%" stop-color="#1d5118"></stop> <stop offset="55%" stop-color="#143c11"></stop> <stop offset="100%" stop-color="#0c2609"></stop> </radialGradient> <radialGradient id="dirtGrad" cx="50%" cy="52%" r="58%"> <stop offset="0%" stop-color="#7a4828"></stop> <stop offset="100%" stop-color="#4d2e18"></stop> </radialGradient> <radialGradient id="moundGrad" cx="40%" cy="35%" r="65%"> <stop offset="0%" stop-color="#6a3e22"></stop> <stop offset="100%" stop-color="#3e2410"></stop> </radialGradient> <!-- Mowing pattern stripes --> <pattern id="mowStripes" x="0" y="0" width="34" height="34" patternUnits="userSpaceOnUse" patternTransform="rotate(-42)"> <rect width="17" height="34" fill="rgba(255,255,255,0.018)"></rect> </pattern> </defs> <!-- ── Sky background ── --> <rect width="620" height="560" fill="var(--bg, #0a0f14)"></rect> <!-- ── Fair territory grass ── --> <!-- OPACY: LF 333ft (0,200), LC ~364ft, CF 400ft (310,14), RC ~373ft, RF 318ft (620,229) --> <path class="dc-grass" d="M 310,508 L 0,200 C 72,40 158,16 310,14 C 452,20 558,62 620,229 Z"></path> <path fill="url(#mowStripes)" d="M 310,508 L 0,200 C 72,40 158,16 310,14 C 452,20 558,62 620,229 Z"></path> <!-- ── Warning track ── --> <path class="dc-track" d="
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Depth Chart | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783964963721"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link site-nav-link--active" aria-current="page"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">Depth Chart</span> </nav> </div> </header> <main class="dc-page"> <div class="dc-wrap"> <!-- ── OPACY Field ─────────────────────────────────────────── --> <div class="dc-field-container"> <svg class="dc-svg" viewBox="0 0 620 560" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <defs> <radialGradient id="grassGrad" cx="50%" cy="78%" r="72%"> <stop offset="0%" stop-color="#1d5118"></stop> <stop offset="55%" stop-color="#143c11"></stop> <stop offset="100%" stop-color="#0c2609"></stop> </radialGradient> <radialGradient id="dirtGrad" cx="50%" cy="52%" r="58%"> <stop offset="0%" stop-color="#7a4828"></stop> <stop offset="100%" stop-color="#4d2e18"></stop> </radialGradient> <radialGradient id="moundGrad" cx="40%" cy="35%" r="65%"> <stop offset="0%" stop-color="#6a3e22"></stop> <stop offset="100%" stop-color="#3e2410"></stop> </radialGradient> <!-- Mowing pattern stripes --> <pattern id="mowStripes" x="0" y="0" width="34" height="34" patternUnits="userSpaceOnUse" patternTransform="rotate(-42)"> <rect width="17" height="34" fill="rgba(255,255,255,0.018)"></rect> </pattern> </defs> <!-- ── Sky background ── --> <rect width="620" height="560" fill="var(--bg, #0a0f14)"></rect> <!-- ── Fair territory grass ── --> <!-- OPACY: LF 333ft (0,200), LC ~364ft, CF 400ft (310,14), RC ~373ft, RF 318ft (620,229) --> <path class="dc-grass" d="M 310,508 L 0,200 C 72,40 158,16 310,14 C 452,20 558,62 620,229 Z"></path> <path fill="url(#mowStripes)" d="M 310,508 L 0,200 C 72,40 158,16 310,14 C 452,20 558,62 620,229 Z"></path> <!-- ── Warning track ── --> <path class="dc-track" d="
             M 0,200
             C 72,40 158,16 310,14
             C 452,20 558,62 620,229
diff --git a/dist/draft/index.html b/dist/draft/index.html
index 9ab46e8..a881fa1 100644
--- a/dist/draft/index.html
+++ b/dist/draft/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>MLB Draft | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783801407225"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link site-nav-link--active" aria-current="page"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">MLB Draft</span> </nav> </div> </header> <div class="draft-ticker-wrap" aria-label="Baltimore Orioles draft picks"> <span class="draft-ticker-label" id="draftTickerLabel">O's Picks</span> <div class="draft-ticker-viewport"> <div class="draft-ticker-track" id="draftTickerTrack"><span class="draft-ticker-item">Loading…</span></div> </div> </div> <main class="asg-page"> <div class="asg-container"> <div class="asg-main"> <div class="asg-main-head"> <h1 class="asg-title">2026 MLB Draft News</h1> <span class="asg-updated" id="draftUpdated"></span> </div> <section class="draft-hero" id="draftHero"> <div class="draft-hero-diamond" aria-hidden="true"> <svg viewBox="0 0 200 200" fill="none"> <path d="M100 20 L180 100 L100 180 L20 100 Z" stroke="currentColor" stroke-width="2"></path> <circle cx="100" cy="100" r="8" fill="currentColor"></circle> </svg> </div> <img class="draft-hero-logo" id="draftHeroLogo" src="/yardreport/logo.png" alt="" width="56" height="56" loading="eager"> <div class="draft-hero-body"> <span class="draft-hero-badge" id="draftHeroBadge">Loading…</span> <div class="draft-hero-facts" id="draftHeroFacts"></div> </div> </section> <section class="prospect-board" id="prospectBoardSection"> <div class="prospect-board-title-row"> <h2 class="prospect-board-title">Top Prospects Remaining</h2> <span class="prospect-board-subtitle">Our big board, minus whoever's already off it</span> </div> <div id="draftProspectBoard"> <span class="sidebar-msg">Loading…</span> </div> </section> <div class="draft-highlights-grid" id="draftHighlights"></div> <div class="draft-broadcast" id="draftBroadcast"></div> <div class="asg-team-col"> <div class="asg-team-head">Draft News</div> <div id="draftNews"><span class="sidebar-msg">Loading…</span></div> </div> </div> <aside class="sidebar asg-sidebar"> <div class="sidebar-section" data-section="draft-info"> <h3 class="section-label">Draft Info</h3> <div class="section-body" id="draftInfo"> <span class="sidebar-msg">Loading…</span> </div> </div> <div class="sidebar-section" data-section="draft-order"> <h3 class="section-label">Round Order</h3> <div class="section-body"> <div class="pill-group" id="draftRoundTabs"></div> <div id="draftOrder" class="draft-order-list"><span class="sidebar-msg">Loading…</span></div> </div> </div> <div class="sidebar-section collapsible collapsed" data-section="draft-history"> <h3 class="section-label section-toggle" data-target="draft-history">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>MLB Draft | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783964963721"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link site-nav-link--active" aria-current="page"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">MLB Draft</span> </nav> </div> </header> <div class="draft-ticker-wrap" aria-label="Baltimore Orioles draft picks"> <span class="draft-ticker-label" id="draftTickerLabel">O's Picks</span> <div class="draft-ticker-viewport"> <div class="draft-ticker-track" id="draftTickerTrack"><span class="draft-ticker-item">Loading…</span></div> </div> </div> <main class="asg-page"> <div class="asg-container"> <div class="asg-main"> <div class="asg-main-head"> <h1 class="asg-title">2026 MLB Draft News</h1> <span class="asg-updated" id="draftUpdated"></span> </div> <section class="draft-hero" id="draftHero"> <div class="draft-hero-diamond" aria-hidden="true"> <svg viewBox="0 0 200 200" fill="none"> <path d="M100 20 L180 100 L100 180 L20 100 Z" stroke="currentColor" stroke-width="2"></path> <circle cx="100" cy="100" r="8" fill="currentColor"></circle> </svg> </div> <img class="draft-hero-logo" id="draftHeroLogo" src="/yardreport/logo.png" alt="" width="56" height="56" loading="eager"> <div class="draft-hero-body"> <span class="draft-hero-badge" id="draftHeroBadge">Loading…</span> <div class="draft-hero-facts" id="draftHeroFacts"></div> </div> </section> <section class="prospect-board" id="prospectBoardSection"> <div class="prospect-board-title-row"> <h2 class="prospect-board-title">Top Prospects Remaining</h2> <span class="prospect-board-subtitle">Our big board, minus whoever's already off it</span> </div> <div id="draftProspectBoard"> <span class="sidebar-msg">Loading…</span> </div> </section> <div class="draft-highlights-grid" id="draftHighlights"></div> <div class="draft-broadcast" id="draftBroadcast"></div> <div class="asg-team-col"> <div class="asg-team-head">Draft News</div> <div id="draftNews"><span class="sidebar-msg">Loading…</span></div> </div> </div> <aside class="sidebar asg-sidebar"> <div class="sidebar-section" data-section="draft-info"> <h3 class="section-label">Draft Info</h3> <div class="section-body" id="draftInfo"> <span class="sidebar-msg">Loading…</span> </div> </div> <div class="sidebar-section" data-section="draft-order"> <h3 class="section-label">Round Order</h3> <div class="section-body"> <div class="pill-group" id="draftRoundTabs"></div> <div id="draftOrder" class="draft-order-list"><span class="sidebar-msg">Loading…</span></div> </div> </div> <div class="sidebar-section collapsible collapsed" data-section="draft-history"> <h3 class="section-label section-toggle" data-target="draft-history">
 Orioles Draft History
 <svg class="section-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m6 9 6 6 6-6"></path></svg> </h3> <div class="section-body" id="draftHistory"> <span class="sidebar-msg">Loading…</span> </div> </div> <div class="sidebar-section collapsible collapsed" data-section="draft-sources"> <h3 class="section-label section-toggle" data-target="draft-sources">
 Sources &amp; Live Coverage
diff --git a/dist/index.html b/dist/index.html
index d93cf1f..96e2b84 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783801407225"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link site-nav-link--active" aria-current="page"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>   <header class="site-header"> <div class="header-inner"> <a class="logo" href="https://www.briancsmith.org/yardreport"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <div class="header-right"> <span class="cache-label" id="cacheLabel"></span> <button class="btn-refresh" id="refreshBtn" aria-label="Refresh news"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path> <path d="M21 3v5h-5"></path> <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path> <path d="M8 16H3v5"></path> </svg>
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783964963721"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link site-nav-link--active" aria-current="page"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>   <header class="site-header"> <div class="header-inner"> <a class="logo" href="https://www.briancsmith.org/yardreport"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <div class="header-right"> <span class="cache-label" id="cacheLabel"></span> <button class="btn-refresh" id="refreshBtn" aria-label="Refresh news"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path> <path d="M21 3v5h-5"></path> <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path> <path d="M8 16H3v5"></path> </svg>
 Refresh
 </button> <button class="btn-settings" id="settingsBtn" aria-label="Settings"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path> </svg> </button> </div> </div> </header>  <div class="scores-bar"> <div class="scores-track" id="scoresTrack"> <span class="scores-msg">Loading scores…</span> </div> </div>  <div class="play-ticker hidden" id="playTicker"></div>  <div class="page-layout"> <!-- Left Sidebar --> <aside class="sidebar sidebar-left"> <!-- Search --> <div class="search-wrap"> <svg class="search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path> </svg> <input class="search-input" id="searchInput" type="search" placeholder="Search all articles…" autocomplete="off"> </div> <!-- All-Star Game (seasonal) --> <a class="asg-promo-banner" href="/yardreport/all-star/" id="asgPromoBanner"> <img class="asg-promo-thumb" src="https://img.mlbstatic.com/mlb-images/image/upload/t_1x1/t_w1536/mlb/xq1pwjo1igqxjqdsj416.jpg" alt="" width="40" height="40" loading="lazy"> <div class="asg-promo-text"> <span class="asg-promo-title">All-Star Game</span> <span class="asg-promo-date">July 14 · Rosters &amp; Countdown →</span> </div> </a> <!-- On Deck + Schedule --> <div class="sidebar-section collapsible" data-section="ondeck"> <h3 class="section-label section-toggle" data-target="ondeck"> <svg class="section-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg>
 On Deck
diff --git a/dist/schedule/index.html b/dist/schedule/index.html
index b5ca648..5beaf5f 100644
--- a/dist/schedule/index.html
+++ b/dist/schedule/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Schedule | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783801407225"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link site-nav-link--active" aria-current="page"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>   <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">Schedule</span> </nav> </div> </header> <main class="schedule-page"> <div class="schedule-container"> <!-- Toolbar --> <div class="schedule-toolbar"> <div class="schedule-nav-group"> <button class="sch-nav-btn" id="prevBtn" aria-label="Previous">‹</button> <h2 class="sch-title" id="schTitle">Loading…</h2> <button class="sch-nav-btn" id="nextBtn" aria-label="Next">›</button> <button class="sch-today-btn" id="todayBtn">Today</button> </div> <div class="sch-view-group" role="group" aria-label="Calendar view"> <button class="sch-view-btn active" data-view="month">Month</button> <button class="sch-view-btn" data-view="week">Week</button> </div> </div> <!-- Record bar --> <div class="sch-record" id="schRecord"></div> <!-- Legend --> <div class="sch-legend"> <span class="sch-legend-item legend--home">🏟 Home</span> <span class="sch-legend-item legend--away">✈ Away</span> <span class="sch-legend-item legend--preview">Result (W/L score)</span> </div> <!-- Calendar --> <div id="scheduleGrid"> <div class="sch-loading">Loading schedule…</div> </div> </div> </main>  </body></html> <script type="module" src="/yardreport/assets/index.astro_astro_type_script_index_0_lang.uhsqijk7.js"></script>
\ No newline at end of file
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Schedule | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783964963721"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link site-nav-link--active" aria-current="page"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav>   <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">Schedule</span> </nav> </div> </header> <main class="schedule-page"> <div class="schedule-container"> <!-- Toolbar --> <div class="schedule-toolbar"> <div class="schedule-nav-group"> <button class="sch-nav-btn" id="prevBtn" aria-label="Previous">‹</button> <h2 class="sch-title" id="schTitle">Loading…</h2> <button class="sch-nav-btn" id="nextBtn" aria-label="Next">›</button> <button class="sch-today-btn" id="todayBtn">Today</button> </div> <div class="sch-view-group" role="group" aria-label="Calendar view"> <button class="sch-view-btn active" data-view="month">Month</button> <button class="sch-view-btn" data-view="week">Week</button> </div> </div> <!-- Record bar --> <div class="sch-record" id="schRecord"></div> <!-- Legend --> <div class="sch-legend"> <span class="sch-legend-item legend--home">🏟 Home</span> <span class="sch-legend-item legend--away">✈ Away</span> <span class="sch-legend-item legend--preview">Result (W/L score)</span> </div> <!-- Calendar --> <div id="scheduleGrid"> <div class="sch-loading">Loading schedule…</div> </div> </div> </main>  </body></html> <script type="module" src="/yardreport/assets/index.astro_astro_type_script_index_0_lang.uhsqijk7.js"></script>
\ No newline at end of file
diff --git a/dist/style.css b/dist/style.css
index 38a4f30..cf71f6e 100644
--- a/dist/style.css
+++ b/dist/style.css
@@ -300,7 +300,7 @@
 
 /* ── Reset ─────────────────────────────────────────────────────── */
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-html { scroll-behavior: smooth; }
+html { scroll-behavior: smooth; overscroll-behavior-y: none; }
 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
   background: var(--bg);
@@ -603,6 +603,7 @@ img { display: block; max-width: 100%; }
   padding: 10px 0;
   -webkit-mask-image: linear-gradient(to right, transparent 0, black 52px, black calc(100% - 52px), transparent 100%);
   mask-image: linear-gradient(to right, transparent 0, black 52px, black calc(100% - 52px), transparent 100%);
+  overscroll-behavior-x: contain;
 }
 .scores-bar::-webkit-scrollbar { display: none; }
 .scores-track {
@@ -3708,14 +3709,32 @@ a.il-name:hover { color: var(--orange); }
   .btn-refresh span { display: none; }
   .cache-label { display: none; }
 
-  /* Scores bar – tighter */
+  /* Scores bar – tighter, condensed to teams + score only */
   .scores-bar { padding: 6px 0; }
-  .score-chip { min-width: 88px; }
+  .score-chip { min-width: 88px; min-height: 44px; }
   .chip-status-bar { font-size: 0.5rem; padding: 2px 6px; }
   .chip-matchup { padding: 4px 8px 5px; }
   .chip-matchup .chip-abbr { font-size: 0.7rem; }
   .chip-score-num { font-size: 0.75rem; }
-  .box-score-popover { display: none !important; }
+
+  /* Box score: bottom sheet instead of hidden */
+  .box-score-popover {
+    position: fixed !important;
+    top: auto !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    max-height: 75vh;
+    border-radius: 16px 16px 0 0;
+    padding-bottom: env(safe-area-inset-bottom, 0);
+    transform: none !important;
+    overflow-y: auto;
+  }
+
+  /* Schedule chips: hide weather and broadcast, keep team + result */
+  .chip-wx, .chip-broadcast { display: none; }
 
   /* Layout – single column, right sidebar visible */
   .page-layout { grid-template-columns: 1fr; gap: 16px; padding: 12px 12px 48px; }
@@ -3756,10 +3775,22 @@ a.il-name:hover { color: var(--orange); }
   .podcast-links { gap: 6px 10px; }
   .podcast-link { font-size: 0.64rem; }
 
+  /* iOS: prevent viewport zoom on input/select focus (needs ≥16px) */
+  body { font-size: 16px; }
+  .search-input, .sort-select, #dateRangeSelect, #sortSelect { font-size: 16px; }
+
   /* Feed toolbar – stack on mobile */
   .feed-toolbar { flex-wrap: wrap; gap: 6px; }
-  .btn-source-filter { padding: 6px 10px; min-height: 36px; }
-  .sort-select { min-height: 36px; font-size: 0.75rem; }
+  .btn-source-filter { padding: 10px 14px; min-height: 44px; }
+  .sort-select { min-height: 44px; font-size: 16px; }
+
+  /* Touch targets: bring all interactive controls to ≥44px */
+  .pill, .pill--category { min-height: 44px; padding: 10px 14px; }
+  .div-tab { min-height: 44px; padding: 10px 12px; }
+  .leaders-scope-btn { min-height: 44px; padding: 10px 12px; }
+  .stnd-league-btn { min-height: 44px; padding: 10px 12px; }
+  .section-toggle { min-height: 44px; }
+  .media-play-btn { width: 44px; height: 44px; }
 
   /* Article cards – horizontal, tighter */
   .article-grid { grid-template-columns: 1fr; gap: 10px; }
@@ -3783,7 +3814,7 @@ a.il-name:hover { color: var(--orange); }
   }
   .source-line { gap: 4px; font-size: 0.68rem; }
   .source-ico { width: 12px; height: 12px; }
-  .share-btn { min-width: 28px; min-height: 28px; }
+  .share-btn { min-width: 44px; min-height: 44px; }
 
   /* Reader – full screen mobile */
   .reader-modal { width: 100%; border-radius: 0; max-height: 100vh; }
@@ -4219,6 +4250,8 @@ a.il-name:hover { color: var(--orange); }
 @media (max-width: 600px) {
   .schedule-page { padding: 0 8px 48px; }
   .sch-title { min-width: 130px; font-size: 0.9rem; }
+  .sch-nav-btn { width: 44px; height: 44px; }
+  .sch-today-btn, .sch-view-btn { min-height: 44px; padding: 10px 14px; }
   .cal-cell { min-height: 64px; padding: 4px; gap: 2px; }
   .sch-chip { padding: 3px 4px; }
   .chip-abbr { font-size: 0.62rem; }
diff --git a/dist/trade-deadline/index.html b/dist/trade-deadline/index.html
index bfb6e9b..764f806 100644
--- a/dist/trade-deadline/index.html
+++ b/dist/trade-deadline/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Trade Deadline | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783801407225"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link site-nav-link--active" aria-current="page"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">Trade Deadline</span> </nav> </div> </header> <main class="asg-page"> <div class="asg-container"> <div class="asg-main"> <div class="asg-main-head"> <h1 class="asg-title">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Trade Deadline | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783964963721"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link site-nav-link--active" aria-current="page"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">Trade Deadline</span> </nav> </div> </header> <main class="asg-page"> <div class="asg-container"> <div class="asg-main"> <div class="asg-main-head"> <h1 class="asg-title">
 2026 Trade Deadline
 <span class="info-trigger" tabindex="0"> <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> <span class="info-popover"> <p>Every team has until <strong>August 3 at 6:00 PM ET</strong> to make a trade before rosters lock in for the stretch run. Contenders look to add; rebuilding teams look to sell rentals and pending free agents for prospects. Nothing here is confirmed until a team announces it — rumors and reporting are labeled as such, not completed trades.</p> <p>Speculation is part of the deadline — it always is — but this page only pulls from outlets with named-reporter bylines and a track record of accurate sourcing. The "Reporters to Watch" list links straight to the insiders who break most of the real news, since the fastest-moving rumors often land on social media before any outlet publishes.</p> </span> </span> </h1> <span class="asg-updated" id="tdUpdated"></span> </div> <div class="asg-team-col"> <div class="asg-team-head">Orioles Moves</div> <div id="tdMoves"><span class="sidebar-msg">Loading…</span></div> </div> <div class="asg-team-col"> <div class="asg-team-head">On the Block</div> <p class="td-onblock-note">Names pulled directly from Orioles-mentioning trade rumor headlines below — a mention isn't a confirmation of anything, just a signal of who reporters are talking about. Hover a name for a quick profile.</p> <div id="tdOnBlock"><span class="sidebar-msg">Loading…</span></div> </div> <div class="asg-team-col draft-order-col"> <div class="asg-team-head asg-team-head-row"> <span>Organization Watch</span> <span class="asg-updated" id="tdOrgCount"></span> </div> <p class="td-onblock-note">The full 40-man roster plus every full-season minor-league affiliate, cross-checked against the same trade rumor text — anyone showing up gets flagged right where they sit in the system.</p> <div id="tdOrgRoster" class="draft-order-list td-org-list"><span class="sidebar-msg">Loading…</span></div> </div> </div> <aside class="sidebar asg-sidebar"> <div class="sidebar-section" data-section="td-info"> <h3 class="section-label">Deadline Info</h3> <div class="section-body" id="tdInfo"> <span class="sidebar-msg">Loading…</span> </div> </div> <div class="sidebar-section collapsible" data-section="td-news"> <h3 class="section-label section-toggle" data-target="td-news">
 Trade Rumors
diff --git a/dist/trade-deadline/player/index.html b/dist/trade-deadline/player/index.html
index 0d4c203..9b614f9 100644
--- a/dist/trade-deadline/player/index.html
+++ b/dist/trade-deadline/player/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Trade Rumors | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783801407225"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link site-nav-link--active" aria-current="page"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <a class="breadcrumb-link" href="/yardreport/trade-deadline/">Trade Deadline</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current" id="tpBreadcrumb">Rumor Recap</span> </nav> </div> </header> <main class="ath-page"> <div class="ath-page-shell"> <a class="ath-page-back" href="/yardreport/trade-deadline/">← Back to Trade Deadline</a> <div class="tp-header" id="tpHeader"> <div class="tp-photo-wrap"> <img class="tp-photo" id="tpPhoto" src="" alt="" loading="lazy"> </div> <div class="tp-id"> <h1 class="tp-name" id="tpName">Loading…</h1> <div class="tp-meta" id="tpMeta"></div> </div> </div> <section class="tp-summary" id="tpSummary"> <span class="tp-summary-label">Rumor Recap</span> <p class="tp-summary-body" id="tpSummaryBody">Loading…</p> <p class="tp-disclaimer">AI-assisted summary of the headlines below — reporting and speculation, not confirmed moves. Generated periodically, not in real time.</p> </section> <section class="tp-articles"> <h2 class="tp-articles-head">Coverage</h2> <div id="tpArticles"><div class="feed-msg">Loading…</div></div> </section> </div> </main>  </body></html> <script type="module" src="/yardreport/assets/index.astro_astro_type_script_index_0_lang.DvYzsinp.js"></script>
\ No newline at end of file
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Trade Rumors | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783964963721"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link site-nav-link--active" aria-current="page"> Trade Deadline </a> </nav>  <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <a class="breadcrumb-link" href="/yardreport/trade-deadline/">Trade Deadline</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current" id="tpBreadcrumb">Rumor Recap</span> </nav> </div> </header> <main class="ath-page"> <div class="ath-page-shell"> <a class="ath-page-back" href="/yardreport/trade-deadline/">← Back to Trade Deadline</a> <div class="tp-header" id="tpHeader"> <div class="tp-photo-wrap"> <img class="tp-photo" id="tpPhoto" src="" alt="" loading="lazy"> </div> <div class="tp-id"> <h1 class="tp-name" id="tpName">Loading…</h1> <div class="tp-meta" id="tpMeta"></div> </div> </div> <section class="tp-summary" id="tpSummary"> <span class="tp-summary-label">Rumor Recap</span> <p class="tp-summary-body" id="tpSummaryBody">Loading…</p> <p class="tp-disclaimer">AI-assisted summary of the headlines below — reporting and speculation, not confirmed moves. Generated periodically, not in real time.</p> </section> <section class="tp-articles"> <h2 class="tp-articles-head">Coverage</h2> <div id="tpArticles"><div class="feed-msg">Loading…</div></div> </section> </div> </main>  </body></html> <script type="module" src="/yardreport/assets/index.astro_astro_type_script_index_0_lang.DvYzsinp.js"></script>
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
index 38a4f30..cf71f6e 100644
--- a/public/style.css
+++ b/public/style.css
@@ -300,7 +300,7 @@
 
 /* ── Reset ─────────────────────────────────────────────────────── */
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-html { scroll-behavior: smooth; }
+html { scroll-behavior: smooth; overscroll-behavior-y: none; }
 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
   background: var(--bg);
@@ -603,6 +603,7 @@ img { display: block; max-width: 100%; }
   padding: 10px 0;
   -webkit-mask-image: linear-gradient(to right, transparent 0, black 52px, black calc(100% - 52px), transparent 100%);
   mask-image: linear-gradient(to right, transparent 0, black 52px, black calc(100% - 52px), transparent 100%);
+  overscroll-behavior-x: contain;
 }
 .scores-bar::-webkit-scrollbar { display: none; }
 .scores-track {
@@ -3708,14 +3709,32 @@ a.il-name:hover { color: var(--orange); }
   .btn-refresh span { display: none; }
   .cache-label { display: none; }
 
-  /* Scores bar – tighter */
+  /* Scores bar – tighter, condensed to teams + score only */
   .scores-bar { padding: 6px 0; }
-  .score-chip { min-width: 88px; }
+  .score-chip { min-width: 88px; min-height: 44px; }
   .chip-status-bar { font-size: 0.5rem; padding: 2px 6px; }
   .chip-matchup { padding: 4px 8px 5px; }
   .chip-matchup .chip-abbr { font-size: 0.7rem; }
   .chip-score-num { font-size: 0.75rem; }
-  .box-score-popover { display: none !important; }
+
+  /* Box score: bottom sheet instead of hidden */
+  .box-score-popover {
+    position: fixed !important;
+    top: auto !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    max-height: 75vh;
+    border-radius: 16px 16px 0 0;
+    padding-bottom: env(safe-area-inset-bottom, 0);
+    transform: none !important;
+    overflow-y: auto;
+  }
+
+  /* Schedule chips: hide weather and broadcast, keep team + result */
+  .chip-wx, .chip-broadcast { display: none; }
 
   /* Layout – single column, right sidebar visible */
   .page-layout { grid-template-columns: 1fr; gap: 16px; padding: 12px 12px 48px; }
@@ -3756,10 +3775,22 @@ a.il-name:hover { color: var(--orange); }
   .podcast-links { gap: 6px 10px; }
   .podcast-link { font-size: 0.64rem; }
 
+  /* iOS: prevent viewport zoom on input/select focus (needs ≥16px) */
+  body { font-size: 16px; }
+  .search-input, .sort-select, #dateRangeSelect, #sortSelect { font-size: 16px; }
+
   /* Feed toolbar – stack on mobile */
   .feed-toolbar { flex-wrap: wrap; gap: 6px; }
-  .btn-source-filter { padding: 6px 10px; min-height: 36px; }
-  .sort-select { min-height: 36px; font-size: 0.75rem; }
+  .btn-source-filter { padding: 10px 14px; min-height: 44px; }
+  .sort-select { min-height: 44px; font-size: 16px; }
+
+  /* Touch targets: bring all interactive controls to ≥44px */
+  .pill, .pill--category { min-height: 44px; padding: 10px 14px; }
+  .div-tab { min-height: 44px; padding: 10px 12px; }
+  .leaders-scope-btn { min-height: 44px; padding: 10px 12px; }
+  .stnd-league-btn { min-height: 44px; padding: 10px 12px; }
+  .section-toggle { min-height: 44px; }
+  .media-play-btn { width: 44px; height: 44px; }
 
   /* Article cards – horizontal, tighter */
   .article-grid { grid-template-columns: 1fr; gap: 10px; }
@@ -3783,7 +3814,7 @@ a.il-name:hover { color: var(--orange); }
   }
   .source-line { gap: 4px; font-size: 0.68rem; }
   .source-ico { width: 12px; height: 12px; }
-  .share-btn { min-width: 28px; min-height: 28px; }
+  .share-btn { min-width: 44px; min-height: 44px; }
 
   /* Reader – full screen mobile */
   .reader-modal { width: 100%; border-radius: 0; max-height: 100vh; }
@@ -4219,6 +4250,8 @@ a.il-name:hover { color: var(--orange); }
 @media (max-width: 600px) {
   .schedule-page { padding: 0 8px 48px; }
   .sch-title { min-width: 130px; font-size: 0.9rem; }
+  .sch-nav-btn { width: 44px; height: 44px; }
+  .sch-today-btn, .sch-view-btn { min-height: 44px; padding: 10px 14px; }
   .cal-cell { min-height: 64px; padding: 4px; gap: 2px; }
   .sch-chip { padding: 3px 4px; }
   .chip-abbr { font-size: 0.62rem; }
