@media screen {
  html #main .mgf-module-header {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 18px;
    padding: clamp(18px, 2.5vw, 30px);
    border: 1px solid var(--glass-edge, var(--line));
    border-radius: 18px;
    background: var(--glass-control, var(--surface));
    box-shadow: none;
  }
  html #main .mgf-module-header h1 {
    max-width: none;
    margin: 4px 0 6px;
    padding: 0;
    color: var(--ink);
    font-size: clamp(1.55rem, 2.6vw, 2.3rem);
    font-weight: 750;
    line-height: 1.14;
    letter-spacing: -.025em;
    overflow-wrap: break-word;
  }
  html #main .mgf-module-header :is(.eyebrow, .si-eyebrow, .vc-eyebrow, .pv-kicker) {
    color: var(--read-teal, var(--teal));
    font-size: .75rem !important;
    font-weight: 750;
    letter-spacing: .065em;
    text-transform: uppercase;
  }
  html #main .mgf-module-header h1 + p {
    max-width: 72ch;
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
  }
  html #main .mgf-module-header:has(> .mgf-module-utilities) { padding-inline-end: 112px; }
  html #main .mgf-module-header:has(> .condition-area-icon) { padding-inline-end: 166px; }
  html #main .mgf-module-header > .mgf-module-utilities {
    position: absolute;
    inset-inline-end: 22px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 14px;
    z-index: 2;
  }
  html #main .mgf-module-utilities .module-help-trigger { margin: 0; }
  html #main .mgf-module-header:has(> .favorite-toggle, > .condition-area-icon) > .mgf-module-utilities {
    top: auto;
    bottom: 12px;
    transform: none;
  }
  html #main .mgf-module-header:has(> .favorite-toggle, > .condition-area-icon) { min-height: 116px; }

  html #main .exercise-hero.mgf-module-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding-inline-end: clamp(18px, 2.5vw, 30px);
  }
  html #main .exercise-hero.mgf-module-header > .mgf-module-utilities {
    position: static;
    transform: none;
    justify-self: end;
  }
  html #main .mgf-module-utilities .exercise-hero-mark {
    display: grid;
    width: 68px;
    border-radius: 18px;
  }
  html #main .mgf-module-utilities .exercise-hero-mark svg { width: 48px; }

  @container consultation (max-width: 620px) {
    html #main .mgf-module-header:has(> .mgf-module-utilities) { padding-inline-end: 70px; }
    html #main .mgf-module-header > .mgf-module-utilities { inset-inline-end: 12px; }
    html #main .mgf-module-utilities .module-help-trigger { width: 44px; padding: 8px; }
    html #main .mgf-module-utilities .module-help-trigger span { display: none; }
    html #main .exercise-hero.mgf-module-header { padding-inline-end: 14px; gap: 10px; }
    html #main .exercise-hero .mgf-module-utilities { flex-direction: column-reverse; gap: 6px; }
    html #main .mgf-module-utilities .exercise-hero-mark { width: 44px; border-radius: 12px; }
    html #main .mgf-module-utilities .exercise-hero-mark svg { width: 32px; }
  }
}