/* Portada de celular: lectura continua y miniaturas independientes del texto. */
@media (max-width: 600px) {
  .home-page .edition-line { margin: 13px 0; font-size: 8px; letter-spacing: .3px; }
  .home-page .front-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .home-page .front-grid > *,
  .home-page .news-card > *,
  .home-page .editor-story > *,
  .home-page .compact-story > div,
  .home-page .brief-strip article > * { min-width: 0; }
  .home-page .lead-story { height: auto; min-height: 310px; }
  .home-page .lead-story .overlay-link { display: flex; align-items: flex-end; min-height: 310px; }
  .home-page .lead-story .overlay-copy { position: relative; padding: 100px 18px 18px; width: 100%; }
  .home-page .lead-story h1 { font-size: 26px; line-height: 1.12; letter-spacing: -.45px; }
  .home-page .lead-story .category { font-size: 10px; margin: 0 0 9px; }
  .home-page .lead-story p { display: none; }
  .home-page .lead-story .story-meta { margin-top: 12px; font-size: 11px; }
  .home-page .lead-story .overlay-link > img { object-position: 58% 35%; }
  .home-page .lead-story .archive { top: 12px; left: 12px; bottom: auto; font-size: 8px; }

  .home-page .latest { display: block; }
  .home-page .rail-heading { font-size: 15px; margin-bottom: 0; padding-bottom: 10px; }
  .home-page .latest .rail-card { display: block; padding: 12px 0; border-bottom: 1px solid var(--line); }
  .home-page .latest .photo, .home-page .latest .story-meta { display: none; }
  .home-page .latest .category { margin: 0 0 5px; font-size: 10px; letter-spacing: .5px; }
  .home-page .latest h3 { font-size: 18px; line-height: 1.25; letter-spacing: -.15px; }
  .home-page .latest h3 a { display: block; }
  .home-page .day-keys { margin-top: 0; }
  .home-page .day-keys .compact-story { padding: 12px 0; gap: 10px; }
  .home-page .day-keys .story-number { font-size: 24px; min-width: 28px; }
  .home-page .day-keys h3 { font-size: 16px; line-height: 1.3; }
  .home-page .day-keys .category { margin: 0 0 6px; font-size: 10px; }
  .home-page .day-keys .story-meta { margin-top: 7px; font-size: 11px; }
  .home-page .brief-strip { margin-top: 16px; padding: 16px 0; gap: 16px; }
  .home-page .brief-strip article { grid-template-columns: minmax(0, 1fr) 64px; gap: 14px; }
  .home-page .brief-strip h2 { font-size: 16px; line-height: 1.3; }
  .home-page .strip-photo { width: 64px; height: 64px; min-height: 0; }
  .home-page .brand-banner { padding: 16px; margin: 24px 0; gap: 12px; }
  .home-page .brand-banner img { width: 54px; }
  .home-page .brand-banner > div > span { font-size: 18px; }
  .home-page .brand-banner > a { padding-top: 12px; min-height: 36px; }

  .home-page .section { margin-top: 28px; margin-bottom: 28px; }
  .home-page .section-heading { align-items: center; gap: 12px; margin-bottom: 16px; }
  .home-page .section-heading h2 { font-size: 20px; min-width: 0; }
  .home-page .section-heading > a { font-size: 11px; line-height: 1.4; white-space: normal; text-align: right; flex: 0 0 auto; max-width: 105px; min-height: 36px; display: flex; align-items: center; justify-content: flex-end; }
  .home-page .section-intro { font-size: 13px; line-height: 1.6; margin-bottom: 18px; }
  .home-page .all-news-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .home-page .all-news-grid .news-card,
  .home-page .sport-feature .news-card,
  .home-page .editor-story { display: grid; grid-template-columns: minmax(0, 1fr) 88px; align-items: start; gap: 14px; margin: 0; padding: 16px 0; border-bottom: 1px solid var(--line); }
  .home-page .all-news-grid .news-card:first-child,
  .home-page .sport-feature .news-card { padding-top: 0; }
  .home-page .all-news-grid .news-card > .photo,
  .home-page .sport-feature .news-card > .photo,
  .home-page .editor-story > .photo { grid-column: 2; grid-row: 1; width: 88px; height: 88px; min-height: 0; aspect-ratio: 1; align-self: start; }
  .home-page .all-news-grid .card-copy,
  .home-page .sport-feature .card-copy,
  .home-page .editor-story > div { grid-column: 1; grid-row: 1; }
  .home-page .all-news-grid .news-card h3,
  .home-page .sport-feature .news-card h3,
  .home-page .editor-story h3 { font-size: 18px; line-height: 1.25; letter-spacing: -.2px; overflow-wrap: break-word; }
  .home-page .all-news-grid .category,
  .home-page .sport-feature .category,
  .home-page .editor-story .category { font-size: 10px; margin: 0 0 6px; line-height: 1.4; }
  .home-page .story-meta { font-size: 11px; margin-top: 8px; gap: 3px 7px; }
  .home-page .news-card .data-art, .home-page .editor-story .data-art,
  .home-page .strip-photo .data-art { min-height: 0; padding: 7px; }
  .home-page .news-card .data-art strong,
  .home-page .editor-story .data-art strong { font-size: 22px; letter-spacing: -.5px; line-height: 1.1; overflow-wrap: anywhere; }
  .home-page .news-card .data-art strong.art-word,
  .home-page .editor-story .data-art strong.art-word { font-size: 17px; }
  .home-page .strip-photo .data-art strong { font-size: 21px; letter-spacing: -.5px; }
  .home-page .news-card .art-kicker, .home-page .news-card .art-label,
  .home-page .editor-story .art-kicker, .home-page .editor-story .art-label,
  .home-page .strip-photo .art-kicker, .home-page .strip-photo .art-label { display: none; }
  .home-page .news-card .score-cover { justify-content: center; padding: 6px; }
  .home-page .news-card .score-cover .score-heading,
  .home-page .news-card .score-cover .score-footer,
  .home-page .news-card .score-cover .score-teams > span { display: none; }
  .home-page .news-card .score-cover .score-teams { display: block; flex: none; padding: 0; }
  .home-page .news-card .score-cover .score-teams > strong { font-size: 26px; }
  .home-page .news-card .archive, .home-page .editor-story .archive { font-size: 7px; left: 3px; bottom: 3px; padding: 2px 3px; }

  .home-page .featured-grid { gap: 26px; }
  .home-page .feature-photo { aspect-ratio: 2; }
  .home-page .feature-card h2 { font-size: 25px; line-height: 1.18; }
  .home-page .feature-card > p { font-size: 14px; margin-top: 10px; }
  .home-page .mini-pair { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 16px; }
  .home-page .mini-pair .compact-story { padding: 12px 0; border-bottom: 1px solid var(--line); }
  .home-page .mini-pair h3 { font-size: 16px; line-height: 1.3; }
  .home-page .dark-section { padding: 26px 0; }
  .home-page .context-grid { gap: 22px; }
  .home-page .context-feature,
  .home-page .culture-feature { height: auto; min-height: 0; }
  .home-page .context-feature .overlay-link,
  .home-page .culture-feature .overlay-link { display: block; padding-top: 140px; min-height: 0; }
  .home-page .context-feature .overlay-copy,
  .home-page .culture-feature .overlay-copy { position: relative; padding: 16px; background: var(--navy); }
  .home-page .context-feature .overlay-link > img,
  .home-page .culture-feature .overlay-link > img,
  .home-page .context-feature .overlay-link > .data-art { top: 0; height: 140px; }
  .home-page .context-feature .overlay-link::after,
  .home-page .culture-feature .overlay-link::after { display: none; }
  .home-page .context-feature .archive,
  .home-page .culture-feature .archive { top: 10px; bottom: auto; left: 10px; font-size: 8px; }
  .home-page .context-feature h3,
  .home-page .culture-feature h3 { font-size: 23px; line-height: 1.2; }
  .home-page .context-feature .category,
  .home-page .culture-feature .category { margin-top: 0; }
  .home-page .context-feature .data-art strong { font-size: 46px; line-height: 1.1; }
  .home-page .context-feature .data-art { padding: 18px; }
  .home-page .context-take { display: block; padding: 14px 0 0; }
  .home-page .context-take > span { font-size: 10px; }
  .home-page .context-take p { font-size: 13px; margin-top: 6px; }
  .home-page .life-grid { gap: 22px; }
  .home-page .editorial-box { padding: 20px; }
  .home-page .editorial-box h2 { font-size: 26px; margin: 12px 0; }
  .home-page .editorial-box > a { margin-top: 14px; min-height: 36px; }
  .home-page .section-tabs { flex-wrap: nowrap; overflow-x: auto; gap: 8px; margin-bottom: 20px; padding-bottom: 7px; scrollbar-width: thin; }
  .home-page .section-tabs a { flex: none; min-height: 44px; }
  .home-page .all-stories-link { display: flex; justify-content: space-between; min-height: 44px; margin-top: 20px; }
  .home-page .source-note p { font-size: 12px; line-height: 1.6; }
  .site-footer .footer-brand .brand.brand-lockup img { width: 150px; }
  .news-directory .news-card .data-art strong,
  .magazine-section .topic-stories .data-art strong { font-size: 22px; letter-spacing: -.5px; overflow-wrap: anywhere; }
  .news-directory .news-card .data-art strong.art-word,
  .magazine-section .topic-stories .data-art strong.art-word { font-size: 17px; }
  .news-directory .news-card .art-label,
  .magazine-section .topic-stories .art-label { display: none; }
}