/* V361.3 — readable onboarding, official note, legal tables and menus.
 * Loaded before legacy layers so their important dark paint cannot return.
 * Keep foregrounds and their surfaces together in this existing layer:
 * important declarations in later/unlayered patches cannot override it.
 * Page layout, authorization, validation and visibility remain page-owned.
 */
@layer manabiLightV361 {
  :root, body.manabi-light-v361 {
    color-scheme: light !important;
    --light-ink: #19364f !important; --light-muted: #526b80 !important;
    --light-line: #ccdfe9 !important; --light-surface: #fff !important;
    --light-sky: #edf6ff !important; --light-mint: #e8f8f2 !important;
    --light-lavender: #f1edff !important;
    --color-background: #f7fbff !important; --color-background-warm: #fffaf3 !important;
    --color-surface: #fff !important; --color-surface-soft: #f0f7fb !important;
    --color-text-primary: #19364f !important; --color-text-secondary: #526b80 !important;
    --color-border: #ccdfe9 !important; --color-border-strong: #95b6cb !important;
    --color-brand-primary: #2f63ca !important; --color-brand-secondary: #157c91 !important;
    --color-accent: #c66c23 !important; --color-accent-strong: #a64e11 !important;
    --color-success: #167058 !important; --color-success-soft: #e8f8f0 !important;
    --color-warning: #895711 !important; --color-warning-soft: #fff6e4 !important;
    --color-danger: #a53949 !important; --color-danger-soft: #fff0f2 !important;
    --color-info: #285fb5 !important; --color-info-soft: #edf5ff !important;
    --navy: #19364f !important; --navy-soft: #526b80 !important;
    --ink: #19364f !important; --slate: #526b80 !important; --muted: #526b80 !important;
    --bg: #f7fbff !important; --card: #fff !important; --border: #ccdfe9 !important;
    --border-strong: #95b6cb !important; --ivory: #fffaf3 !important;
    --blue: #2f63ca !important; --blue-deep: #24559f !important; --blue-soft: #edf6ff !important;
    --teal: #167d86 !important; --teal-deep: #176c63 !important; --teal-soft: #e8f8f2 !important;
    --gold: #b8671f !important; --gold-soft: #fff5e6 !important;
    --ok: #167058 !important; --ok-soft: #e8f8f0 !important;
    --warn: #895711 !important; --warn-soft: #fff6e4 !important;
    --bad: #a53949 !important; --bad-soft: #fff0f2 !important;
    --mf-ink-950: #19364f !important; --mf-ink-800: #29475f !important;
    --mf-surface-0: #fff !important; --mf-surface-1: #f7fbff !important; --mf-surface-2: #edf6ff !important;
    --mf-text-1: #19364f !important; --mf-text-2: #526b80 !important;
    --mf-line: #ccdfe9 !important; --mf-line-strong: #95b6cb !important;
    --mnv-bg-primary: #f7fbff !important; --mnv-bg-secondary: #edf6ff !important;
    --mnv-surface: #fff !important; --mnv-surface-glass: #fffffff2 !important;
    --mnv-text-primary: #19364f !important; --mnv-text-secondary: #526b80 !important;
    --mnv-v250-ink: #19364f !important; --mnv-v250-copy: #35536c !important;
    --mnv-v250-muted: #526b80 !important; --mnv-v250-panel: #fff !important;
    --mnv-v250-panel-strong: #edf6ff !important; --mnv-v250-line: #bfd8e9 !important;
    --shadow-sm: 0 2px 8px #244e7510 !important;
    --shadow-md: 0 12px 38px #244e7510 !important;
  }
  html { background: #f7fbff !important; color-scheme: light !important; }
  body.manabi-light-v361 {
    background: radial-gradient(ellipse at 8% 6%, #e4f8f3 0, transparent 34rem), radial-gradient(ellipse at 96% 18%, #efeaff 0, transparent 40rem), #f7fbff !important;
    color: #19364f !important; -webkit-text-fill-color: currentColor !important;
  }
  body.manabi-light-v361::before, body.manabi-light-v361::after {
    background: none !important; box-shadow: none !important; filter: none !important;
  }
  body.manabi-light-v361 :is(h1,h2,h3,h4,h5,h6,p,small,label,legend,li,dt,dd,summary,th,td,blockquote,strong,b,span,time) {
    color: inherit !important; -webkit-text-fill-color: currentColor !important; text-shadow: none !important;
  }
  body.manabi-light-v361 :is(h1,h2,h3,h4,h5,h6) {
    background-image: none !important; color: #19364f !important; -webkit-text-fill-color: currentColor !important;
  }
  body.manabi-light-v361 :is(.muted,.fineprint,.help,.help-text,.form-help,.field-help,.org-help,.eyebrow) { color: #526b80 !important; }
  body.manabi-light-v361 :is(a,.text-link) { color: #255fa8 !important; -webkit-text-fill-color: currentColor !important; text-shadow: none !important; }
  body.manabi-light-v361 :is(a,button,input,textarea,select,summary):focus-visible { outline: 3px solid #5278d0 !important; outline-offset: 3px !important; }
  body.manabi-light-v361 :is(.container,.shell-container,.admin-container,.org-main,.org-shell,.learner-shell) { background-color: transparent !important; color: #19364f !important; }
  body.manabi-light-v361 :is(.org-shell,.org-main) { background-image: none !important; }
  body.manabi-light-v361 :is(.panel,.card,.auth-card,.auth-panel,.stat-card,.metric-card,.org-card,.org-kpi,.form-card,.feature-card,.family-card,.child-card,.reading-card,.legal-card,.settings-card,.pricing-card,.price-card,.plan-card,.support-card,.notification-card,.account-card,.dashboard-card,.mf-card,.surface,.surface-card,.worksheet-card,.login-card,.reader-card,.result-card,.review-card,.learning-card,.admin-panel,.admin-card) {
    background: #fff !important; color: #19364f !important; border-color: #ccdfe9 !important;
    box-shadow: 0 10px 35px #3157840d !important; text-shadow: none !important;
  }
  body.manabi-light-v361 :is(.hero,.page-hero,.auth-aside,.auth-side,.cta-panel,.family-hero,.child-hero,.learner-hero,.org-page-head,.admin-page-head,.public-page-head) {
    background: linear-gradient(120deg,#eff9ff,#f1fbf6 54%,#f4efff) !important;
    color: #19364f !important; border-color: #cbdfee !important; box-shadow: 0 12px 40px #547ba00c !important;
  }
  /* Older family, account and operator screens use their own surface names. */
  body.manabi-light-v361 :is(.side-card,.kpi-card,.family-child-card,.mf-admin-action-queue,.admin-contact-notice,.mode-option,.org-action,.mf-reading-toc,.mf-detail-drawer) {
    background: #fff !important; color: #19364f !important; border-color: #ccdfe9 !important;
    box-shadow: 0 10px 35px #3157840d !important; text-shadow: none !important;
  }
  /* Older public/help pages and learning menus use independent surface names. */
  body.manabi-light-v361 :is(.faq-category-pictures > a,.visual-faq-list > details,.faq-contact-picture,.org-path-card,.org-workflow > article,.org-case,.org-faq,.org-legal-callout,.practice-processing-card) {
    background: #fff !important; color: #19364f !important; border-color: #ccdfe9 !important;
    box-shadow: 0 10px 35px #3157840d !important;
  }
  body.manabi-light-v361 :is(.org-public-nav,.mobile-mypage-menu > summary,.mobile-mypage-menu-grid > a.is-search) { background: #edf5ff !important; color: #294f71 !important; border-color: #c5dbe9 !important; box-shadow: none !important; }
  body.manabi-light-v361 .org-public-nav a:is(:hover,:focus-visible,[aria-current="page"]) { background: #dfeefd !important; color: #194b82 !important; }
  body.manabi-light-v361 .mobile-mypage-menu > summary::after { color: #294f71 !important; -webkit-text-fill-color: currentColor !important; }
  body.manabi-light-v361 .faq-face { background: #fff3e2 !important; color: #875017 !important; -webkit-text-fill-color: currentColor !important; border-color: #e5caa3 !important; }
  body.manabi-light-v361 #main-content #hayato-marketing :is(.hm-microcopy,.hm-signal-strip b) { color: #405c74 !important; -webkit-text-fill-color: currentColor !important; }
  body.manabi-light-v361 :is(.auth-wrap,.family-child-list) { box-shadow: 0 12px 38px #244e7510 !important; border-color: #ccdfe9 !important; }
  body.manabi-light-v361 .auth-wrap { background: #fff !important; color: #19364f !important; }
  body.manabi-light-v361 .auth-side .check-list { background: #f0f7fd !important; color: #19364f !important; border-color: #cbdfee !important; box-shadow: none !important; }
  body.manabi-light-v361 .auth-wrap::before { background: linear-gradient(145deg,#e9f7ff,#e9f8f2 55%,#f0ecff) !important; }
  body.manabi-light-v361 .auth-divider span { background: #fff !important; color: #526b80 !important; }
  body.manabi-light-v361 .auth-divider::before, body.manabi-light-v361 .auth-divider::after { background: #ccdfe9 !important; }
  body.manabi-light-v361 :is(.family-child-card.active,.mode-option.current,.org-action:hover) { background: #eef9f6 !important; border-color: #a9d3c9 !important; }
  /* Onboarding has independent dark cards and checked-option paint. Keep
   * every step, selected choice and completion summary on paired surfaces. */
  body.manabi-light-v361 .onboarding-shell .onboarding-card { background: #fff !important; color: #19364f !important; border-color: #c5dbe9 !important; box-shadow: 0 12px 38px #244e7510 !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-question { color: #255fa8 !important; -webkit-text-fill-color: currentColor !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice { background: transparent !important; color: #19364f !important; box-shadow: none !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice > span { min-inline-size: 0; background: #fff !important; color: #19364f !important; border-color: #b8cddf !important; box-shadow: none !important; overflow-wrap: anywhere; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice:hover > span { background: #f4f9ff !important; color: #19364f !important; border-color: #668bbb !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice input:checked + span { background: #edf6ff !important; color: #19364f !important; border-color: #2f63ca !important; box-shadow: 0 0 0 2px #2f63ca26 !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice input:focus-visible + span { outline: 3px solid #5278d0 !important; outline-offset: 3px !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice > span::after { background: #fff !important; border-color: #65829a !important; box-shadow: inset 0 0 0 4px #fff !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice input:checked + span::after { background: #2f63ca !important; border-color: #2f63ca !important; box-shadow: inset 0 0 0 5px #fff !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice strong { color: #19364f !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice small { color: #405c74 !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-choice em { color: #255fa8 !important; -webkit-text-fill-color: currentColor !important; }
  body.manabi-light-v361 .onboarding-shell .custom-goal-input { color: #19364f !important; }
  body.manabi-light-v361 .onboarding-shell .custom-goal-input input::placeholder { color: #526b80 !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-summary { background: #fff !important; color: #19364f !important; border-color: #c5dbe9 !important; box-shadow: none !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-summary > div { background: #f7fbff !important; color: #19364f !important; border-color: #d2e2ed !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-summary dt { color: #526b80 !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-summary dd { min-inline-size: 0; color: #19364f !important; overflow-wrap: anywhere; }
  body.manabi-light-v361 .onboarding-shell .onboarding-success-icon { background: #e8f8f2 !important; color: #176c63 !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-progress > div { background: #d8e7f2 !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-footnote { color: #526b80 !important; }
  body.manabi-light-v361 .onboarding-shell .onboarding-footnote > svg { flex-shrink: 0; }
  body.manabi-light-v361 .onboarding-shell :is(.onboarding-next,.onboarding-actions .button,.onboarding-back-form .button) { min-inline-size: 0; white-space: normal; overflow-wrap: anywhere; }
  /* The official-note page has its own legacy navy sections, number badges
   * and link pills. Give each surface and its text the same light ownership. */
  body.manabi-light-v361 .official-note-page { --note-ink: #19364f !important; --note-muted: #405c74 !important; --note-cyan: #255fa8 !important; color: #19364f !important; }
  body.manabi-light-v361 .official-note-page :is(.official-note-hero,.official-note-section,.official-note-related) { background: #fff !important; color: #19364f !important; border-color: #c5dbe9 !important; box-shadow: 0 12px 38px #244e7510 !important; }
  body.manabi-light-v361 .official-note-page .official-note-hero { background: linear-gradient(120deg,#eff9ff,#f1fbf6 54%,#f4efff) !important; }
  body.manabi-light-v361 .official-note-page .official-note-related { background: #edf6ff !important; }
  body.manabi-light-v361 .official-note-page :is(.official-note-eyebrow,.official-note-section-label) { color: #255fa8 !important; }
  body.manabi-light-v361 .official-note-page :is(.official-note-lead,.official-note-domain,.official-note-section > p) { color: #405c74 !important; }
  body.manabi-light-v361 .official-note-page .breadcrumb :is(a,span) { color: #365875 !important; }
  body.manabi-light-v361 .official-note-page :is(.official-note-article-link,.official-note-topic-grid > article,.official-note-related a) { min-inline-size: 0; background: #fff !important; color: #19364f !important; border-color: #b9d2e5 !important; box-shadow: 0 6px 20px #3157840d !important; }
  body.manabi-light-v361 .official-note-page :is(.official-note-article-link,.official-note-related a):is(:hover,:focus-visible) { background: #f2f8ff !important; color: #19364f !important; border-color: #5278d0 !important; }
  body.manabi-light-v361 .official-note-page :is(.official-note-article-link,.official-note-topic-grid > article,.official-note-related a) > strong { color: #19364f !important; }
  body.manabi-light-v361 .official-note-page :is(.official-note-article-link > span:not(.official-note-article-number),.official-note-topic-grid p,.official-note-related a > span) { color: #405c74 !important; }
  body.manabi-light-v361 .official-note-page .official-note-article-number { background: #e1f3ea !important; color: #17654e !important; }
  body.manabi-light-v361 .official-note-page .official-note-article-link > b { background: #e1eefc !important; color: #244f92 !important; border-color: #b4cee8 !important; }
  body.manabi-light-v361 .official-note-page .official-note-article-link > b > svg { color: inherit !important; stroke: currentColor !important; }
  body.manabi-light-v361 .official-note-page .official-note-status { background: #fff6e4 !important; color: #71520c !important; border-color: #dfc997 !important; }
  body.manabi-light-v361 .official-note-page .official-note-status :is(strong,p) { color: inherit !important; }
  body.manabi-light-v361 .official-note-page .official-note-primary-link { min-inline-size: 0; max-inline-size: 100%; white-space: normal; overflow-wrap: anywhere; }
  body.manabi-light-v361 .official-note-page .official-note-primary-link > svg { flex-shrink: 0; }
  body.manabi-light-v361 .official-note-page :is(.official-note-article-link,.official-note-related a) > :is(strong,span,b) { min-inline-size: 0; overflow-wrap: anywhere; }
  body.manabi-light-v361 .child-avatar { background: linear-gradient(145deg,#dcf3ff,#daf5e9) !important; color: #245b77 !important; box-shadow: none !important; }
  body.manabi-light-v361 .icon-bubble { background: #e5f2fc !important; color: #2b5c88 !important; border-color: #c6dfed !important; box-shadow: none !important; }
  /* Price names, prices, included/excluded items and the featured ribbon
   * share light surfaces; a heading-only recolor leaves the old navy cards. */
  body.manabi-light-v361 .price-card.featured { background: linear-gradient(150deg,#f0f7ff,#fff 62%) !important; border-color: #729aca !important; }
  body.manabi-light-v361 .featured-ribbon { background: #e1ebff !important; color: #244f92 !important; border-color: #b2c7e7 !important; box-shadow: 0 3px 12px #31578418 !important; }
  body.manabi-light-v361 .price-card .plan-label { color: #526b80 !important; }
  body.manabi-light-v361 .service-proof-flow li > b { background: #e0eefb !important; color: #255a83 !important; -webkit-text-fill-color: currentColor !important; border-color: #b9d3e7 !important; }
  body.manabi-light-v361 .check-list li.is-muted { color: #526b80 !important; opacity: 1 !important; }
  body.manabi-light-v361 .check-list li::before { background: #e1f3ea !important; color: #17654e !important; -webkit-text-fill-color: currentColor !important; border-color: #b7daca !important; }
  /* Register helpers contain nested painted surfaces and state indicators.
   * Recolor each pair without changing the existing password requirements. */
  body.manabi-light-v361 .register-field-help { background: #eef5fc !important; color: #35536c !important; border-color: #c4d9e9 !important; }
  body.manabi-light-v361 .register-password-block { background: linear-gradient(145deg,#f0f8ff,#f2faf6) !important; color: #19364f !important; border-color: #adcbdc !important; box-shadow: 0 8px 24px #3157840d !important; }
  body.manabi-light-v361 .register-password-heading strong { color: #255a8c !important; }
  body.manabi-light-v361 .register-password-heading small { color: #526b80 !important; }
  body.manabi-light-v361 .register-password-art { background: #e2effb !important; color: #2a618d !important; border-color: #b3cfe3 !important; }
  body.manabi-light-v361 .register-password-art svg { fill: #cfe3f4 !important; stroke: #2a618d !important; }
  body.manabi-light-v361 .register-password-example { background: #fff !important; color: #35536c !important; }
  body.manabi-light-v361 :is(.register-password-example > span,.register-password-example small,.register-password-live) { color: #526b80 !important; }
  body.manabi-light-v361 .register-password-meter > div { color: #35536c !important; }
  body.manabi-light-v361 .register-password-meter strong { color: #80530f !important; }
  body.manabi-light-v361 .register-password-meter strong.is-ready { color: #17654e !important; }
  body.manabi-light-v361 .register-password-meter progress { background: #d8e6f0 !important; }
  body.manabi-light-v361 .register-password-meter progress::-webkit-progress-bar { background: #d8e6f0 !important; }
  body.manabi-light-v361 .register-password-meter progress { accent-color: #267e69 !important; }
  body.manabi-light-v361 .register-password-meter progress::-webkit-progress-value { background: linear-gradient(90deg,#2f63bf,#267e69) !important; }
  body.manabi-light-v361 .register-password-meter progress::-moz-progress-bar { background: #267e69 !important; }
  body.manabi-light-v361 .register-password-rules li { background: #edf3fa !important; color: #35536c !important; border-color: #c4d7e5 !important; }
  body.manabi-light-v361 .register-password-rules li span { background: #d7e5f0 !important; color: #294f71 !important; }
  body.manabi-light-v361 .register-password-rules li.is-valid { background: #e6f5ec !important; color: #17654e !important; border-color: #9bc8b3 !important; }
  body.manabi-light-v361 .register-password-rules li.is-valid span { background: #17654e !important; color: #fff !important; }
  body.manabi-light-v361 .register-password-live.is-error { background: #fff0f2 !important; color: #983248 !important; border-color: #e3b3bd !important; }
  body.manabi-light-v361 rt { color: #255fa8 !important; -webkit-text-fill-color: currentColor !important; }
  body.manabi-light-v361 :is(.primary,.btn-primary,.org-primary) :is(ruby,rt) { color: inherit !important; }
  body.manabi-light-v361 :is(.org-plan-limits,.footer-bottom,.admin-sidebar .sidebar-foot) { color: #526b80 !important; -webkit-text-fill-color: currentColor !important; }
  body.manabi-light-v361 .mf-reading-toc a { background: #f0f6fd !important; color: #255fa8 !important; border-color: #d1e1ed !important; }
  body.manabi-light-v361 .mf-reading-toc a:hover { background: #e3effd !important; }
  body.manabi-light-v361 .mf-admin-action-queue li { background: #f1f7fe !important; color: #19364f !important; border-color: #d0e1ed !important; box-shadow: none !important; }
  body.manabi-light-v361 .mf-admin-action-queue li[data-severity="warning"] { background: #fff8eb !important; border-color: #e8d7b5 !important; }
  body.manabi-light-v361 .mf-admin-action-queue li[data-severity="critical"] { background: #fff1f3 !important; border-color: #e5bcc5 !important; }
  body.manabi-light-v361 :is(.admin-contact-notice.is-pending,.admin-contact-notice.is-warning) { background: #fff8eb !important; border-color: #e8d7b5 !important; }
  body.manabi-light-v361 .admin-contact-notice-count { background: #ffe2e9 !important; color: #983248 !important; border-color: #e1b0bd !important; }
  body.manabi-light-v361 .admin-contact-breakdown > span { background: #fff !important; color: #526b80 !important; border-color: #dacbad !important; }
  body.manabi-light-v361 .kpi-card::after, body.manabi-light-v361 .mf-admin-action-queue::before, body.manabi-light-v361 .mf-admin-action-queue::after { background: #e4f1fc !important; border-color: #c9deed !important; box-shadow: none !important; }
  body.manabi-light-v361 :is(input,textarea,select) {
    background: #fff !important; color: #19364f !important; -webkit-text-fill-color: currentColor !important;
    border-color: #9ab8ca !important; caret-color: #2c64bc !important; box-shadow: none !important;
    color-scheme: light !important;
  }
  body.manabi-light-v361 :is(input,textarea)::placeholder { color: #62798c !important; -webkit-text-fill-color: #62798c !important; opacity: 1 !important; }
  body.manabi-light-v361 :is(input[type="checkbox"],input[type="radio"],progress) { accent-color: #2e69bf !important; }
  body.manabi-light-v361 :is(button,.button,.btn,input[type="submit"]) {
    background: #f2f7fd !important; color: #254f78 !important; -webkit-text-fill-color: currentColor !important;
    border-color: #bad0e3 !important; text-shadow: none !important; box-shadow: 0 2px 7px #35598008 !important;
  }
  body.manabi-light-v361 :is(button,.button,.btn):hover:not(:disabled) { background: #e7f1ff !important; border-color: #8eacd0 !important; }
  body.manabi-light-v361 :is(.primary,.button.primary,.btn-primary,button.primary,input.primary,.org-primary) {
    background: linear-gradient(120deg,#2f63bf,#5266c3) !important; color: #fff !important;
    border-color: #3966bd !important; box-shadow: 0 5px 17px #4b6ebe22 !important;
  }
  body.manabi-light-v361 :is(.primary,.button.primary,.btn-primary,button.primary,input.primary):hover:not(:disabled) { background: #2b58aa !important; color: #fff !important; }
  body.manabi-light-v361 :is(.primary,.btn-primary,.org-primary) :is(span,strong,b,small,svg) { color: inherit !important; }
  /* View::icon outlines follow the control's actual color, including pale CTAs.
   * Brand SVGs and filled illustrations retain their own palette. */
  body.manabi-light-v361 :is(button,.button,.btn,.value-pricing-choice-action,.value-pricing-context-link,.icon-bubble,.org-mark,.admin-sidebar a,.org-nav a) > svg[stroke="currentColor"] {
    color: inherit !important; stroke: currentColor !important; background: none !important; box-shadow: none !important;
  }
  body.manabi-light-v361 :is(.danger,.button.danger,.btn-danger) { background: #fff0f2 !important; color: #a03446 !important; border-color: #e0a8b3 !important; }
  body.manabi-light-v361 :is(.alert,.notice,.info-box,.mode-banner,.maintenance-inline-banner,.system-announcement,.org-notice) { background: #edf6ff !important; color: #285476 !important; border-color: #bcd7ed !important; box-shadow: none !important; }
  body.manabi-light-v361 :is(.alert.success,.notice.success,.is-good,.badge.success,.status.success) { background: #e9f8f0 !important; color: #17654e !important; border-color: #b7dbcb !important; }
  body.manabi-light-v361 :is(.alert.warning,.alert.warn,.is-warn,.severity-warning,.mode-banner.beta_free,.org-notice.warning) { background: #fff6e4 !important; color: #80530f !important; border-color: #e5cf9f !important; }
  body.manabi-light-v361 :is(.alert.error,.alert.danger,.severity-critical,.notice.error,.is-error) { background: #fff0f2 !important; color: #983248 !important; border-color: #e3b3bd !important; }
  body.manabi-light-v361 :is(.badge,.pill,.chip,.tag,.org-status,.status-badge,.eyebrow,.hero-badge,.org-plan-badge) { background-color: #eef4fc !important; color: #365875 !important; border-color: #cfdfec !important; text-shadow: none !important; }
  body.manabi-light-v361 .org-plan-badge { background: #dff4eb !important; color: #17654e !important; border-color: #acd5c3 !important; }
  body.manabi-light-v361 :is(table,.table,.org-table,.table-wrap,.org-table-wrap) { background: #fff !important; color: #19364f !important; border-color: #ccdfe9 !important; }
  body.manabi-light-v361 :is(th,thead) { background: #eef5fc !important; color: #34546f !important; border-color: #ccdfe9 !important; }
  body.manabi-light-v361 :is(td,tr) { border-color: #dce7ef !important; }
  body.manabi-light-v361 tbody tr:nth-child(even) { background: #f8fbff !important; }
  /* Legal tables have their own legacy cell paint, including mobile cards.
   * Scope the paired colors here so learning-result heatmaps keep their meaning. */
  body.manabi-light-v361 .legal-page td { background: #fff !important; color: #19364f !important; }
  body.manabi-light-v361 .legal-page tr:nth-child(even) td { background: #f8fbff !important; }
  body.manabi-light-v361 .legal-page tr:is(:hover,:focus-within) td { background: #edf5fc !important; color: #19364f !important; }
  body.manabi-light-v361 .legal-hero .trust-card { background: #fff !important; color: #255fa8 !important; border-color: #ccdfe9 !important; box-shadow: 0 8px 24px #3157840d !important; }
  body.manabi-light-v361 .legal-hero .trust-card small { color: #526b80 !important; }
  body.manabi-light-v361 .legal-hero .trust-card:is(:hover,:focus-visible) { background: #edf5fc !important; color: #194b82 !important; border-color: #95b6cb !important; }
  body.manabi-light-v361 :is(pre,code,kbd) { background: #f0f5fa !important; color: #274963 !important; -webkit-text-fill-color: currentColor !important; border-color: #ccdde9 !important; text-shadow: none !important; }
  body.manabi-light-v361 :is(.site-header,.admin-topbar,.face-auth-header) {
    background: #ffffffed !important; color: #19364f !important; border-color: #d5e3ee !important;
    box-shadow: 0 4px 24px #3753770a !important; backdrop-filter: blur(18px) !important;
  }
  /* A filtered ancestor becomes the containing block for fixed descendants.
   * The open drawer must stay anchored to the viewport, not this short header. */
  body.manabi-light-v361.mobile-nav-open .site-header {
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    background: #fff !important;
  }
  body.manabi-light-v361 :is(.brand,.brand-text,.brand-text strong) { color: #19364f !important; text-shadow: none !important; }
  body.manabi-light-v361 .brand-mark { background: #fff !important; border: 1px solid #d7e5ee !important; box-shadow: 0 3px 10px #52799f10 !important; }
  body.manabi-light-v361 .brand-mark img { filter: none !important; mix-blend-mode: normal !important; opacity: 1 !important; }
  body.manabi-light-v361 :is(.nav,.nav-link,.nav a,.nav-drawer-top,.nav-actions) { color: #234e70 !important; background-color: transparent !important; text-shadow: none !important; border-color: #d2e2ed !important; }
  body.manabi-light-v361 :is(.nav-toggle,.nav-close) { background: #edf5ff !important; color: #274f77 !important; border-color: #b8d0e2 !important; }
  /* Only the three bars participate in the hamburger/X. A decorative ripple
   * inserted by older motion code must not become a fourth menu bar. */
  body.manabi-light-v361 .nav-toggle { position: relative !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; flex: 0 0 48px !important; padding: 0 !important; gap: 0 !important; transform: none !important; }
  body.manabi-light-v361 .nav-toggle > span:nth-of-type(-n+3) { position: absolute !important; left: 50% !important; right: auto !important; bottom: auto !important; width: 22px !important; height: 2px !important; margin: 0 !important; border: 0 !important; border-radius: 2px !important; background: #274f77 !important; transform: translate(-50%,-50%) !important; opacity: 1 !important; }
  body.manabi-light-v361 .nav-toggle > span:nth-of-type(1) { top: 12px !important; }
  body.manabi-light-v361 .nav-toggle > span:nth-of-type(2) { top: 18px !important; }
  body.manabi-light-v361 .nav-toggle > span:nth-of-type(3) { top: 24px !important; }
  body.manabi-light-v361 .nav-toggle[aria-expanded="true"] > span:nth-of-type(1) { top: 24px !important; transform: translate(-50%,-50%) rotate(45deg) !important; }
  body.manabi-light-v361 .nav-toggle[aria-expanded="true"] > span:nth-of-type(2) { opacity: 0 !important; }
  body.manabi-light-v361 .nav-toggle[aria-expanded="true"] > span:nth-of-type(3) { top: 24px !important; transform: translate(-50%,-50%) rotate(-45deg) !important; }
  body.manabi-light-v361 .nav-toggle > .mf-horizon-ripple { display: none !important; }
  body.manabi-light-v361 .nav-toggle .mnv-v243-nav-label { display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; top: auto !important; bottom: 5px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; font: 800 9px/10px sans-serif !important; letter-spacing: .03em !important; white-space: nowrap !important; overflow-wrap: normal !important; word-break: keep-all !important; text-align: center !important; color: #274f77 !important; }
  body.manabi-light-v361 .nav-toggle[aria-expanded="true"] .mnv-v243-nav-label { opacity: 0 !important; }
  body.manabi-light-v361 .nav-drawer-close { justify-content: space-between !important; }
  body.manabi-light-v361 .nav-drawer-close > b { background: #e1eefc !important; color: #254f78 !important; -webkit-text-fill-color: currentColor !important; }
  body.manabi-light-v361 .site-nav a { background: #f1f7fe !important; color: #255fa8 !important; border-color: #d0e1ed !important; }
  body.manabi-light-v361 .site-nav a::before { background: #e5f2fc !important; color: #2b5c88 !important; -webkit-text-fill-color: currentColor !important; border-color: #c6dfed !important; }
  body.manabi-light-v361 .site-header :is(.header-notification-quick,.notification-nav-link) { background: #edf5ff !important; color: #255fa8 !important; border-color: #bfd6e7 !important; box-shadow: none !important; }
  body.manabi-light-v361 .header-notification-quick > svg[stroke="currentColor"] { color: inherit !important; stroke: currentColor !important; }
  body.manabi-light-v361 .skip-link { background: #e5f0ff !important; color: #194b82 !important; border-color: #a9c6e4 !important; }
  body.manabi-light-v361 :is(.nav-panel,.nav-drawer,.notification-menu-panel,.luxury-command-panel,.mf-command-palette,.qr-login-panel) { background: #fff !important; color: #19364f !important; border-color: #c5dbe9 !important; box-shadow: 0 20px 65px #244e7626 !important; }
  body.manabi-light-v361 .mnv-v243-drawer-intro { background: #edf6ff !important; color: #19364f !important; border-color: #c5dbe9 !important; box-shadow: none !important; }
  body.manabi-light-v361 :is(.nav-scrim,.mf-command-scrim,.luxury-command-scrim,.mf-detail-scrim) { background: #43668b30 !important; backdrop-filter: blur(4px) !important; }
  body.manabi-light-v361 :is(.child-global-nav,.mobile-tabbar) { background: #ffffffed !important; }
  body.manabi-light-v361 :is(.child-global-nav,.mobile-tabbar) a.is-active { background: #e9f4ff !important; color: #245c9d !important; }
  body.manabi-light-v361 :is(.site-footer,.admin-footer,.face-auth-minimal-footer) { background: linear-gradient(140deg,#fff,#eff8ff 60%,#f0faf5) !important; color: #526b80 !important; border-color: #d5e3ee !important; box-shadow: none !important; }
  body.manabi-light-v361 :is(.site-footer,.admin-footer) :is(a,strong) { color: #294f71 !important; }
  body.manabi-light-v361 :is(.org-sidebar,.admin-sidebar,.admin-nav) { background: linear-gradient(180deg,#f1f7ff,#f2faf8) !important; color: #294f71 !important; border-color: #d2e2ec !important; }
  body.manabi-light-v361 :is(.org-sidebar,.admin-sidebar,.child-global-nav,.mobile-tabbar) { box-shadow: 0 8px 30px #345c8014 !important; }
  body.manabi-light-v361 :is(.org-sidebar,.admin-sidebar) :is(a,strong,small,label,span) { color: #294f71 !important; }
  body.manabi-light-v361 .admin-sidebar a { background: #f1f7fe !important; color: #294f71 !important; border-color: #c7ddec !important; }
  body.manabi-light-v361 .admin-sidebar a:is(.active,.is-active,:hover) { background: #dfeefd !important; color: #194b82 !important; }
  body.manabi-light-v361 :is(.org-nav,.admin-nav) a:is(.active,.is-active,:hover) { background: #dfeefd !important; color: #194b82 !important; }
  body.manabi-light-v361 :is(.org-mark,.admin-avatar,.admin-badge) { background: #dfedf9 !important; color: #285681 !important; }
  body.manabi-light-v361 :is(.page-transition-overlay,.global-loading-overlay) { background: #eef7fcde !important; backdrop-filter: blur(10px) !important; }
  body.manabi-light-v361 :is(.page-loader-card,.loading-card,.global-loading-card) { background: linear-gradient(140deg,#fff,#f0f8ff,#f2efff) !important; color: #19364f !important; border-color: #bed8ea !important; box-shadow: 0 24px 80px #5878a02b !important; }
  body.manabi-light-v361 :is(.page-loader-copy,.page-loader-kicker,.page-loader-journey,.page-loader-tip,.page-loader-caption) { color: #365875 !important; }
  body.manabi-light-v361 .page-loader-journey > div > b { background: #e1eefc !important; color: #2e5b8c !important; border-color: #afcde5 !important; box-shadow: none !important; }
  body.manabi-light-v361 .page-loader-journey > div.is-active > b { background: #dcdfff !important; color: #4a459b !important; }
  /* The light loading card contains independently painted status surfaces. */
  body.manabi-light-v361 :is(.page-loader-live,.page-loader-health,.page-loader-phrase) { background: #edf5fc !important; color: #19364f !important; border-color: #c5dbe9 !important; box-shadow: none !important; }
  body.manabi-light-v361 .page-loader-live :is(b,small),
  body.manabi-light-v361 .page-loader-health b { color: inherit !important; }
  body.manabi-light-v361 .page-loader-cards > span { background: #fff !important; color: #19364f !important; border-color: #c5dbe9 !important; box-shadow: 0 5px 15px #3157840d !important; }
  body.manabi-light-v361 .page-loader-cards > span > b { background: #e1eefc !important; color: #2e5b8c !important; border-color: #afcde5 !important; box-shadow: none !important; }
  body.manabi-light-v361 .page-loader-cards > span:nth-child(2) > b { background: #eee8ff !important; color: #58448b !important; border-color: #cbbce8 !important; }
  body.manabi-light-v361 .page-loader-cards > span:nth-child(3) > b { background: #e1f3ea !important; color: #17654e !important; border-color: #b7daca !important; }
  body.manabi-light-v361 .page-loader-cards > span > small { color: #365875 !important; }
  body.manabi-light-v361 .page-loader-core { background: linear-gradient(145deg,#dcecff,#ddf5ec) !important; color: #255a83 !important; box-shadow: 0 10px 24px #31578418 !important; }
  body.manabi-light-v361 .page-loader-live > span > i,
  body.manabi-light-v361 .page-loader-health > span { background: #167058 !important; box-shadow: 0 0 0 4px #16705816 !important; }
  body.manabi-light-v361 .page-transition-overlay.has-error .page-loader-health { background: #fff1ef !important; color: #873a33 !important; border-color: #e7bbb5 !important; }
  body.manabi-light-v361 .page-transition-overlay.has-error .page-loader-health > span { background: #b63d33 !important; box-shadow: 0 0 0 4px #b63d3315 !important; animation: none !important; }
  body.manabi-light-v361 .page-transition-overlay.is-timeout .page-loader-health { background: #fff8e9 !important; color: #71520c !important; border-color: #e2ce9f !important; }
  body.manabi-light-v361 .page-transition-overlay.is-timeout .page-loader-health > span { background: #946a0f !important; box-shadow: 0 0 0 4px #946a0f18 !important; animation: none !important; }
  /* A short viewport must still allow the status and recovery controls to be
   * reached. Keep scrolling inside the overlay while the page is busy. */
  body.manabi-light-v361 .page-transition-overlay { overflow-x: hidden !important; overflow-y: auto !important; align-items: safe center !important; }
  body.manabi-light-v361 .page-transition-overlay .page-loader-card { min-block-size: 0 !important; max-block-size: calc(100dvh - max(18px, env(safe-area-inset-top)) - max(18px, env(safe-area-inset-bottom))) !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; }
  body.manabi-light-v361 :is(dialog,.modal-content,.dialog-panel) { background: #fff !important; color: #19364f !important; border-color: #bfd6e7 !important; }
  body.manabi-light-v361 dialog::backdrop { background: #4868894d !important; backdrop-filter: blur(8px) !important; }
  /* Legacy utility-dock styles visually clip both read-aloud spans on phones.
   * Paint an icon in the existing button; its accessible label and speech
   * controls keep their existing DOM, dimensions and state handling. */
  body.manabi-light-v361 .future-utility-dock > button.child-read-aloud {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23255fa8'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M11%205%206%209H3v6h3l5%204V5Zm4%203a6%206%200%200%201%200%208m3-11a10%2010%200%200%201%200%2014'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: center !important; background-size: 22px 22px !important;
  }
  body.manabi-light-v361 .future-utility-dock > button.child-read-aloud.is-speaking {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23255fa8'%20stroke-width='1.8'%3E%3Crect%20x='6'%20y='6'%20width='12'%20height='12'%20rx='2'/%3E%3C/svg%3E") !important;
  }
  body.manabi-light-v361 .future-utility-dock > :is(.luxury-command-fab,.guide-fab,.qr-login-fab,.child-read-aloud)::after { background: #edf6ff !important; color: #19364f !important; border-color: #bfd6e7 !important; box-shadow: 0 8px 24px #345c8014 !important; }
  @media (max-width: 1180px) {
    body.manabi-light-v361 :is(.nav-panel,.nav-drawer,.nav-inner,.site-nav-area) { background: #fff !important; color: #19364f !important; }
  }
  /* Public pages use a drawer up to 1800px. Learner desktop rails keep their
   * existing 1181px breakpoint and placement. */
  @media screen and (max-width: 1800px) {
    body.manabi-light-v361.public-app .site-nav-area { background: #fff !important; color: #19364f !important; border-color: #c5dbe9 !important; box-shadow: -18px 0 48px #244e7626 !important; }
  }
  /* Family controls also sit outside the generic .panel surface inventory. */
  body.manabi-light-v361.page-family :is(.family-qr-panel,.family-assignment-panel,.family-count-card,.family-request-item,.family-permission-toggle,.family-settings-grid>.check,.guardian-ring-card,.guardian-week-card,.guardian-plan-card,.guardian-mini-stats>div,.guardian-activity-calendar,.guardian-skill-insights>div,.family-outcome-grid>article) {
    background: #fff !important; color: #19364f !important; border: 1px solid #ccdfe9 !important;
    box-shadow: 0 4px 18px #244e7508 !important; border-radius: 16px !important;
  }
  body.manabi-light-v361.page-family :is(.family-qr-panel,.family-assignment-panel,.family-count-card,.family-safety-settings,.guardian-progress-dashboard,.family-outcome-summary) :is(h2,h3,h4,strong,label,summary) { color: #19364f !important; opacity: 1 !important; }
  body.manabi-light-v361.page-family :is(.family-qr-panel,.family-assignment-panel,.family-count-card,.family-safety-settings,.guardian-progress-dashboard,.family-outcome-summary) :is(p,small,dt) { color: #526b80 !important; opacity: 1 !important; }
  body.manabi-light-v361.page-family .family-request-item { background: #f4f8fb !important; box-shadow: none !important; gap: 12px !important; }
  body.manabi-light-v361.page-family .request-status { background: #eaf2ff !important; color: #2b538d !important; border-color: #bbcfeb !important; }
  body.manabi-light-v361.page-family .request-status.status-completed { background: #e6f4ed !important; color: #255e46 !important; }
  body.manabi-light-v361.page-family .family-permission-toggle { padding: 16px !important; align-items: start !important; gap: 10px !important; }
  body.manabi-light-v361.page-family .family-permission-toggle strong { display: block !important; font-size: 14px !important; line-height: 1.7 !important; }
  body.manabi-light-v361.page-family .family-permission-toggle small { display: block !important; margin-top: 6px !important; font-size: 12px !important; line-height: 1.8 !important; }
  body.manabi-light-v361.page-family .family-delete-account { background: #fff5f5 !important; border: 1px solid #dfb9bf !important; border-radius: 14px !important; padding: 18px !important; }
  body.manabi-light-v361.page-family .family-delete-account>summary { color: #91384a !important; min-height: 30px !important; line-height: 1.8 !important; }
  body.manabi-light-v361.page-family .family-delete-account .check { background: #fff !important; color: #622f3a !important; padding: 14px !important; border-color: #dcc3c9 !important; }
  body.manabi-light-v361.page-family :is(.family-delete-account,.danger-zone) .alert.warning { background: #fff6df !important; color: #795017 !important; border-color: #ddc38c !important; font-size: 14px !important; line-height: 1.8 !important; }
  body.manabi-light-v361.page-family .button.danger { background: #fff0f2 !important; color: #973042 !important; border-color: #d9a4ae !important; }
  body.manabi-light-v361.page-family .mf-family-switcher { background: #fff !important; color: #19364f !important; border: 1px solid #ccdfe9 !important; box-shadow: 0 4px 18px #244e7508 !important; }
  body.manabi-light-v361.page-family .mf-family-switcher a { background: #fff !important; color: #255fa8 !important; border-color: #bfd2e7 !important; }
  body.manabi-light-v361.page-family .mf-family-switcher a[aria-current] { background: #e7f0ff !important; color: #204d8c !important; border-color: #6089c2 !important; box-shadow: inset 0 -3px #426bb6 !important; }
  body.manabi-light-v361.page-family .mf-family-switcher .child-avatar { background: #e4f3ed !important; color: #285d51 !important; }
  body.manabi-light-v361.page-family :is(.family-shell,.danger-zone) :is(input:not([type=hidden]),select,textarea) { background: #fff !important; color: #19364f !important; border-color: #8ca7bb !important; font-size: 16px !important; max-width: 100% !important; }
  body.manabi-light-v361.page-family :is(.family-shell,.danger-zone) input[type=checkbox] { accent-color: #2f63ca; width: 20px !important; height: 20px !important; flex: 0 0 20px !important; }
  body.manabi-light-v361.page-family .family-qr { background: #fff !important; color: #000 !important; }
  body.manabi-light-v361.page-family .guardian-progress-ring>div { background: #fff !important; color: #19364f !important; }
  body.manabi-light-v361.page-family .guardian-progress-dashboard :is(span,b,small,strong,p) { color: #19364f !important; }
  body.manabi-light-v361.page-family .guardian-activity-calendar>div>span { background: #edf3f8 !important; color: #37566f !important; border: 1px solid #c6d7e3 !important; }
  body.manabi-light-v361.page-family .guardian-activity-calendar>div>span.is-active { background: #d6efe4 !important; color: #215b43 !important; }
  body.manabi-light-v361.page-family .guardian-activity-calendar>div>span.is-today { outline: 2px solid #345dcc !important; outline-offset: 1px !important; }
  body.manabi-light-v361.page-family .guardian-week-chart>div>span { background: #e6eef6 !important; }
  body.manabi-light-v361.page-family .guardian-week-chart i { background: #466ec6 !important; }
  body.manabi-light-v361.page-family .guardian-week-chart>div:not(.is-active) i { display: none !important; }
  body.manabi-light-v361.page-family .guardian-progress-dashboard :is(small,.guardian-activity-calendar span) { font-size: 12px !important; line-height: 1.6 !important; }
  body.manabi-light-v361.page-family .guardian-week-chart b { font-size: 12px !important; }
  body.manabi-light-v361.page-family .guardian-mini-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
  body.manabi-light-v361.page-family .guardian-mini-stats>div { grid-template-columns: 26px minmax(0,1fr) !important; grid-template-areas: 'icon value' 'icon label' !important; gap: 4px 10px !important; align-content: center !important; padding: 18px !important; }
  body.manabi-light-v361.page-family .guardian-mini-stats>div>span { grid-area: icon !important; }
  body.manabi-light-v361.page-family .guardian-mini-stats>div>b { grid-area: value !important; font-size: 24px !important; }
  body.manabi-light-v361.page-family .guardian-mini-stats>div>small { grid-area: label !important; }
  /* V362.8: paint each worksheet/route surface together with its text.
   * These components were absent from the original light-surface inventory.
   * Keep repairs in this existing layer so legacy dark themes cannot split them. */
  body.manabi-light-v361 .mf-journey-rail {
    background: #fff !important; color: #19364f !important; border: 1px solid #ccdfe9 !important;
    box-shadow: 0 4px 18px #244e7508 !important; border-radius: 18px !important; padding: 20px !important;
  }
  body.manabi-light-v361 .mf-journey-rail :is(strong,small,span) { color: #19364f !important; opacity: 1 !important; }
  body.manabi-light-v361 .mf-journey-rail .mf-journey-summary { flex-wrap: wrap !important; border-color: #dbe5ed !important; padding: 0 0 15px !important; margin-bottom: 16px !important; }
  body.manabi-light-v361 .mf-journey-rail .mf-journey-summary>span { background: #e9f4ff !important; color: #255fa8 !important; }
  body.manabi-light-v361 .mf-journey-rail ol { gap: 12px !important; }
  body.manabi-light-v361 .mf-journey-rail li { grid-template-columns: 36px minmax(0,1fr) !important; gap: 9px !important; padding: 10px !important; border-radius: 12px !important; min-width: 0 !important; }
  body.manabi-light-v361 .mf-journey-rail li::after { display: none !important; }
  body.manabi-light-v361 .mf-journey-rail li.is-current { background: #edf4ff !important; box-shadow: inset 0 0 0 1px #b1c8ec !important; }
  body.manabi-light-v361 .mf-journey-rail .mf-journey-step-copy { display: grid !important; gap: 4px !important; background: transparent !important; min-width: 0 !important; }
  body.manabi-light-v361 .mf-journey-rail .mf-journey-step-copy strong { font-size: 14px !important; line-height: 1.5 !important; white-space: normal !important; }
  body.manabi-light-v361 .mf-journey-rail small { color: #526b80 !important; font-size: 12px !important; line-height: 1.6 !important; }
  body.manabi-light-v361 .mf-journey-rail .mf-journey-step-icon { width: 36px !important; height: 36px !important; background: #edf3f7 !important; color: #3c5870 !important; border: 1px solid #cedce6 !important; box-shadow: none !important; animation: none !important; }
  body.manabi-light-v361 .mf-journey-rail .is-current .mf-journey-step-icon { background: #2f63ca !important; color: #fff !important; border-color: #2f63ca !important; }
  body.manabi-light-v361 .mf-journey-rail .is-complete .mf-journey-step-icon { background: #e5f4ec !important; color: #216445 !important; border-color: #b6d8c3 !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub { min-width: 0 !important; gap: 28px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub :is(h1,h2,h3,strong) { color: #19364f !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub :is(p,small,time,label) { color: #526b80 !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub h2 { font-size: clamp(21px,2.2vw,28px) !important; line-height: 1.6 !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub .section-heading { padding: 0 !important; margin: 0 0 20px !important; gap: 16px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub .section-heading p { font-size: 14px !important; }
  body.manabi-light-v361.page-worksheets :is(.worksheet-hub-hero,.worksheet-mode-pair article,.worksheet-source-card,.worksheet-history-list>article,.worksheet-row-editor) {
    background: #fff !important; color: #19364f !important; border: 1px solid #ccdfe9 !important; box-shadow: 0 4px 18px #244e7508 !important;
  }
  body.manabi-light-v361.page-worksheets .worksheet-hub-hero { background: #f0f7fb !important; grid-template-columns: minmax(0,1fr) minmax(250px,.65fr) !important; padding: 30px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub-hero h1 { font-size: clamp(26px,3vw,40px) !important; line-height: 1.5 !important; }
  body.manabi-light-v361.page-worksheets .worksheet-mode-pair article.is-paper { background: #e8f3ee !important; border-color: #bcd8ca !important; }
  body.manabi-light-v361.page-worksheets .worksheet-mode-pair article :is(strong,small,span) { color: #244b43 !important; }
  body.manabi-light-v361.page-worksheets .worksheet-source-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)) !important; gap: 20px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-source-card { display: flex !important; flex-direction: column !important; min-width: 0 !important; padding: 24px !important; border-radius: 20px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-source-card.is-selected { border: 2px solid #2f63ca !important; padding: 23px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-source-card>header { color: #526b80 !important; }
  body.manabi-light-v361.page-worksheets .worksheet-source-card h3 { font-size: 19px !important; line-height: 1.65 !important; margin: 16px 0 10px !important; overflow-wrap: anywhere !important; }
  body.manabi-light-v361.page-worksheets .worksheet-source-card>p { font-size: 14px !important; line-height: 1.85 !important; margin: 0 0 22px !important; min-height: 0 !important; }
  body.manabi-light-v361.page-worksheets .worksheet-create-form { margin-top: auto !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 14px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-create-form>label:first-of-type { grid-column: 1/-1 !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub :is(input:not([type=hidden]),select,textarea) { background: #fff !important; color: #19364f !important; border: 1px solid #8ca7bb !important; border-radius: 9px !important; min-height: 46px !important; max-width: 100% !important; width: 100% !important; font-size: 16px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub input[type=checkbox] { width: 20px !important; min-height: 20px !important; flex: 0 0 20px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub .button { background: #edf4ff !important; color: #255594 !important; border-color: #b6cbea !important; min-height: 46px !important; white-space: normal !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub .button.primary { background: #2b59b6 !important; border-color: #2b59b6 !important; color: #fff !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub .button.primary:hover { background: #214b9b !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub .button.danger { background: #fff0f2 !important; color: #973042 !important; border-color: #d9a4ae !important; }
  body.manabi-light-v361.page-worksheets .worksheet-hub :is(.worksheet-privacy-note,.family-security-note) { background: #eaf5ef !important; color: #335d4c !important; border-color: #c4dfd1 !important; }
  body.manabi-light-v361.page-worksheets .worksheet-row-editor { padding: 12px !important; border-radius: 12px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-history-list>article { gap: 20px !important; }
  body.manabi-light-v361.page-worksheets .worksheet-history-list>article>div { min-width: 0 !important; overflow-wrap: anywhere !important; }
  @media(max-width:1100px) {
    body.manabi-light-v361 .mf-journey-rail ol { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    body.manabi-light-v361.page-worksheets .worksheet-hub-hero { grid-template-columns: minmax(0,1fr) !important; }
  }
  @media(max-width:600px) {
    html:has(body:is(.page-worksheets,.page-family)),body.manabi-light-v361:is(.page-worksheets,.page-family) { min-width: 0 !important; width: 100% !important; }
    body.manabi-light-v361:is(.page-worksheets,.page-family) #main-content { width: calc(100% - 24px) !important; max-width: none !important; margin-inline: auto !important; padding-inline: 0 !important; }
    body.manabi-light-v361.page-family .mf-family-switcher { position: static !important; flex-wrap: wrap !important; }
    body.manabi-light-v361.page-family :is(.family-child-columns,.family-assignment-form,.family-settings-grid) { grid-template-columns: minmax(0,1fr) !important; }
    body.manabi-light-v361.page-family .family-print-learning { flex-wrap: wrap !important; }
    body.manabi-light-v361.page-family .family-request-item { display: flex !important; flex-wrap: wrap !important; }
    body.manabi-light-v361.page-family :is(.family-delete-account,.family-qr-panel,.family-assignment-panel) { padding: 18px !important; min-width: 0 !important; }
    body.manabi-light-v361 .mf-journey-rail { padding: 15px !important; }
    body.manabi-light-v361 .mf-journey-rail ol { gap: 6px !important; }
    body.manabi-light-v361 .mf-journey-rail li { padding: 8px 5px !important; gap: 7px !important; grid-template-columns: 28px minmax(0,1fr) !important; }
    body.manabi-light-v361 .mf-journey-rail .mf-journey-step-icon { width: 28px !important; height: 28px !important; }
    body.manabi-light-v361 .mf-journey-rail .mf-journey-step-copy small { display: none !important; }
    body.manabi-light-v361 .mf-journey-rail .mf-journey-summary>small { flex-basis: 100% !important; margin-left: 0 !important; }
    body.manabi-light-v361.page-worksheets .worksheet-hub-hero { padding: 22px !important; }
    body.manabi-light-v361.page-worksheets .worksheet-hub>aside.panel { display: grid !important; grid-template-columns: minmax(0,1fr) !important; padding: 22px !important; }
    body.manabi-light-v361.page-worksheets .worksheet-hub>aside.panel>.button { width: 100% !important; }
    body.manabi-light-v361.page-worksheets .worksheet-source-card { padding: 20px !important; }
    body.manabi-light-v361.page-worksheets .worksheet-source-card.is-selected { padding: 19px !important; }
    body.manabi-light-v361.page-worksheets .worksheet-history-list>article { align-items: stretch !important; flex-direction: column !important; }
    body.manabi-light-v361.page-worksheets .worksheet-history-list>article>div:last-child { display: flex !important; flex-wrap: wrap !important; }
  }
  @media(max-width:380px) {
    body.manabi-light-v361.page-family .guardian-mini-stats { grid-template-columns: minmax(0,1fr) !important; }
  }
  /* Child home and the entire phone-photo flow share the same surface/ink pair. */
  body.manabi-light-v361.page-child_home :is(.child-home-hero,.child-today-board,.child-home-carryover,.child-free-search,.child-self-power,.child-today-progress,.child-home-quick-nav>a,.child-today-task,.child-carryover-task,.child-free-search-locked,.child-search-time label>span) {
    background: #fff !important; color: #19364f !important; border: 1px solid #ccdfe9 !important; box-shadow: 0 8px 28px #244e750c !important; min-width: 0 !important;
  }
  body.manabi-light-v361.page-child_home :is(.child-home-hero,.child-self-power) { background: linear-gradient(120deg,#edf6ff,#f2f0ff) !important; }
  body.manabi-light-v361.page-child_home .child-home-hero h1 { font-size: clamp(26px,3vw,40px) !important; max-width: 20ch !important; }
  body.manabi-light-v361.page-child_home .child-home-hero::after { opacity: .12 !important; pointer-events: none !important; }
  body.manabi-light-v361.page-child_home .child-home-shell :is(h1,h2,h3,h4,p,small,legend,label,strong,summary,.child-task-meta,.child-today-progress>span,.child-self-power span) { color: #19364f !important; text-shadow: none !important; }
  body.manabi-light-v361.page-child_home :is(.child-home-quick-nav small,.child-task-meta,.child-today-progress small,.child-today-progress p) { color: #526b80 !important; }
  body.manabi-light-v361.page-child_home :is(.child-home-quick-icon,.child-task-order,.child-kicker,.child-today-label,.child-carryover-label,.child-self-power-icon) { background: #e7f0ff !important; color: #254f99 !important; border-color: #bfd2e7 !important; }
  body.manabi-light-v361.page-child_home .child-home-quick-nav { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; }
  body.manabi-light-v361.page-child_home .child-home-quick-nav>a { padding: 20px !important; opacity: 1 !important; }
  body.manabi-light-v361.page-child_home .child-home-quick-nav em { background: #edf6ff !important; color: #255fa8 !important; }
  body.manabi-light-v361.page-child_home .child-today-progress>div { background: #dce8f6 !important; }
  body.manabi-light-v361.page-child_home .child-today-progress>div>i { background: #4166cc !important; }
  body.manabi-light-v361.page-child_home .child-home-shell .button.primary { background: #345dcc !important; color: #fff !important; border-color: #345dcc !important; }
  body.manabi-light-v361.page-child_home .child-home-shell .button.primary :is(span,small,ruby,rt) { color: inherit !important; }
  body.manabi-light-v361.page-child_home .child-search-time input:checked+span { background: #e7f0ff !important; border: 2px solid #345dcc !important; }
  body.manabi-light-v361.page-child_home .child-home-shell :is(input,textarea,select) { color: #19364f !important; background: #fff !important; font-size: 16px !important; }
  body.manabi-light-v361.page-child_home .child-task-action { min-width: 0 !important; }
  body.manabi-light-v361.page-smartphone_camera :is(.smartphone-photo-hero,.smartphone-photo-card,.smartphone-photo-review,.smartphone-photo-intents label,.smartphone-photo-picker,.smartphone-photo-confirm) { background: #fff !important; color: #19364f !important; border: 1px solid #ccdfe9 !important; box-shadow: 0 8px 24px #244e750c !important; }
  body.manabi-light-v361.page-smartphone_camera .smartphone-photo-hero { background: #edf6ff !important; }
  body.manabi-light-v361.page-smartphone_camera .smartphone-photo-page :is(h1,h2,h3,p,span,small,strong,legend,label) { color: #19364f !important; text-shadow: none !important; }
  body.manabi-light-v361.page-smartphone_camera :is(.smartphone-photo-not-sent,.smartphone-photo-connected,.smartphone-photo-network) { background: #e8f5ef !important; color: #285b49 !important; border-color: #b7d9c7 !important; }
  body.manabi-light-v361.page-smartphone_camera :is(.smartphone-photo-privacy,.smartphone-photo-alert.is-warning) { background: #fff6df !important; color: #795017 !important; border-color: #dfc891 !important; }
  body.manabi-light-v361.page-smartphone_camera .smartphone-photo-intents label:has(input:checked) { background: #e7f0ff !important; border: 2px solid #345dcc !important; }
  body.manabi-light-v361.page-smartphone_camera .smartphone-photo-page :is(input:not([type=file]),textarea) { color: #19364f !important; background: #fff !important; font-size: 16px !important; border-color: #8ca7bb !important; }
  body.manabi-light-v361.page-smartphone_camera .smartphone-photo-page input:is([type=checkbox],[type=radio]) { accent-color: #345dcc; width: 20px; height: 20px; flex: 0 0 20px; }
  body.manabi-light-v361.page-smartphone_camera :is(.button.primary,.smartphone-photo-step-head>span,.smartphone-photo-hero-icon) { background: #345dcc !important; color: #fff !important; border-color: #345dcc !important; }
  body.manabi-light-v361.page-smartphone_camera .button.primary :is(span,ruby,rt) { color: inherit !important; }
  body.manabi-light-v361.page-smartphone_camera .smartphone-photo-error { color: #973042 !important; }
  body.manabi-light-v361.page-smartphone_camera .smartphone-photo-expiry { color: #526b80 !important; }
  @media(max-width:700px) {
    html:has(body:is(.page-child_home,.page-smartphone_camera)),body.manabi-light-v361:is(.page-child_home,.page-smartphone_camera) { min-width: 0 !important; width: 100% !important; }
    body.manabi-light-v361:is(.page-child_home,.page-smartphone_camera) #main-content { width: calc(100% - 24px) !important; margin-inline: auto !important; padding-inline: 0 !important; }
    body.manabi-light-v361.page-child_home :is(.child-home-hero,.child-today-task,.child-carryover-task,.child-self-power) { grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; padding: 22px !important; }
    body.manabi-light-v361.page-child_home .child-home-quick-nav { grid-template-columns: minmax(0,1fr) !important; }
    body.manabi-light-v361.page-child_home :is(.child-today-board,.child-free-search) { padding: 16px !important; }
    body.manabi-light-v361.page-smartphone_camera :is(.smartphone-photo-hero,.smartphone-photo-card) { padding: 20px !important; }
    body.manabi-light-v361.page-smartphone_camera .smartphone-photo-hero { grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; }
    body.manabi-light-v361.page-smartphone_camera .smartphone-photo-hero h1 { font-size: 26px !important; line-height: 1.65 !important; }
    body.manabi-light-v361.page-smartphone_camera .smartphone-photo-pickers { grid-template-columns: minmax(0,1fr) !important; }
  }
  @media print {
    html,body.manabi-light-v361 { background: #fff !important; color: #172d40 !important; }
    body.manabi-light-v361 :is(.card,.panel,.org-card) { box-shadow: none !important; }
  }
}