/* DPBossPre Pass 145 — live upload mobile QA corrections.
   Scope: preserve the approved design; correct only live rendering inconsistencies. */

/* Chart directories were inheriting the homepage two-column section grid,
   which made their generated link container occupy only the left half. */
.chart-page .reference-directory{
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
}
.chart-page .reference-directory>.section-cap{
  display:block!important;
  width:100%!important;
}
.chart-page .reference-directory>div{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.chart-page .reference-directory>div>a{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* The body already owns the fixed-navigation safe area. Remove the second
   page-level spacer that created a large empty block below the footer. */
.chart-page,
.starline-support-page .starline-shell{
  padding-bottom:0!important;
}

/* Use the already approved compact homepage brand geometry on mobile inner
   pages. Branding, colours and wordmark remain identical. */
@media (max-width:600px){
  .chart-page .brand-panel.compact-brand,
  .starline-support-page .brand-panel.compact-brand{
    min-height:72px!important;
    padding:4px 6px!important;
    margin-bottom:4px!important;
    border-width:2px!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  .chart-page .brand-lockup,
  .starline-support-page .brand-lockup{
    min-height:62px!important;
    gap:7px!important;
  }
  .chart-page .brand-image,
  .starline-support-page .brand-image{
    width:58px!important;
    height:58px!important;
    flex:0 0 58px!important;
  }
  .chart-page .brand-main,
  .starline-support-page .brand-main{
    font-size:29px!important;
    line-height:1!important;
    letter-spacing:.2px!important;
  }
  .chart-page .brand-pre,
  .starline-support-page .brand-pre{
    font-size:18px!important;
    line-height:1!important;
  }

  /* Keep the approved continuous Final Ank movement, but soften the viewport
     edges so partially moving rows no longer look abruptly cut. */
  .home-page .final-ank-viewport{
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 87%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 87%,transparent 100%);
  }
}

/* Desktop/tablet directory density remains two columns inside the full-width
   panel, matching the existing approved responsive behaviour. */
@media (min-width:700px){
  .chart-page .reference-directory>div{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}