/*
 * Manabi Video Navi V249 — public balance and introduction readability
 *
 * Final, removable presentation layer for the reported public-page issues:
 * - wide headings use the available desktop canvas instead of a 1040px island;
 * - every marketing surface owns an explicit foreground/background pair;
 * - pale day/category chips keep a dark foreground, including WebKit text fill;
 * - first-use helper copy remains readable and its decorative cursor cannot
 *   cover real keyword or duration controls.
 *
 * No route, form, media, permission, data attribute or application event is
 * changed by this file.
 */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249 {
  --mnv-v249-bg: #020817;
  --mnv-v249-surface: #08234b;
  --mnv-v249-surface-deep: #061831;
  --mnv-v249-surface-raised: #0b2c5c;
  --mnv-v249-line: rgba(101, 199, 255, .38);
  --mnv-v249-line-strong: rgba(126, 234, 255, .66);
  --mnv-v249-text: #f8fbff;
  --mnv-v249-copy: #d6e3f3;
  --mnv-v249-muted: #b9cbe0;
  --mnv-v249-cyan: #7eeaff;
  --mnv-v249-orange: #ffad66;
  --mnv-v249-violet: #a88cff;
  --mnv-v249-chip-bg: #eaf7ff;
  --mnv-v249-chip-text: #082b4c;
  --mnv-v249-gradient: linear-gradient(135deg, #168de8, #355bea 56%, #7a39db);
}

/* -------------------------------------------------------------------------
   Public introduction surfaces. Older light-card colours are never allowed
   to remain on the newer dark cosmic panels.
   ------------------------------------------------------------------------- */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(
  .org-public-hero > .panel,
  .org-path-card,
  .org-workflow > article,
  .org-case,
  .org-faq,
  .org-legal-callout,
  .feature-grid > .feature-card,
  .feature-visual-card,
  .feature-before-after > div:not(.feature-transform),
  .tap-journey > article,
  .after-start-journey,
  .how-choice > a,
  .pricing-grid > .price-card,
  .learner-billing-notice,
  .coupon-entry-card,
  .legal-note-panel,
  .course-card,
  .course-plan-card,
  .faq-category-pictures > a,
  .visual-faq-list > details,
  .faq-contact-picture
) {
  min-width: 0 !important;
  border-color: var(--mnv-v249-line) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(51, 118, 255, .16), transparent 14rem),
    linear-gradient(148deg, var(--mnv-v249-surface), var(--mnv-v249-surface-deep)) !important;
  color: var(--mnv-v249-text) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 16px 42px rgba(0, 3, 20, .28) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(
  .org-public-hero > .panel,
  .org-path-card,
  .org-workflow > article,
  .org-case,
  .org-faq,
  .org-legal-callout,
  .feature-grid > .feature-card,
  .feature-visual-card,
  .feature-before-after > div:not(.feature-transform),
  .tap-journey > article,
  .after-start-journey,
  .how-choice > a,
  .pricing-grid > .price-card,
  .learner-billing-notice,
  .coupon-entry-card,
  .legal-note-panel,
  .course-card,
  .course-plan-card,
  .faq-category-pictures > a,
  .visual-faq-list > details,
  .faq-contact-picture
) :is(h1, h2, h3, h4, strong, b, summary, label, legend) {
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(
  .org-public-hero > .panel,
  .org-path-card,
  .org-workflow > article,
  .org-case,
  .org-faq,
  .org-legal-callout,
  .feature-grid > .feature-card,
  .feature-visual-card,
  .feature-before-after > div:not(.feature-transform),
  .tap-journey > article,
  .after-start-journey,
  .how-choice > a,
  .pricing-grid > .price-card,
  .learner-billing-notice,
  .coupon-entry-card,
  .legal-note-panel,
  .course-card,
  .course-plan-card,
  .faq-category-pictures > a,
  .visual-faq-list > details,
  .faq-contact-picture
) :is(p, small, li, time, em, .muted, .lead) {
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(
  .org-public-hero,
  .pricing-hero,
  .course-hero,
  .feature-page-hero,
  .how-page-hero,
  .faq-page-hero,
  .section-heading,
  .section-head,
  .cta-section,
  .cta-panel
) :is(h1, h2, h3) {
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(
  .org-public-hero,
  .pricing-hero,
  .course-hero,
  .feature-page-hero,
  .how-page-hero,
  .faq-page-hero,
  .section-heading,
  .section-head,
  .cta-section,
  .cta-panel
) :is(p, .lead, .muted) {
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(.eyebrow, .hero-badge) {
  color: var(--mnv-v249-cyan) !important;
  -webkit-text-fill-color: var(--mnv-v249-cyan) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(.feature-page-hero, .how-page-hero) h1 em {
  color: var(--mnv-v249-orange) !important;
  -webkit-text-fill-color: var(--mnv-v249-orange) !important;
}

/* Organization introduction pages: the former white proof strip inherited
   white text from the cosmic theme. The strip now uses one dark pairing. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-public-nav {
  border: 1px solid var(--mnv-v249-line) !important;
  background: rgba(6, 24, 49, .96) !important;
  box-shadow: 0 12px 34px rgba(0, 3, 20, .24) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-public-nav a {
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-public-nav a:is(:hover, :focus-visible, [aria-current="page"]) {
  background: var(--mnv-v249-gradient) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-proof-strip {
  gap: 1px !important;
  border: 1px solid var(--mnv-v249-line) !important;
  background: var(--mnv-v249-line) !important;
  box-shadow: 0 16px 42px rgba(0, 3, 20, .24) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-proof-strip > div {
  min-width: 0 !important;
  background: linear-gradient(145deg, #0a2b59, #071c3b) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-proof-strip strong {
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-proof-strip span {
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-path-card > span,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-case header > span {
  border: 1px solid rgba(126, 234, 255, .48) !important;
  background: #0b3b70 !important;
  color: var(--mnv-v249-cyan) !important;
  -webkit-text-fill-color: var(--mnv-v249-cyan) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-path-card > b,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .course-card-action,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-legal-links a {
  color: var(--mnv-v249-cyan) !important;
  -webkit-text-fill-color: var(--mnv-v249-cyan) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-workflow > article::before {
  border: 1px solid rgba(126, 234, 255, .58) !important;
  background: var(--mnv-v249-gradient) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(.org-plan-note, .org-faq p) {
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-legal-links a {
  border-color: rgba(126, 234, 255, .44) !important;
  background: rgba(11, 59, 112, .68) !important;
}

/* Feature, how-to, pricing, courses and FAQ use the same explicit pairing. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .feature-visual-card > div,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .feature-transform,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .tap-journey > i,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .faq-face {
  color: var(--mnv-v249-orange) !important;
  -webkit-text-fill-color: var(--mnv-v249-orange) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .tap-number {
  border: 1px solid rgba(255, 190, 130, .8) !important;
  background: #b84b17 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .after-start-journey > div > span {
  border: 1px solid var(--mnv-v249-line) !important;
  background: #0b3266 !important;
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(.plan-label, .course-card-category, .course-card-meta b) {
  color: var(--mnv-v249-cyan) !important;
  -webkit-text-fill-color: var(--mnv-v249-cyan) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(.course-card-meta em, .course-plan-card .is-muted) {
  color: var(--mnv-v249-muted) !important;
  -webkit-text-fill-color: var(--mnv-v249-muted) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .compare-table {
  border-color: var(--mnv-v249-line) !important;
  background: var(--mnv-v249-surface-deep) !important;
  color: var(--mnv-v249-copy) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .compare-table :is(th, td) {
  border-color: rgba(101, 199, 255, .22) !important;
  background: transparent !important;
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .compare-table th {
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(.button, button).primary {
  border-color: rgba(126, 234, 255, .76) !important;
  background: var(--mnv-v249-gradient) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(.org-public-hero, .cta-section, .cta-panel) .button:not(.primary) {
  border-color: var(--mnv-v249-line) !important;
  background: #092957 !important;
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
}

/* -------------------------------------------------------------------------
   Public home: widen editorial headings and keep all search helper text above
   the background with no decorative overlap.
   ------------------------------------------------------------------------- */

@media (min-width: 1181px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-cosmic-hero #koto-hero-title {
    width: min(1480px, 100%) !important;
    max-width: 1480px !important;
    font-size: clamp(46px, 4.15vw, 74px) !important;
    line-height: 1.08 !important;
    text-wrap: balance !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-promise {
    width: min(1120px, 100%) !important;
    max-width: 1120px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-cosmic-hero :is(.koto-hero-actions, .koto-audience-scope, .koto-trust-row) {
    width: min(1240px, 100%) !important;
    max-width: 1240px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index :is(
    .koto-section-heading,
    .conversion-section-heading,
    .koto-learning-range-intro,
    .koto-flow-copy
  ) {
    width: min(1480px, 100%) !important;
    max-width: 1480px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index :is(
    .koto-section-heading,
    .conversion-section-heading,
    .koto-learning-range-intro,
    .koto-flow-copy
  ) h2 {
    width: min(1420px, 100%) !important;
    max-width: 1420px !important;
    font-size: clamp(46px, 3.9vw, 68px) !important;
    line-height: 1.12 !important;
    text-wrap: balance !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index :is(
    .koto-section-heading,
    .conversion-section-heading,
    .koto-learning-range-intro,
    .koto-flow-copy
  ) > p {
    width: min(1120px, 100%) !important;
    max-width: 1120px !important;
  }
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .first-visit-guide {
  border-color: var(--mnv-v249-line-strong) !important;
  background: linear-gradient(135deg, #0a316a, #302465) !important;
  color: var(--mnv-v249-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .first-guide-copy > span {
  color: var(--mnv-v249-cyan) !important;
  -webkit-text-fill-color: var(--mnv-v249-cyan) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .first-guide-copy > strong {
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .first-guide-copy > small {
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .first-visit-guide > button {
  border-color: rgba(126, 234, 255, .52) !important;
  background: #0b3b70 !important;
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
}

/* This cursor is aria-hidden decoration. Removing it from layout prevents its
   floating label from masking real keyword choices at any zoom level. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .future-cursor,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index > .future-cursor.is-viewport-mounted {
  display: none !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-cosmic-hero .koto-input-shell textarea {
  border-color: rgba(126, 234, 255, .46) !important;
  background: #071f46 !important;
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
  caret-color: var(--mnv-v249-cyan) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-cosmic-hero .koto-input-shell textarea::placeholder {
  color: var(--mnv-v249-muted) !important;
  -webkit-text-fill-color: var(--mnv-v249-muted) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-cosmic-hero .char-counter,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-cosmic-hero .koto-search-form > label,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-cosmic-hero .koto-time-field > legend {
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-guided-keywords > button {
  border-color: rgba(126, 234, 255, .34) !important;
  background: linear-gradient(145deg, #0a2d60, #091e46) !important;
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-guided-keywords > button > span {
  border: 1px solid #b9d8ed !important;
  background: var(--mnv-v249-chip-bg) !important;
  color: var(--mnv-v249-chip-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-chip-text) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-guided-keywords > button > b {
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-guided-keywords > button > small {
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-guided-keywords > button:is(:hover, :focus-visible, .is-selected, .is-guide-preview, .is-guide-active) {
  border-color: var(--mnv-v249-cyan) !important;
  background: var(--mnv-v249-gradient) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-time-pills span {
  border-color: rgba(126, 234, 255, .34) !important;
  background: #0a2d60 !important;
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-time-pills input:checked + span {
  border-color: var(--mnv-v249-cyan) !important;
  background: var(--mnv-v249-gradient) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Every public-home card receives readable copy. Pale semantic chips are then
   re-paired with a dark foreground in the more-specific rules below. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index :is(
  .koto-learning-range-grid > article,
  .koto-pain-grid > article,
  .koto-feature-grid > article,
  .koto-experience-track > article,
  .koto-scene-grid > article,
  .koto-role-grid > article,
  .homepage-trust-grid > article,
  .mnv-v243-impact-grid > li
) :is(h3, h4, strong, b) {
  color: var(--mnv-v249-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-text) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index :is(
  .koto-learning-range-grid > article,
  .koto-pain-grid > article,
  .koto-feature-grid > article,
  .koto-experience-track > article,
  .koto-scene-grid > article,
  .koto-role-grid > article,
  .homepage-trust-grid > article,
  .mnv-v243-impact-grid > li
) :is(p, small) {
  color: var(--mnv-v249-copy) !important;
  -webkit-text-fill-color: var(--mnv-v249-copy) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-learning-range-grid > article > ul > li,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-experience-track > article > b {
  border-color: #9fc9e5 !important;
  background: var(--mnv-v249-chip-bg) !important;
  color: var(--mnv-v249-chip-text) !important;
  -webkit-text-fill-color: var(--mnv-v249-chip-text) !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-experience-track > article.is-goal > b {
  border-color: #b79bff !important;
  background: #f1ecff !important;
  color: #3f248e !important;
  -webkit-text-fill-color: #3f248e !important;
}

@media (max-width: 1450px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index :is(
    .koto-section-heading,
    .conversion-section-heading,
    .koto-learning-range-intro,
    .koto-flow-copy
  ) h2 {
    font-size: clamp(40px, 4.55vw, 62px) !important;
  }
}

@media (max-width: 1180px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index .koto-cosmic-hero #koto-hero-title,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index :is(
    .koto-section-heading,
    .conversion-section-heading,
    .koto-learning-range-intro,
    .koto-flow-copy
  ) h2 {
    width: 100% !important;
    max-width: 100% !important;
    text-wrap: balance !important;
  }
}

@media (max-width: 680px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-proof-strip {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public .org-proof-strip > div {
    padding: 15px !important;
  }
}

@media (forced-colors: active) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(
    .org-proof-strip > div,
    .org-path-card,
    .org-workflow > article,
    .feature-grid > .feature-card,
    .feature-visual-card,
    .tap-journey > article,
    .price-card,
    .course-card,
    .course-plan-card,
    .visual-faq-list > details
  ) {
    border: 1px solid CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
    forced-color-adjust: auto;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public.page-index :is(
    .koto-learning-range-grid > article > ul > li,
    .koto-experience-track > article > b,
    .koto-guided-keywords > button > span
  ) {
    border: 1px solid ButtonText !important;
    background: ButtonFace !important;
    color: ButtonText !important;
    -webkit-text-fill-color: ButtonText !important;
  }
}

@media print {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v249.public-app.shell-public :is(
    .org-proof-strip > div,
    .org-path-card,
    .org-workflow > article,
    .feature-grid > .feature-card,
    .price-card,
    .course-card,
    .course-plan-card,
    .visual-faq-list > details
  ) {
    border-color: #94a3b8 !important;
    background: #fff !important;
    color: #0f172a !important;
    box-shadow: none !important;
  }
}

/* V262 fallback for servers still emitting the V249 public cascade. */
body.page-index #main-content .koto-experience-track > article > b,
body.page-index #main-content .koto-experience-track > article.is-goal > b,
body.page-index #main-content .koto-learning-range-grid > article > ul > li {
  border-color: #7cb8dc !important;
  background: #ffffff !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  -webkit-text-stroke-color: #000000 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.page-index #main-content .koto-scene-grid .koto-scene-art > b {
  border: 2px solid #8b6cff !important;
  background: #3d247f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(34, 18, 92, .30) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.page-index #main-content .koto-scene-grid .koto-scene-art > b > svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}