/* MEDIPHARM Clinical Q&A v10.5.3 — Responsive Wrapper Density Hotfix
   Exact parent: v10.5.2 Featured Readability & White Surface Hotfix.
   Scope: presentation-only density refinement.
   Goal: reclaim content area by reducing redundant wrapper/card padding on desktop,
   tablet and mobile without shrinking typography, touch targets or changing layout logic.
   No corpus/import/REST/routing/JS behavior changes. */

/* --------------------------------------------------------------------------
   Shared rhythm: headings stay distinct, but nested shells spend less space.
   -------------------------------------------------------------------------- */
#mcqa-app.mcqa-app .mcqa-v10-section-head{
  margin-bottom:10px!important;
}
#mcqa-app.mcqa-app .mcqa-v10-featured-answer{
  margin:12px 0 14px!important;
  padding:13px 15px!important;
}
#mcqa-app.mcqa-app .mcqa-v10-search-results{
  padding:16px!important;
}
#mcqa-app.mcqa-app .mcqa-taxonomy-hero{
  padding:22px!important;
}

/* --------------------------------------------------------------------------
   Desktop: reduce outer panel + nested content padding while retaining the accepted
   two-column hierarchy and readable full-answer typography.
   -------------------------------------------------------------------------- */
@media (min-width:1200px){
  #mcqa-app.mcqa-app #mcqa-home-view{
    padding-top:clamp(14px,1.5vw,24px)!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid{
    margin-top:clamp(20px,2vw,30px)!important;
    gap:14px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid > .mcqa-v10-panel{
    padding:clamp(12px,1.05vw,18px)!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-card--text .mcqa-v10-featured-content,
  #mcqa-app.mcqa-app .mcqa-v10-featured-content{
    padding:clamp(15px,1.25vw,21px)!important;
  }
  #mcqa-app.mcqa-app button.mcqa-v10-latest-item{
    padding:10px 11px!important;
  }

  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{
    padding:14px 16px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll{
    padding:14px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero{
    padding:16px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list{
    gap:11px!important;
    margin-top:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-search-results{
    padding:16px!important;
  }
}

/* --------------------------------------------------------------------------
   Tablet: compact both the outer panel shell and nested cards. Touch target sizes
   remain unchanged; only non-interactive whitespace is reduced.
   -------------------------------------------------------------------------- */
@media (min-width:601px) and (max-width:1199px){
  #mcqa-app.mcqa-app #mcqa-home-view{
    padding-top:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid{
    margin-top:18px!important;
    gap:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid > .mcqa-v10-panel{
    padding:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-card--text .mcqa-v10-featured-content,
  #mcqa-app.mcqa-app .mcqa-v10-featured-content{
    padding:15px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-answer{
    margin:11px 0 13px!important;
    padding:12px 14px!important;
  }
  #mcqa-app.mcqa-app button.mcqa-v10-latest-item{
    padding:10px!important;
  }

  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{
    padding:13px 14px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll{
    padding:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero{
    padding:14px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list-item{
    padding:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-search-results{
    padding:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-taxonomy-hero{
    padding:18px!important;
  }
}

/* High-DPI/touch tablets that report desktop-like CSS widths must keep the same
   compact tablet density contract instead of inheriting the desktop shell spacing. */
@media (min-width:1200px) and (max-width:1366px) and (pointer:coarse),
       (min-width:1200px) and (max-width:1366px) and (hover:none){
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid > .mcqa-v10-panel{
    padding:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-card--text .mcqa-v10-featured-content,
  #mcqa-app.mcqa-app .mcqa-v10-featured-content{
    padding:15px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-answer{
    margin:11px 0 13px!important;
    padding:12px 14px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{
    padding:13px 14px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll{
    padding:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero{
    padding:14px!important;
  }
}

/* --------------------------------------------------------------------------
   Mobile: v10.0.3 already removed the redundant outer primary-panel shell. Tighten
   the remaining nested wrappers so the white surface is mostly clinical content.
   -------------------------------------------------------------------------- */
@media (max-width:600px){
  #mcqa-app.mcqa-app #mcqa-home-view{
    padding-top:4px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid{
    margin-top:14px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-section-head{
    margin-bottom:8px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-card--text .mcqa-v10-featured-content,
  #mcqa-app.mcqa-app .mcqa-v10-featured-content{
    padding:10px 8px 12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-answer{
    margin:9px 0 10px!important;
    padding:10px 9px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-latest-panel{
    margin-top:10px!important;
  }
  #mcqa-app.mcqa-app button.mcqa-v10-latest-item{
    padding:8px 4px!important;
  }

  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-head{
    padding:10px 9px!important;
    gap:9px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-module-scroll{
    padding:6px 2px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-hero{
    padding:10px 8px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list{
    gap:9px!important;
    margin-top:10px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-specialty-list-item{
    padding:10px 8px!important;
    gap:9px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-search-results{
    padding:8px 4px!important;
  }
  #mcqa-app.mcqa-app .mcqa-taxonomy-hero{
    padding:14px 12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-detail-scroll{
    padding:14px!important;
  }
}