/* MEDIPHARM Clinical Q&A v10.0.3 — Mobile Geometry & Density Hotfix
   Exact parent: v10.0.2 Tablet Featured Width Hotfix.
   Scope: harden attached search-button geometry; remove redundant mobile gutters/padding;
   guarantee full-width Featured Q&A on tablet/compact landscape. No clinical/runtime changes. */

/* Tablet/compact landscape: do not allow any legacy 2-column featured grid to survive. */
@media (min-width:601px) and (max-width:1180px),
       (min-width:601px) and (max-width:1366px) and (pointer:coarse),
       (min-width:601px) and (max-width:1366px) and (hover:none){
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid,
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel,
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel > #mcqa-featured{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel > #mcqa-featured{
    display:block!important;
    grid-template-columns:none!important;
    columns:auto!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel > #mcqa-featured > *,
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel .mcqa-v10-featured-card{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-inline:0!important;
    grid-column:1 / -1!important;
    justify-self:stretch!important;
  }
}

@media (max-width:600px){
  /* True edge-efficient phone canvas: keep only a 2px safety inset at the app level. */
  #mcqa-app.mcqa-app{--mcqa10-gutter:2px!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% - 4px)!important;
    max-width:none!important;
    margin-inline:2px!important;
    padding-inline:0!important;
  }
  #mcqa-app.mcqa-app #mcqa-home-view{padding-top:6px!important;}

  /* Compact header: logo + search + menu all fit without clipping. */
  #mcqa-app.mcqa-app .mcqa-v10-header-inner{
    width:calc(100% - 4px)!important;
    max-width:none!important;
    margin-inline:2px!important;
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:4px!important;
    min-height:58px!important;
  }
  #mcqa-app.mcqa-app .mcqa-app-brand,
  #mcqa-app.mcqa-app .mcqa-search-wrap{min-width:0!important;}
  #mcqa-app.mcqa-app .mcqa-app-brand img{width:36px!important;height:36px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-menu-toggle{width:38px!important;height:40px!important;border-radius:13px!important;}

  /* Search control is one physical pill. The parent owns the radius and clips children;
     the blue action has no independent radius, eliminating the visibly "missing/cut" corner. */
  #mcqa-app.mcqa-app .mcqa-header-search{
    position:relative!important;
    display:flex!important;
    align-items:stretch!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    gap:0!important;
    border:1px solid var(--mcqa10-line)!important;
    border-radius:17px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-search-leading{display:none!important;}
  #mcqa-app.mcqa-app .mcqa-search-field{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    overflow:hidden!important;
  }
  #mcqa-app.mcqa-app #mcqa-header-search{
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    margin:0!important;
    padding:0 9px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:40px!important;
    box-sizing:border-box!important;
  }
  #mcqa-app.mcqa-app #mcqa-search-submit{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    align-self:stretch!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  #mcqa-app.mcqa-app #mcqa-search-submit svg{width:20px!important;height:20px!important;display:block!important;}
  #mcqa-app.mcqa-app .mcqa-header-clear:not([hidden]){
    position:absolute!important;
    z-index:3!important;
    right:45px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:28px!important;
    height:28px!important;
    padding:0!important;
    margin:0!important;
  }

  /* Remove redundant card-inside-card wrappers and reclaim horizontal pixels. */
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid{margin-top:18px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid > .mcqa-v10-panel{
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel > #mcqa-featured,
  #mcqa-app.mcqa-app .mcqa-v10-featured-card,
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module,
  #mcqa-app.mcqa-app .mcqa-v10-search-results{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-card{border-radius:14px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-featured-card--text .mcqa-v10-featured-content,
  #mcqa-app.mcqa-app .mcqa-v10-featured-content{padding:12px 10px 14px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-featured-answer{margin-inline:0!important;}

  /* Section chrome stays readable but no longer spends 12–18px on each side. */
  #mcqa-app.mcqa-app .mcqa-v10-section{margin-top:18px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-section-head{margin-inline:4px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll{padding:8px 4px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero{padding:12px 10px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-latest-panel{margin-top:12px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-latest-item{padding-inline:4px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-search-results{padding:10px 6px!important;border-radius:14px!important;}
}

@media (max-width:380px){
  #mcqa-app.mcqa-app .mcqa-v10-header-inner{
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:3px!important;
  }
  #mcqa-app.mcqa-app .mcqa-app-brand img{width:34px!important;height:34px!important;}
  #mcqa-app.mcqa-app .mcqa-v10-menu-toggle{width:36px!important;}
  #mcqa-app.mcqa-app #mcqa-search-submit{flex-basis:40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;}
  #mcqa-app.mcqa-app #mcqa-header-search{padding-inline:7px!important;font-size:12px!important;}
}

@media (max-width:600px){
  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;
  }
}