/* source: v11-responsive.css */
/* V11 responsive presentation sizing
   Scale editorial content with the actual 16:9 canvas instead of the browser
   window. Laptops stay comfortable and 1080p/2K screens use their extra room. */

.deck {
  container-name: presentation;
  container-type: inline-size;
}

/* 16:10 laptops have spare vertical space around the fixed 16:9 canvas. */
body { min-height: 100dvh; }

@container presentation (min-width: 1280px) {
  .slide {
    padding-right: 4.8%;
    padding-left: 31.8%;
  }

  .slide > * { zoom: 1.03; }

  .slide:nth-child(1) > *,
  .slide:nth-child(3) > *,
  .slide:nth-child(6) > *,
  .slide:nth-child(10) > *,
  .slide:nth-child(11) > *,
  .slide:nth-child(12) > *,
  .slide:nth-child(13) > *,
  .slide:nth-child(15) > * { zoom: 1.01; }
}

@container presentation (min-width: 1400px) {
  .slide {
    padding-right: 4.7%;
    padding-left: 31.4%;
  }

  .slide > * { zoom: 1.08; }

  /* Dense pages get a gentler lift so no information is pushed off-canvas. */
  .slide:nth-child(1) > *,
  .slide:nth-child(3) > *,
  .slide:nth-child(6) > *,
  .slide:nth-child(10) > *,
  .slide:nth-child(11) > *,
  .slide:nth-child(12) > *,
  .slide:nth-child(13) > *,
  .slide:nth-child(15) > * { zoom: 1.04; }
}

@container presentation (min-width: 1680px) {
  .slide {
    padding-top: 6%;
    padding-right: 4.5%;
    padding-bottom: 6.4%;
    padding-left: 31.2%;
  }

  .slide > * { zoom: 1.12; }

  .slide:nth-child(1) > *,
  .slide:nth-child(3) > *,
  .slide:nth-child(6) > *,
  .slide:nth-child(10) > *,
  .slide:nth-child(11) > *,
  .slide:nth-child(12) > *,
  .slide:nth-child(13) > *,
  .slide:nth-child(15) > * { zoom: 1.07; }
}

@container presentation (min-width: 1900px) {
  .slide {
    padding-top: 5.6%;
    padding-right: 4.3%;
    padding-bottom: 6%;
    padding-left: 31%;
  }

  .slide > * { zoom: 1.16; }

  .slide:nth-child(1) > *,
  .slide:nth-child(3) > *,
  .slide:nth-child(6) > *,
  .slide:nth-child(10) > *,
  .slide:nth-child(11) > *,
  .slide:nth-child(12) > *,
  .slide:nth-child(13) > *,
  .slide:nth-child(15) > * { zoom: 1.1; }
}

@container presentation (min-width: 2200px) {
  .slide {
    padding-top: 5.2%;
    padding-right: 4.1%;
    padding-bottom: 5.6%;
    padding-left: 30.8%;
  }

  .slide > * { zoom: 1.2; }

  .slide:nth-child(1) > *,
  .slide:nth-child(3) > *,
  .slide:nth-child(6) > *,
  .slide:nth-child(10) > *,
  .slide:nth-child(11) > *,
  .slide:nth-child(12) > *,
  .slide:nth-child(13) > *,
  .slide:nth-child(15) > * { zoom: 1.13; }
}

/* The course screenshot was capped at 224px and looked miniature on 2K. */
@container presentation (min-width: 1680px) {
  .slide:nth-child(7) .v7-evidence-card__image,
  .slide:nth-child(7) .v9-course-card__visual figcaption {
    width: min(100%, clamp(224px, 12.5cqw, 292px));
  }
}

/* Keep the unscaled navigation chrome legible on high-resolution screens. */
@container presentation (min-width: 1900px) {
  .top-action {
    min-width: 48px;
    height: 48px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 16px;
  }

  .top-action--menu {
    width: 48px;
    padding: 0;
  }

  .counter {
    min-width: 84px;
    font-size: 16px;
  }

  .nav-button {
    width: 50px;
    height: 50px;
  }
}

/* Boundary QA pass: desktop slides are a fixed stage, so content must fit the
   canvas rather than introducing a presentation scrollbar. Narrow/mobile
   layouts keep the original scroll behavior from the base stylesheet. */
@media (min-aspect-ratio: 4 / 3) {
  .deck .slide {
    overflow: hidden;
  }
}

/* Page 08: the first scene title is longer than one card column on large
   screens. Let all three headings wrap cleanly instead of clipping the tail. */
.deck .slide:nth-child(8) .card h3 {
  min-height: 2.7em;
  overflow: visible;
  text-wrap: balance;
  white-space: normal;
}

/* Page 13: six schedule rows must remain visible inside each card after the
   responsive zoom is applied. Compact the internal rhythm without shrinking
   the page title or the supporting-note text. */
