/*
 * Rescue Me Layout v2
 * Compact desktop treatment layered over the preserved v1 interface.
 * The v1 snapshot remains in layout-versions/v1/.
 */

@media (min-width: 901px) {
  body.layout-v2 .site-header {
    padding: 7px clamp(22px, 2.6vw, 44px);
  }

  body.layout-v2 .brand-lockup {
    gap: 10px;
  }

  body.layout-v2 .brand-mark {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: 13px;
  }

  body.layout-v2 .brand-title {
    font-size: 14px;
  }

  body.layout-v2 .brand-subtitle {
    margin-top: 1px;
    font-size: 11px;
  }

  body.layout-v2 .header-tools {
    gap: 11px;
  }

  body.layout-v2 .course-time {
    font-size: 12px;
  }

  body.layout-v2 .theme-toggle {
    padding: 6px 10px;
  }

  body.layout-v2 .progress-track {
    height: 4px;
  }

  body.layout-v2 .step-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    width: max-content;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
    padding: 6px clamp(10px, 1vw, 18px);
  }

  body.layout-v2 .step-button {
    grid-template-columns: 23px max-content;
    gap: 5px;
    flex: 0 0 auto;
    min-width: 0;
    padding: 6px 4px;
    border-radius: 10px;
  }

  body.layout-v2 .step-copy {
    min-width: 0;
  }

  body.layout-v2 .step-button.has-no-duration .step-copy {
    align-self: start;
    padding-top: 1px;
  }

  body.layout-v2 .step-number {
    width: 23px;
    height: 23px;
    font-size: 11px;
  }

  body.layout-v2 .step-copy strong {
    font-size: 11px;
    line-height: 1.15;
    white-space: nowrap;
  }

  body.layout-v2 .step-copy span {
    margin-top: 1px;
    font-size: 10px;
  }

  body.layout-v2 .lesson-shell {
    width: min(1600px, calc(100% - 32px));
    padding: 12px 0 18px;
  }

  body.layout-v2 .step-kicker {
    margin-bottom: 4px;
    font-size: 10px;
    line-height: 1.2;
  }

  body.layout-v2 .lesson-title-row {
    align-items: flex-end;
    gap: 18px;
  }

  body.layout-v2 h1 {
    font-size: clamp(29px, 2.55vw, 38px);
    line-height: 1.02;
  }

  body.layout-v2 .lesson-summary {
    max-width: 980px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.35;
  }

  body.layout-v2[data-step="6"] .lesson-summary {
    color: #a61b1b;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }

  :root[data-theme="dark"] body.layout-v2[data-step="6"] .lesson-summary {
    color: #ff8a80;
  }

  body.layout-v2[data-step="6"] .action-note {
    border-left-color: var(--completion-blue);
    background: var(--surface-soft);
    color: #a61b1b;
    font-weight: 700;
  }

  body.layout-v2[data-step="6"] .action-note strong {
    color: var(--completion-blue);
  }

  :root[data-theme="dark"] body.layout-v2[data-step="6"] .action-note {
    color: #ff8a80;
  }

  body.layout-v2[data-step="5"] .lesson-subtitle-secondary {
    color: #a61b1b;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }

  :root[data-theme="dark"] body.layout-v2[data-step="5"] .lesson-subtitle-secondary {
    color: #ff8a80;
  }

  body.layout-v2[data-step="5"] .action-note-secondary {
    border-left-color: var(--completion-blue);
    background: var(--surface-soft);
    color: #a61b1b;
    font-weight: 700;
  }

  body.layout-v2[data-step="5"] .action-note-secondary strong {
    color: var(--completion-blue);
  }

  body.layout-v2:is([data-step="5"], [data-step="7"]) .action-note {
    border-left-color: var(--completion-blue);
    background: var(--surface-soft);
  }

  body.layout-v2:is([data-step="5"], [data-step="7"]) .action-note strong {
    color: var(--completion-blue);
  }

  :root[data-theme="dark"] body.layout-v2[data-step="5"] .action-note-secondary {
    color: #ff8a80;
  }

  body.layout-v2 .duration-chip {
    padding: 5px 8px;
    font-size: 11px;
  }

  body.layout-v2 .learning-grid {
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 16px;
    margin-top: 12px;
  }

  body.layout-v2 .learning-grid:has(#lessonImage[src*="step-6-repeat-find-check-rescue"]) {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
  }

  body.layout-v2 .action-panel {
    padding: 14px;
    border-radius: 15px;
  }

  body.layout-v2 .primary-lesson-action {
    min-height: 48px;
    margin-bottom: 10px;
    padding: 8px 12px;
    border-width: 3px;
    border-radius: 12px;
    font-size: clamp(18px, 1.35vw, 22px);
  }

  body.layout-v2 .lesson-launch-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
  }

  body.layout-v2 .lesson-launch-actions .primary-lesson-action {
    margin-bottom: 10px;
  }

  body.layout-v2 .action-heading-row {
    gap: 10px;
  }

  body.layout-v2 .panel-eyebrow {
    margin-bottom: 2px;
    font-size: 10px;
  }

  body.layout-v2 h2 {
    font-size: 21px;
  }

  body.layout-v2 .complete-button {
    padding: 6px 9px;
    font-size: 11px;
  }

  body.layout-v2 .action-list {
    gap: 12px;
    margin-top: 14px;
  }

  body.layout-v2 .action-list li {
    grid-template-columns: 25px 1fr;
    gap: 8px;
  }

  body.layout-v2 .action-list li::before {
    width: 22px;
    height: 22px;
    font-size: 11px;
  }

  body.layout-v2 .action-list strong {
    font-size: 15px;
    line-height: 1.3;
  }

  body.layout-v2 .action-list p {
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.4;
  }

  body.layout-v2 .action-note {
    margin-top: 10px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.4;
  }

  body.layout-v2 .success-check {
    margin-top: 14px;
    padding: 11px 12px;
    font-size: 14px;
    line-height: 1.4;
  }

  body.layout-v2 .lesson-links {
    gap: 6px;
    margin-top: 8px;
  }

  body.layout-v2 .resource-link {
    padding: 7px 9px;
    font-size: 13px;
  }

  body.layout-v2 .lesson-controls {
    gap: 7px;
    margin: 0 0 10px;
  }

  body.layout-v2 .action-panel > .lesson-controls-slot,
  body.layout-v2 .action-panel > .home-controls-slot {
    margin: 0 -14px 10px;
    padding: 7px 14px;
    border-top: 1px solid var(--blue);
    border-bottom: 1px solid var(--blue);
    background: var(--blue-soft);
  }

  body.layout-v2:not([data-step="1"]) .action-panel > .lesson-controls-slot,
  body.layout-v2 .home-action-panel > .home-controls-slot {
    margin-top: -14px;
    border-radius: 14px 14px 0 0;
  }

  body.layout-v2 .action-panel > .lesson-controls-slot .lesson-controls,
  body.layout-v2 .action-panel > .home-controls-slot .lesson-controls {
    margin: 0;
  }

  body.layout-v2 .secondary-button,
  body.layout-v2 .primary-button {
    padding: 8px 10px;
  }

  body.layout-v2 .text-button {
    padding: 6px 9px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: transparent;
  }

  body.layout-v2 .lesson-controls button {
    min-height: 32px;
    padding-block: 6px;
    font-size: 11px;
    white-space: nowrap;
  }

  body.layout-v2[data-step="1"] .action-list {
    gap: 8px;
    margin-top: 10px;
  }

  body.layout-v2[data-step="1"] .action-list strong {
    font-size: 14px;
  }

  body.layout-v2[data-step="1"] .action-list p {
    font-size: 13px;
    line-height: 1.32;
  }

  body.layout-v2[data-step="1"] .success-check {
    margin-top: 10px;
    padding: 9px 11px;
    font-size: 13px;
  }

  body.layout-v2[data-step="1"] .lesson-links {
    margin-top: 6px;
  }

  body.layout-v2 .home-hub {
    gap: 12px;
    margin-top: 14px;
  }

  body.layout-v2 .home-primary-links,
  body.layout-v2 .home-two-column,
  body.layout-v2 .home-video-grid {
    gap: 10px;
  }

  body.layout-v2 .home-primary-link {
    min-height: 44px;
    padding: 9px 13px;
  }

  body.layout-v2 .home-card {
    padding: 15px;
    border-radius: 14px;
  }

  body.layout-v2 .home-card > p:not(.home-card-eyebrow):not(.home-status) {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.4;
  }

  body.layout-v2 .home-inline-actions {
    margin-top: 10px;
  }

  body.layout-v2 .home-benefits {
    gap: 7px;
    margin-top: 9px;
  }

  body.layout-v2 .home-benefits div {
    padding: 8px 10px;
  }

  body.layout-v2 .home-video-grid {
    margin-top: 9px;
  }

  body.layout-v2 .home-video-card {
    grid-template-columns: 76px 1fr;
    gap: 10px;
    padding: 10px;
  }

  body.layout-v2 .home-video-icon {
    min-height: 58px;
  }

  body.layout-v2 .home-video-card p {
    margin: 3px 0;
    font-size: 12px;
  }

  body.layout-v2 .home-resources {
    gap: 8px;
  }

  body.layout-v2 .home-resources button,
  body.layout-v2 .home-resources a {
    min-height: 42px;
    padding: 8px 10px;
  }

  /* The final lesson is intentionally denser so both the Joe-and-Sally video
     and its explanation remain visible in the shorter Google Sites frame. */
  body.layout-v2[data-step="10"] .home-hub {
    margin-top: 8px;
  }

  body.layout-v2[data-step="10"] .home-why-grid {
    gap: 12px;
  }

  body.layout-v2[data-step="10"] .home-hub .home-card,
  body.layout-v2[data-step="10"] .home-hub .home-action-panel {
    padding: 12px;
  }

  body.layout-v2[data-step="10"] .home-hub .home-card h2,
  body.layout-v2[data-step="10"] .home-hub .home-action-panel h2 {
    font-size: 19px;
  }

  body.layout-v2[data-step="10"] .home-video-frame {
    height: min(480px, 27vw);
    margin-top: 8px;
  }

  body.layout-v2[data-step="10"] .home-video-frame video {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
  }

  body.layout-v2[data-step="10"] .home-hub .home-action-panel > .home-controls-slot {
    margin: -12px -12px 8px;
    padding: 7px 12px;
  }

  body.layout-v2[data-step="10"] .home-hub .home-action-panel .home-action-list {
    gap: 6px;
    margin-top: 7px;
  }

  body.layout-v2[data-step="10"] .home-hub .home-action-panel .action-list strong {
    font-size: 13px;
  }

  body.layout-v2[data-step="10"] .home-hub .home-action-panel .action-list p {
    font-size: 12px;
    line-height: 1.28;
  }

  body.layout-v2[data-step="10"] .home-hub .home-action-panel .home-purpose-check {
    margin-top: 7px;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.3;
  }

  body.layout-v2[data-step="10"] .home-hub .home-action-panel .home-teaching-actions {
    gap: 5px 10px;
    margin-top: 6px;
    padding-top: 6px;
  }

  body.layout-v2[data-step="10"] .home-hub .home-action-panel .home-teaching-actions button {
    font-size: 11px;
  }

  body.layout-v2[data-step="10"] .home-hub .home-action-panel .home-compact-links {
    margin-top: 5px;
  }

  body.layout-v2[data-step="10"] .home-hub .home-action-panel .home-primary-link {
    min-height: 34px;
    padding: 6px 8px;
    font-size: 12px;
  }

  /* Google Sites supplies a shorter iframe viewport than a normal browser tab.
     Size the learning surface to that viewport so the lesson tabs, storyboard,
     action panel, and controls remain together instead of creating a tall,
     nested scrolling area. */
  html.is-embedded body.layout-v2 .lesson-shell {
    padding-top: 8px;
    padding-bottom: 10px;
  }

  html.is-embedded body.layout-v2 .learning-grid {
    margin-top: 8px;
  }

  html.is-embedded body.layout-v2 .media-panel {
    height: min(610px, calc(100vh - 220px), 40vw);
    aspect-ratio: auto;
  }

  html.is-embedded body.layout-v2 .media-panel video,
  html.is-embedded body.layout-v2 .media-panel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  html.is-embedded body.layout-v2 .home-hub {
    margin-top: 8px;
  }

  html.is-embedded body.layout-v2 .home-video-frame {
    height: min(480px, calc(100vh - 310px), 27vw);
  }

  html.is-embedded body.layout-v2 .home-video-frame video {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
  }

  html.is-embedded body.layout-v2 .home-action-panel {
    padding: 12px;
  }

  html.is-embedded body.layout-v2 .home-action-panel > .home-controls-slot {
    margin-top: -12px;
    margin-right: -12px;
    margin-left: -12px;
    padding-right: 12px;
    padding-left: 12px;
  }

  html.is-embedded body.layout-v2 .home-action-panel .home-action-list {
    gap: 7px;
    margin-top: 8px;
  }

  html.is-embedded body.layout-v2 .home-action-panel .action-list strong {
    font-size: 13px;
  }

  html.is-embedded body.layout-v2 .home-action-panel .action-list p {
    font-size: 12px;
    line-height: 1.28;
  }

  html.is-embedded body.layout-v2 .home-action-panel .home-purpose-check {
    margin-top: 8px;
  }

  html.is-embedded body.layout-v2 .home-action-panel .home-teaching-actions {
    margin-top: 6px;
    padding-top: 6px;
  }

  html.is-embedded body.layout-v2 .home-action-panel .home-compact-links {
    margin-top: 5px;
  }
}

