/* V7.12: narrowly scoped owner-requested layout adjustments. */

/* The National status and Division select occupy the same grid column. */
.national-head-side .national-controls{align-items:flex-start}
.national-head-side .national-controls>label:not(.national-division-control){min-height:32px}
.national-head-side .national-controls .national-division-control{
  display:grid;
  grid-template-columns:max-content 168px;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.national-head-side .national-division-control>.input-label{grid-column:1;grid-row:1}
.national-head-side .national-controls .national-division-control select{
  grid-column:2;
  grid-row:1;
  width:100%;
  min-width:0;
  max-width:none;
}
.national-head-side .national-division-control .national-projection-flag{
  grid-column:2;
  grid-row:2;
  display:block;
  width:100%;
  min-width:0;
  max-width:none;
  text-align:center;
  white-space:normal;
}

/* The remaining profile control uses the established 108px Season width. */
.profile-control-slot .page-head-controls.season-only>label{
  width:108px;
  flex:0 0 108px;
}

/* Scale school-tile vertical dimensions to 90%; retain font sizes and widths.
   V7.11: padding 8px/9px, label margin 3px and line heights 1.32/1.2/1.25.
   Borders are scaled with the vertical content; browser subpixel rounding applies. */
.profile-metrics.school-metrics .stat-panel{
  padding:7.2px 10px 8.1px;
  border-top-width:.9px;
  border-bottom-width:.9px;
}
.profile-metrics.school-metrics .stat-label{margin-bottom:2.7px;line-height:1.188}
.profile-metrics.school-metrics .stat-value{line-height:1.08}
.profile-metrics.school-metrics .stat-sub{line-height:1.125}

/* V7.11's 15px school-tiles-to-map gap becomes 11.25px: 25% smaller. */
.profile-metrics.school-metrics{margin-bottom:11.25px}

@media(max-width:650px){
  .national-head-side .national-controls>label:not(.national-division-control){
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    flex:1 1 130px;
    min-width:0;
  }
  .national-head-side .national-controls .national-division-control{
    grid-template-columns:minmax(0,1fr);
    gap:4px;
    flex:1 1 130px;
    min-width:0;
  }
  .national-head-side .national-division-control>.input-label{grid-column:1;grid-row:1}
  .national-head-side .national-controls .national-division-control select{grid-column:1;grid-row:2}
  .national-head-side .national-division-control .national-projection-flag{grid-column:1;grid-row:3}
  .profile-control-slot .page-head-controls.season-only>label{width:auto;flex:1 1 130px;min-width:0}
}