/* Revision 6 — small profile, mobile header and drawer refinements.
   Load after revision5.css and search-r5.css. */

/* The final timeline item already provides the separator above this source. */
.profile-copy > .sources.professional-source {
  border-top: 0;
}

/* The language row follows navigation; the doctor card is the final block. */
.mobile-drawer > .drawer-languages {
  flex-shrink: 0;
  padding: 16px 24px 14px;
}
.mobile-drawer > .drawer-languages .languages {
  justify-content: flex-start;
  margin: 0;
}
.mobile-drawer > .drawer-doctor {
  flex-shrink: 0;
  margin: 0 24px calc(24px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 900px) {
  .header .header-inner {
    justify-content: flex-start;
    gap: 10px;
    min-width: 0;
  }
  .header .brand {
    min-width: 0;
  }
  .header .header-tools {
    flex: 0 0 auto;
    min-width: 0;
    margin-inline-start: auto;
    gap: 10px;
  }
  .header .header-tools .languages {
    margin: 0;
  }
  .header .header-tools .site-search-trigger,
  .header .header-tools .site-search-trigger:hover,
  .header .header-tools .site-search-trigger:active {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
    padding: 11px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .header .menu-button {
    flex-shrink: 0;
    margin: 0;
  }

  .treatment-groups--home .category-banner > .category-backdrop {
    opacity: .21;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #00000024 32%, #000 76%, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #00000024 32%, #000 76%, #000 90%, transparent 100%);
  }
  .treatment-groups--home .category-backdrop img {
    object-position: right center;
  }
}

@media (max-width: 760px) {
  .treatment-groups--home .category-banner > .category-backdrop {
    right: 10px;
    width: min(150px, 42%);
  }
}

@media (max-width: 400px) {
  .header .header-inner {
    gap: 8px;
  }
  .header .header-tools {
    gap: 8px;
  }
}

@media (max-width: 350px) {
  .mobile-drawer > .drawer-languages {
    padding-inline: 20px;
  }
  .mobile-drawer > .drawer-doctor {
    margin-inline: 20px;
  }
}