@container presentation (min-width: 1280px) {
  .deck .slide:nth-child(13) .schedule {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .deck .slide:nth-child(13) .schedule .card {
    padding: clamp(13px, .95vw, 17px);
  }

  .deck .slide:nth-child(13) .schedule h2 {
    margin-bottom: 6px;
    padding-bottom: 5px;
    font-size: clamp(17px, 1.2vw, 22px);
    line-height: 1.28;
  }

  .deck .slide:nth-child(13) .schedule ol {
    gap: clamp(4px, .4vw, 7px);
  }

  .deck .slide:nth-child(13) .schedule li {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: clamp(13px, .92vw, 17px);
    line-height: 1.35;
  }

  .deck .slide:nth-child(13) .p13-note > div {
    gap: 3px;
    padding: 10px 14px;
  }
}


/* source: v12-flow-polish.css */
/* Page 01 flow polish: a sculpted route motif replaces the generic hairline arrows. */

.deck .slide:nth-child(1) .v9-opening-story {
  grid-template-columns: minmax(0, .94fr) clamp(68px, 5vw, 86px) minmax(0, 1.08fr);
}

.deck .slide:nth-child(1) .v9-opening-story__bridge {
  height: clamp(34px, 2.8vw, 42px);
  isolation: isolate;
}

.deck .slide:nth-child(1) .v9-opening-story__bridge svg {
  filter: drop-shadow(0 7px 13px rgb(110 43 14 / 12%));
}

.deck .slide:nth-child(1) .v12-opening-story__bridge-shell {
  fill: url(#v12-story-shell-gradient);
  stroke: rgb(150 64 24 / 12%);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.deck .slide:nth-child(1) .v12-opening-story__bridge-origin-ring {
  fill: rgb(255 251 242 / 90%);
  stroke: rgb(213 103 45 / 30%);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.deck .slide:nth-child(1) .v12-opening-story__bridge-origin {
  fill: #dc7135;
  filter: drop-shadow(0 0 3px rgb(219 91 31 / 30%));
}

.deck .slide:nth-child(1) .v9-opening-story__bridge-rail {
  stroke-width: 1.65;
  stroke-linecap: round;
}

.deck .slide:nth-child(1) .v9-opening-story__bridge-glint {
  stroke-width: 3;
  stroke-dasharray: .12 .88;
  filter: drop-shadow(0 0 5px rgb(229 100 38 / 48%));
}

.deck .slide:nth-child(1) path.v9-opening-story__bridge-head {
  fill: #c6531e;
  stroke: #92330f;
  stroke-width: .9;
  filter:
    drop-shadow(0 1px 0 rgb(255 244 229 / 42%))
    drop-shadow(0 3px 4px rgb(135 43 12 / 24%));
}

.deck .slide:nth-child(1) .v9-opening-story__bridge-signal {
  top: calc(50% - 2px);
  left: 17%;
  width: 4px;
  height: 4px;
  background: #fff7e9;
  box-shadow:
    0 0 0 2px rgb(235 126 62 / 20%),
    0 0 9px 2px rgb(224 88 28 / 42%);
  animation-name: v12-story-route-signal;
}

.deck .slide:nth-child(1) .v9-loop-flow__return {
  height: clamp(52px, 4.55vw, 72px);
  margin-top: clamp(1px, .1vw, 2px);
}

.deck .slide:nth-child(1) .v9-loop-flow__return-halo {
  stroke: rgb(215 101 44 / 10%);
  stroke-width: 9;
  filter: blur(3px);
}

.deck .slide:nth-child(1) .v9-loop-flow__return-rail {
  stroke-width: 1.65;
  filter: drop-shadow(0 2px 2px rgb(105 39 14 / 10%));
}

.deck .slide:nth-child(1) .v9-loop-flow__return-glint {
  stroke-width: 3.2;
  filter: drop-shadow(0 0 5px rgb(218 77 24 / 48%));
}

.deck .slide:nth-child(1) .v12-loop-flow__destination {
  filter: drop-shadow(0 5px 7px rgb(115 39 12 / 20%));
}

.deck .slide:nth-child(1) .v12-loop-flow__destination circle {
  fill: url(#v12-return-destination-gradient);
  stroke: rgb(255 249 239 / 90%);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.deck .slide:nth-child(1) .v12-loop-flow__destination path {
  fill: none;
  stroke: #fffaf0;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.deck .slide:nth-child(1) .v12-loop-flow__return-origin-ring {
  fill: rgb(255 250 241 / 88%);
  stroke: rgb(190 70 23 / 25%);
  stroke-width: 1.25;
  vector-effect: non-scaling-stroke;
}

.deck .slide:nth-child(1) .v9-loop-flow__return-origin {
  fill: #d66c32;
  stroke: rgb(255 248 236 / 96%);
  stroke-width: 1.35;
}

.deck .slide:nth-child(1) .v9-loop-flow__return span {
  top: 67%;
  left: 55.8%;
  padding: 4px 12px;
  background: rgb(255 249 239 / 94%);
  box-shadow:
    0 0 0 5px rgb(255 248 236 / 62%),
    0 5px 12px rgb(103 40 15 / 8%);
}

@keyframes v12-story-route-signal {
  0%, 8% { opacity: 0; transform: translate3d(0, 1px, 0) scale(.6); }
  18% { opacity: 1; }
  50% { transform: translate3d(clamp(20px, 2vw, 34px), -2px, 0) scale(1); }
  82% { opacity: .96; }
  94%, 100% { opacity: 0; transform: translate3d(clamp(40px, 3.65vw, 62px), 0, 0) scale(.76); }
}

.deck .slide:nth-child(1) .v9-loop-flow__return .v9-loop-flow__return-arrow {
  transform-box: view-box;
  transform-origin: 375px 10px;
  animation: none !important;
}

@media (max-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(1) .v9-opening-story {
    grid-template-columns: 1fr;
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge {
    height: 30px;
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge svg {
    top: 50%;
    left: 30px;
    width: 64px;
    height: 24px;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge-signal {
    top: 4px;
    left: 28px;
    animation-name: v9-story-bridge-signal-mobile;
  }
}

@media (prefers-reduced-motion: reduce) {
  .deck .slide:nth-child(1) .v9-opening-story__bridge-signal {
    display: none;
  }
}


/* source: v13-nowrap.css */
/* V13 no-wrap pass
   Keep peer headings on one line and resize the whole peer group together. */

@media (min-aspect-ratio: 4 / 3) {
  /* These pages share the long-title tier. Page 04 is the longest, so the
     whole tier uses the same slightly smaller size instead of wrapping. */
  .deck .slide:nth-child(2) h1,
  .deck .slide:nth-child(4) h1,
  .deck .slide:nth-child(7) h1,
  .deck .slide:nth-child(9) h1,
  .deck .slide:nth-child(11) h1,
  .deck .slide:nth-child(13) h1,
  .deck .slide:nth-child(14) h1 {
    width: max-content;
    max-width: 100%;
    font-size: clamp(36px, 2.82vw, 49px);
    white-space: nowrap;
    text-wrap: nowrap;
  }

  /* Page 14 is a paired choice: both card titles must stay visually equal.
     Size against the longer right-hand title, then apply it to both cards. */
  .deck .p14-choice-card h2 {
    max-width: none;
    font-size: clamp(20px, 1.62vw, 27px);
    white-space: nowrap;
    text-wrap: nowrap;
  }

  .deck .p14-choice-card__type,
  .deck .p14-choice-card > p,
  .deck .p14-choice-card .taglist li,
  .deck .p14-choice-action,
  .deck .p14-choice-note > span {
    white-space: nowrap;
    text-wrap: nowrap;
  }

  /* Page 03: both footer notes share one size; the left sentence stays intact. */
  .deck .slide:nth-child(3) .v7-jobs-layout {
    grid-template-columns: minmax(260px, .86fr) clamp(32px, 3.2vw, 52px) minmax(0, 1.55fr);
  }

  .deck .slide:nth-child(3) .v9-jobs-panel-note {
    flex-wrap: nowrap;
    font-size: clamp(14px, .96vw, 17px);
  }

  .deck .slide:nth-child(3) .v9-jobs-panel-note--pain {
    white-space: nowrap;
    text-wrap: nowrap;
  }
}


/* source: v14-page08-density.css */
/* V14 · Page 08 density pass
   Keep the three scene headings compact, tighten the supporting copy, and
   lift the closing feedback sign without changing the rest of the deck. */

@media (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(8) {
    gap: clamp(12px, .82vw, 15px);
  }

  .deck .slide:nth-child(8) .grid {
    padding-top: clamp(5px, .38vw, 7px);
    padding-bottom: clamp(5px, .38vw, 7px);
  }

  .deck .slide:nth-child(8) .card {
    min-height: 152px;
    padding: clamp(17px, 1.18vw, 21px);
  }

  .deck .slide:nth-child(8) .card h3 {
    min-height: 0;
    margin-bottom: 8px;
    overflow: visible;
    font-size: clamp(14px, .94vw, 17px);
    line-height: 1.28;
    letter-spacing: -.035em;
    text-wrap: nowrap;
    white-space: nowrap;
  }

  .deck .slide:nth-child(8) .card h3::before {
    margin-bottom: 7px;
  }

  .deck .slide:nth-child(8) .p08-support-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
    gap: clamp(12px, .82vw, 15px);
    width: min(100%, 1100px);
  }

  .deck .slide:nth-child(8) .p08-support-grid > .lead,
  .deck .slide:nth-child(8) .p08-support-grid > .note {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: clamp(9px, .62vw, 11px) clamp(14px, .94vw, 17px);
    font-size: clamp(14px, .92vw, 17px);
    line-height: 1.48;
    text-wrap: pretty;
  }

  .deck .slide:nth-child(8) .p08-support-grid > .lead {
    display: flex;
    align-items: center;
    gap: .38em;
  }

  .deck .slide:nth-child(8) .p08-support-grid > .lead strong {
    flex: 0 0 auto;
  }

  .deck .slide:nth-child(8) .p08-support-grid > .note {
    display: flex;
    align-items: center;
  }

  .deck .slide:nth-child(8) .v9-feedback-sign {
    top: clamp(-9px, -.52vw, -6px);
  }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(8) .p08-support-grid {
    display: grid;
    gap: 12px;
  }
}


/* source: v15-page05-layout.css */
/* V15 · Page 05 layout refinement
   Place the feedback CTA inside the right side of the response band and let
   the supporting note rise into the space released by the old CTA row. */

@media (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(5) {
    align-content: start;
    grid-template-rows: auto auto auto auto;
  }

  .deck .slide:nth-child(5) > header {
    grid-row: 1;
  }

  .deck .slide:nth-child(5) > .grid {
    grid-row: 2;
  }

  .deck .slide:nth-child(5) > .lead {
    grid-row: 3;
    grid-column: 1;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    padding-right: clamp(300px, 25vw, 380px);
    font-size: clamp(14px, .95vw, 18px);
    line-height: 1.65;
  }

  .deck .slide:nth-child(5) > div:has(> .action--feedback) {
    z-index: 2;
    grid-row: 3;
    grid-column: 1;
    align-self: center;
    justify-self: end;
    width: fit-content;
    min-width: 0;
    margin-right: clamp(16px, 1.35vw, 24px);
  }

  .deck .slide:nth-child(5) > .note {
    grid-row: 4;
    grid-column: 1;
  }
}


/* source: v16-page08-support-copy.css */
/* V16 · Page 08 support copy
   Match both support panels and lock the requested sentence breaks. */

.deck .slide:nth-child(8) .p08-support-grid > .p08-support-copy {
  display: block;
  align-content: center;
  color: #6f3217;
  font-family: var(--font-heiti);
  font-weight: 780;
}

.deck .slide:nth-child(8) .p08-support-grid > .p08-support-copy strong {
  color: inherit;
  font: inherit;
}

.deck .slide:nth-child(8) .p08-support-grid > .p08-support-copy br {
  display: block;
}


/* source: v17-page15-branch-flow.css */
/* Page 15: register, look up the student ID, choose one form, then solve it together. */

.deck .slide.p15-join-slide {
  gap: clamp(14px, 1.05vw, 18px);
}

.deck .slide:nth-child(15) .p15-journey {
  padding-bottom: clamp(15px, 1.18vw, 20px);
}

.deck .slide:nth-child(15) .p15-journey__steps {
  --p15-step-gap: clamp(30px, 2.3vw, 40px);
  grid-template-columns: .72fr .72fr 1.48fr .94fr;
  align-items: stretch;
}

.deck .slide:nth-child(15) .p15-journey__steps > li {
  min-height: clamp(128px, 9vw, 146px);
}

.deck .slide:nth-child(15) .p15-step {
  padding: clamp(12px, .92vw, 16px);
}

.deck .slide:nth-child(15) .p15-step--register,
.deck .slide:nth-child(15) .p15-step--lookup {
  padding: 0;
}

.deck .slide:nth-child(15) .p15-step__link {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(10px, .82vw, 14px);
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: clamp(12px, .92vw, 16px);
  border-radius: inherit;
  color: inherit;
  text-decoration: none;
  transition: background 180ms ease, box-shadow 180ms ease, transform 180ms cubic-bezier(.2, 0, 0, 1);
}

.deck .slide:nth-child(15) .p15-step__link-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: max-content;
  margin-top: 1px;
  color: rgb(167 65 20 / 76%);
  font-size: clamp(9px, .61vw, 11px);
  font-weight: 720;
  line-height: 1.15;
}

.deck .slide:nth-child(15) .p15-step__link-label b {
  font-size: .95em;
  transition: transform 160ms ease;
}

.deck .slide:nth-child(15) .p15-step__link:hover {
  background: linear-gradient(145deg, rgb(255 255 255 / 38%), rgb(230 111 42 / 7%));
  box-shadow: 0 10px 24px rgb(111 42 12 / 8%);
  transform: translateY(-2px);
}

.deck .slide:nth-child(15) .p15-step__link:hover .p15-step__link-label b {
  transform: translate(2px, -1px);
}

.deck .slide:nth-child(15) .p15-step__link:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px rgb(190 70 22 / 38%), 0 10px 24px rgb(111 42 12 / 10%);
}

.deck .slide:nth-child(15) .p15-step .p15-step__copy strong {
  white-space: nowrap;
}

.deck .slide:nth-child(15) .p15-step--resolve {
  background: linear-gradient(145deg, rgb(255 251 244 / 96%), rgb(237 177 116 / 27%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 96%),
    0 0 0 1px rgb(174 68 20 / 10%),
    0 12px 28px rgb(111 42 12 / 10%);
}

.deck .slide:nth-child(15) .p15-branch-node {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: clamp(8px, .62vw, 11px);
  min-width: 0;
  padding: 0 clamp(9px, .7vw, 12px);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.deck .slide:nth-child(15) .p15-branch-node::before,
.deck .slide:nth-child(15) .p15-branch-node::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 24%;
  bottom: 24%;
  width: 1px;
  background: linear-gradient(180deg, rgb(190 72 21 / 48%), rgb(190 72 21 / 20%), rgb(190 72 21 / 48%));
}

.deck .slide:nth-child(15) .p15-branch-node::before { left: 0; }
.deck .slide:nth-child(15) .p15-branch-node::after { right: 0; }

.deck .slide:nth-child(15) .p15-branch-node__badge {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 0;
  padding: 2px 6px;
  border: 1px solid rgb(195 75 23 / 14%);
  border-radius: 999px;
  background: rgb(255 250 241 / 96%);
  color: rgb(154 57 18 / 78%);
  font-size: clamp(8px, .54vw, 10px);
  font-weight: 800;
  letter-spacing: .08em;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  box-shadow: 0 3px 8px rgb(103 40 15 / 7%);
}

.deck .slide:nth-child(15) .p15-branch-card {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(9px, .72vw, 12px);
  min-width: 0;
  padding: clamp(8px, .62vw, 11px) clamp(10px, .8vw, 14px);
  border: 1px solid rgb(147 57 19 / 7%);
  border-radius: 14px;
  background: linear-gradient(145deg, rgb(255 255 255 / 88%), rgb(255 242 223 / 55%));
  color: inherit;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 94%),
    0 7px 18px rgb(91 37 13 / 7%);
  transition: transform 180ms cubic-bezier(.2, 0, 0, 1), box-shadow 180ms ease, border-color 180ms ease;
}

.deck .slide:nth-child(15) .p15-branch-card::before,
.deck .slide:nth-child(15) .p15-branch-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  width: clamp(9px, .7vw, 12px);
  height: 1px;
  background: rgb(186 69 20 / 48%);
}

.deck .slide:nth-child(15) .p15-branch-card::before { right: 100%; }
.deck .slide:nth-child(15) .p15-branch-card::after { left: 100%; }

.deck .slide:nth-child(15) .p15-branch-card__icon {
  display: grid;
  width: clamp(31px, 2.25vw, 38px);
  height: clamp(31px, 2.25vw, 38px);
  place-items: center;
  border-radius: 11px;
  background: rgb(214 91 29 / 11%);
  color: #b44818;
  box-shadow: inset 0 0 0 1px rgb(167 65 20 / 8%);
}

.deck .slide:nth-child(15) .p15-branch-card--activity .p15-branch-card__icon {
  background: rgb(167 76 32 / 9%);
  color: #9f4a23;
}

.deck .slide:nth-child(15) .p15-branch-card__icon svg {
  width: clamp(16px, 1.16vw, 20px);
  height: clamp(16px, 1.16vw, 20px);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.deck .slide:nth-child(15) .p15-branch-card__copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.deck .slide:nth-child(15) .p15-branch-card__copy small {
  color: #d26024;
  font-size: clamp(9px, .61vw, 11px);
  font-style: italic;
  font-weight: 850;
  letter-spacing: .04em;
}

.deck .slide:nth-child(15) .p15-branch-card__copy strong {
  color: #3a2117;
  font-size: clamp(13px, .91vw, 16px);
  font-weight: 790;
  line-height: 1.25;
  white-space: nowrap;
}

.deck .slide:nth-child(15) .p15-branch-card__copy > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: max-content;
  margin-top: 2px;
  color: rgb(167 65 20 / 76%);
  font-size: clamp(9px, .61vw, 11px);
  font-weight: 720;
  line-height: 1.15;
}

.deck .slide:nth-child(15) .p15-branch-card__copy b {
  font-size: .95em;
  transition: transform 160ms ease;
}

.deck .slide:nth-child(15) .p15-branch-card:hover {
  border-color: rgb(190 70 22 / 18%);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 96%),
    0 10px 24px rgb(111 42 12 / 12%);
  transform: translateY(-2px);
}

.deck .slide:nth-child(15) .p15-branch-card:hover .p15-branch-card__copy b {
  transform: translate(2px, -1px);
}

.deck .slide:nth-child(15) .p15-branch-node__to-final {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: calc(-1 * var(--p15-step-gap));
  width: var(--p15-step-gap);
  height: 20px;
  overflow: hidden;
  transform: translateY(-50%);
  pointer-events: none;
}

.deck .slide:nth-child(15) .p15-branch-node__to-final::before {
  content: "";
  position: absolute;
  top: 9px;
  right: 6px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(187 72 21 / 35%), rgb(187 72 21 / 68%));
}

.deck .slide:nth-child(15) .p15-branch-node__to-final::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 1px;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid rgb(172 62 17 / 76%);
  border-right: 1.5px solid rgb(172 62 17 / 76%);
  transform: rotate(45deg);
}

.deck .slide:nth-child(15) .p15-branch-node__to-final i {
  position: absolute;
  top: 7px;
  left: -5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e8782d;
  box-shadow: 0 0 8px rgb(225 101 29 / 60%);
}

.deck .slide.p15-join-slide.is-active .p15-branch-node__to-final i {
  animation: p15-route-signal 2.4s cubic-bezier(.2, 0, 0, 1) 1.02s infinite;
}

.deck .slide:nth-child(15) div.p15-action-row {
  margin-top: clamp(8px, .7vw, 13px);
  transform: translateY(clamp(4px, .42vw, 8px));
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(15) .p15-journey__steps > li {
    min-height: 116px;
  }

  .deck .slide:nth-child(15) .p15-branch-card {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(15) .p15-journey__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deck .slide:nth-child(15) .p15-branch-node {
    grid-column: 1 / -1;
  }

  .deck .slide:nth-child(15) .p15-branch-node::before,
  .deck .slide:nth-child(15) .p15-branch-node::after,
  .deck .slide:nth-child(15) .p15-branch-card::before,
  .deck .slide:nth-child(15) .p15-branch-card::after,
  .deck .slide:nth-child(15) .p15-branch-node__to-final {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .deck .slide.p15-join-slide.is-active .p15-branch-node__to-final i {
    animation: none;
    opacity: .75;
    transform: translateX(calc(var(--p15-step-gap) - 7px));
  }
}


/* source: v18-page13-info-polish.css */
/* Page 13: refine the two supporting actions and demote scheduling to one bottom note. */
.deck .slide:nth-child(13) .p13-note {
  position: static;
  display: block;
  min-height: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.deck .slide:nth-child(13) .schedule li {
  grid-template-columns: 4.25em minmax(0, 1fr);
}

.deck .slide:nth-child(13) .schedule time {
  min-width: 4.05em;
  white-space: nowrap;
}

.deck .slide:nth-child(13) .p13-note > .p13-note__features {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  min-height: clamp(76px, 6.1vw, 98px);
  overflow: hidden;
  padding: 0;
  border: 1px solid rgb(156 74 31 / 13%);
  border-radius: 18px;
  background:
    radial-gradient(circle at 10% 16%, rgb(255 255 255 / 78%), transparent 31%),
    linear-gradient(112deg, rgb(232 132 60 / 14%), rgb(255 252 245 / 64%) 52%, rgb(239 181 113 / 12%));
  box-shadow:
    0 1px 0 rgb(255 255 255 / 64%) inset,
    0 10px 28px rgb(94 40 14 / 7%);
}

.deck .slide:nth-child(13) .p13-note__features::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #c84f1c, #ef9a46 56%, rgb(239 154 70 / 18%));
  pointer-events: none;
}

.deck .slide:nth-child(13) .p13-note__feature {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(11px, .9vw, 16px);
  min-width: 0;
  padding: clamp(14px, 1.05vw, 18px) clamp(18px, 1.45vw, 26px);
}

.deck .slide:nth-child(13) .p13-note__feature + .p13-note__feature::before {
  content: "";
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgb(144 65 27 / 20%) 24% 76%, transparent);
}

.deck .slide:nth-child(13) .p13-note__number {
  display: inline-grid;
  width: clamp(32px, 2.45vw, 42px);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgb(184 76 27 / 18%);
  border-radius: 50%;
  background: linear-gradient(145deg, rgb(255 255 255 / 78%), rgb(226 126 55 / 13%));
  color: #b44b1b;
  font-family: Georgia, serif;
  font-size: clamp(11px, .78vw, 14px);
  font-style: italic;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 5px 15px rgb(111 47 17 / 7%);
}

.deck .slide:nth-child(13) .p13-note__copy {
  display: grid;
  gap: clamp(4px, .34vw, 6px);
  min-width: 0;
}

.deck .slide:nth-child(13) .p13-note__copy .p13-note__label {
  color: #a84a1e;
  font-size: clamp(10px, .7vw, 13px);
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1;
}

.deck .slide:nth-child(13) .p13-note__copy strong {
  color: #4a2b1d;
  font-size: clamp(15px, 1.06vw, 19px);
  font-weight: 680;
  line-height: 1.42;
  text-wrap: pretty;
}

.deck .slide:nth-child(13) .p13-note__footnote {
  position: absolute;
  right: 8%;
  bottom: 5.8%;
  left: 33.2%;
  display: flex;
  align-items: center;
  gap: clamp(7px, .55vw, 10px);
  margin: 0;
  padding: 4px 0 4px clamp(10px, .72vw, 13px);
  border-left: 3px solid rgb(199 79 26 / 72%);
  background: linear-gradient(90deg, rgb(231 151 82 / 10%), transparent 78%);
  color: rgb(91 62 47 / 76%);
  font-size: clamp(10px, .72vw, 13px);
  font-weight: 520;
  line-height: 1.42;
  white-space: nowrap;
}

.deck .slide:nth-child(13) .p13-note__footnote > span {
  flex: 0 0 auto;
  color: #a84a1e;
  font-weight: 800;
  letter-spacing: .08em;
}

.deck.v10-motion .slide:nth-child(13).is-active.is-building .p13-note__footnote {
  animation: v10-rise-soft 480ms var(--v10-ease) 920ms backwards !important;
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(13) .p13-note > .p13-note__features {
    min-height: 66px;
  }

  .deck .slide:nth-child(13) .p13-note__feature {
    gap: 10px;
    padding: 10px 14px;
  }

  .deck .slide:nth-child(13) .p13-note__footnote {
    bottom: 5.2%;
    font-size: 10px;
  }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(13) .p13-note {
    display: grid;
    gap: 10px;
  }

  .deck .slide:nth-child(13) .p13-note > .p13-note__features {
    grid-template-columns: 1fr;
  }

  .deck .slide:nth-child(13) .p13-note__feature + .p13-note__feature::before {
    top: 0;
    right: 8%;
    bottom: auto;
    left: 8%;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgb(144 65 27 / 20%) 24% 76%, transparent);
  }

  .deck .slide:nth-child(13) .p13-note__footnote {
    position: static;
    display: block;
    padding: 8px 10px;
    white-space: normal;
  }

  .deck .slide:nth-child(13) .p13-note__footnote > span {
    margin-right: 8px;
  }
}


/* source: v20-page15-entry-hierarchy.css */
/* Page 15: keep the start note in the primary slot and demote the app link to a quiet backup. */
.deck .slide:nth-child(15) div.p15-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: clamp(7px, .52vw, 9px);
  width: 100%;
  max-width: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: translateY(clamp(24px, 2vw, 34px));
}

.deck .slide:nth-child(15) .p15-action-note {
  width: 100%;
  min-width: 0;
  min-height: clamp(62px, 4.8vw, 78px);
}

.deck .slide:nth-child(15) .p15-action {
  width: min(82%, 410px);
  min-width: 0;
  min-height: 42px;
  justify-self: start;
  gap: clamp(10px, .72vw, 13px);
  padding: 7px 8px 7px clamp(13px, .95vw, 16px);
  border-radius: 16px;
  background: rgb(255 253 248 / 48%);
  color: rgb(91 48 30 / 62%);
  box-shadow:
    0 0 0 1px rgb(126 54 20 / 5%),
    0 4px 12px rgb(91 37 13 / 4%);
  transition-property: transform, background-color, color, box-shadow;
  transition-duration: 160ms;
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
}

.deck .slide:nth-child(15) .p15-action::before {
  display: none;
}

.deck .slide:nth-child(15) .p15-action__copy {
  gap: 0;
}

.deck .slide:nth-child(15) .p15-action__copy small {
  color: rgb(112 72 50 / 48%);
  font-size: clamp(8px, .5vw, 9px);
  font-weight: 680;
  letter-spacing: .12em;
}

.deck .slide:nth-child(15) .p15-action__copy strong {
  color: rgb(91 48 30 / 68%);
  font-size: clamp(11px, .78vw, 14px);
  font-weight: 680;
  letter-spacing: .01em;
}

.deck .slide:nth-child(15) .p15-action__arrow {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgb(176 79 31 / 7%);
  color: rgb(147 65 27 / 52%);
  font-size: 14px;
  animation: none !important;
  transform: translate(1px, -1px);
}

.deck .slide:nth-child(15) .p15-action:hover {
  background: rgb(255 253 248 / 72%);
  color: rgb(91 48 30 / 78%);
  box-shadow:
    0 0 0 1px rgb(126 54 20 / 8%),
    0 6px 16px rgb(91 37 13 / 6%);
  transform: translateY(-1px);
}

.deck .slide:nth-child(15) .p15-action:hover .p15-action__arrow {
  background: rgb(176 79 31 / 10%);
  transform: translate(2px, -2px);
}

.deck.v10-motion .slide:nth-child(15).is-active.is-building .p15-action-note {
  animation: v10-rise-soft 520ms var(--v10-ease) 830ms backwards !important;
}

.deck.v10-motion .slide:nth-child(15).is-active.is-building .p15-action {
  animation: none !important;
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(15) div.p15-action-row {
    gap: 6px;
    transform: translateY(21px);
  }

  .deck .slide:nth-child(15) .p15-action-note {
    min-height: 58px;
  }

  .deck .slide:nth-child(15) .p15-action {
    min-height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(15) div.p15-action-row {
    width: 100%;
    transform: translateY(12px);
  }
}


/* source: v19-page10-footer-polish.css */
/* Page 10: reclaim the obsolete CTA slot while keeping the lower-right leaf visible. */
.deck .slide:nth-child(10) {
  gap: clamp(10px, .78vw, 13px);
}

.deck .slide:nth-child(10) .v9-register-footer {
  width: 100%;
  margin-top: clamp(-24px, -1.25vw, -16px);
}

.deck .slide:nth-child(10) .v9-register-assurance {
  width: calc(100% - clamp(88px, 7.8vw, 132px));
  margin: 0;
  grid-template-columns: minmax(0, 1.55fr) minmax(250px, .75fr);
  align-items: center;
  column-gap: clamp(22px, 1.7vw, 30px);
  row-gap: 0;
  padding: clamp(13px, .95vw, 16px) clamp(18px, 1.35vw, 23px);
}

.deck .slide:nth-child(10) .v9-register-assurance__lead {
  text-wrap: pretty;
}

.deck .slide:nth-child(10) .v9-register-assurance__notes {
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  gap: clamp(4px, .34vw, 6px);
  min-width: 0;
  padding-left: clamp(18px, 1.35vw, 23px);
  border-left: 1px solid rgb(151 70 30 / 15%);
  font-size: clamp(10.5px, .78vw, 13.5px);
}

.deck .slide:nth-child(10) .v9-register-assurance__notes li {
  min-height: 1.45em;
  text-wrap: pretty;
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(10) .v9-register-assurance {
    width: calc(100% - clamp(76px, 7vw, 112px));
    grid-template-columns: minmax(0, 1.45fr) minmax(230px, .75fr);
    column-gap: 18px;
    padding: 10px 16px;
  }

  .deck .slide:nth-child(10) .v9-register-assurance__notes {
    gap: 3px;
    padding-left: 16px;
  }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(10) .v9-register-footer {
    margin-top: 0;
  }

  .deck .slide:nth-child(10) .v9-register-assurance {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .deck .slide:nth-child(10) .v9-register-assurance__notes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 12px;
    padding-top: 10px;
    padding-left: 0;
    border-top: 1px solid rgb(151 70 30 / 15%);
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .deck .slide:nth-child(10) .v9-register-assurance__notes {
    grid-template-columns: 1fr;
  }
}


/* source: v21-mobile-responsive.css */
/* V11 mobile adaptation
   This file is loaded last and is intentionally scoped to phone-sized
   viewports so the approved desktop presentation remains unchanged. */

@media (max-width: 820px) and (max-aspect-ratio: 4 / 3),
       (hover: none) and (pointer: coarse) and (max-width: 950px) and (max-height: 500px) {
  html,
  body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overscroll-behavior: none;
  }

  body {
    display: block;
    overflow: hidden;
    background: #fff4df;
  }

  .deck {
    width: 100vw;
    max-width: none;
    height: 100vh;
    height: 100svh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    box-shadow: none;
  }

  .deck::before {
    background-position: 22% center;
    animation: none;
  }

  .deck::after {
    background:
      linear-gradient(180deg, rgb(119 42 10 / 12%) 0 12%, rgb(255 246 227 / 96%) 22% 100%),
      radial-gradient(circle at 82% 12%, rgb(255 255 255 / 18%), transparent 35%);
  }

  .progress {
    height: 3px;
  }

  .stage-ornaments {
    display: none;
  }

  .v4-atmosphere {
    width: 100%;
    height: 18%;
  }

  .topbar {
    top: calc(12px + env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    left: max(12px, env(safe-area-inset-left));
    gap: 8px;
  }

  .brand {
    width: auto;
    flex: 0 1 auto;
    overflow: hidden;
    font-size: 12px;
    letter-spacing: .08em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .topbar__right {
    flex: 0 0 auto;
    gap: 4px;
  }

  .top-action,
  .top-action--menu {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
  }

  .top-action span {
    display: none;
  }

  .top-action svg {
    width: 18px;
    height: 18px;
  }

  .counter {
    min-width: 54px;
    font-size: 12px;
    letter-spacing: .03em;
  }

  .slides {
    overflow: hidden;
  }

  .deck .slide,
  .deck .slide--compact,
  .deck .slide:nth-child(3),
  .deck .slide:nth-child(7),
  .deck .slide.v10-resume-slide {
    grid-auto-rows: max-content;
    align-content: start !important;
    gap: 14px !important;
    padding:
      calc(126px + env(safe-area-inset-top))
      18px
      calc(104px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    scroll-padding-top: calc(78px + env(safe-area-inset-top));
    scrollbar-color: rgb(151 67 28 / 28%) transparent;
    scrollbar-width: thin;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }

  .deck .slide:not(.is-active) {
    pointer-events: none;
  }

  .deck .slide > * {
    width: 100%;
    max-width: 100%;
    zoom: 1 !important;
  }

  .deck .slide::before {
    top: calc(70px + env(safe-area-inset-top));
    left: 18px;
    width: auto;
    color: rgb(122 50 19 / 68%);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .1em;
    writing-mode: horizontal-tb;
    text-shadow: none;
    transform: none;
  }

  .deck .slide::after {
    right: auto;
    bottom: calc(22px + env(safe-area-inset-bottom));
    left: 18px;
    color: rgb(151 68 28 / 22%);
    font-size: 34px;
  }

  .deck .slide > header,
  .deck .slide > .closing {
    min-width: 0;
  }

  .deck .eyebrow {
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 1.35;
    letter-spacing: .08em;
  }

  .deck .slide h1,
  .deck .slide:nth-child(1) h1,
  .deck .slide:nth-child(15) h1 {
    width: auto !important;
    max-width: 100% !important;
    font-size: clamp(28px, 8vw, 35px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  .deck .subtitle--label {
    display: flex;
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    gap: 8px;
    margin-top: 11px;
    padding: 5px 10px 5px 5px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 1.45;
    white-space: normal;
    text-wrap: pretty;
  }

  .deck .subtitle--label > span:last-child {
    min-width: 0;
    padding-top: 3px;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .deck .subtitle-label__badge {
    min-height: 28px;
    flex: 0 0 auto;
    padding: 5px 8px;
    border-radius: 11px;
    font-size: 11px;
    line-height: 1.45;
  }

  .deck .lead {
    width: 100%;
    max-width: 100%;
    padding: 13px 15px;
    font-size: 15px;
    line-height: 1.65;
  }

  .deck .note {
    width: 100%;
    max-width: 100%;
    padding: 11px 13px;
    font-size: 13px;
    line-height: 1.55;
  }

  .deck .grid,
  .deck .grid--3,
  .deck .numbered,
  .deck .schedule,
  .deck .slide:nth-child(1) .grid,
  .deck .slide:nth-child(2) .numbered,
  .deck .slide:nth-child(4) .grid,
  .deck .slide:nth-child(7) .grid,
  .deck .slide:nth-child(8) .grid,
  .deck .slide:nth-child(15) .numbered {
    grid-template-columns: minmax(0, 1fr);
    gap: 11px;
    min-width: 0;
  }

  .deck .grid::before,
  .deck .numbered::before,
  .deck .schedule::before {
    display: none;
  }

  .deck .card,
  .deck .slide--compact .card {
    min-width: 0;
    min-height: 0;
    padding: 16px;
    border-radius: 17px;
  }

  .deck .card h2,
  .deck .card h3 {
    min-height: 0;
    font-size: 18px;
    line-height: 1.4;
    overflow-wrap: anywhere;
    white-space: normal;
    text-wrap: balance;
  }

  .deck .card p,
  .deck .numbered li,
  .deck .schedule li {
    font-size: 14px;
    line-height: 1.55;
  }

  .deck .numbered li {
    min-height: 54px;
    padding: 13px 14px 13px 45px;
  }

  .deck .numbered li:last-child {
    grid-column: auto;
  }

  .deck .taglist {
    gap: 7px;
  }

  .deck .taglist li {
    min-height: 34px;
    padding: 7px 10px;
    font-size: 13px;
    line-height: 1.35;
    white-space: normal;
  }

  .deck a,
  .deck button {
    touch-action: manipulation;
  }

  .deck .action {
    min-height: 46px;
    max-width: 100%;
  }

  .controls {
    right: max(14px, env(safe-area-inset-right));
    bottom: calc(14px + env(safe-area-inset-bottom));
    gap: 8px;
  }

  .nav-button {
    width: 44px;
    height: 44px;
  }

  .presenter-guide {
    right: max(14px, env(safe-area-inset-right));
    bottom: calc(68px + env(safe-area-inset-bottom));
    width: min(82vw, 320px);
  }

  .slide-picker {
    top: calc(62px + env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    left: max(12px, env(safe-area-inset-left));
    width: auto;
    max-height: calc(100% - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    padding: 14px;
    border-radius: 18px;
  }

  .slide-picker__header {
    align-items: center;
    gap: 10px;
    margin-bottom: 11px;
  }

  .slide-picker__header h2 {
    font-size: 18px;
  }

  .slide-picker__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    max-height: calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }

  .slide-picker__item {
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 56px;
    padding: 8px 10px;
  }

  .slide-picker__number {
    font-size: 19px;
  }

  .slide-picker__label {
    font-size: 13px;
  }

  /* Page 01 */
  .deck .slide:nth-child(1) .v9-opening-story {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .deck .slide:nth-child(1) .v9-opening-story__moment,
  .deck .slide:nth-child(1) .v9-opening-story__answer {
    padding: 15px 16px 15px 22px;
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge {
    height: 28px;
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge svg {
    top: 50%;
    left: 50%;
    width: 70px;
    height: 24px;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge-signal {
    top: 4px;
    left: calc(50% - 2px);
    animation-name: v9-story-bridge-signal-mobile;
  }

  .deck .slide:nth-child(1) .v9-loop-flow {
    padding: 11px;
    border-radius: 20px;
  }

  .deck .slide:nth-child(1) .v9-loop-flow__track {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .deck .slide:nth-child(1) .v9-loop-flow__step {
    min-height: 0;
    padding: 14px 14px 14px 42px;
  }

  .deck .slide:nth-child(1) .v9-loop-flow__step h2 {
    font-size: 17px;
  }

  .deck .slide:nth-child(1) .v9-loop-flow__step p {
    font-size: 13px;
  }

  .deck .slide:nth-child(1) .v9-loop-flow__connector {
    top: 100%;
    left: 50%;
    width: 18px;
    height: 12px;
    transform: translateX(-50%);
  }

  .deck .slide:nth-child(1) .v9-loop-flow__connector::before {
    top: 0;
    right: auto;
    bottom: 2px;
    left: calc(50% - .5px);
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, rgb(197 76 25 / 22%), rgb(216 109 52 / 72%));
  }

  .deck .slide:nth-child(1) .v9-loop-flow__connector::after {
    top: auto;
    right: auto;
    bottom: 1px;
    left: calc(50% - 4px);
    transform: rotate(135deg);
  }

  .deck .slide:nth-child(1) .v9-loop-flow__connector i {
    display: none;
  }

  .deck .slide:nth-child(1) .v9-loop-flow__return {
    height: auto;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgb(255 249 239 / 82%);
  }

  .deck .slide:nth-child(1) .v9-loop-flow__return svg {
    display: none;
  }

  .deck .slide:nth-child(1) .v9-loop-flow__return span {
    position: static;
    display: block;
    width: auto;
    max-width: none;
    padding: 0;
    background: none;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    white-space: normal;
    transform: none;
  }

  /* Page 03 */
  .deck .slide:nth-child(3) .v7-jobs-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
    border-radius: 21px;
  }

  .deck .slide:nth-child(3) .v9-jobs-column {
    gap: 8px;
  }

  .deck .slide:nth-child(3) .v7-jobs-pain,
  .deck .slide:nth-child(3) .v7-jobs-directory {
    padding: 15px;
  }

  .deck .slide:nth-child(3) .v7-jobs-arrow {
    width: 44px;
    justify-self: center;
    margin: 1px 0;
    transform: rotate(90deg);
  }

  .deck .slide:nth-child(3) .v7-jobs-checks li {
    grid-template-columns: minmax(76px, .34fr) minmax(0, 1fr);
    gap: 8px;
    min-height: 0;
    padding: 10px 0;
  }

  .deck .slide:nth-child(3) .v7-jobs-checks strong,
  .deck .slide:nth-child(3) .v7-jobs-checks p {
    font-size: 14px;
  }

  .deck .slide:nth-child(3) .v9-jobs-panel-note {
    min-height: 0;
    margin: 0 3px;
    padding: 9px 11px;
    font-size: 13px;
    white-space: normal;
  }

  .deck .slide:nth-child(3) .v7-jobs-outcome {
    padding: 13px 14px 13px 52px;
  }

  /* Pages 04–06 */
  .deck .slide:nth-child(4) .card,
  .deck .slide:nth-child(5) .card,
  .deck .slide:nth-child(8) .card,
  .deck .slide:nth-child(9) .card,
  .deck .slide:nth-child(14) .card {
    min-height: 0;
    padding: 16px;
  }

  .deck .slide:nth-child(5) > div:has(.action) {
    width: 100%;
    min-width: 0;
  }

  .deck .slide:nth-child(5) .action {
    width: 100%;
  }

  .deck .slide:nth-child(5) {
    grid-template-rows: none;
  }

  .deck .slide:nth-child(5) > header,
  .deck .slide:nth-child(5) > .grid,
  .deck .slide:nth-child(5) > .lead,
  .deck .slide:nth-child(5) > div:has(> .action--feedback),
  .deck .slide:nth-child(5) > .note {
    grid-row: auto;
    grid-column: auto;
  }

  .deck .slide:nth-child(5) > .lead {
    padding-right: 15px;
    font-size: 15px;
  }

  .deck .slide:nth-child(5) > div:has(> .action--feedback) {
    align-self: stretch;
    justify-self: stretch;
    margin-right: 0;
  }

  .deck .slide.v10-resume-slide .v10-resume-flow {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
  }

  .deck .slide.v10-resume-slide .v10-resume-card {
    padding: 16px;
  }

  .deck .slide.v10-resume-slide:not(.has-diagnosis) .v10-resume-card--diagnosis,
  .deck .slide.v10-resume-slide:not(.has-guidance) .v10-resume-guidance {
    display: none;
  }

  .deck .slide.v10-resume-slide .v10-resume-arrow {
    width: 58px;
    height: 58px;
  }

  .deck .slide.v10-resume-slide .v10-resume-arrow svg {
    animation-name: v10-resume-arrow-glide-vertical;
    transform: rotate(90deg);
  }

  .deck .slide.v10-resume-slide.has-guidance .v10-resume-arrow svg {
    transform: rotate(90deg) translateX(1px);
  }

  .deck .slide.v10-resume-slide .v10-resume-case p {
    grid-template-columns: minmax(70px, auto) minmax(0, 1fr);
    font-size: 13px;
  }

  .deck .slide.v10-resume-slide .v10-resume-action,
  .deck .slide.v10-resume-slide .v10-resume-boundary {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  /* Page 07 */
  .deck .slide:nth-child(7) .v9-course-panel {
    padding: 10px;
  }

  .deck .slide:nth-child(7) .v9-course-card {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 16px;
    min-height: 0;
    padding: 16px;
  }

  .deck .slide:nth-child(7) .v9-course-card__title {
    grid-column: auto;
    font-size: 19px;
  }

  .deck .slide:nth-child(7) .v9-course-card__visual,
  .deck .slide:nth-child(7) .v9-course-card__details {
    width: 100%;
  }

  .deck .slide:nth-child(7) .v9-course-card__details {
    gap: 13px;
    padding-left: 0;
  }

  .deck .slide:nth-child(7) .v9-course-card__details::before {
    display: none;
  }

  .deck .slide:nth-child(7) .v9-course-card__details p {
    font-size: 14px;
  }

  /* Page 08 */
  .deck .slide:nth-child(8) .p08-support-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .deck .slide:nth-child(8) .p08-support-copy {
    font-size: 14px;
  }

  .deck .slide:nth-child(8) .card h3 {
    min-height: 0;
    overflow: visible;
    white-space: normal;
    text-wrap: balance;
  }

  .deck .slide:nth-child(8) .v9-feedback-sign {
    top: 0;
    min-height: 0;
    padding: 12px;
  }

  .deck .slide:nth-child(8) .v9-feedback-sign__message {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 5px;
    white-space: normal;
  }

  .deck .slide:nth-child(8) .v9-feedback-sign__message > span {
    width: 100%;
    min-width: 0;
    font-size: 14px;
  }

  .deck .slide:nth-child(8) .v9-feedback-sign__message > .is-punctuation {
    width: 100%;
    min-width: 0;
  }

  /* Page 09 */
  .deck .slide:nth-child(9) .v9-question-flow {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .deck .slide:nth-child(9) .v9-question-flow__connector {
    min-height: 70px;
  }

  .deck .slide:nth-child(9) .v9-question-flow__connector::before {
    top: 50%;
    width: 68px;
    height: 68px;
    transform: translate(-50%, -50%);
  }

  .deck .slide:nth-child(9) .v9-question-flow__connector::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 29px;
    left: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border-right: 2px solid #b64d1b;
    border-bottom: 2px solid #b64d1b;
    transform: rotate(45deg);
  }

  .deck .slide:nth-child(9) .v9-question-flow__connector span {
    margin-bottom: 28px;
    font-size: 10px;
  }

  .deck .slide:nth-child(9) .v9-question-flow__connector svg {
    display: none;
  }

  /* Page 10 */
  .deck .slide:nth-child(10) .v9-register-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .deck .slide:nth-child(10) .v9-register-card {
    min-height: 0;
    gap: 12px;
    padding: 16px;
  }

  .deck .slide:nth-child(10) .v9-register-card__body {
    gap: 9px;
    padding-left: 0;
  }

  .deck .slide:nth-child(10) .v9-register-card__answers li {
    grid-template-columns: minmax(64px, auto) minmax(0, 1fr);
    gap: 8px;
  }

  .deck .slide:nth-child(10) .v9-register-footer,
  .deck .slide:nth-child(10) .v9-register-assurance {
    width: 100%;
    margin-left: 0;
  }

  .deck .slide:nth-child(10) .v9-register-footer {
    margin-top: 0;
  }

  .deck .slide:nth-child(10) .v9-register-assurance {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 14px;
  }

  .deck .slide:nth-child(10) .v9-register-assurance__notes {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    padding-top: 10px;
    padding-left: 0;
    border-top: 1px solid rgb(151 70 30 / 15%);
    border-left: 0;
  }

  /* Page 11 */
  .deck .slide:nth-child(11).v9-identity-slide {
    display: grid;
  }

  .deck .slide:nth-child(11) .v9-identity-flow {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 0;
  }

  .deck .slide:nth-child(11) .v9-identity-connector {
    display: none;
  }

  .deck .slide:nth-child(11) .v9-identity-step {
    gap: 12px;
    padding: 16px;
  }

  .deck .slide:nth-child(11) .v9-identity-step__image {
    height: clamp(150px, 45vw, 210px);
  }

  .deck .slide:nth-child(11) .v9-identity-button {
    width: 100%;
    min-width: 0;
    min-height: 48px;
  }

  .deck .slide:nth-child(11) .v9-identity-footer {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin-top: 0;
    padding: 15px;
  }

  .deck .slide:nth-child(11) .v9-identity-footer__mark {
    width: 48px;
  }

  /* Page 12 */
  .deck .slide:nth-child(12) .p12-topic-carousel {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .deck .slide:nth-child(12) .p12-topic-carousel__meta {
    padding-right: 14px;
    padding-left: 14px;
  }

  .deck .slide:nth-child(12) .p12-topic-carousel__viewport {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-color: rgb(151 67 28 / 26%) transparent;
    scrollbar-width: thin;
    touch-action: pan-x pan-y;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .deck .slide:nth-child(12) .p12-topic-carousel__track {
    width: max-content;
    padding: 2px 14px 8px;
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }

  .deck .slide:nth-child(12) .p12-topic-carousel__group[aria-hidden="true"] {
    display: none;
  }

  .deck .slide:nth-child(12) .p12-topic-carousel__group li {
    min-height: 46px;
    scroll-snap-align: start;
    font-size: 13px;
  }

  /* Page 13 */
  .deck .slide:nth-child(13) .schedule {
    grid-template-columns: minmax(0, 1fr);
    gap: 11px;
    padding-bottom: 0;
  }

  .deck .slide:nth-child(13) .schedule .card {
    padding: 15px;
  }

  .deck .slide:nth-child(13) .schedule li {
    grid-template-columns: 4.1em minmax(0, 1fr);
    gap: 7px;
    font-size: 13px;
  }

  .deck .slide:nth-child(13) .p13-note,
  .deck .slide:nth-child(13) .p13-note > .p13-note__features {
    grid-template-columns: minmax(0, 1fr);
  }

  .deck .slide:nth-child(13) .p13-note__feature {
    padding: 13px 14px;
  }

  .deck .slide:nth-child(13) .p13-note__footnote {
    position: static;
    display: block;
    padding: 9px 11px;
    white-space: normal;
  }

  /* Page 14 */
  .deck .slide:nth-child(14) .p14-choice-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .deck .slide:nth-child(14) .p14-choice-card {
    min-height: 0;
    gap: 10px;
  }

  .deck .slide:nth-child(14) .p14-choice-action {
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    white-space: normal;
  }

  .deck .slide:nth-child(14) .p14-choice-card h2,
  .deck .slide:nth-child(14) .p14-choice-card__type,
  .deck .slide:nth-child(14) .p14-choice-card > p,
  .deck .slide:nth-child(14) .p14-choice-card .taglist li,
  .deck .slide:nth-child(14) .p14-choice-note > span {
    white-space: normal;
    text-wrap: pretty;
  }

  /* Page 15 */
  .deck .slide:nth-child(15) .p15-journey {
    padding: 13px;
  }

  .deck .slide:nth-child(15) .p15-journey__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .deck .slide:nth-child(15) .p15-journey__summary {
    text-align: left;
    white-space: normal;
  }

  .deck .slide:nth-child(15) .p15-journey__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .deck .slide:nth-child(15) .p15-journey__steps > li,
  .deck .slide:nth-child(15) .p15-step {
    grid-column: auto;
    min-height: 0;
  }

  .deck .slide:nth-child(15) .p15-step__link {
    min-height: 72px;
    padding: 12px;
  }

  .deck .slide:nth-child(15) .p15-step__connector,
  .deck .slide:nth-child(15) .p15-branch-node::before,
  .deck .slide:nth-child(15) .p15-branch-node::after,
  .deck .slide:nth-child(15) .p15-branch-card::before,
  .deck .slide:nth-child(15) .p15-branch-card::after,
  .deck .slide:nth-child(15) .p15-branch-node__to-final {
    display: none;
  }

  .deck .slide:nth-child(15) .p15-branch-node {
    grid-column: auto;
    gap: 9px;
    padding: 0;
  }

  .deck .slide:nth-child(15) .p15-branch-node__badge {
    position: static;
    justify-self: start;
    transform: none;
  }

  .deck .slide:nth-child(15) .p15-branch-card {
    min-height: 66px;
    padding: 11px 12px;
  }

  .deck .slide:nth-child(15) .p15-step .p15-step__copy strong,
  .deck .slide:nth-child(15) .p15-branch-card__copy strong {
    white-space: normal;
  }

  .deck .slide:nth-child(15) div.p15-action-row {
    width: 100%;
    gap: 8px;
    margin-top: 2px;
    transform: none;
  }

  .deck .slide:nth-child(15) .p15-action-note {
    width: 100%;
    min-height: 58px;
  }

  .deck .slide:nth-child(15) .p15-action {
    width: 100%;
    min-height: 44px;
    justify-self: stretch;
  }

  .deck .slide:nth-child(15) .p15-action__copy strong {
    white-space: normal;
  }
}

@media (max-width: 390px) and (max-aspect-ratio: 4 / 3) {
  .topbar {
    justify-content: flex-end;
  }

  .brand {
    display: none;
  }

  .deck .slide,
  .deck .slide--compact,
  .deck .slide:nth-child(3),
  .deck .slide:nth-child(7),
  .deck .slide.v10-resume-slide {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .deck .slide::before,
  .deck .slide::after {
    left: 14px;
  }

  .deck .slide h1,
  .deck .slide:nth-child(1) h1,
  .deck .slide:nth-child(15) h1 {
    font-size: clamp(27px, 8.5vw, 33px) !important;
  }
}

@media (hover: none) and (pointer: coarse) and (max-width: 950px) and (max-height: 500px) and (min-aspect-ratio: 4 / 3) {
  .deck::after {
    background: linear-gradient(180deg, rgb(119 42 10 / 12%) 0 13%, rgb(255 246 227 / 96%) 25% 100%);
  }

  .topbar {
    top: calc(7px + env(safe-area-inset-top));
  }

  .brand {
    font-size: 11px;
  }

  .top-action,
  .top-action--menu {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .deck .slide,
  .deck .slide--compact,
  .deck .slide:nth-child(3),
  .deck .slide:nth-child(7),
  .deck .slide.v10-resume-slide {
    padding:
      calc(76px + env(safe-area-inset-top))
      max(18px, env(safe-area-inset-right))
      calc(82px + env(safe-area-inset-bottom))
      max(18px, env(safe-area-inset-left)) !important;
  }

  .deck .slide::before {
    top: calc(52px + env(safe-area-inset-top));
    left: max(18px, env(safe-area-inset-left));
  }

  .deck .slide::after {
    left: max(18px, env(safe-area-inset-left));
  }

  .deck .slide h1,
  .deck .slide:nth-child(1) h1,
  .deck .slide:nth-child(15) h1 {
    font-size: clamp(25px, 4.3vw, 32px) !important;
  }

  .slide-picker {
    top: calc(52px + env(safe-area-inset-top));
  }

  .slide-picker__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: calc(100dvh - 118px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}


/* source: v12-performance.css */
/* V12 performance layer
   Loaded last. It preserves the approved layout and content while reducing
   hidden-page work, compositing pressure, and mobile scroll repaint cost. */

/* Animate the compositor-friendly transform instead of layout-affecting width. */
.progress__bar {
  width: 100%;
  transform: scaleX(calc(1 / 15));
  transform-origin: left center;
  transition-property: transform;
  transition-duration: 360ms;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

/* Inactive pages do not need layout, paint, animation sampling, or GPU layers. */
.deck .slide {
  transition-property: opacity, transform, visibility;
  transition-duration: 160ms, 440ms, 0s;
  transition-timing-function: ease, var(--v9-ease, cubic-bezier(.2, 0, 0, 1)), linear;
}

.deck .slide:not(.is-active):not(.is-preparing):not(.is-exiting) {
  content-visibility: hidden;
  contain: layout paint style;
}

.deck .slide:not(.is-active),
.deck .slide:not(.is-active)::before,
.deck .slide:not(.is-active)::after,
.deck .slide:not(.is-active) *,
.deck .slide:not(.is-active) *::before,
.deck .slide:not(.is-active) *::after {
  animation-play-state: paused !important;
}

.deck .slide:not(.is-active),
.deck .slide:not(.is-active) *,
.deck .slide:not(.is-active) *::before,
.deck .slide:not(.is-active) *::after {
  will-change: auto !important;
}

/* These legacy loops were instantiated even while their pages were hidden. */
.deck .slide:nth-child(8):not(.is-active) .v9-feedback-sign::after,
.deck .slide:nth-child(8):not(.is-active) .v9-feedback-sign__message > span,
.deck .slide.v10-resume-slide:not(.is-active) .v10-resume-arrow::before,
.deck .slide.v10-resume-slide:not(.is-active) .v10-resume-arrow svg {
  animation: none !important;
}

/* Promote only the pages participating in a transition, never all 15 pages. */
.deck.is-transitioning .slide {
  will-change: auto;
}

.deck.is-transitioning .slide.is-active,
.deck.is-transitioning .slide.is-exiting,
.deck.is-transitioning .slide.is-preparing {
  will-change: transform, opacity;
}

/* Pause every animated surface when the document is not visible. */
.deck.v10-motion.v10-motion-paused::before,
.deck.v10-motion.v10-motion-paused::after,
.deck.v10-motion.v10-motion-paused .v4-atmosphere i,
.deck.v10-motion.v10-motion-paused .v10-ambient-layer *,
.deck.v10-motion.v10-motion-paused .slide,
.deck.v10-motion.v10-motion-paused .slide::before,
.deck.v10-motion.v10-motion-paused .slide::after,
.deck.v10-motion.v10-motion-paused .slide *,
.deck.v10-motion.v10-motion-paused .slide *::before,
.deck.v10-motion.v10-motion-paused .slide *::after {
  animation-play-state: paused !important;
}

@media (max-width: 820px) and (max-aspect-ratio: 4 / 3),
       (hover: none) and (pointer: coarse) and (max-width: 950px) and (max-height: 500px) {
  /* A phone keeps only the static autumn atmosphere; the two global looping
     layers added nine always-running animations without carrying content. */
  .deck .v4-atmosphere,
  .deck .v10-ambient-layer {
    display: none;
  }

  /* Only the visible page owns a momentum-scrolling layer. */
  .deck .slide,
  .deck .slide--compact,
  .deck .slide:nth-child(3),
  .deck .slide:nth-child(7),
  .deck .slide.v10-resume-slide {
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: auto;
  }

  .deck .slide.is-active,
  .deck .slide--compact.is-active,
  .deck .slide:nth-child(3).is-active,
  .deck .slide:nth-child(7).is-active,
  .deck .slide.v10-resume-slide.is-active {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Opaque fallbacks look the same at phone size and avoid live backdrop
     recompositing while the page scrolls underneath the chrome. */
  .deck .counter,
  .deck .top-action,
  .deck .subtitle--label,
  .deck .nav-button,
  .deck .slide-picker-backdrop,
  .deck .slide-picker,
  .deck .slide:nth-child(3) .v7-jobs-layout::before {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .deck .counter,
  .deck .top-action,
  .deck .nav-button {
    background-color: rgb(255 248 235 / 96%);
  }

  .deck .subtitle--label,
  .deck .slide-picker {
    background-color: rgb(255 249 237 / 97%);
  }

  .deck .slide:nth-child(3) .v7-jobs-layout::after {
    filter: none;
    opacity: .28;
  }

  /* The P08 sign previously animated 17 characters plus a full-width sheen.
     A static sign retains the approved message and styling without continuous
     color, shadow, filter, and transform repainting during scroll. */
  .deck .slide:nth-child(8) .v9-feedback-sign::after,
  .deck .slide:nth-child(8) .v9-feedback-sign__message > span {
    animation: none !important;
    will-change: auto !important;
  }

  /* Avoid continuously scaling large raster screenshots on mobile. */
  .deck.v10-motion .slide:nth-child(7).is-active .v9-course-card__visual img,
  .deck.v10-motion .slide:nth-child(11).is-active .v9-identity-step__image img,
  .deck.v10-motion .slide:nth-child(13).is-active .schedule::after {
    animation: none !important;
    will-change: auto !important;
  }

  /* V12 uses the existing quiet transition on phones and shortens its cycle. */
  .deck .v4-transition.is-playing.transition-soft .v4-transition__wash {
    animation-duration: 420ms !important;
  }

  .deck.is-transitioning .v4-transition__ring,
  .deck.is-transitioning .v4-transition__shutters,
  .deck.is-transitioning .v4-transition__split,
  .deck.is-transitioning .v4-transition__flare,
  .deck.is-transitioning .v4-transition__number {
    display: none;
  }
}