/* Applies only to the expanded charts on the size guide. */
.bl-measure-key { display: grid; gap: 14px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 24px 0; }
.bl-measure-key p { margin: 0; padding: 18px; background: #f2f6fa; border-radius: 8px; font-size: .95rem; }
.bl-size-chart-region { position: relative; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid #cedae5; border-radius: 10px; margin: 18px 0 28px; }
.bl-size-chart-region:focus-visible { outline: 3px solid #76c034; outline-offset: 4px; }
.bl-size-chart { width: 100%; min-width: 710px; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 0; color: #334155; font-variant-numeric: tabular-nums; }
.bl-size-chart.bl-womens-chart { min-width: 840px; }
.bl-resource .bl-chart-label { color: #173b60 !important; font-weight: 600; margin-bottom: 8px; }
.bl-size-chart .bl-chart-caption { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.bl-size-chart th, .bl-size-chart td { padding: 12px 10px; text-align: center; vertical-align: middle; border-right: 1px solid #dce5ed; border-bottom: 1px solid #dce5ed; line-height: 1.5; }
.bl-size-chart th:last-child, .bl-size-chart td:last-child { border-right: 0; }
.bl-size-chart thead th { color: #fff; background: #173b60; font-size: .9rem; font-weight: 600; }
.bl-size-chart .bl-size-col { width: 64px; }
.bl-size-chart .bl-unit-col { width: 74px; }
.bl-size-chart tbody { --bl-row-bg: #fff; }
.bl-size-chart tbody:nth-of-type(even) { --bl-row-bg: #f1f6fa; }
.bl-size-chart tbody th, .bl-size-chart tbody td { background: var(--bl-row-bg); }
.bl-size-chart tbody th[scope="rowgroup"] { font-weight: 700; color: #173b60; }
.bl-size-chart tbody th[scope="row"] { font-size: .82rem; font-weight: 500; }
.bl-size-chart .bl-cm-row th, .bl-size-chart .bl-cm-row td { color: #52657a; font-size: .88rem; }
.bl-size-chart tbody tr:last-child > *, .bl-size-chart tbody th[rowspan] { border-bottom: 2px solid #c5d4e1; }
.bl-size-chart thead th:first-child, .bl-size-chart tbody th[scope="rowgroup"] { position: sticky; left: 0; z-index: 1; box-shadow: 2px 0 3px rgba(23,59,96,.06); }
.bl-size-chart thead th:first-child { z-index: 2; }
.bl-size-chart thead th:nth-child(2), .bl-size-chart tbody th[scope="row"] { position: sticky; left: 64px; z-index: 1; box-shadow: 2px 0 3px rgba(23,59,96,.08); }
.bl-size-chart thead th:nth-child(2) { z-index: 2; }
.bl-chart-scroll-note { font-size: .86rem; color: #52657a !important; }
@media(max-width: 700px) {
  .bl-measure-key { grid-template-columns: 1fr; gap: 8px; }
  .bl-measure-key p { padding: 14px 16px; }
  .bl-size-chart th, .bl-size-chart td { padding: 10px 8px; }
}