/* YouthCE / White edition. Semantic surfaces, not an inversion filter. */
:root, body.white-edition {
  color-scheme: light;
  --white-canvas: #fafafa;
  --white-surface: #ffffff;
  --white-soft: #f0f0f0;
  --white-ink: #181818;
  --white-muted: #636363;
  --white-line: #e0e0e0;
  --white-control-radius: 7px;
  --white-card-radius: 8px;
  --bg: var(--white-canvas);
  --surface: var(--white-surface);
  --surface-raised: var(--white-soft);
  --text: var(--white-ink);
  --muted: var(--white-muted);
  --soft: #757575;
  --line: var(--white-line);
  --paper: var(--white-surface);
  --paper-ink: var(--white-ink);
  --paper-muted: var(--white-muted);
  --paper-line: var(--white-line);
}
body.white-edition { background: var(--white-canvas); color: var(--white-ink); }
.white-edition .container { width: min(1080px, calc(100% - 64px)); }
.white-edition ::selection { background: #292929; color: #ffffff; }
.white-edition :is(a, button, summary, input, select):focus-visible { outline: 2px solid #666666; outline-offset: 4px; }
.white-edition :is(.lede, .eyebrow, .section-description) { color: var(--white-muted); }
.white-edition :is(.text-link, .inline-contact) { color: var(--white-ink); }
.white-edition .text-link:hover { color: #5b5b5b; }
.white-edition .button.light { background: var(--white-ink); color: #ffffff; border-color: var(--white-ink); }
.white-edition .button.light:hover { background: #3b3b3b; color: #ffffff; }
.white-edition .button.dark { background: #ffffff; border: 1px solid var(--white-line); color: var(--white-ink); }

/* The black navigation is the persistent brand anchor. */
.white-edition .site-header,
.white-edition.hb-page .hb-site-header { position: sticky; top: 16px; width: min(1128px, calc(100% - 48px)); height: 64px; margin: 20px auto 0; padding: 0; background: #242424; color: #f7f7f7; border: 1px solid #303030; border-radius: 10px; backdrop-filter: none; box-shadow: 0 4px 14px #00000007; }
.white-edition .site-header::before { content: ''; position: absolute; left: -25px; right: -25px; top: -22px; height: 21px; background: var(--white-canvas); pointer-events: none; }
.white-edition .site-header .header-inner,
.white-edition.hb-page .hb-site-header .header-inner { width: 100%; max-width: none; height: 100%; padding: 0 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 20px; }
.white-edition .site-header .header-inner > .brand { grid-column: 1; grid-row: 1; justify-self: start; font-size: 15px; }
.white-edition .site-header .header-inner > .desktop-nav { grid-column: 2; grid-row: 1; align-self: center; justify-self: center; gap: 8px; height: auto; font-size: 13px; }
.white-edition .site-header .header-inner > .header-contact { grid-column: 3; grid-row: 1; justify-self: end; min-height: 36px; padding: 9px 13px; font-size: 12px; border-radius: 6px; }
.white-edition .site-header .desktop-nav > a { align-self: center; padding: 9px 12px; min-height: 36px; border-radius: 5px; text-decoration: none; }
.white-edition .site-header .desktop-nav > a[aria-current=page] { background: #ffffff12; }
.white-edition .site-header .desktop-nav > a[aria-current=page]::after { display: none; }
.white-edition .site-header :is(.brand, .desktop-nav a, .resource-nav-trigger) { color: #cecece; }
.white-edition .site-header .brand,
.white-edition .site-header :is(a[aria-current=page], a:hover) { color: #ffffff; }
.white-edition .site-header .button.light,
.white-edition .site-header .ce-coaching-trigger { background: #f5f5f5; color: #181818; border-color: #f5f5f5; }
.white-edition .site-header .button.light:hover { background: #ffffff; color: #181818; }
.white-edition .site-header .menu-toggle span { background: #f4f4f4; }
.white-edition .site-header .mobile-nav { background: #111111; border-color: #373737; color: #e2e2e2; }
.white-edition .site-header .mobile-nav a { color: #e2e2e2; }
.white-edition .site-header .resource-nav-panel { background: #1a1a1a; color: #e6e6e6; border-color: #404040; }
.white-edition .site-header :is(a, button):focus-visible { outline-color: #ffffff; }
.white-edition .button { border-radius: var(--white-control-radius); }
.white-edition :is(.kb-card, .story-card, .collection-card, .co-stage, .co-at-a-glance) { border-radius: var(--white-card-radius); }
.white-edition .site-footer { margin-top: 72px; }
.white-edition.knowledge-page .kb-sidebar { top: 104px; max-height: calc(100svh - 104px); min-height: calc(100svh - 104px); }
.white-edition.knowledge-page .kb-controls { top: 96px; }
.white-edition.course-detail .co-toc { top: 104px; }
.white-edition.course-detail .co-section { scroll-margin-top: 112px; }
.white-edition.hb-page .hb-reader-bar { top: 96px; }

@media (max-width: 1050px) {
  .white-edition .site-header .header-inner > .desktop-nav { gap: 2px; font-size: 12px; }
  .white-edition .site-header .desktop-nav > a { padding-inline: 9px; }
}
@media (max-width: 809px) {
  .white-edition .container { width: calc(100% - 40px); }
  .white-edition .site-header,
  .white-edition.hb-page .hb-site-header { top: 10px; width: calc(100% - 24px); height: 60px; margin-top: 12px; border-radius: 8px; }
  .white-edition .site-header::before { top: -14px; height: 13px; left: -13px; right: -13px; }
  .white-edition .site-header .header-inner,
  .white-edition.hb-page .hb-site-header .header-inner { padding-inline: 14px; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; }
  .white-edition .site-header .header-inner > .desktop-nav { display: none; }
  .white-edition .site-header .header-inner > .header-contact { grid-column: 2; font-size: 11px; padding: 9px 11px; }
  .white-edition .site-header .header-inner > .menu-toggle { grid-column: 3; grid-row: 1; width: 36px; min-width: 36px; height: 44px; }
  .white-edition .site-header .mobile-nav:not([hidden]) { inset: calc(100% + 8px) 0 auto; border: 1px solid #3a3a3a; border-radius: 8px; background: #242424; box-shadow: 0 12px 28px #00000018; max-height: calc(100svh - 102px); }
  .white-edition.knowledge-page .kb-sidebar { top: auto; min-height: 0; max-height: none; }
  .white-edition.knowledge-page .kb-controls,
  .white-edition.course-detail .co-toc,
  .white-edition.hb-page .hb-reader-bar { top: 82px; }
}

/* Home layout is defined in white-home.css. */
.white-edition .kb-home > span, .white-edition .eyebrow > span { color: #666666; }
.white-edition .eyebrow > span { background: #555555; }
.white-edition :is(.bio-hero-top > img, .co-author > img) { background: #1a1a1a; border-radius: 50%; padding: 7px; }

/* The library is white throughout; selected controls carry the black accent. */
.white-edition.knowledge-page { --kb-surface: #ffffff; --kb-line: var(--white-line); --kb-muted: var(--white-muted); }
.white-edition :is(.kb-category, .kb-category-symbol, .kb-home small, .kb-category small, .kb-breadcrumb, .kb-eyebrow, .kb-sort, .kb-refine, .kb-results, .kb-results > span, .kb-sidebar-note) { color: #696969; }
.white-edition .kb-breadcrumb a { color: #434343; }
.white-edition .kb-category:hover { color: #181818; background: #ededed; }
.white-edition.knowledge-page .kb-category[aria-current=page] { background: #1a1a1a; border-color: #1a1a1a; color: #ffffff; }
.white-edition.knowledge-page .kb-category[aria-current=page] :is(.kb-category-symbol, small) { color: #dedede; }
.white-edition .kb-controls { background: #fafafaf5; border-color: var(--white-line); }
.white-edition.knowledge-page .kb-search { background: #ffffff; border-color: #bfbfbf; }
.white-edition.knowledge-page .kb-search:focus-within { border-color: #4c4c4c; outline-color: #4c4c4c; outline-offset: 2px; }
.white-edition .kb-sort select, .white-edition .kb-refine select { background: #ffffff; border-color: #cdcdcd; color: #393939; }
.white-edition .kb-filters button { color: #6e6e6e; }
.white-edition .kb-filters button:hover,
.white-edition .kb-filters button[aria-pressed=true] { color: #252525; border-bottom-color: #303030; }
.white-edition .kb-filter-scroll-button { background: #efefef; border-color: #d2d2d2; color: #474747; }
.white-edition .kb-reset, .white-edition .kb-source-notice button { color: #494949; }
.white-edition .kb-files input { accent-color: #323232; }
.white-edition.knowledge-page .kb-total { background: #eeeeee; }
.white-edition.knowledge-page .kb-card { border-color: #d9d9d9; background: #ffffff; }
.white-edition.knowledge-page .kb-card:hover { border-color: #989898; }
.white-edition .kb-card-cover { background: #f0f0f0; border-color: #dfdfdf; }
.white-edition .kb-type-cover,
.white-edition.knowledge-page .kb-type-cover[data-type] { background: #f1f1f1; }
.white-edition.knowledge-page .kb-type-cover small,
.white-edition.knowledge-page .kb-type-cover[data-type] small { color: #6c6c6c; }
.white-edition.knowledge-page .kb-type-cover strong,
.white-edition.knowledge-page .kb-type-cover[data-type] strong { color: #c5c5c5; }
.white-edition.knowledge-page .kb-type-cover > span,
.white-edition.knowledge-page .kb-type-cover[data-type] > span { color: #383838; }
.white-edition .kb-card-type, .white-edition .kb-card-type > span,
.white-edition .kb-card-copy > p, .white-edition .kb-card-foot { color: #6d6d6d; }
.white-edition .kb-card-foot { border-color: #dfdfdf; }
.white-edition .kb-card-foot > span:last-child { color: #444444; }
.white-edition .kb-more { background: #282828; color: #f9f9f9; border-color: #282828; }
.white-edition .kb-more:hover { background: #434343; }
.white-edition .kb-empty { border-color: #bebebe; color: #696969; }
.white-edition .kb-empty h2 { color: #333333; }
.white-edition .kb-empty button { background: #ededed; color: #3c3c3c; border-color: #c8c8c8; }

/* Course reading and decision surfaces. Media players retain black letterboxing. */
.white-edition.course-detail { --co-line: var(--white-line); --co-muted: var(--white-muted); --co-surface: #ffffff; }
.white-edition :is(.co-breadcrumb, .co-breadcrumb > span:last-child, .co-lede, .co-author > a, .co-author > div > span, .co-section-label, .co-toc > p, .co-toc-note > span, .co-video-heading > p:last-child, .co-video-figure figcaption, .co-video-figure figcaption span, .co-video-chapters > p, .co-video-source) { color: var(--white-muted); }
.white-edition .co-tags > span { background: #f0f0f0; border-color: #dbdbdb; color: #595959; }
.white-edition.course-detail .co-at-a-glance { background: #f1f1f1; border-color: #dfdfdf; }
.white-edition :is(.co-video-chapters button, .co-toc a, .co-toc-note button, .co-inline-link, .co-evidence-all) { color: #494949; border-color: var(--white-line); }
.white-edition .co-toc a:hover, .white-edition .co-toc a[aria-current=location] { background: #ededed; color: #2d2d2d; }
.white-edition .co-toc a[aria-current=location] { border-left-color: #525252; }
.white-edition .co-toc a span { color: #717171; }
.white-edition .co-toc-note { border-color: var(--white-line); }
.white-edition :is(.co-section p:not(.co-section-label), .co-checklist, .co-benefit p, .co-stories p, .co-faq details p, .co-enrollment p) { color: var(--white-muted); }
.white-edition :is(.co-problems > div, .co-fit-card, .co-note, .co-stage, .co-stories article, .co-end) { background: #ffffff; border-color: var(--white-line); }
.white-edition :is(.co-fit, .co-fit li, .co-checklist li, .co-benefit, .co-faq, .co-faq details) { border-color: var(--white-line); }
.white-edition :is(.co-stage-no, .co-stage-summary > span, .co-stage-head p, .co-expand, .co-benefit > span, .co-stories article > span:not(.co-record-preview), .co-stories strong small, .co-faq summary span) { color: #6c6c6c; }
.white-edition .co-stage summary:hover { background: #f4f4f4; }
.white-edition .co-stage-body, .white-edition .co-stage-points, .white-edition .co-stage-output { border-color: var(--white-line); color: var(--white-muted); }
.white-edition .co-stage-output { background: #f0f0f0; }
.white-edition .co-stage-output > span { color: #5a5a5a; }
.white-edition .co-stories article > .co-record-open { color: #444444; border-color: var(--white-line); }
.white-edition .co-section > .co-evidence-note { color: #6e6e6e !important; }
.white-edition .co-offer { background: #f0f0f0; border-color: #d5d5d5; }
.white-edition .co-offer :is(.eyebrow, .co-offer-meta, .co-offer-copy > p:last-child) { color: #626262; }
.white-edition.course-detail .co-purchase { background: #1c1c1c; color: #f9f9f9; border-color: #1c1c1c; }
.white-edition.course-detail .co-purchase :is(.co-price-label, .co-price-period), .white-edition.course-detail .co-purchase > a { color: #cccccc; }
.white-edition.course-detail .co-purchase .button.light { background: #f7f7f7; color: #313131; }
.white-edition.course-detail .co-fees { background: #ffffff; border-color: #d4d4d4; }
.white-edition.course-detail .co-fees-total { background: #f0f0f0; }
.white-edition.course-detail .co-toc { background: #fafafaf5; }
.white-edition.course-detail .co-toc nav a { color: #606060; }
.white-edition.course-detail .co-toc nav a:hover,
.white-edition.course-detail .co-toc nav a[aria-current=location] { background: #ededed; color: #242424; }
.white-edition.course-detail .co-toc nav a[aria-current=location] span { color: #535353; }
.white-edition.course-detail .co-stage:hover { background: #f7f7f7; }
.white-edition.course-detail .co-stage[open] { background: #ffffff; }
.white-edition.course-detail .co-stage[open] .co-stage-no { background: #282828; color: #ffffff; }
.white-edition.course-detail :is(.co-stage-body > p:first-child, .co-stage-points li, .co-stage-body .co-stage-output, .co-fees dd, .co-fees-head, .co-fees-core > span, .co-fees-core p, .co-evidence figcaption) { color: #636363; }
.white-edition.course-detail :is(.co-fees dt, .co-fees-total > span, .co-note a, .co-faq a) { color: #333333; }
.white-edition.course-detail :is(.co-breadcrumb a:hover, .co-video-source:hover, .co-video-chapters button:hover, .co-record-open:hover) { color: #181818; }
.white-edition.course-detail .co-video-status { color: #636363; }
.white-edition.course-detail .co-poster-preview small { color: #cccccc; }
.white-edition.course-detail :is(.co-path-tools, .co-at-a-glance dt) { color: #636363; }
.white-edition.course-detail .co-at-a-glance dd { color: #282828; }
.white-edition.course-detail .co-path-tools button { background: #ffffff; color: #444444; border-color: #bfbfbf; }
.white-edition.course-detail .co-path-tools button:hover { background: #ededed; border-color: #777777; }

/* Author and student pages. */
.white-edition.about-page { --bio-muted: var(--white-muted); --bio-rule: var(--white-line); }
.white-edition :is(.bio-meta, .bio-index, .bio-section-label > span, .bio-milestone > span, .bio-number, .bio-question, .bio-steps li > span, .bio-coaching-foot p, .bio-reading-link > div > span, .bio-reading-link > span, .bio-social, .bio-working-note > p) { color: #6d6d6d; }
.white-edition :is(.bio-story > .bio-opening, .bio-story > .bio-signature, .bio-working-note > span, .bio-reading-link:hover h3, .bio-index a:hover, .bio-social a:hover) { color: #2f2f2f; }
.white-edition .bio-coaching { background: #f1f1f1; border-color: #d8d8d8; }
.white-edition :is(.bio-steps, .bio-steps li, .bio-coaching-foot) { border-color: #d8d8d8; }
.white-edition .bio-hero::before { background-image: radial-gradient(#34343440 .8px, transparent 1px); }
.white-edition.stories-page { --story-muted: var(--white-muted); --story-line: var(--white-line); }
.white-edition :is(.stories-lens, .stories-kicker, .stories-library-head > p, .stories-update, .stories-note, .story-detail-topic, .story-detail dt, .story-outcome, .story-card-action, .stories-access > button) { color: #6c6c6c; }
.white-edition .story-card { background: #ffffff; }
.white-edition .story-card:hover { border-color: #969696; }
.white-edition .stories-filters button { color: #666666; }
.white-edition .stories-filters button:hover { background: #eeeeee; }
.white-edition .stories-filters button[aria-pressed=true] { background: #2d2d2d; color: #ffffff; }
.white-edition .story-cover { color: #f6f6f6; }
.white-edition :is(.story-detail dd, .story-course-link, .stories-feedback button, .stories-feedback a) { color: #3a3a3a; }
.white-edition dialog.story-dialog, .white-edition .story-dialog-bar { background: #ffffff; border-color: var(--white-line); color: var(--white-ink); }
.white-edition .story-viewer { color: #f6f6f6; }
.white-edition .story-content-section h3 { color: #282828; }
.white-edition :is(.story-content-section p, .story-points, .story-record figcaption, .story-section-number, .story-image-help, .story-image-navigation > span) { color: #666666; }
.white-edition .story-detail > .story-result-note { color: #666666 !important; }
.white-edition :is(.story-close, .story-image-close, #story-image-zoom, .story-image-navigation button) { background: #ededed; color: #303030; }
.white-edition :is(.story-course-link, .story-image-bar, .story-image-navigation, .story-record-open, .story-record-action) { border-color: var(--white-line); }
.white-edition .story-record-open { background: #eeeeee; color: #444444; }
.white-edition .story-viewer .text-link { color: #dddddd; }
.white-edition .story-viewer .button.light { background: #eeeeee; color: #242424; }

/* Resource detail shells: keep original downloads and images intact. */
.white-edition :is(.collection-crumb, .collection-overline, .collection-results, .collection-meta, .collection-author, .detail-author, .detail-copy, .file-row span, .collection-note, .talk-player p) { color: var(--white-muted); }
.white-edition :is(.collection-back, .collection-secondary, .collection-card-action) { color: #4a4a4a; }
.white-edition :is(.collection-controls, .file-section) { border-color: var(--white-line); }
.white-edition :is(.collection-card, .file-row, .collection-controls input) { background: #ffffff; color: var(--white-ink); border-color: var(--white-line); }
.white-edition .detail-cover { background: #f3f3f3; border-color: var(--white-line); }
.white-edition .collection-primary { background: #303030; color: #ffffff; }
.white-edition .collection-crumb a:hover { color: #363636; }
.white-edition .collection-filters button { color: #616161; }
.white-edition .collection-filters button[aria-pressed=true] { background: #282828; color: white; }
.white-edition .collection-meta span { border-color: #c9c9c9; }
.white-edition .type-cover,
.white-edition .collection-card:nth-child(n) .type-cover { background: #efefef; color: #303030; border-left-color: #c9c9c9; }

/* Handbooks use their own theme tokens. Interactive demo colour semantics stay local. */
.white-edition.hb-page {
  --bg-2: #efefef; --bg-3: #f5f5f5; --paper: #ffffff;
  --ink: #272727; --ink-soft: #606060; --ink-mute: #757575;
  --line: #d8d8d8; --line-soft: #e8e8e8;
  --accent: #535353; --accent-soft: #ededed;
  --blue: #5c5c5c; --blue-soft: #f1f1f1;
  --green: #646464; --green-soft: #efefef;
  --yellow: #686868; --yellow-soft: #f4f4f4;
  background: var(--white-canvas) !important;
}
.white-edition.hb-page :is(.hb-chapters, .hb-reader-bar, .hb-footer) { background: #f4f4f4; color: #575757; border-color: #d8d8d8; }
.white-edition.hb-page .hb-chapters a { color: #606060 !important; }
.white-edition.hb-page .hb-chapters :is(a.active, a[aria-current=page], a[aria-current=location]) { background: #343434 !important; color: white !important; }
.white-edition.hb-page .hb-reader-bar select { background: #ffffff; color: #444444; border-color: #d4d4d4; }
.white-edition.hb-page :is(.hb-directory-desc, .hb-reading-desc, .hb-kicker, .hb-directory-meta, .hb-row-number, .hb-row-action, .hb-reading-count, .hb-breadcrumb, .hb-breadcrumb [aria-current=page], .hb-directory-note, .hb-directory-row p, .hb-lesson .section-sub) { color: #6e6e6e; }
.white-edition.hb-page :is(.hb-directory-row, .hb-directory-note, .hb-pagination) { border-color: #d9d9d9; }
.white-edition.hb-page .hb-directory-row:hover { background: #f1f1f1; }
.white-edition.hb-page :is(.hb-start, .hb-start:hover) { background: #383838; color: #ffffff; }
.white-edition.hb-page :is(.pattern-related, .entry-overview, .md-overview, .info, .layout) { background: #ffffff; border-color: #d9d9d9; }
.white-edition.hb-page :is(.hb-directory-hero, .hb-reading-hero, header.top.hb-reading-hero) h1 { color: #222222; }
.white-edition.hb-page :is(.hb-directory-note > span, .hb-directory-note p, .hb-row-action b, .hb-reader-bar a, .hb-pagination a, .hb-next a, .hb-footer .hb-width > div, .hb-paths a, .hb-card-foot > span:last-child) { color: #555555; }
.white-edition.hb-page :is(.hb-collection-hero > div p, .hb-book-card p, .hb-reading-tip p, .section-desc, .sec-desc, .section-subtitle, .hero-left p, .hero .hero-lede, .hb-footer p) { color: #666666; }
.white-edition.hb-page :is(.hb-card-meta, .hb-card-meta > span:last-child, .hb-card-mark, .hb-card-foot, .hb-group-head p, .hb-group-head span) { color: #666666; }
.white-edition.hb-page :is(.hb-book-card, .mod, .hb-pattern-overview .mod) { background: #ffffff; border-color: #dbdbdb; }
.white-edition.hb-page .hb-book-card:hover { background: #f0f0f0; }
.white-edition.hb-page :is(.entry-overview, .selector-section, .knowledge-section, .checklist-section, .md-overview, .md-selector, .md-matrix-section, .md-checklist, .practice-card, .md-practice-card, .info) { background: #ffffff; color: #303030; }
.white-edition.hb-page :is(.formula, .md-formula, .jbase, .creed) { background: #eeeeee; color: #4d4d4d; }
.white-edition.hb-page :is(.section-title, .sec-title) em { color: #535353; }
.white-edition.hb-page :is(.checklist-section, .md-checklist) :is(p, .md-check-text, .check-text) { color: #626262; }
.white-edition.hb-page :is(.checklist-section, .md-checklist) button { color: #4c4c4c; background: #f0f0f0; }
.white-edition.hb-page :is(.check-item, .md-check-item).on { background: #e8e8e8; }
.white-edition.hb-page :is(.check-progress, .md-progress) strong { color: #333333; }
.white-edition.hb-page :is(.entry.active, .entry.on) { background: #e9e9e9; }
.white-edition.hb-page .entry.on .em-ico { background: #dcdcdc; }
.white-edition.hb-page .entry .play { color: #555555; }
.white-edition.hb-page :is(.hb-paths a:hover, .hb-breadcrumb a:hover) { color: #222222; }
.white-edition.hb-page .hb-module-picker select { background: #ffffff; color: #444444; border-color: #cccccc; }

/* Contact windows and footer are part of the white reading surface. */
.white-edition dialog:not(.story-dialog):not(.co-image-dialog):not(.pdf-dialog),
.white-edition #ce-coaching-dialog { background: #ffffff; color: var(--white-ink); border-color: #d3d3d3; box-shadow: 0 20px 80px #20202022; }
.white-edition #ce-coaching-dialog :is(.ce-coaching-kicker, #ce-coaching-description, .ce-coaching-status),
.white-edition dialog > p:not(.eyebrow) { color: var(--white-muted); }
.white-edition #ce-coaching-dialog h2 { color: var(--white-ink); }
.white-edition #ce-coaching-dialog .ce-coaching-close,
.white-edition .dialog-close { background: #f1f1f1; color: #393939; }
.white-edition #ce-coaching-dialog .ce-coaching-copy,
.white-edition .copy-wechat { background: #f1f1f1; color: #393939; border-color: #d8d8d8; }
.white-edition #ce-coaching-dialog .ce-coaching-copy span,
.white-edition .copy-wechat span { color: #626262; }
.white-edition .site-footer { border-color: var(--white-line); }
.white-edition .site-footer::before { opacity: .04; }
.white-edition .site-footer .brand { color: var(--white-ink); }
.white-edition .site-footer .brand img { background: #1a1a1a; border-radius: 50%; }
.white-edition :is(.footer-brand p, .footer-grid h3, .footer-grid > div:not(:first-child) > a, .footer-grid button, .footer-grid > div > span, .footer-bottom) { color: #6b6b6b; }
.white-edition .footer-bottom { border-color: var(--white-line); }
.white-edition .footer-grid :is(a:hover, button:hover) { color: #333333; }