/* Phone layout: Home (/today) is flat, like the stock page (user, 2026-10-29: "Switch Home, Explore and
   Account from rounded cards to flat edge-to-edge sections with hairlines"; Explore went back to its rounded cards the
   same day: "The explore page should be reverted. No hairlines."; Account followed it back to Explore's grouped cards
   the same day, aiq-phone-account.css). The rounded outlined groups (.hm-card) lose their box and run to both screen edges; each
   section heading after the first opens with the same full-width 1px var(--ph-edge) line as the stock page's blocks.
   Rows inside a group keep their inset dividers. Home's index tiles (.hx-chip) are plain figures split by hairlines.
   The pages sit 16px in from each edge (main 12px + the page's 4px), hence the -16px margins. */
@media (max-width: 767px) {
  html.aiq-phone[data-theme] main :is(.hm-card):not(#_):not(#_):not(#_) {
    margin-left: -16px !important; margin-right: -16px !important; border: 0 !important; border-radius: 0 !important;
    box-shadow: none !important; outline: 0 !important; }
  html.aiq-phone[data-theme] main :is(.hm-card):not(#_):not(#_):not(#_) { background: transparent !important; }
  html.aiq-phone[data-theme] main :is(.hm-card):not(#_):not(#_):not(#_)::after { display: none !important; }

  /* rows keep 16px from the screen edge, as the page text does */
  html.aiq-phone[data-theme] main :is(.hm-row, .hm-news a):not(#_):not(#_):not(#_) { padding-left: 16px !important; padding-right: 16px !important; }
  html.aiq-phone[data-theme] main .hm-sec a:not(#_):not(#_):not(#_) { padding-left: 16px !important; padding-right: 16px !important; }

  /* one full-width hairline above every section heading but the first */
  html.aiq-phone[data-theme] main .hm-h:not(#_):not(#_):not(#_) { position: relative; margin-top: 16px !important; padding-top: 18px !important; }
  html.aiq-phone[data-theme] main .hm-h:not(#_):not(#_):not(#_)::before { content: ""; position: absolute; top: 0; left: 50%;
    width: 100vw; margin-left: -50vw; height: 1px; background: var(--ph-edge); pointer-events: none; }

  /* Home's Dow / Nasdaq / Russell / VIX tiles: no grey boxes, a hairline between figures */
  html.aiq-phone[data-theme] main .hx-chip:not(#_):not(#_):not(#_) { background: none !important; border-radius: 0 !important; padding: 2px 14px !important; }
  html.aiq-phone[data-theme] main .hx-chip:first-child:not(#_):not(#_):not(#_) { padding-left: 0 !important; }
  html.aiq-phone[data-theme] main .hx-chip + .hx-chip:not(#_):not(#_):not(#_) { border-left: 1px solid var(--ph-edge) !important; }
}