/* MEDIPHARM Clinical Q&A v10.0.1 — Mobile Edge & Search Control Hotfix
   Exact parent: v10.0 Clinical Editorial Experience.
   Scope: mobile header search geometry + mobile wrapper/gutter reduction only. */

@media (max-width: 767px){
  /* Use the viewport more efficiently on phones. */
  #mcqa-app.mcqa-app{--mcqa10-gutter:6px!important;}

  #mcqa-app.mcqa-app #mcqa-home-view,
  #mcqa-app.mcqa-app #mcqa-taxonomy-view,
  #mcqa-app.mcqa-app>.mcqa-app-footer{
    width:calc(100% - 12px)!important;
    max-width:none!important;
    margin-inline:6px!important;
  }

  #mcqa-app.mcqa-app #mcqa-home-view{
    padding-top:10px!important;
  }

  /* Header keeps only a small edge-safe inset. */
  #mcqa-app.mcqa-app .mcqa-v10-header-inner{
    width:calc(100% - 12px)!important;
    max-width:none!important;
    margin-inline:6px!important;
    grid-template-columns:44px minmax(0,1fr) 42px!important;
    gap:7px!important;
  }

  /* Search is one continuous pill: field + attached action button.
     Removing the extra grid track prevents the blue action from looking cut off. */
  #mcqa-app.mcqa-app .mcqa-header-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    height:44px!important;
    padding:0!important;
    border-radius:17px!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-search-leading{display:none!important;}
  #mcqa-app.mcqa-app .mcqa-search-field{
    grid-column:1!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
  }
  #mcqa-app.mcqa-app #mcqa-header-search{
    height:42px!important;
    min-width:0!important;
    padding:0 12px!important;
    border-radius:16px 0 0 16px!important;
  }
  #mcqa-app.mcqa-app #mcqa-search-submit{
    grid-column:2!important;
    width:48px!important;
    min-width:48px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    align-self:stretch!important;
    border-radius:0 16px 16px 0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  #mcqa-app.mcqa-app #mcqa-search-submit svg{
    width:20px!important;
    height:20px!important;
  }

  /* Flatten redundant outer panels on mobile; the actual content cards remain.
     This removes card-inside-card whitespace and lets clinical content use the screen width. */
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid>.mcqa-v10-panel{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-card,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module{
    width:100%!important;
    max-width:none!important;
  }

  /* Tighten remaining nested mobile content without touching readable inner text padding. */
  #mcqa-app.mcqa-app .mcqa-v10-section{margin-top:22px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-section-head{margin-inline:2px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll{padding:12px 8px!important;}
}

/* Host dark mode: flattened mobile wrappers must stay transparent. */
@media (max-width: 767px){
  html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid>.mcqa-v10-panel{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
}