/* MEDIPHARM Clinical Q&A v10.0.4 — Responsive Viewport Classification Hotfix
   Exact parent: v10.0.3 Mobile Geometry & Density Hotfix.
   Contract: classify responsive layout by CSS viewport first; physical panel pixels/DPR are not layout breakpoints.
   Tablet touch signals (pointer:coarse / hover:none) are supplementary, never the sole classifier.
   No clinical corpus, REST, routing or JS runtime changes. */

/* 601–1180 CSS px: tablet workspace. Featured Q&A remains single-column/full-width
   in both portrait and landscape. Touch tablets up to 1366 CSS px receive the same
   protection so high-DPI 8-inch devices cannot inherit a desktop 1/2-column layout. */
@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-primary-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel > #mcqa-featured{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!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{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-inline:0!important;
    grid-column:1 / -1!important;
    justify-self:stretch!important;
  }
}

/* Compact tablet 601–900 CSS px: trim shell padding while retaining tablet typography. */
@media (min-width:601px) and (max-width:900px){
  #mcqa-app.mcqa-app{--mcqa10-gutter:8px!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% - 16px)!important;
    max-width:none!important;
    margin-inline:8px!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel,
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid > .mcqa-v10-panel{
    padding-inline:0!important;
  }
}

/* Tablet landscape 901–1180 CSS px: do not promote Featured Q&A into a desktop split. */
@media (min-width:901px) and (max-width:1180px) and (orientation:landscape){
  #mcqa-app.mcqa-app .mcqa-v10-primary-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel{
    grid-column:1 / -1!important;
  }
}

/* Phones only: v10.0.3 edge-efficient geometry is intentionally bounded at 600 CSS px. */
@media (max-width:600px){
  #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,
  #mcqa-app.mcqa-app .mcqa-v10-featured-panel .mcqa-v10-featured-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}