/* Site-wide mobile corrections for article pages. */
@media (max-width: 900px) {
  html, body { overflow-x: hidden !important; }

  /* Keep the fixed article header compact and entirely inside the viewport. */
  .anav { top: 0 !important; height: 72px !important; overflow: hidden !important; }
  .anav-inner {
    height: 72px !important;
    min-height: 72px !important;
    max-width: none !important;
    padding: 0 1rem !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
    gap: 0.7rem !important;
  }
  .anav-back { width: 36px !important; overflow: hidden !important; font-size: 0 !important; }
  .anav-back svg { width: 28px !important; height: 28px !important; }
  .anav-logo { justify-self: center !important; }
  .anav-logo img { height: 50px !important; max-width: 150px !important; width: auto !important; }
  .anav-share { display: none !important; }

  /* Reserve clear space below the fixed navigation on every article page. */
  .title-section { padding-top: 102px !important; padding-bottom: 1.5rem !important; }
  .wrap { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
  .art-cat { font-size: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .art-title { font-size: clamp(2.05rem, 9vw, 2.6rem) !important; line-height: 1.1 !important; }
  .art-subtitle { font-size: 1.12rem !important; line-height: 1.45 !important; }

  .meta-share { margin: 1.25rem 0 !important; }
  .meta-row, .share-row { padding-left: 1.25rem !important; padding-right: 1.25rem !important; flex-wrap: wrap !important; }
  .meta-cell { padding: 0.35rem 0.8rem 0.35rem 0 !important; margin: 0 0.8rem 0 0 !important; }

  /* Article footers are single-column on phones—no clipped desktop columns. */
  .ftr { width: 100% !important; max-width: 100% !important; margin-top: 2rem !important; padding: 2.5rem 1.25rem 1.5rem !important; overflow: hidden !important; }
  .ftr-top { display: block !important; max-width: none !important; padding-bottom: 1.5rem !important; }
  .ftr-top > div { min-width: 0 !important; margin-bottom: 1.8rem !important; }
  .ftr-top ul { column-count: 1 !important; column-gap: 0 !important; }
  .ftr-top li { margin-bottom: 0.7rem !important; }
  .ftr-news form { max-width: 320px !important; }
  .ftr-bottom { display: flex !important; align-items: flex-start !important; text-align: left !important; }
  .ftr-legal { display: flex !important; flex-wrap: wrap !important; gap: 0.7rem !important; }
  .ftr-legal a { margin: 0 !important; }
}