/* v8 shared mobile page shell for secondary pages */
.lgd-mobile-page-shell{display:none}
@media(max-width:820px){
  .lgd-mobile-page-shell{display:block;color:#f8fbff;padding:16px 14px 6px;background:radial-gradient(circle at 20% 0%,rgba(20,184,166,.16),transparent 30%),radial-gradient(circle at 88% 6%,rgba(56,189,248,.12),transparent 28%),#070d18}
  .lgd-mobile-page-shell *{box-sizing:border-box}
  .lgd-mobile-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
  .lgd-mobile-page-brand{display:flex;align-items:center;gap:8px;font-weight:950;letter-spacing:.02em}.lgd-mobile-page-brand span{color:#5eead4;font-size:20px}.lgd-mobile-page-live{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(94,234,212,.22);background:rgba(15,23,42,.64);border-radius:999px;padding:7px 10px;color:#baf7e8;font-size:12px;font-weight:850;white-space:nowrap}.lgd-mobile-page-live i{width:7px;height:7px;border-radius:999px;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.8)}
  .lgd-mobile-page-pills{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.lgd-mobile-page-pills::-webkit-scrollbar{display:none}.lgd-mobile-page-pills a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:999px;border:1px solid rgba(125,211,252,.18);background:rgba(10,22,38,.72);color:#aab8c8;text-decoration:none;font-weight:900}.lgd-mobile-page-pills a[aria-current=page]{color:#fff;background:linear-gradient(135deg,rgba(14,165,233,.30),rgba(20,184,166,.18));border-color:rgba(56,189,248,.55);box-shadow:0 0 20px rgba(56,189,248,.16)}
  .lgd-mobile-page-card{border:1px solid rgba(125,211,252,.16);background:linear-gradient(180deg,rgba(13,27,46,.95),rgba(7,16,31,.98));box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);border-radius:26px;padding:20px;margin:0 0 14px;overflow:hidden}.lgd-mobile-page-kicker{display:block;color:#67e8f9;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950;margin-bottom:8px}.lgd-mobile-page-hero h1{font-size:clamp(30px,9.6vw,48px);line-height:.96;letter-spacing:-.06em;margin:0 0 10px}.lgd-mobile-page-hero p{color:#b7c6d8;line-height:1.55;margin:0}.lgd-mobile-page-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.lgd-mobile-page-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;padding:0 14px;text-decoration:none;font-weight:950;color:#06111d;background:linear-gradient(135deg,#67e8f9,#34d399)}.lgd-mobile-page-actions a.secondary{background:rgba(15,23,42,.74);color:#dbeafe;border:1px solid rgba(125,211,252,.18)}
  .lgd-mobile-page-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.lgd-mobile-page-metric{min-width:0;border:1px solid rgba(125,211,252,.14);background:linear-gradient(180deg,rgba(12,24,42,.95),rgba(8,17,32,.95));border-radius:22px;padding:14px}.lgd-mobile-page-metric span{display:block;color:#67e8f9;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:950;margin-bottom:7px}.lgd-mobile-page-metric strong{display:block;color:#fff;font-size:24px;line-height:1.05;letter-spacing:-.03em}.lgd-mobile-page-metric strong small{font-size:13px;color:#9fb0c5}.lgd-mobile-page-metric p{margin:7px 0 0;color:#93a5bb;font-size:12px;line-height:1.35}
  html[data-view-mode=mobile] body:not(.records-page):not(.historical-analytics-page)>.page>.site-header{display:none!important}html[data-view-mode=mobile] body:not(.records-page):not(.historical-analytics-page) .top-grid{display:none!important}html[data-view-mode=mobile] .page-article{display:block!important;margin-top:10px!important}html[data-view-mode=mobile] .page-article .panel{border-radius:24px!important}html[data-view-mode=mobile] .article-side{display:block!important}html[data-view-mode=mobile] .snapshot-grid{grid-template-columns:1fr 1fr!important}html[data-view-mode=mobile] .content-panel{padding:20px!important}html[data-view-mode=mobile] .page-nav{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}html[data-view-mode=mobile] .page-nav::-webkit-scrollbar{display:none}
  .lgd-mobile-bottom-nav{border:1px solid rgba(125,211,252,.14)!important;background:rgba(5,12,24,.94)!important;backdrop-filter:blur(18px);border-radius:24px 24px 0 0!important;box-shadow:0 -18px 55px rgba(0,0,0,.34)}
}
@media(max-width:380px){.lgd-mobile-page-metrics{grid-template-columns:1fr}.lgd-mobile-page-card{padding:17px}.lgd-mobile-page-pills a{padding:0 12px}}


/* v10: shared mobile template imported across secondary pages */
.lgd-mobile-page-shell{display:none}
@media(max-width:820px){
  html[data-view-mode=mobile] body{background:#070d18!important;overflow-x:hidden!important}
  html[data-view-mode=mobile] .page{width:100%!important;max-width:100%!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important}
  .lgd-mobile-page-shell{display:block;color:#f8fbff;padding:16px 14px 6px;background:radial-gradient(circle at 20% 0%,rgba(20,184,166,.16),transparent 30%),radial-gradient(circle at 88% 6%,rgba(56,189,248,.12),transparent 28%),#070d18}
  .lgd-mobile-page-shell *{box-sizing:border-box;min-width:0}
  .lgd-mobile-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
  .lgd-mobile-page-brand{display:flex;align-items:center;gap:8px;font-weight:950;letter-spacing:.02em;color:#f8fbff}.lgd-mobile-page-brand span{color:#5eead4;font-size:20px}.lgd-mobile-page-live{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(94,234,212,.22);background:rgba(15,23,42,.64);border-radius:999px;padding:7px 10px;color:#baf7e8;font-size:12px;font-weight:850;white-space:nowrap}.lgd-mobile-page-live i{width:7px;height:7px;border-radius:999px;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.8)}
  .lgd-mobile-page-pills{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lgd-mobile-page-pills::-webkit-scrollbar{display:none}.lgd-mobile-page-pills a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:999px;border:1px solid rgba(125,211,252,.18);background:rgba(10,22,38,.72);color:#aab8c8;text-decoration:none;font-weight:900}.lgd-mobile-page-pills a[aria-current=page]{color:#fff;background:linear-gradient(135deg,rgba(14,165,233,.30),rgba(20,184,166,.18));border-color:rgba(56,189,248,.55);box-shadow:0 0 20px rgba(56,189,248,.16)}
  .lgd-mobile-page-card{border:1px solid rgba(125,211,252,.16);background:linear-gradient(180deg,rgba(13,27,46,.95),rgba(7,16,31,.98));box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);border-radius:26px;padding:20px;margin:0 0 14px;overflow:hidden}.lgd-mobile-page-kicker{display:block;color:#67e8f9;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950;margin-bottom:8px}.lgd-mobile-page-hero h1{font-size:clamp(30px,9.6vw,48px);line-height:.96;letter-spacing:-.06em;margin:0 0 10px;color:#fff}.lgd-mobile-page-hero p{color:#b7c6d8;line-height:1.55;margin:0}.lgd-mobile-page-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.lgd-mobile-page-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;padding:0 14px;text-decoration:none;font-weight:950;color:#06111d;background:linear-gradient(135deg,#67e8f9,#34d399)}.lgd-mobile-page-actions a.secondary{background:rgba(15,23,42,.74);color:#dbeafe;border:1px solid rgba(125,211,252,.18)}
  .lgd-mobile-page-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.lgd-mobile-page-metric{min-width:0;border:1px solid rgba(125,211,252,.14);background:linear-gradient(180deg,rgba(12,24,42,.95),rgba(8,17,32,.95));border-radius:22px;padding:14px}.lgd-mobile-page-metric span{display:block;color:#67e8f9;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:950;margin-bottom:7px}.lgd-mobile-page-metric strong{display:block;color:#fff;font-size:24px;line-height:1.05;letter-spacing:-.03em}.lgd-mobile-page-metric strong small{font-size:13px;color:#9fb0c5}.lgd-mobile-page-metric p{margin:7px 0 0;color:#93a5bb;font-size:12px;line-height:1.35}
  html[data-view-mode=mobile] body:not(.records-page):not(.historical-analytics-page)>.page>.site-header{display:none!important}
  html[data-view-mode=mobile] body:not(.records-page):not(.historical-analytics-page) .top-grid{display:none!important}
  html[data-view-mode=mobile] .page-article{display:block!important;margin:10px 14px 0!important}
  html[data-view-mode=mobile] .page-article .panel,html[data-view-mode=mobile] .content-panel,html[data-view-mode=mobile] .chart-panel{border-radius:24px!important;background:linear-gradient(180deg,rgba(13,27,46,.95),rgba(7,16,31,.98))!important;border:1px solid rgba(125,211,252,.16)!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important;overflow:hidden!important}
  html[data-view-mode=mobile] .article-side{display:block!important;position:static!important}
  html[data-view-mode=mobile] .snapshot-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  html[data-view-mode=mobile] .content-panel{padding:20px!important}
  html[data-view-mode=mobile] .page-nav{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}html[data-view-mode=mobile] .page-nav::-webkit-scrollbar{display:none}
  html[data-view-mode=mobile] .simple-chart-wrap,html[data-view-mode=mobile] .page-demand-range-panel{width:100%!important;overflow:hidden!important}
  html[data-view-mode=mobile] canvas{max-width:100%!important;min-width:0!important}
  html[data-view-mode=mobile] .lgd-mobile-bottom-nav{border:1px solid rgba(125,211,252,.14)!important;background:rgba(5,12,24,.94)!important;backdrop-filter:blur(18px);border-radius:24px 24px 0 0!important;box-shadow:0 -18px 55px rgba(0,0,0,.34);z-index:80!important}
  html[data-view-mode=mobile] .shared-footer,html[data-view-mode=mobile] .site-footer{padding-bottom:105px!important}

  /* Import bespoke Historical and Records pages into the same mobile shell */
  html[data-view-mode=mobile] .historical-analytics-page .historical-hero,
  html[data-view-mode=mobile] .records-page .records-hero{display:none!important}
  html[data-view-mode=mobile] .historical-analytics-page .page-shell,
  html[data-view-mode=mobile] .records-page .page-shell{padding:0 14px 110px!important;max-width:100%!important;overflow-x:hidden!important}
  html[data-view-mode=mobile] .historical-analytics-page .history-control-panel,
  html[data-view-mode=mobile] .historical-analytics-page .history-kpi,
  html[data-view-mode=mobile] .historical-analytics-page .history-card,
  html[data-view-mode=mobile] .records-page .records-card{border-radius:24px!important;background:linear-gradient(180deg,rgba(13,27,46,.95),rgba(7,16,31,.98))!important;border:1px solid rgba(125,211,252,.16)!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important;overflow:hidden!important}
  html[data-view-mode=mobile] .historical-analytics-page .history-kpi-grid,
  html[data-view-mode=mobile] .records-page .records-grid{grid-template-columns:1fr!important}
  html[data-view-mode=mobile] .historical-analytics-page .history-chart-wrap,
  html[data-view-mode=mobile] .records-page .records-grid{max-width:100%!important;overflow:hidden!important}
}
@media(max-width:380px){.lgd-mobile-page-metrics{grid-template-columns:1fr}.lgd-mobile-page-card{padding:17px}.lgd-mobile-page-pills a{padding:0 12px}}

/* v20: structural duplicate fix support */
@media (max-width: 820px) {
  body.lgd-secondary-page .lgd-mobile-page-shell { display: block !important; }

  body.lgd-secondary-page .lgd-mobile-page-pills,
  body.lgd-secondary-page .site-header,
  body.lgd-secondary-page .top-grid,
  body.lgd-secondary-page .top-grid-new-boxes,
  body.lgd-secondary-page .top-grid-focal,
  body.lgd-secondary-page .metric-card,
  body.lgd-secondary-page .page-article > aside,
  body.lgd-secondary-page .breadcrumb,
  body.lgd-secondary-page .freshness-note,
  body.lgd-secondary-page a.home-link {
    display: none !important;
  }

  body.lgd-secondary-page .page-article {
    display: block !important;
    margin: 0 14px !important;
    padding: 0 0 120px !important;
  }

  body.lgd-secondary-page .page-article > main,
  body.lgd-secondary-page .content-panel,
  body.lgd-secondary-page .chart-panel,
  body.lgd-secondary-page .page-demand-range-panel {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.lgd-secondary-page .content-panel,
  body.lgd-secondary-page .chart-panel,
  body.lgd-secondary-page .page-demand-range-panel,
  body.lgd-secondary-page .faq-item,
  body.lgd-secondary-page .snapshot-card {
    margin: 0 0 14px !important;
    padding: 20px !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(13,27,46,.95), rgba(7,16,31,.98)) !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
    overflow: hidden !important;
  }

  body.lgd-secondary-page .content-panel:empty {
    display: none !important;
  }

  body.lgd-secondary-page .content-panel p,
  body.lgd-secondary-page .content-panel li {
    color: #b7c6d8 !important;
    line-height: 1.65 !important;
  }

  body.lgd-secondary-page .lgd-page-bottom-nav,
  body.lgd-secondary-page .lgd-mobile-bottom-nav,
  .lgd-home-bottom-nav {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 100 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    min-height: 74px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    background: rgba(5,12,24,.94) !important;
    backdrop-filter: blur(18px) !important;
    box-shadow: 0 -18px 55px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  body.lgd-secondary-page .lgd-page-bottom-nav a,
  body.lgd-secondary-page .lgd-mobile-bottom-nav a,
  .lgd-home-bottom-nav a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 56px !important;
    border-radius: 18px !important;
    text-decoration: none !important;
    color: #b7c6d8 !important;
    font-weight: 900 !important;
    font-size: 11px !important;
  }

  body.lgd-secondary-page .lgd-page-bottom-nav a .nav-icon,
  body.lgd-secondary-page .lgd-mobile-bottom-nav a .nav-icon,
  .lgd-home-bottom-nav a .nav-icon {
    display: block !important;
    font-size: 18px !important;
    color: #dbeafe !important;
  }

  body.lgd-secondary-page .lgd-page-bottom-nav a.active,
  body.lgd-secondary-page .lgd-mobile-bottom-nav a.active,
  .lgd-home-bottom-nav a.active,
  .lgd-home-bottom-nav a:first-child {
    color: #06111d !important;
    background: linear-gradient(135deg, #67e8f9, #34d399) !important;
  }

  .shared-footer .footer-view-links,
  .site-footer .footer-view-links,
  footer .footer-view-links {
    display: none !important;
  }

  .shared-footer,
  .site-footer {
    padding-bottom: 110px !important;
  }
}

@media (min-width: 821px) {
  body.lgd-secondary-page .lgd-mobile-page-shell {
    display: none !important;
  }
}

/* v21: unified mobile theme across live + secondary pages.
   Align secondary page shell colours/background with the live mobile dashboard. */
@media (max-width: 820px) {
  :root {
    --lgd-mobile-bg: #070d18;
    --lgd-mobile-bg-soft: #091526;
    --lgd-mobile-panel: #071527;
    --lgd-mobile-panel-2: #08172a;
    --lgd-mobile-border: rgba(125, 211, 252, .16);
    --lgd-mobile-border-strong: rgba(125, 211, 252, .24);
    --lgd-mobile-cyan: #67e8f9;
    --lgd-mobile-mint: #5eead4;
    --lgd-mobile-green: #86efac;
    --lgd-mobile-text: #f8fbff;
    --lgd-mobile-muted: #a7b4c8;
    --lgd-mobile-muted-2: #7f8da3;
  }

  html,
  body {
    background: var(--lgd-mobile-bg) !important;
  }

  body.lgd-secondary-page,
  body.lgd-secondary-page .page {
    background:
      linear-gradient(rgba(125,211,252,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(125,211,252,.045) 1px, transparent 1px),
      radial-gradient(circle at 18% 0%, rgba(14,165,233,.16), transparent 30%),
      radial-gradient(circle at 82% 3%, rgba(20,184,166,.16), transparent 28%),
      var(--lgd-mobile-bg) !important;
    background-size:
      28px 28px,
      28px 28px,
      auto,
      auto,
      auto !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-shell {
    background: transparent !important;
    padding: 18px 14px 0 !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-header {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-brand {
    color: var(--lgd-mobile-text) !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-brand span {
    color: var(--lgd-mobile-mint) !important;
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(20,184,166,.13) !important;
    box-shadow: 0 0 22px rgba(20,184,166,.16) !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-live {
    color: #baf7e8 !important;
    background: rgba(5, 18, 32, .72) !important;
    border: 1px solid rgba(94,234,212,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-card,
  body.lgd-secondary-page .lgd-mobile-page-metric,
  body.lgd-secondary-page .content-panel,
  body.lgd-secondary-page .chart-panel,
  body.lgd-secondary-page .page-demand-range-panel,
  body.lgd-secondary-page .faq-item,
  body.lgd-secondary-page .snapshot-card {
    background:
      radial-gradient(circle at 12% 0%, rgba(56,189,248,.08), transparent 34%),
      linear-gradient(180deg, rgba(8,23,42,.96), rgba(5,14,28,.98)) !important;
    border: 1px solid var(--lgd-mobile-border) !important;
    box-shadow:
      0 18px 46px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
    border-radius: 24px !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-card.lgd-mobile-page-hero {
    border-radius: 26px !important;
    padding: 22px 20px !important;
    margin-bottom: 14px !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-kicker,
  body.lgd-secondary-page .lgd-mobile-page-metric span {
    color: var(--lgd-mobile-cyan) !important;
    letter-spacing: .17em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-hero h1,
  body.lgd-secondary-page .lgd-mobile-page-metric strong,
  body.lgd-secondary-page .content-panel h1,
  body.lgd-secondary-page .content-panel h2,
  body.lgd-secondary-page .content-panel h3 {
    color: var(--lgd-mobile-text) !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-hero p,
  body.lgd-secondary-page .content-panel p,
  body.lgd-secondary-page .content-panel li {
    color: var(--lgd-mobile-muted) !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-actions a {
    background: linear-gradient(135deg, var(--lgd-mobile-cyan), #34d399) !important;
    color: #06111d !important;
    box-shadow: 0 12px 28px rgba(45,212,191,.16) !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-actions a.secondary {
    background: rgba(7, 18, 34, .78) !important;
    color: #dbeafe !important;
    border: 1px solid var(--lgd-mobile-border-strong) !important;
    box-shadow: none !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-metrics {
    gap: 12px !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-metric {
    min-height: 148px !important;
  }

  body.lgd-secondary-page .lgd-mobile-page-metric p {
    color: var(--lgd-mobile-muted-2) !important;
  }

  body.lgd-secondary-page .page-article {
    background: transparent !important;
  }

  body.lgd-secondary-page .lgd-page-bottom-nav,
  body.lgd-secondary-page .lgd-mobile-bottom-nav,
  .lgd-home-bottom-nav {
    background: rgba(5,12,24,.94) !important;
    border-color: rgba(125,211,252,.16) !important;
    box-shadow: 0 -18px 55px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  body.lgd-secondary-page .lgd-page-bottom-nav a.active,
  body.lgd-secondary-page .lgd-mobile-bottom-nav a.active,
  .lgd-home-bottom-nav a.active,
  .lgd-home-bottom-nav a:first-child {
    background: rgba(20,184,166,.26) !important;
    color: var(--lgd-mobile-mint) !important;
    border: 1px solid rgba(94,234,212,.24) !important;
  }

  body.lgd-secondary-page .lgd-page-bottom-nav a.active .nav-icon,
  body.lgd-secondary-page .lgd-mobile-bottom-nav a.active .nav-icon,
  .lgd-home-bottom-nav a.active .nav-icon,
  .lgd-home-bottom-nav a:first-child .nav-icon,
  .lgd-home-bottom-nav a:first-child span:first-child {
    color: var(--lgd-mobile-mint) !important;
  }
}

/* v22: standard bottom navigation panel with all site links.
   Replaces section-scrolling mobile controls with real page links. */
@media (max-width: 820px) {
  .lgd-standard-bottom-panel,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 120 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    min-height: 132px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    background: rgba(5,12,24,.96) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 -18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .lgd-standard-bottom-panel a,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    text-decoration: none !important;
    color: #b7c6d8 !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    border: 1px solid transparent !important;
  }

  .lgd-standard-bottom-panel a .nav-icon,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a .nav-icon {
    display: block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #dbeafe !important;
    letter-spacing: -.04em !important;
  }

  .lgd-standard-bottom-panel a.active,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active {
    color: #5eead4 !important;
    background: rgba(20,184,166,.20) !important;
    border-color: rgba(94,234,212,.25) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .lgd-standard-bottom-panel a.active .nav-icon,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active .nav-icon {
    color: #5eead4 !important;
  }

  /* Override older rules that forced the first item to look active everywhere. */
  .lgd-home-bottom-nav a:first-child:not(.active),
  .lgd-mobile-bottom-nav a:first-child:not(.active) {
    background: transparent !important;
    color: #b7c6d8 !important;
    border-color: transparent !important;
  }

  .lgd-home-bottom-nav a:first-child:not(.active) .nav-icon,
  .lgd-home-bottom-nav a:first-child:not(.active) span:first-child,
  .lgd-mobile-bottom-nav a:first-child:not(.active) .nav-icon,
  .lgd-mobile-bottom-nav a:first-child:not(.active) span:first-child {
    color: #dbeafe !important;
  }

  body,
  .page,
  .mobile-wow-dashboard,
  .lgd-mobile-page-shell,
  .page-article,
  .shared-footer,
  .site-footer {
    padding-bottom: 168px !important;
  }
}

@media (max-width: 380px) {
  .lgd-standard-bottom-panel,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel {
    left: 8px !important;
    right: 8px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 7px !important;
  }

  .lgd-standard-bottom-panel a,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a {
    font-size: 9px !important;
  }
}

/* v23: force the same 8-link bottom navigation panel on the live dashboard page */
@media (max-width: 820px) {
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel,
  nav.lgd-standard-bottom-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 9999 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    min-height: 132px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    background: rgba(5,12,24,.96) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 -18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a,
  nav.lgd-standard-bottom-panel a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    text-decoration: none !important;
    color: #b7c6d8 !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
  }

  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a .nav-icon,
  nav.lgd-standard-bottom-panel a .nav-icon {
    display: block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #dbeafe !important;
  }

  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active,
  nav.lgd-standard-bottom-panel a.active {
    color: #5eead4 !important;
    background: rgba(20,184,166,.20) !important;
    border-color: rgba(94,234,212,.25) !important;
  }

  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active .nav-icon,
  nav.lgd-standard-bottom-panel a.active .nav-icon {
    color: #5eead4 !important;
  }

  /* Give the dashboard enough room behind the taller nav panel */
  body,
  .page,
  .mobile-wow-dashboard,
  .mobile-dashboard,
  .dashboard-shell,
  .shared-footer,
  .site-footer {
    padding-bottom: 168px !important;
  }
}

/* v25: standard page-link bottom nav on dashboard, while preserving graph JS */
@media (max-width: 820px) {
  .wow-bottom-nav:not(.lgd-standard-bottom-panel) {
    display: none !important;
  }

  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel,
  nav.lgd-standard-bottom-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 9999 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    min-height: 132px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    background: rgba(5,12,24,.96) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 -18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a,
  nav.lgd-standard-bottom-panel a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    text-decoration: none !important;
    color: #b7c6d8 !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
  }

  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a .nav-icon,
  nav.lgd-standard-bottom-panel a .nav-icon {
    display: block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #dbeafe !important;
  }

  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active,
  nav.lgd-standard-bottom-panel a.active {
    color: #5eead4 !important;
    background: rgba(20,184,166,.20) !important;
    border-color: rgba(94,234,212,.25) !important;
  }

  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active .nav-icon,
  nav.lgd-standard-bottom-panel a.active .nav-icon {
    color: #5eead4 !important;
  }

  body,
  .page,
  .mobile-wow-dashboard,
  .wow-mobile-dashboard,
  .shared-footer,
  .site-footer {
    padding-bottom: 168px !important;
  }
}

/* v26: force dashboard standard nav to render.
   Nav is now included directly from index.php, separate from the dashboard graph partial. */
@media (max-width: 820px) {
  .lgd-force-dashboard-nav,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel,
  nav.lgd-standard-bottom-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 2147483000 !important;
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    min-height: 132px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    background: rgba(5,12,24,.96) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 -18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .lgd-force-dashboard-nav a,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a,
  nav.lgd-standard-bottom-panel a {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    text-decoration: none !important;
    color: #b7c6d8 !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
  }

  .lgd-force-dashboard-nav .nav-icon,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel .nav-icon,
  nav.lgd-standard-bottom-panel .nav-icon {
    display: block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #dbeafe !important;
  }

  .lgd-force-dashboard-nav a.active,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active,
  nav.lgd-standard-bottom-panel a.active {
    color: #5eead4 !important;
    background: rgba(20,184,166,.20) !important;
    border-color: rgba(94,234,212,.25) !important;
  }

  .lgd-force-dashboard-nav a.active .nav-icon,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active .nav-icon,
  nav.lgd-standard-bottom-panel a.active .nav-icon {
    color: #5eead4 !important;
  }

  body,
  .page,
  .mobile-wow-dashboard,
  .wow-mobile-dashboard,
  .shared-footer,
  .site-footer {
    padding-bottom: 178px !important;
  }
}

@media (min-width: 821px) {
  .lgd-force-dashboard-nav {
    display: none !important;
  }
}

/* v27: homepage standard nav placed directly after mobile dashboard */
@media (max-width: 820px) {
  .wow-bottom-nav-disabled,
  .wow-bottom-nav:not(.lgd-standard-bottom-panel) {
    display: none !important;
  }

  .lgd-home-standard-nav,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel,
  nav.lgd-standard-bottom-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 2147483000 !important;
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    min-height: 132px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    background: rgba(5,12,24,.96) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 -18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .lgd-home-standard-nav a,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a,
  nav.lgd-standard-bottom-panel a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    text-decoration: none !important;
    color: #b7c6d8 !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
  }

  .lgd-home-standard-nav .nav-icon,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel .nav-icon,
  nav.lgd-standard-bottom-panel .nav-icon {
    display: block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #dbeafe !important;
  }

  .lgd-home-standard-nav a.active,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active,
  nav.lgd-standard-bottom-panel a.active {
    color: #5eead4 !important;
    background: rgba(20,184,166,.20) !important;
    border-color: rgba(94,234,212,.25) !important;
  }

  .lgd-home-standard-nav a.active .nav-icon,
  .lgd-mobile-bottom-nav.lgd-standard-bottom-panel a.active .nav-icon,
  nav.lgd-standard-bottom-panel a.active .nav-icon {
    color: #5eead4 !important;
  }

  body,
  .page,
  .mobile-wow-dashboard,
  .wow-mobile-dashboard,
  .shared-footer,
  .site-footer {
    padding-bottom: 178px !important;
  }
}

@media (min-width: 821px) {
  .lgd-home-standard-nav {
    display: none !important;
  }
}

/* v28: single shared mobile nav source of truth.
   Only .lgd-mobile-site-nav is used for mobile page navigation. */
@media (max-width: 820px) {
  .wow-bottom-nav,
  .wow-bottom-nav-disabled,
  .lgd-mobile-bottom-nav:not(.lgd-mobile-site-nav),
  .lgd-standard-bottom-panel:not(.lgd-mobile-site-nav),
  .footer-view-links {
    display: none !important;
  }

  .lgd-mobile-site-nav {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 2147483000 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
    min-height: 132px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(125, 211, 252, .16) !important;
    background: rgba(5, 12, 24, .96) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 -18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .lgd-mobile-site-nav a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #b7c6d8 !important;
    text-decoration: none !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
  }

  .lgd-mobile-site-nav .nav-icon {
    display: block !important;
    color: #dbeafe !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .lgd-mobile-site-nav a.active {
    color: #5eead4 !important;
    background: rgba(20, 184, 166, .20) !important;
    border-color: rgba(94, 234, 212, .25) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .lgd-mobile-site-nav a.active .nav-icon {
    color: #5eead4 !important;
  }

  body,
  .page,
  .mobile-wow-dashboard,
  .wow-mobile-dashboard,
  .lgd-mobile-page-shell,
  .page-article,
  .shared-footer,
  .site-footer {
    padding-bottom: 178px !important;
  }
}

@media (min-width: 821px) {
  .lgd-mobile-site-nav {
    display: none !important;
  }
}

/* v29: historical + records mobile alignment
   These two pages use bespoke markup, so force them back onto the same secondary page mobile shell. */
@media (max-width: 820px) {
  body.lgd-secondary-page.records-page,
  body.lgd-secondary-page.historical-analytics-page {
    background:
      linear-gradient(rgba(125,211,252,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(125,211,252,.045) 1px, transparent 1px),
      radial-gradient(circle at 18% 0%, rgba(14,165,233,.16), transparent 30%),
      radial-gradient(circle at 82% 3%, rgba(20,184,166,.16), transparent 28%),
      #070d18 !important;
    background-size: 28px 28px, 28px 28px, auto, auto, auto !important;
    overflow-x: hidden !important;
  }

  body.lgd-secondary-page.records-page .page-shell,
  body.lgd-secondary-page.historical-analytics-page .page-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 14px 178px !important;
    overflow-x: hidden !important;
  }

  body.lgd-secondary-page.records-page .standard-top-nav,
  body.lgd-secondary-page.historical-analytics-page .standard-top-nav,
  body.lgd-secondary-page.records-page .records-hero,
  body.lgd-secondary-page.historical-analytics-page .historical-hero {
    display: none !important;
  }

  body.lgd-secondary-page.records-page .records-toolbar,
  body.lgd-secondary-page.historical-analytics-page .history-control-panel {
    margin-top: 10px !important;
  }

  body.lgd-secondary-page.records-page .records-grid,
  body.lgd-secondary-page.historical-analytics-page .history-grid,
  body.lgd-secondary-page.historical-analytics-page .history-kpis,
  body.lgd-secondary-page.historical-analytics-page .history-insight-strip,
  body.lgd-secondary-page.historical-analytics-page .compare-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.lgd-secondary-page.records-page .records-card,
  body.lgd-secondary-page.records-page .records-status span,
  body.lgd-secondary-page.historical-analytics-page .history-control-panel,
  body.lgd-secondary-page.historical-analytics-page .history-kpi,
  body.lgd-secondary-page.historical-analytics-page .history-insight-strip article,
  body.lgd-secondary-page.historical-analytics-page .history-card,
  body.lgd-secondary-page.historical-analytics-page .compare-chart-wrap,
  body.lgd-secondary-page.historical-analytics-page .compare-summary {
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(56,189,248,.08), transparent 34%),
      linear-gradient(180deg, rgba(8,23,42,.96), rgba(5,14,28,.98)) !important;
    border: 1px solid rgba(125,211,252,.16) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035) !important;
    overflow: hidden !important;
  }

  body.lgd-secondary-page.records-page .records-card,
  body.lgd-secondary-page.historical-analytics-page .history-card,
  body.lgd-secondary-page.historical-analytics-page .history-control-panel {
    padding: 20px !important;
  }

  body.lgd-secondary-page.records-page .records-table,
  body.lgd-secondary-page.historical-analytics-page .records-table {
    min-width: 620px !important;
  }

  body.lgd-secondary-page.records-page .records-card,
  body.lgd-secondary-page.historical-analytics-page .history-card {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.lgd-secondary-page.historical-analytics-page canvas,
  body.lgd-secondary-page.records-page canvas {
    max-width: 100% !important;
  }
}

/* Shared secondary page wrapper nav
   Used by bespoke pages that do not render through page-template.php. */
.standard-top-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:0 0 22px;
  padding:12px 0;
  border-bottom:1px solid rgba(120,160,190,.18);
}
.standard-top-nav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.72);
  color:#d9e7ee;
  text-decoration:none;
  font-weight:900;
  font-size:.86rem;
  line-height:1;
}
.standard-top-nav a:hover,
.standard-top-nav a.active,
.standard-top-nav a[aria-current="page"]{
  background:linear-gradient(135deg,#5eead4,#14b8a6);
  color:#021014;
  border-color:rgba(94,234,212,.45);
}
@media(max-width:680px){
  .standard-top-nav{gap:8px}
  .standard-top-nav a{font-size:.82rem;padding:0 11px}
}


/* v30: Records mobile value fix.
   The desktop table remains for wide screens, but mobile gets native record rows so values cannot be clipped/hidden by table overflow. */
.records-mobile-list{display:none}
@media (max-width:820px){
  body.records-page .records-table{display:none!important}
  body.records-page .records-mobile-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:14px!important}
  body.records-page .records-mobile-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:center!important;text-decoration:none!important;border:1px solid rgba(125,211,252,.14)!important;border-radius:18px!important;background:rgba(5,14,28,.58)!important;padding:12px!important;color:#eaf7ff!important}
  body.records-page .records-mobile-rank{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(20,184,166,.18)!important;color:#5eead4!important;font-weight:950!important}
  body.records-page .records-mobile-main{display:block!important;min-width:0!important}
  body.records-page .records-mobile-main strong{display:block!important;font-size:1.15rem!important;line-height:1.05!important;color:#fff!important;letter-spacing:-.03em!important}
  body.records-page .records-mobile-main em{display:block!important;margin-top:4px!important;font-style:normal!important;color:#9fb4bd!important;font-size:.82rem!important;white-space:normal!important}
  body.records-page .records-mobile-meta{grid-column:2!important;display:block!important;color:#bfd0dd!important;font-size:.8rem!important;line-height:1.35!important}
  body.records-page .records-mobile-meta b{color:#67e8f9!important;font-weight:950!important}
}