.page-cta .app-store-button:focus-visible{ outline-color: #fff; }
.policy-hero{ padding: 100px 0 110px; text-align: center; }
.policy-hero .eyebrow{ justify-content: center; }
.policy-hero h1{ max-width: none; font-size: clamp(66px, 8.5vw, 118px); }
.policy-intro{ max-width: 690px; margin: 34px auto 0; color: var(--muted); font-size: 20px; line-height: 1.6; letter-spacing: -.02em; }
.policy-date{ margin: 24px 0 0; color: #8b8d95; font-size: 13px; font-weight: 650; }
.policy-layout{ padding-bottom: 150px; display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); gap: 85px; align-items: start; }
.policy-summary{ position: sticky; top: 40px; padding: 36px; border-radius: 30px; background: #dff4eb; }
.policy-summary .privacy-mark{ margin-bottom: 28px; }
.policy-summary h2{ margin: 0; color: #16885a; font-size: 34px; line-height: 1.05; }
.policy-summary p{ margin: 22px 0 28px; color: #466157; font-size: 15px; line-height: 1.65; }
.policy-summary .text-link span{ color: #16885a; }
.policy-content{ padding: 4px 0; }
.policy-content section{ padding: 0 0 42px; margin-bottom: 42px; border-bottom: 1px solid var(--border); }
.policy-content section:last-child{ margin-bottom: 0; }
.policy-content h2{ margin: 0 0 18px; font-size: clamp(31px, 3.2vw, 43px); line-height: 1.08; }
.policy-content p{ margin: 0 0 15px; color: var(--muted); font-size: 17px; line-height: 1.72; }
.policy-content p:last-child{ margin-bottom: 0; }
.policy-content ul{ margin: 24px 0 0; padding: 0; display: grid; gap: 12px; list-style: none; }
.policy-content li{ display: grid; grid-template-columns: 28px 1fr; gap: 13px; align-items: start; color: var(--muted); font-size: 17px; line-height: 1.6; }
.policy-content li::before{ content: "✓"; width: 28px; height: 28px; margin-top: 1px; display: grid; place-items: center; border-radius: 50%; color: var(--blue); background: #e6f3ff; font-size: 12px; font-weight: 800; }
.policy-content a{ color: var(--blue); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.breadcrumbs{ padding-top: 34px; color: #777a84; font-size: 13px; font-weight: 650; }
.breadcrumbs ol{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.breadcrumbs a:hover{ color: var(--blue); }
.landing-hero{ min-height: 650px; padding: 65px 0 95px; display: grid; grid-template-columns: 1fr .82fr; gap: 72px; align-items: center; }
.landing-copy h1{ max-width: 760px; font-size: clamp(55px, 6vw, 86px); line-height: .98; }
.landing-copy .hero-summary{ max-width: 620px; }
.landing-supporting{ margin: 20px 0 -15px; color: var(--blue); font-size: 20px; font-weight: 750; line-height: 1.4; }
.landing-visual{ min-height: 520px; position: relative; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle, #fff 0 24%, #e4f2ff 57%, transparent 58%); }
.landing-phone{ width: 270px; transform: rotate(3deg); }
.landing-watch{ width: 190px; padding: 8px; overflow: hidden; border: 2px solid #4a4c50; border-radius: 50px; background: #17181c; box-shadow: var(--shadow); transform: rotate(4deg); }
.landing-watch img{ width: 100%; height: auto; overflow: hidden; border-radius: 40px; }
.landing-visual.dual .landing-phone{ position: absolute; left: 14%; transform: rotate(-6deg); }
.landing-visual.dual .landing-watch{ position: absolute; right: 9%; bottom: 30px; }
.landing-pill{ position: absolute; z-index: 2; padding: 13px 18px; border-radius: 999px; background: #fff; box-shadow: 0 13px 30px rgba(37,31,79,.14); font-size: 13px; font-weight: 750; }
.landing-pill.top{ right: 2%; top: 70px; }
.landing-pill.bottom{ left: 2%; bottom: 75px; }
.content-section{ padding: 105px 0; }
.content-section.tint{ background: #e8f4ff; }
.content-section.navy{ color: #fff; background: var(--navy); }
.content-section.orange{ background: #fff0df; }
.split-section{ display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: start; }
.section-copy h2{ font-size: clamp(46px, 5vw, 70px); line-height: 1; }
.section-copy > p{ margin: 27px 0 0; color: var(--muted); font-size: 18px; line-height: 1.7; }
.navy .section-copy > p{ color: rgba(255,255,255,.68); }
.content-list{ margin: 4px 0 0; padding: 0; display: grid; gap: 14px; list-style: none; }
.content-list li{ padding: 20px 22px; display: grid; grid-template-columns: 30px 1fr; gap: 13px; align-items: start; border: 1px solid var(--border); border-radius: 18px; background: rgba(255,255,255,.86); color: var(--muted); font-size: 16px; line-height: 1.55; }
.content-list li::before{ content: "✓"; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font-size: 12px; font-weight: 850; }
.navy .content-list li{ border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.07); color: rgba(255,255,255,.72); }
.card-grid{ margin-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.content-card{ min-height: 220px; padding: 30px; border: 1px solid var(--border); border-radius: 26px; background: #fff; }
.content-card .card-index{ color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.content-card h3{ margin: 28px 0 13px; font-size: 25px; letter-spacing: -.035em; }
.content-card p{ margin: 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.example-grid{ margin-top: 48px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.example-card{ padding: 28px; border-radius: 24px; background: #fff; box-shadow: 0 14px 35px rgba(37,31,79,.08); }
.example-card strong{ display: block; color: var(--blue); font-size: 25px; letter-spacing: -.03em; }
.example-card span{ display: block; margin-top: 9px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.example-note{ margin: 24px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.page-cta{ margin-bottom: 90px; padding: 70px; display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: center; border-radius: 34px; color: #fff; background: var(--blue); }
.page-cta h2{ max-width: 710px; font-size: clamp(45px, 5vw, 68px); }
.page-cta p{ max-width: 620px; margin: 22px 0 0; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.6; }
.guide-hero{ max-width: 900px; padding: 70px 0 90px; text-align: center; }
.guide-hero .eyebrow{ justify-content: center; }
.guide-hero h1{ max-width: none; font-size: clamp(58px, 7vw, 94px); }
.guide-meta{ margin-top: 25px; color: #7b7e87; font-size: 13px; font-weight: 650; }
.guide-body{ max-width: 820px; padding-bottom: 110px; }
.guide-body section{ padding: 45px 0; border-top: 1px solid var(--border); }
.guide-body h2{ margin-bottom: 22px; font-size: clamp(36px, 4vw, 54px); line-height: 1.05; }
.guide-body h3{ margin: 30px 0 12px; font-size: 24px; letter-spacing: -.03em; }
.guide-body p{ color: var(--muted); font-size: 17px; line-height: 1.75; }
 .guide-body li{ color: var(--muted); font-size: 17px; line-height: 1.75; }
.guide-body a{ color: var(--blue); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.guide-body .guide-attribution{ margin-top: 25px; padding-top: 24px; border-top: 1px solid var(--border); color: #7b7e87; font-size: 13px; }
.ratio-table-wrap{ margin: 30px 0; overflow-x: auto; border: 1px solid var(--border); border-radius: 22px; background: #fff; }
.ratio-table{ width: 100%; border-collapse: collapse; min-width: 560px; }
.ratio-table th{ padding: 18px 22px; text-align: left; border-bottom: 1px solid var(--border); }
 .ratio-table td{ padding: 18px 22px; text-align: left; border-bottom: 1px solid var(--border); }
.ratio-table th{ color: var(--ink); background: #e8f4ff; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.ratio-table td{ color: var(--muted); font-size: 15px; line-height: 1.45; }
.ratio-table tr:last-child td{ border-bottom: 0; }
.guide-callout{ margin: 30px 0; padding: 26px; border-left: 4px solid var(--blue); border-radius: 0 18px 18px 0; background: #e8f4ff; }
.guide-callout p{ margin: 0; color: #405567; }


@media (max-width: 980px) {.policy-hero{ padding: 80px 0 90px; }
.policy-layout{ grid-template-columns: 1fr; gap: 55px; }
.policy-summary{ position: static; }
.landing-hero{ grid-template-columns: 1fr; gap: 30px; text-align: center; }
.landing-copy .eyebrow{ justify-content: center; }
 .landing-copy .hero-actions{ justify-content: center; }
.landing-copy .hero-summary{ margin-inline: auto; }
.landing-visual{ width: min(600px, 100%); margin-inline: auto; }
.split-section{ grid-template-columns: 1fr; gap: 48px; }
.section-copy{ text-align: center; }
.section-copy .eyebrow{ justify-content: center; }
.card-grid{ grid-template-columns: 1fr 1fr; }
 .example-grid{ grid-template-columns: 1fr 1fr; }
.page-cta{ grid-template-columns: 1fr; text-align: center; }
.page-cta .app-store-button{ justify-self: center; }}


@media (max-width: 620px) {.policy-hero{ padding: 62px 0 75px; }
.policy-hero h1{ font-size: clamp(60px, 19vw, 82px); }
.policy-intro{ font-size: 17px; }
.policy-layout{ padding-bottom: 90px; gap: 45px; }
.policy-summary{ padding: 30px; text-align: center; }
.policy-summary .privacy-mark{ margin-inline: auto; }
.policy-content section{ padding-bottom: 32px; margin-bottom: 32px; }
.policy-content p{ font-size: 16px; }
 .policy-content li{ font-size: 16px; }
 .content-section{ padding: 80px 0; }
.breadcrumbs{ padding-top: 22px; }
.landing-hero{ min-height: 0; padding: 45px 0 75px; }
.landing-copy h1{ font-size: clamp(48px, 14vw, 68px); }
.landing-supporting{ font-size: 18px; }
.landing-visual{ min-height: 440px; }
.landing-phone{ width: 225px; }
.landing-watch{ width: 160px; }
.landing-visual.dual .landing-phone{ left: 5%; }
.landing-visual.dual .landing-watch{ right: 1%; }
.landing-pill.top{ top: 45px; }
.landing-pill.bottom{ left: 0; bottom: 42px; }
.split-section{ gap: 38px; }
.section-copy h2{ font-size: clamp(43px, 13vw, 57px); }
.section-copy > p{ font-size: 16px; }
.card-grid{ grid-template-columns: 1fr; }
 .example-grid{ grid-template-columns: 1fr; }
.content-card{ min-height: 0; }
.page-cta{ margin-bottom: 70px; padding: 50px 24px; border-radius: 28px; }
.guide-hero{ padding: 48px 0 70px; }
.guide-hero h1{ font-size: clamp(49px, 14vw, 70px); }
.guide-body{ padding-bottom: 80px; }
.guide-body p{ font-size: 16px; }
 .guide-body li{ font-size: 16px; }}
.page-hero{ padding: 72px 0 84px; }
.page-hero h1{ max-width: 880px; font-size: clamp(54px, 7vw, 88px); line-height: 1; }
.page-hero p{ max-width: 750px; color: var(--muted); font-size: 20px; line-height: 1.6; }
.page-hero .eyebrow{ font-size: 12px; }
.page-hero .hero-actions{ margin-top: 28px; }
.page-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 36px; }
.page-grid.two{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-card{ padding: 28px; border: 1px solid var(--border); border-radius: 24px; background: #fff; }
 .workout-card{ padding: 28px; border: 1px solid var(--border); border-radius: 24px; background: #fff; }
.page-card h3{ margin: 0 0 12px; font-size: 25px; letter-spacing: -.03em; }
 .workout-card h3{ margin: 0 0 12px; font-size: 25px; letter-spacing: -.03em; }
.page-card p{ margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
 .workout-card p{ margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.page-card a{ color: #087ad1; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
 .workout-card a{ color: #087ad1; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.page-card a:hover{ color: #075b9c; }
 .workout-card a:hover{ color: #075b9c; }
.page-card .card-link{ display: inline-block; margin-top: 20px; }
 .workout-card .card-link{ display: inline-block; margin-top: 20px; }
.page-split{ display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
.page-screen{ max-width: 345px; width: 100%; margin: 0 auto; }
.page-watch{ border: 7px solid #15161a; border-radius: 36px; box-shadow: var(--shadow); overflow: hidden; }
.page-watch img{ width: 100%; height: auto; }
.page-screen-caption{ margin-top: 13px; color: var(--muted); font-size: 14px; line-height: 1.5; text-align: center; }
 .guide-figure figcaption{ margin-top: 13px; color: var(--muted); font-size: 14px; line-height: 1.5; text-align: center; }
.workout-card{ display: flex; flex-direction: column; }
.workout-card h3{ margin-bottom: 8px; }
.workout-meta{ margin: 0 0 12px !important; color: #44556a !important; font-size: 14px !important; font-weight: 700; }
.workout-card .card-link{ margin-top: auto; padding-top: 20px; }
.workout-preview{
  margin: 4px 0 0;
  padding: 14px 12px;
  border-radius: 14px;
  background: #e8f4ff;
}
#speed .workout-metrics{ background: #fff1e3; }
#runWalk .workout-metrics{ background: #e5f5ec; }
.workout-metrics{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  text-align: center;
}
.workout-metrics div{ display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 4px; }
.workout-metrics dt{ color: #44556a; font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
.workout-metrics dd{ margin: 0; font-size: 24px; font-weight: 750; font-variant-numeric: tabular-nums; line-height: 1.15; }
.workout-pattern{ background: #e6f7f4; }
.workout-bars{ display: flex; align-items: center; height: 24px; margin-bottom: 10px; }
.workout-bar{ flex: var(--seconds) 1 0; min-width: 0; border-radius: 999px; }
.workout-bar.effort{ height: 22px; background: #087e75; }
.workout-bar.recovery{ height: 4px; background: #58a59d; }
.workout-pattern figcaption{ color: #204c48; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.5; }
.workout-pattern figcaption span{ display: block; color: #355e59; font-weight: 650; }
.workout-structure{ margin-top: 14px; color: #44556a; font-size: 14px; line-height: 1.5; }
.workout-structure summary{ cursor: pointer; font-weight: 650; padding-block: 4px; }
.workout-structure ol{ margin: 8px 0 0; padding-inline-start: 22px; }
.workout-structure li + li{ margin-top: 4px; }
.guide-figure{ margin: 32px 0; }
.guide-figure img{ width: 100%; height: auto; border-radius: 22px; background: #fff; }
.guide-app-shot{ max-width: 460px; margin-inline: auto; }
.guide-timeline{ margin: 28px 0 36px; padding: 26px; border: 1px solid var(--border); border-radius: 22px; background: #fff; }
.guide-timeline ol{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.guide-timeline li{ flex: 1 1 auto; min-width: 74px; padding: 11px 13px; border-radius: 12px; background: #e8f4ff; color: #165583; font-size: 14px; font-weight: 700; text-align: center; }
.guide-timeline li.fast{ background: #ffebdb; color: #a45416; }
.guide-timeline li.recovery{ background: #e5f8ec; color: #237844; }
.guide-timeline figcaption{ margin-top: 16px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.guide-body .page-links a{ color: #075b9c; text-decoration: none; }
.ratio-table caption{ padding: 16px 22px; text-align: left; font-weight: 700; }
.workout-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 22px 0; }
.guide-body .workout-open{ display: inline-block; padding: 15px 20px; border: 1px solid #075b9c; border-radius: 14px; color: #fff; background: #075b9c; font: inherit; font-size: 16px; font-weight: 750; line-height: 1.4; text-align: center; text-decoration: none; }
.guide-body .workout-open:disabled{ border-color: #cbd3dc; color: #4c5c6b; background: #e5eaf0; cursor: not-allowed; }
.workout-faq details{ padding: 20px 0; border-bottom: 1px solid var(--border); }
.workout-faq summary{ cursor: pointer; font-size: 18px; font-weight: 750; line-height: 1.5; }
.launch-fallback{ padding-top: 72px; }
.launch-fallback h1{ font-size: clamp(40px, 8vw, 64px); overflow-wrap: anywhere; }

@media (max-width: 620px) {.workout-actions{ align-items: stretch; flex-direction: column; }}

@media (max-width: 980px) {.page-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-split{ gap: 36px; }}

@media (max-width: 620px) {.page-hero{ padding: 44px 0 64px; }
.page-hero h1{ font-size: clamp(49px, 13vw, 70px); }
.page-hero p{ font-size: 17px; }
.page-grid{ grid-template-columns: 1fr; }
 .page-grid.two{ grid-template-columns: 1fr; }
 .page-split{ grid-template-columns: 1fr; }
.page-screen{ max-width: 280px; }
.guide-timeline{ padding: 16px; }
.guide-timeline li{ min-width: 64px; font-size: 12px; }}
.workout-library .library-hero{
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(250px, 1fr);
  align-items: center;
  gap: clamp(24px, 4vw, 60px);
  padding: 32px 0;
}
.workout-library .library-hero h1{ font-size: clamp(40px, 5.6vw, 76px); }
.workout-library .library-summary{ margin: 20px 0; font-size: clamp(17px, 2vw, 20px); line-height: 1.5; }
.workout-library .library-jump{ margin-top: 24px; }
.workout-library .library-jump p{ margin: 0 0 8px; color: var(--ink); font-size: 15px; font-weight: 700; }
.workout-library .library-jump .page-links{ gap: 8px; margin: 0; }
.workout-library .library-jump a{ padding: 10px 14px; }
.workout-library .library-visual{
  padding: 12px 0;
  background: radial-gradient(ellipse at center, #dcefff 0%, transparent 70%);
}
.workout-library .library-visual .page-screen{ max-width: 250px; }
.workout-library .library-visual .device-frame{ aspect-ratio: 858 / 1754; }
.workout-library .library-notes{
  padding: 16px 20px;
  border-radius: 16px;
  background: #e8f4ff;
  color: #2a4b64;
  font-size: 15px;
  line-height: 1.5;
}
.workout-library .library-notes p{ margin: 0; }
.workout-library .library-notes p + p{ margin-top: 6px; }
.workout-library .library-cta h2{ font-size: clamp(30px, 4vw, 50px); line-height: 1.05; }
.workout-library .page-grid{ gap: 14px; margin-top: 16px; }
.workout-library .workout-card{
  padding: clamp(12px, 1.3vw, 18px);
  border-color: #e0e8f5;
  border-radius: 16px;
  box-shadow: 0 3px 8px rgba(36, 70, 122, .05);
}
.workout-library .workout-card-heading{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
}
.workout-library .workout-card h3{ margin: 0; font-size: clamp(17px, 1.6vw, 21px); line-height: 1.15; overflow-wrap: anywhere; }
.workout-library .workout-meta{ margin: 3px 0 8px !important; font-size: 13px !important; font-weight: 500; }
.workout-library .workout-duration{
  max-width: 7rem;
  padding: 3px 8px;
  border-radius: 999px;
  background: #e8f4ff;
  color: #075b9c;
  font-size: 12px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
}
.workout-library .workout-preview{ margin-top: 0; padding: 8px 10px; border-radius: 10px; }
.workout-library #intervals .workout-metrics{ background: #e5f5ec; }
.workout-library .workout-metrics div{ gap: 2px; }
.workout-library .workout-metrics dd{ font-size: 21px; }
.workout-library .workout-metrics dt{ font-size: 12px; font-weight: 600; }
.workout-library .workout-bars{ height: 18px; margin-bottom: 5px; }
.workout-library .workout-bar.effort{ height: 16px; }
.workout-library .workout-bar.recovery{ height: 3px; }
.workout-library .workout-pattern figcaption{ font-size: 12px; line-height: 1.4; }
.workout-library .workout-pattern figcaption span{ display: inline; margin-inline-end: 4px; }
.workout-library .workout-card-actions{
  display: grid;
  margin-top: auto;
  padding-top: 8px;
  --card-action-width: 7.5rem;
}
.workout-library .workout-card-actions > *{ grid-area: 1 / 1; }
.workout-library .workout-structure{ margin: 0; }
.workout-library .workout-structure summary{
  width: fit-content;
  max-width: calc(100% - var(--card-action-width) - 8px);
  padding: 6px 0;
  font-size: 13px;
}

.workout-library .workout-structure summary:focus-visible{ outline: 2px solid #075b9c; outline-offset: 3px; }
.workout-library .workout-card .card-link{
  place-self: start end;
  max-width: var(--card-action-width);
  margin: 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e8f4ff;
  color: #075b9c;
  font-size: 13px;
  line-height: 1.5;
  text-decoration: none;
}
.workout-library .workout-card .card-link:hover{ background: #d5ecff; text-decoration: underline; }
.workout-library .library-callout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: clamp(20px, 4vw, 48px);
  border-radius: 24px;
}

.workout-library .library-cta{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: clamp(20px, 4vw, 48px);
  border-radius: 24px;
}
.workout-library .library-callout{ margin-bottom: 24px; background: #e8f4ff; }
.workout-library .library-callout h2{ font-size: clamp(25px, 3vw, 36px); line-height: 1.1; }
.workout-library .library-callout p{ margin: 10px 0 0; line-height: 1.5; }

.workout-library .library-cta p{ margin: 10px 0 0; line-height: 1.5; }
.workout-library .library-callout p{ color: #2a4b64; }
.workout-library .library-cta{ margin-bottom: 40px; background: #0873c3; text-align: left; }
.workout-library .library-cta p{ color: #fff; }
.workout-library .library-cta a:focus-visible{ outline-color: #fff; }
.workout-library .library-benefits{ margin-bottom: 20px; }
.workout-library .library-benefits ul{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 26px;
  margin: 0;
  padding: 22px clamp(20px, 4vw, 40px);
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fff;
  list-style: none;
}
.workout-library .library-benefits a{ color: #075b9c; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.workout-library .library-benefits p{ margin: 6px 0 0; color: var(--muted); font-size: 15px; line-height: 1.5; }


@media (max-width: 768px) {.workout-library .library-hero{ grid-template-columns: 1fr; padding: 24px 0; }
.workout-library .library-visual .page-screen{ max-width: 190px; }}

@media (max-width: 620px) {.workout-library .library-callout{ grid-template-columns: 1fr; }

  .workout-library .library-cta{ grid-template-columns: 1fr; }

  .workout-library .library-benefits ul{ grid-template-columns: 1fr; }
.workout-library .library-callout .app-store-button{ justify-self: start; }

  .workout-library .library-cta .app-store-button{ justify-self: start; }}