.morning { accent-color: var(--color-lacquer); caret-color: var(--color-lacquer); scrollbar-color: var(--color-text-muted) var(--color-ink); }
.morning ::selection { background: var(--color-lacquer); color: var(--color-card); }
.morning a { text-underline-offset: var(--space-xs); }
.morning .screen { animation: none; }
.morning .screen:not(.hero):not(.subscription-offer) { padding-bottom: calc(var(--action-h) + var(--space-xl)); }
.morning .screen.morning-result, .morning .screen.morning-offer { padding-bottom: var(--space-xl); }
.morning .text-action { min-height: var(--tap-min); }
.morning .hero__parts { font-size: var(--type-sub-size); text-transform: none; letter-spacing: normal; }
.morning-note { color: var(--field-text-muted); font-size: var(--type-sub-size); line-height: var(--type-body-line); margin-top: var(--space-base); }
.morning-footer { margin-top: var(--space-2xl); padding-top: var(--space-lg); border-top: var(--hairline) solid var(--field-line); color: var(--field-text-muted); font-size: var(--type-sub-size); line-height: var(--type-body-line); }
.morning-footer a { display: inline-flex; align-items: center; min-height: var(--tap-min); color: inherit; }
.morning-looks .option-card__thumb { width: var(--morning-option-photo); height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.morning-question .question__options { margin-bottom: var(--space-xl); }
.morning-pause h1 { margin-top: var(--space-2xl); }
.morning-pause > p { margin-top: var(--space-xl); }
.morning-pause-photo { height: var(--morning-pause-height); width: 100%; object-fit: contain; object-position: center top; margin-top: var(--space-xl); }
.morning-result h1, .morning-offer h1 { margin-top: var(--space-xl); }
.morning-result > .btn-primary { margin-top: var(--space-xl); }
.morning-result > .text-action { margin-top: var(--space-sm); }
.morning-preview { display: flex; align-items: center; gap: var(--space-lg); margin-top: var(--morning-result-gap); padding: var(--space-lg); border-radius: var(--radius-md); background: var(--color-card); }
.morning-preview img { width: 45%; max-width: var(--morning-preview-width); height: var(--morning-preview-height); object-fit: cover; object-position: top; border-radius: var(--radius-sm); }
.morning-preview figcaption { flex: 1; }
.morning-pricing { margin-top: var(--space-2xl); padding-top: var(--space-xl); border-top: var(--hairline) solid var(--field-line); }
.morning-includes { padding-left: var(--space-xl); margin-top: var(--space-xl); font-size: var(--type-body-size); line-height: var(--type-body-line); }
.morning-includes li + li { margin-top: var(--space-sm); }
.morning-pricing > .btn-primary { width: 100%; margin-top: var(--space-lg); }
.morning-app-links { display: flex; gap: var(--space-xl); }
.morning summary { cursor: pointer; min-height: var(--tap-min); padding-block: var(--space-md); font-weight: var(--type-label-weight); }
.morning-renewal { font-size: var(--type-sub-size); font-weight: var(--type-body-weight); margin-top: var(--space-md); line-height: var(--type-body-line); }
.morning .dk-pay-dialog { max-height: calc(100dvh - var(--space-xl)); overflow-y: auto; }
@media (min-width: 768px) { .morning .screen { padding-top: var(--morning-desktop-top); } }
@media (prefers-reduced-motion: reduce) { .morning *, .morning *::before, .morning *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

/* Answers use reading typography; display type stays on questions and headings. */
.morning-question .option-card__title {
  font-family: var(--font-text);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-line);
  letter-spacing: normal;
  text-transform: none;
}
.morning .screen.morning-question:not(:has(.action-zone)) {
  padding-bottom: var(--space-xl);
}
/* A personal starting point, followed by the scope of the actual product. */
.morning-personal-request { margin-top: var(--space-lg); font-size: var(--type-body-size); line-height: var(--type-body-line); }
.morning-personal-pick { margin-top: var(--space-xl); padding: var(--space-lg); background: var(--color-card); border-radius: var(--radius-md); }
.morning-personal-intro { margin-bottom: var(--space-md); color: var(--field-text-muted); font-size: var(--type-sub-size); line-height: var(--type-body-line); }
.morning-picked-lesson, .morning-extra-lesson { display: flex; align-items: flex-start; gap: var(--space-md); }
.morning-picked-lesson img { flex: 0 0 96px; width: 96px; height: 140px; object-fit: contain; border-radius: var(--radius-sm); }
.morning-picked-lesson > div, .morning-extra-lesson > div { min-width: 0; }
.morning-picked-lesson h2 { font-family: var(--font-text); font-size: 17px; font-weight: 600; line-height: 1.4; text-transform: none; }
.morning-lesson-meta { margin-top: var(--space-xs); color: var(--field-text-muted); font-size: var(--type-sub-size); line-height: var(--type-body-line); }
.morning-picked-reason { margin-top: var(--space-sm); font-size: 14px; line-height: 1.5; }
.morning-personal-rhythm { margin-top: var(--space-lg); font-size: 14px; line-height: 1.5; }
.morning-personal-more { margin-top: var(--space-md); border-top: var(--hairline) solid var(--field-line); }
.morning-personal-more summary { font-size: 14px; }
.morning-extra-lesson { padding-block: var(--space-sm); }
.morning-extra-lesson img { flex: 0 0 58px; width: 58px; height: 76px; object-fit: contain; border-radius: var(--radius-sm); }
.morning-extra-lesson h3 { font-family: var(--font-text); font-size: 14px; line-height: 1.4; font-weight: 500; text-transform: none; }
.morning-product { margin-top: var(--space-2xl); }
.morning-product-intro { margin-top: var(--space-sm); font-size: 14px; line-height: 1.5; color: var(--field-text-muted); }
.morning-product-features { margin-top: var(--space-lg); }
.morning-product-features > div { padding-block: var(--space-md); border-top: var(--hairline) solid var(--field-line); }
.morning-product-features dt { font-size: 15px; font-weight: 600; line-height: 1.4; }
.morning-product-features dd { margin: var(--space-xs) 0 0; font-size: 14px; line-height: 1.5; }
.morning-personal-close { margin-top: var(--space-lg); }
.morning-personal-close .btn-primary { width: 100%; }
.morning-personal-close .morning-note { text-align: center; }
.morning-result--personal > .text-action { display: block; margin-inline: auto; }
@media (max-width: 359px) { .morning-picked-lesson { flex-direction: column; } .morning-picked-lesson img { width: 100%; height: 140px; flex-basis: auto; } }