/* BodyStats strength report (results 3.0.13, October 30, 2026). The Lab report's frame and units (bsr-lab-report.css:
   .lr, .lr-sheet, --u is a PDF point), plus the strength pieces. Sharp: 2 px corners, no pills. */
.sr { width: 100%; }
.sr-wait { margin: 40px 0; text-align: center; font-size: 15px; color: #5E5A52; }
.sr .lr-bar label.sr-pick { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--muted); }
.sr .sr-pick select { font: inherit; font-size: 14px; padding: 9px 10px; border: 1px solid var(--stone); border-radius: 2px; background: #fff; color: var(--ink); }
.sr .lr-facts { flex-wrap: nowrap; }
.sr .sr-fact--up > b { color: var(--go); }
.sr .sr-fact--flag > b { color: var(--gold-text); }
.sr .lr-fact > b small { white-space: nowrap; }

/* Results table */
.sr .sr-table { table-layout: auto; }
.sr .sr-table th, .sr .sr-table td { text-align: left; vertical-align: middle; border: 0; }
.sr .sr-table thead th { border-bottom: calc(var(--u) * .75) solid var(--stone); }
.sr .sr-table tr:nth-child(even) td { background: transparent; }
.sr .sr-table tbody tr:not(.sr-area) td { border-bottom: calc(var(--u) * .5) solid var(--hairline); }
.sr .sr-table tr.sr-area td { padding-top: calc(var(--u) * 8); padding-bottom: calc(var(--u) * 2); font-size: calc(var(--u) * 6.5); font-weight: 700; color: var(--sage); text-transform: uppercase; letter-spacing: .08em; }
.sr .sr-name { font-weight: 600; white-space: normal !important; }
.sr .sr-best b { font-size: calc(var(--u) * 10); font-weight: 600; }
.sr .sr-best small { display: block; font-size: calc(var(--u) * 6.5); color: var(--muted); }
.sr .sr-x { min-width: calc(var(--u) * 70); }
.sr .sr-x span { display: block; font-weight: 600; }
.sr .sr-x i { display: block; height: calc(var(--u) * 3); margin-top: calc(var(--u) * 2); background: var(--step); }
.sr .sr-x i b { display: block; height: 100%; background: var(--forest); }
.sr .sr-lr span { font-weight: 500; }
.sr .sr-lr span.sr-strong { font-weight: 700; }
.sr .sr-lr i { font-style: normal; color: var(--stone); margin: 0 calc(var(--u) * 2); }
.sr .sr-lr em { font-style: normal; margin-left: calc(var(--u) * 5); font-size: calc(var(--u) * 7); color: var(--muted); }
.sr em.sr-flag { color: var(--gold-text) !important; font-weight: 700; }
.sr .sr-quiet { color: var(--muted); }
.sr .sr-ch { font-weight: 600; color: var(--muted); }
.sr .sr-ch--up { color: var(--go); }
.sr .sr-ch--down { color: var(--heart); }

/* Exercise figures (the Strength view's, from the iPad) */
.sr .sr-name-in { display: flex; align-items: center; gap: calc(var(--u) * 6); }
.sr .sr-fig { flex: none; display: inline-flex; align-items: center; justify-content: center; width: calc(var(--u) * 24); height: calc(var(--u) * 24); background: var(--warm); border: calc(var(--u) * .5) solid var(--hairline); }
.sr .sr-fig svg { display: block; width: 86%; height: 86%; }
.sr .sr-fig--sm { width: calc(var(--u) * 18); height: calc(var(--u) * 18); }
.sr .sr-table td.sr-name { padding-top: calc(var(--u) * 2.5); padding-bottom: calc(var(--u) * 2.5); }
.sr-spark-top .sr-fig { margin-right: calc(var(--u) * 2); }
.sr-spark-top b { flex: 1; min-width: 0; }
.sr-spark-top { align-items: center; }

/* Exercise details: two a sheet */
.sr-split { height: calc(var(--u) * .75); background: var(--stone); }
.sr-d { display: flex; flex-direction: column; gap: calc(var(--u) * 6); }
.sr-d-head { display: flex; gap: calc(var(--u) * 10); align-items: center; }
.sr .sr-fig--lg { width: calc(var(--u) * 42); height: calc(var(--u) * 42); }
.sr-d-head h4 { margin: 0; font-size: calc(var(--u) * 11); font-weight: 600; color: var(--ink); }
.sr-d-big { margin: 0; font-size: calc(var(--u) * 9); color: var(--forest); font-weight: 600; }
.sr-d-big b { font-size: calc(var(--u) * 21); line-height: 1.05; letter-spacing: -.01em; color: var(--ink); }
.sr-d-big span { margin-left: calc(var(--u) * 4); font-size: calc(var(--u) * 8); font-weight: 500; color: var(--muted); }
.sr-d-change { margin: calc(var(--u) * 1) 0 0; font-size: calc(var(--u) * 7.5); }
.sr-d-change span { font-weight: 400; color: var(--muted); }
.sr-d-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(var(--u) * 5); }
.sr-d-tiles > div { background: var(--warm); padding: calc(var(--u) * 4) calc(var(--u) * 6); }
.sr-d-tiles b { display: block; font-size: calc(var(--u) * 11); font-weight: 600; }
.sr-d-tiles span { display: block; font-size: calc(var(--u) * 6.5); color: var(--muted); }
.sr-d-tiles em { display: block; margin-top: calc(var(--u) * 1); font-style: normal; font-size: calc(var(--u) * 6); color: var(--muted); }
.sr-d-cols { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: calc(var(--u) * 12); align-items: start; }
.sr-d-left { display: flex; flex-direction: column; gap: calc(var(--u) * 6); }
.sr-d-bars > div { display: grid; grid-template-columns: calc(var(--u) * 30) 1fr calc(var(--u) * 38); align-items: center; gap: calc(var(--u) * 5); height: calc(var(--u) * 10); font-size: calc(var(--u) * 7.5); }
.sr-d-bars i { display: block; height: calc(var(--u) * 5); background: var(--warm); }
.sr-d-bars i b { display: block; height: 100%; }
.sr-d-bars em { font-style: normal; font-weight: 600; text-align: right; }
.sr-d-bars p { margin: calc(var(--u) * 2) 0 0; font-size: calc(var(--u) * 7.5); color: var(--muted); }
.sr-d-bars p b { color: var(--ink); }
.sr table.sr-m { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.sr .sr-m th, .sr .sr-m td { border: 0; padding: calc(var(--u) * 1.15) calc(var(--u) * 3); font-size: calc(var(--u) * 7); text-align: right; white-space: nowrap; }
.sr .sr-m thead th { font-size: calc(var(--u) * 6); font-weight: 700; color: var(--muted); border-bottom: calc(var(--u) * .75) solid var(--stone); }
.sr .sr-m th:first-child { text-align: left; padding-left: 0; }
.sr .sr-m tbody th { font-weight: 500; }
.sr .sr-m tbody th small { font-size: calc(var(--u) * 5.5); color: var(--muted); font-weight: 400; }
.sr .sr-m tbody tr:not(.sr-mg) > * { border-bottom: calc(var(--u) * .5) solid var(--hairline); }
.sr .sr-m tr.sr-mg td { text-align: left; padding: calc(var(--u) * 3) 0 calc(var(--u) * .5); font-size: calc(var(--u) * 5.8); font-weight: 700; color: var(--sage); text-transform: uppercase; letter-spacing: .08em; }
.sr .sr-m td.sr-flag { color: var(--gold-text); font-weight: 700; }
.sr-d-curve h5 { margin: 0 0 calc(var(--u) * 3); font-size: calc(var(--u) * 7.5); font-weight: 700; color: var(--forest); }
.sr-d-curve h5 small { font-weight: 400; color: var(--muted); }
.sr-d-curve--none p { margin: 0; font-size: calc(var(--u) * 7); color: var(--muted); }
.sr-d-key { display: flex; gap: calc(var(--u) * 8); margin-bottom: calc(var(--u) * 2); font-size: calc(var(--u) * 6.5); color: var(--muted); }
.sr-d-key span { display: inline-flex; align-items: center; gap: calc(var(--u) * 3); }
.sr-d-key i { display: inline-block; width: calc(var(--u) * 5); height: calc(var(--u) * 5); }

/* Left vs right */
.sr-bal-key { display: flex; justify-content: space-between; margin: 0 calc(var(--u) * 28) calc(var(--u) * 4) calc(var(--u) * 110); font-size: calc(var(--u) * 6.5); color: var(--muted); }
.sr-bal-key span { display: inline-flex; align-items: center; gap: calc(var(--u) * 3); }
.sr-bal-key i { display: inline-block; width: calc(var(--u) * 5); height: calc(var(--u) * 5); }
.sr-bal-row, .sr-bal-axis { display: grid; grid-template-columns: calc(var(--u) * 110) 1fr calc(var(--u) * 28); align-items: center; }
.sr-bal-row { height: calc(var(--u) * 14); font-size: calc(var(--u) * 7.5); }
.sr-bal-row > span { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: calc(var(--u) * 6); }
.sr-bal-row em { font-style: normal; text-align: right; font-weight: 600; }
.sr-bal-track { position: relative; height: calc(var(--u) * 6); background: var(--warm); }
.sr-bal-track s { position: absolute; top: 0; bottom: 0; background: var(--step); text-decoration: none; }
.sr-bal-track u { position: absolute; top: calc(var(--u) * -2); bottom: calc(var(--u) * -2); left: 50%; width: 1px; background: var(--ink); }
.sr-bal-track b { position: absolute; top: 0; bottom: 0; }
.sr-bal-axis > div { position: relative; height: calc(var(--u) * 10); }
.sr-bal-axis i { position: absolute; top: calc(var(--u) * 2); transform: translateX(-50%); font-style: normal; font-size: calc(var(--u) * 6); color: var(--muted); }

/* Progress */
.sr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--u) * 8); }
.sr-spark { border: calc(var(--u) * .75) solid var(--hairline); padding: calc(var(--u) * 6) calc(var(--u) * 7); }
.sr-spark-top { display: flex; justify-content: space-between; align-items: baseline; gap: calc(var(--u) * 4); }
.sr-spark-top b { font-size: calc(var(--u) * 7.5); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-spark-top span { font-size: calc(var(--u) * 7.5); font-weight: 600; color: var(--forest); white-space: nowrap; }
.sr-spark .lr-chart { margin: calc(var(--u) * 3) 0; }
.sr-spark p { margin: 0; font-size: calc(var(--u) * 6.5); line-height: 1.3; }
.sr .sr-ml { display: none; font-size: 12px; font-weight: 400; color: var(--muted); }
.sr-empty { margin: 0; font-size: calc(var(--u) * 8.5); color: var(--muted); }
.sr-notes { margin: 0; padding-left: calc(var(--u) * 10); display: flex; flex-direction: column; gap: calc(var(--u) * 4); font-size: calc(var(--u) * 7.5); line-height: 1.45; color: var(--ink); }

@media (max-width: 720px) {
  .sr:not(.lr-print) .lr-facts { flex-wrap: wrap; }
  .sr:not(.lr-print) .sr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr:not(.lr-print) .sr-table thead { display: none; }
  .sr:not(.lr-print) .sr-table, .sr:not(.lr-print) .sr-table tbody { display: block; }
  .sr:not(.lr-print) .sr-table tr:not(.sr-area) { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid var(--hairline); }
  .sr:not(.lr-print) .sr-table tr.sr-area { display: block; }
  .sr:not(.lr-print) .sr-table tr.sr-area td { display: block; padding-left: 0; }
  .sr:not(.lr-print) .sr-table tr:not(.sr-area) td { display: block; padding: 0; border: 0; font-size: 14px; white-space: normal; }
  .sr:not(.lr-print) .sr-table .sr-name { grid-column: 1; font-size: 15px; }
  .sr:not(.lr-print) .sr-fig { width: 40px; height: 40px; }
  .sr:not(.lr-print) .sr-table .sr-best { grid-column: 2; grid-row: 1 / span 2; text-align: right; }
  .sr:not(.lr-print) .sr-table .sr-best b { font-size: 20px; }
  .sr:not(.lr-print) .sr-table .sr-best small { font-size: 12px; }
  .sr:not(.lr-print) .sr-table .sr-x { grid-column: 1; min-width: 0; font-size: 13px; }
  .sr:not(.lr-print) .sr-table .sr-x span { display: inline; }
  .sr:not(.lr-print) .sr-table .sr-x span::after { content: " bodyweight"; font-weight: 400; color: var(--muted); }
  .sr:not(.lr-print) .sr-table .sr-x i { display: none; }
  .sr:not(.lr-print) .sr-table .sr-lr, .sr:not(.lr-print) .sr-table .sr-change { grid-column: 1 / -1; font-size: 13px; }
  .sr:not(.lr-print) .sr-ml { display: inline; }
  .sr:not(.lr-print) .sr-d-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr:not(.lr-print) .sr-d-cols { grid-template-columns: 1fr; }
  .sr:not(.lr-print) .sr-fig--lg { width: 64px; height: 64px; }
  .sr:not(.lr-print) .sr-bal-row, .sr:not(.lr-print) .sr-bal-axis { grid-template-columns: 96px 1fr 34px; }
  .sr:not(.lr-print) .sr-bal-key { margin-left: 96px; margin-right: 34px; }
}