/* At full-screen widths, enlarge Step 1 to the same approximate storyboard
   height as the standard lessons while retaining enough room for its actions. */
@media (min-width: 1200px) {
  body.layout-v2[data-step="1"] .learning-grid {
    grid-template-columns: minmax(0, 2fr) minmax(400px, 1fr);
  }

  /* Match the learning columns to each storyboard's native shape while
     preserving the established media height. This removes the dark letterbox
     space around the graphic without cropping or stretching it. */
  body.layout-v2:is([data-step="2"], [data-step="5"]) .learning-grid {
    grid-template-columns: minmax(0, 13fr) minmax(360px, 7fr);
  }

  body.layout-v2[data-step="4"] .learning-grid {
    grid-template-columns: minmax(0, 3fr) minmax(420px, 2fr);
  }

  body.layout-v2[data-step="6"] .learning-grid:has(#lessonImage[src*="step-6-repeat-find-check-rescue"]) {
    grid-template-columns: minmax(0, 8fr) minmax(420px, 5fr);
  }

  body.layout-v2[data-step="3"] .learning-grid {
    grid-template-columns: minmax(0, 8fr) minmax(380px, 3fr);
  }

  body.layout-v2[data-step="7"] .learning-grid {
    grid-template-columns: minmax(0, 2fr) minmax(400px, 1fr);
  }

  body.layout-v2[data-step="8"] .learning-grid {
    grid-template-columns: minmax(0, 8fr) minmax(380px, 3fr);
  }

  /* When a storyboard starts its differently shaped source video, resize the
     media column instead of cropping the recording. The adjusted splits keep
     the storyboard-height footprint and give the balance to the instructions. */
  body.layout-v2[data-step="2"] .learning-grid:has(#lessonVideo:not([hidden])) {
    grid-template-columns: minmax(0, 686fr) minmax(360px, 314fr);
  }

  body.layout-v2:is([data-step="3"], [data-step="8"]) .learning-grid:has(#lessonVideo:not([hidden])) {
    grid-template-columns: minmax(0, 64fr) minmax(380px, 35fr);
  }

  /* Long instruction sets need a little more horizontal room and tighter
     vertical rhythm so their cards finish with their storyboards. */
  body.layout-v2:is([data-step="4"], [data-step="6"], [data-step="7"], [data-step="8"]) .action-panel {
    padding: 12px;
  }

  body.layout-v2:is([data-step="4"], [data-step="6"], [data-step="7"], [data-step="8"]) .action-panel > .lesson-controls-slot {
    margin: -12px -12px 8px;
    padding: 6px 12px;
  }

  body.layout-v2:is([data-step="4"], [data-step="6"], [data-step="7"], [data-step="8"]) .action-list {
    gap: 8px;
    margin-top: 10px;
  }

  body.layout-v2:is([data-step="4"], [data-step="6"], [data-step="7"], [data-step="8"]) .action-list strong {
    font-size: 14px;
  }

  body.layout-v2:is([data-step="4"], [data-step="6"], [data-step="7"], [data-step="8"]) .action-list p {
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.32;
  }

  body.layout-v2[data-step="7"] .action-list li[data-marker] {
    grid-template-columns: 36px 1fr;
  }

  body.layout-v2[data-step="7"] .action-list li[data-marker]::before {
    content: attr(data-marker);
    width: 32px;
    font-size: 12px;
  }

  body.layout-v2:is([data-step="4"], [data-step="6"], [data-step="7"], [data-step="8"]) .action-note {
    margin-top: 8px;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.3;
  }

  body.layout-v2:is([data-step="4"], [data-step="6"], [data-step="7"], [data-step="8"]) .success-check {
    margin-top: 10px;
    padding: 9px 10px;
    font-size: 13px;
    line-height: 1.32;
  }

  body.layout-v2[data-step="4"] .action-panel {
    padding: 10px;
  }

  body.layout-v2[data-step="4"] .action-panel > .lesson-controls-slot {
    margin: -10px -10px 8px;
    padding: 6px 10px;
  }

  body.layout-v2[data-step="4"] .action-list {
    gap: 7px;
  }

  body.layout-v2[data-step="4"] .success-check {
    margin-top: 4px;
    padding: 7px 10px;
  }

  body.layout-v2[data-step="6"] .success-check {
    margin-top: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  /* Step 8 needs less compression than the longer Steps 4, 6, and 7. */
  body.layout-v2[data-step="8"] .action-list {
    gap: 10px;
    margin-top: 12px;
  }

  body.layout-v2[data-step="8"] .action-list p {
    font-size: 14px;
    line-height: 1.35;
  }

  body.layout-v2[data-step="8"] .success-check {
    margin-top: 12px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.35;
  }
}

@media (min-width: 901px) and (max-width: 1199px) {
  body.layout-v2 .lesson-shell {
    width: calc(100% - 24px);
  }

  body.layout-v2 .learning-grid {
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
    gap: 13px;
  }

  body.layout-v2 .learning-grid:has(#lessonImage[src*="step-6-repeat-find-check-rescue"]) {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
  }

  body.layout-v2 .action-panel {
    padding: 13px;
  }

  body.layout-v2 .action-panel > .lesson-controls-slot,
  body.layout-v2 .action-panel > .home-controls-slot {
    margin-right: -13px;
    margin-left: -13px;
    padding-right: 13px;
    padding-left: 13px;
  }

  body.layout-v2:not([data-step="1"]) .action-panel > .lesson-controls-slot {
    margin-top: -13px;
  }
}

@media (max-width: 900px) {
  body.layout-v2 .lesson-shell {
    padding-top: 22px;
  }
}
/* The retired Step 10 home-hub subtitle stays hidden in the standard lesson layout. */
.home-title-description { display: none; }
body.layout-v2[data-step="10"] .home-video-lesson .home-video-frame { margin-top: 0; }
@media (min-width: 901px) {
  body.layout-v2[data-step="10"] .home-video-lesson .home-video-frame {
    height: auto;
    aspect-ratio: 16 / 9;
  }
  html.is-embedded body.layout-v2[data-step="10"] .home-video-lesson .home-video-frame {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

/* Keep active videos at the same height as their storyboards. */
html body.layout-v2 .media-panel:has(> video:not([hidden])),
html.is-embedded body.layout-v2 .media-panel:has(> video:not([hidden])),
html body.layout-v2[data-step="10"] .home-video-lesson .home-video-frame,
html.is-embedded body.layout-v2[data-step="10"] .home-video-lesson .home-video-frame {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 16 / 9;
}
html body.layout-v2 .media-panel > video:not([hidden]),
html.is-embedded body.layout-v2 .media-panel > video:not([hidden]),
html body.layout-v2[data-step="10"] .home-video-lesson .home-video-frame > video,
html.is-embedded body.layout-v2[data-step="10"] .home-video-lesson .home-video-frame > video {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}
/* The First Thing recording is 15:8 after removing its encoded black strips. */
html body.layout-v2[data-step="2"] .media-panel:has(> video:not([hidden])),
html.is-embedded body.layout-v2[data-step="2"] .media-panel:has(> video:not([hidden])) {
  aspect-ratio: 15 / 8;
}
html body.layout-v2:is([data-step="3"], [data-step="8"]) .media-panel:has(> video:not([hidden])),
html.is-embedded body.layout-v2:is([data-step="3"], [data-step="8"]) .media-panel:has(> video:not([hidden])) {
  aspect-ratio: 16 / 9;
}
html body.layout-v2 .media-panel > #lessonVideo:not([hidden]),
html.is-embedded body.layout-v2 .media-panel > #lessonVideo:not([hidden]) {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
}
html body.layout-v2[data-step="10"] .home-card.home-video-lesson {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

/* Final Why at Home controls: keep both action groups on one compact row. */
body.layout-v2[data-internal-step="why-at-home-rescue-blue"] #comparisonHomeActions .home-teaching-actions {
  flex-wrap: nowrap;
  gap: 10px;
}

body.layout-v2[data-internal-step="why-at-home-rescue-blue"] #comparisonHomeActions .home-teaching-actions button {
  flex: 0 1 auto;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

body.layout-v2[data-internal-step="why-at-home-rescue-blue"] #comparisonHomeActions .home-primary-links.home-compact-links {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.layout-v2[data-internal-step="why-at-home-rescue-blue"] #comparisonHomeActions .home-primary-links.home-compact-links > * {
  grid-column: auto;
  min-width: 0;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

body.layout-v2[data-internal-step="why-at-home-rescue-blue"] .lesson-title-emphasis {
  display: inline-block;
  margin-left: .65em;
  font-style: italic;
}

/* Narrow screens must wrap the header and final sharing actions. */
@media (max-width: 600px) {
  .site-header { flex-wrap: wrap; gap: 12px; }
  .header-tools { flex-wrap: wrap; gap: 10px; }
  .brand-mark { flex-shrink: 0; }
  .learning-grid { grid-template-columns: minmax(0, 1fr); }
  .action-column { min-width: 0; }
  body.layout-v2[data-internal-step="why-at-home-rescue-blue"] #comparisonHomeActions .home-teaching-actions { flex-wrap: wrap; }
  body.layout-v2[data-internal-step="why-at-home-rescue-blue"] #comparisonHomeActions .home-primary-links.home-compact-links { grid-template-columns: 1fr; }
  body.layout-v2[data-internal-step="why-at-home-rescue-blue"] #comparisonHomeActions .home-primary-links.home-compact-links > * { white-space: normal; }
}