/* EV Board page mobile overrides — 2026-08-01
   Loaded after styles.css, scoped to main.shell.ev-page (the EV page has no
   body class; .ev-page lives on <main>). styles.css is NOT modified.
   Fixes from the 2026-08 mobile audit: compact account prompt, mobile feed
   card type bumps, footer tap targets. NOTE: .site-footer lives OUTSIDE
   <main class="ev-page">, so footer rules are scoped via body instead. */

/* Footer: comfortable tap rows (the footer is a sibling of main, so the
   page scope is applied on body — this file only loads on the EV page). */
body .site-footer .footer-head > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 620px) {
  body .site-footer .footer-col a {
    padding: 9px 0;
    font-size: 12.5px;
    line-height: 1.4;
  }

  /* Account prompt: less bulk so the feed clears the fold sooner.
     Keeps the base command-center layout (primary full-width, secondary
     pair below) and every data-prompt-* hook — spacing only. */
  .ev-page .ev-account-prompt {
    padding: 14px 16px;
  }
  .ev-page .ev-account-prompt > strong {
    font-size: 14px;
  }
  .ev-page .ev-account-prompt > p {
    margin: 4px 0 10px;
    line-height: 1.5;
  }

  /* Mobile feed cards: labels and values a half step larger than the base
     (8px / 11px) so the two-column data grid stays readable on phones. */
  .ev-page .ev-mobile-board dt { font-size: 8.5px; }
  .ev-page .ev-mobile-board dd { font-size: 11.5px; }
  .ev-page .ev-mobile-board p { font-size: 14px; }
}
