/* v396 · Mobile home hierarchy and a shared rhythm for every view ribbon. */
@media (max-width: 760px) {
  html body #homeV231 .hm-copy {
    min-width: 0;
    text-align: center;
  }
  html body #homeV231 .hm-copy .hm-kicker {
    display: block;
    text-align: center;
  }
  html body #homeV231 .hm-copy h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
  }
  html body #homeV231 .hm-greeting {
    max-width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.05;
  }
  html body #homeV231 .hm-copy > p {
    max-width: 34ch;
    margin-inline: auto;
    text-align: center;
  }
  html body #homeV231 .hm-actions {
    justify-content: center;
  }
  html body #homeV231 .hm-ovr-badge {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 128px;
    min-height: 132px;
    height: auto;
    padding: 18px 12px;
    gap: 10px;
    margin-inline: auto;
    text-align: center;
  }
  html body #homeV231 .hm-ovr-badge b {
    font-size: var(--tl-type-hero, 40px) !important;
    line-height: 1 !important;
  }
  /* Override the global small/subtitle rule: the rank must fit the medal. */
  html body #homeV231 .hm-ovr-badge small {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    color: #30200b !important;
    font-family: var(--tl-font-copy, sans-serif) !important;
    font-size: var(--tl-type-kicker, 12px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: .035em !important;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
  }

  /* Match historical final selectors, including Cimas and generated headings. */
  html body main section.view:is(#view-resumen,#view-carreras,#view-logros,#view-cimas,#view-agenda,#view-calendario,#view-atleta,#view-nutricion,#view-estado,#view-garmin,#view-coach,#view-rutas,#view-tienda,#view-pro,#view-historial,#view-tipos,#view-forma,#view-ayuda,#view-estadisticas,#view-perfil,#view-datos,#view-preferencias,#view-equipo,#view-amigos,#view-feed,#view-manada,#view-diario,#view-conexiones) .view-title,
  html body main section.view#view-agenda .agenda-head-v233 h2,
  html body main section.view#view-pro .pro313-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    column-gap: .2em;
    box-sizing: border-box !important;
    width: fit-content !important;
    min-width: min(270px, 100%) !important;
    max-width: 100% !important;
    min-height: 56px !important;
    height: auto !important;
    margin: 16px 0 18px !important;
    padding: 14px 34px 14px 16px !important;
    font-size: var(--tl-type-section, 26px) !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html body main section.view .view-title :is(b,strong),
  html body main section.view#view-pro .pro313-title :is(b,strong) {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}