/* 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}
}

/* Owner-requested National selector placement and visibility. */
.national-summary-bar{
  display:flex;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
  flex-wrap:wrap;
}
.national-summary-bar .stats-strip{
  margin-bottom:0;
  flex:0 1 auto;
}
.national-summary-controls{
  display:flex;
  align-items:flex-start;
  margin-left:14px;
  padding-top:2px;
}
.national-summary-controls .page-head-controls{
  margin:0;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.national-summary-controls .page-head-controls select{
  height:33px;
  width:145px;
  border-color:#91a6b7;
  color:#263b50;
  font-family:inherit;
  font-size:11px;
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
}
.national-summary-controls .national-controls>label:not(.national-division-control){
  min-height:33px;
}
.national-summary-controls .national-division-control{
  display:grid;
  grid-template-columns:max-content 145px;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.national-summary-controls .national-division-control>.input-label{
  grid-column:1;
  grid-row:1;
}
.national-summary-controls .national-division-control select{
  grid-column:2;
  grid-row:1;
  width:145px;
  min-width:0;
  max-width:none;
  border-color:#91a6b7;
}
.national-summary-controls .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;
}
@media(max-width:900px){
  .national-summary-controls{
    width:100%;
    margin-left:0;
    padding-top:0;
  }
}
@media(max-width:650px){
  .national-summary-controls .page-head-controls{
    width:100%;
    gap:10px;
  }
  .national-summary-controls .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-summary-controls .national-division-control{
    grid-template-columns:minmax(0,1fr);
    gap:4px;
    flex:1 1 150px;
    min-width:0;
  }
  .national-summary-controls .national-division-control>.input-label{grid-column:1;grid-row:1}
  .national-summary-controls .national-division-control select{grid-column:1;grid-row:2;width:100%}
  .national-summary-controls .national-division-control .national-projection-flag{grid-column:1;grid-row:3}
  .national-summary-controls .page-head-controls select{width:100%;max-width:100%}
}

/* Enforce identical computed dimensions and typography for National Season and Division selects. */
.national-summary-controls .page-head-controls label select,
.national-summary-controls .page-head-controls label:last-child select,
.national-summary-controls .page-head-controls .national-division-control select{
  width:145px;
  min-width:145px;
  max-width:145px;
  height:33px;
  box-sizing:border-box;
  font-family:inherit;
  font-size:11px;
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
  line-height:normal;
}