/* Generated by scripts/build-members-pages.js from the 5x5 page. Do not edit. */

  /* GHL wrapper overrides — neutralize section/row/column padding & max-width */
  .c-section > .inner { max-width: 100% !important; }
  .c-row, .c-row > .inner { padding: 0 !important; margin: 0 !important; }
  .c-column, .c-column > .inner { padding: 0 !important; }
  .custom-code-container { padding: 0 !important; margin: 0 !important; }

  /* Gotham Narrow (Book + Bold files) — F45 brand typeface. A page-only family name, so a heavier
     Gotham Narrow from the GHL site fonts or the viewer's computer can never be picked instead. */
  @font-face { font-family: 'F45 5x5 Gotham'; src: url('https://assets.cdn.filesafe.space/JXvGSSNYRoySWRtn6UBO/media/691c2209c20a255411a8e894.otf') format('opentype'); font-weight: 300 500; font-style: normal; font-display: swap; }
  @font-face { font-family: 'F45 5x5 Gotham'; src: url('https://assets.cdn.filesafe.space/JXvGSSNYRoySWRtn6UBO/media/691c2207c20a256818a8e857.otf') format('opentype'); font-weight: 600 900; font-style: normal; font-display: swap; }

  :root { --navy: #211551; --soft: #6f679f; --line: #e3e2ea; --red: #D6001C; --red-dark: #b30017; --green: #1C6B33; }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { background: #ffffff; color: var(--navy); font-size: 16px; line-height: 1.45; -webkit-font-smoothing: antialiased; font-synthesis: none; }
  /* GHL styles headings and form controls with its own fonts — keep everything in this block on ours. */
  .sl, .sl h1, .sl h2, .sl p, .sl span, .sl label, .sl input, .sl button, .sl a, .sl strong, .sl div, .sl li, .sl td, .sl th, .sl summary {
    font-family: 'F45 5x5 Gotham', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-synthesis: none;
  }
  .sl { max-width: 440px; margin: 0 auto; padding: 28px 20px 40px; }
  .sl [hidden] { display: none !important; }
  .sl-top { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
  .sl-top img { height: 34px; width: auto; }
  .sl-top h1 { font-size: 24px; font-weight: 700; color: var(--navy); line-height: 1; }
  .sl h2 { font-size: 18px; font-weight: 700; color: var(--navy); margin: 30px 0 10px; }
  .sl p { font-size: 16px; line-height: 1.5; color: var(--navy); }
  .sl-small { font-size: 14px !important; color: var(--soft) !important; margin-top: 10px; }
  .sl input[type="email"], .sl input[inputmode] {
    width: 100%; font-size: 18px; color: var(--navy); background: #ffffff; border: 1px solid #c9c7d6; border-radius: 6px;
    padding: 12px 12px; -webkit-appearance: none; appearance: none;
  }
  .sl input:focus { outline: none; border-color: var(--navy); box-shadow: 0 0 0 3px rgba(33,21,81,0.12); }
  .sl input.is-invalid { border-color: var(--red); box-shadow: 0 0 0 3px rgba(214,0,28,0.12); }
  .sl-btn {
    display: block; width: 100%; margin-top: 16px; border: none; cursor: pointer; background: var(--red); color: #ffffff;
    font-weight: 700; font-size: 16px; padding: 16px 20px; border-radius: 6px;
  }
  .sl-btn:hover { background: var(--red-dark); }
  .sl-btn:disabled { opacity: 0.5; cursor: not-allowed; }
  /* a text button: 44px tall so a thumb hits it */
  .sl-link { background: none; border: none; cursor: pointer; font-size: 14px; color: var(--soft); text-decoration: underline; padding: 8px 0; min-height: 44px; display: inline-flex; align-items: center; text-align: left; }
  .sl-btn:focus-visible, .sl-link:focus-visible, .sl summary:focus-visible, .sl-foot a:focus-visible { outline: 2px solid var(--navy); outline-offset: 2px; }
  .sl-label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 6px; }
  .sl-done { border-left: 3px solid var(--green); padding: 2px 0 2px 12px; margin-bottom: 6px; }
  .sl-done strong { color: var(--green); }
  .sl-msg { font-size: 15px !important; margin-top: 12px; color: var(--red) !important; font-weight: 700; }
  .sl-msg.is-ok { color: var(--green) !important; }

  /* Workout A | B */
  .sl-ab { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--navy); border-radius: 6px; overflow: hidden; }
  .sl-ab label { position: relative; display: block; }
  .sl-ab input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
  .sl-ab span { display: block; text-align: center; font-size: 16px; font-weight: 700; padding: 13px 6px; color: var(--navy); background: #ffffff; }
  .sl-ab input:checked + span { background: var(--navy); color: #ffffff; }
  .sl-ab input:focus-visible + span { outline: 2px solid var(--red); outline-offset: -2px; }

  /* one line per lift: name · weight · all reps */
  .sl-row { display: grid; grid-template-columns: 1fr 92px 86px; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
  .sl-row strong { display: block; font-size: 16px; font-weight: 700; }
  .sl-row small { display: block; font-size: 13px; color: var(--soft); }
  .sl-row input[inputmode] { text-align: center; padding: 11px 6px; }
  .sl-tick { display: flex; align-items: center; gap: 7px; font-size: 14px; cursor: pointer; min-height: 44px; }
  .sl-tick input { width: 22px; height: 22px; accent-color: #211551; flex: none; }

  .sl-table { width: 100%; border-collapse: collapse; }
  .sl-table th { text-align: right; font-size: 13px; font-weight: 400; color: var(--soft); padding: 0 0 6px; }
  .sl-table th:first-child, .sl-table td:first-child { text-align: left; }
  .sl-table td { text-align: right; font-size: 16px; padding: 9px 0; border-top: 1px solid var(--line); white-space: nowrap; }
  .sl-table td.is-next { font-weight: 700; }
  .sl-table td.sl-chart-cell { border-top: none; padding: 0 0 10px; }
  .sl-chart { display: block; width: 100%; height: auto; }
  .sl details { margin-top: 26px; border-top: 1px solid var(--line); }
  .sl details + details { margin-top: 0; }
  .sl summary { cursor: pointer; font-size: 16px; font-weight: 700; padding: 14px 0; }
  .sl details ul { list-style: none; margin: 0 0 12px; }
  .sl details li { font-size: 15px; line-height: 1.5; padding: 7px 0; }
  .sl details li strong { font-weight: 700; }
  .sl-foot { margin-top: 30px; font-size: 13px; color: var(--soft); }
  .sl-foot a { color: var(--soft); }