/*
 * VibeCoding School — color-only white-theme experiment
 * Load after vcs-terminal.css, style.css, and vcs-education-check.css.
 * This file changes paint only; geometry, typography, content, and interactions
 * remain owned by the existing page styles.
 */

/* Quiet mineral-paper / deep-teal palette. */
html[data-experiment-theme="white"] {
  --vt-bg: #f4f6f2;
  --vt-bg-deep: #e9eee8;
  --vt-surface: #ffffff;
  --vt-surface-2: #f0f3ef;
  --vt-bar: #e3e9e3;
  --vt-line: #74897d;
  --vt-line-2: #667d70;
  --vt-text: #18251f;
  --vt-text-2: #3f5148;
  --vt-text-3: #53665b;
  --vt-accent: #176b58;
  --vt-accent-deep: #105342;
  --vt-accent-soft: #e2f0e9;
  --vt-red: #a63e35;
  --vt-yellow: #805600;
  --vt-green: #286548;

  --primary-color: #176b58;
  --secondary-color: #105342;
  --accent-color: #176b58;
  --text-dark: #18251f;
  --text-light: #46584f;
  --background: #f4f6f2;
  --background-light: #edf1ec;
  --border-color: #6d8376;
  --success-color: #286548;
  --error-color: #a63e35;

  /* Suggested graph-canvas palette if the main agent later opts to parameterize JS. */
  --vt-graph-line: #176b58;
  --vt-graph-line-soft: rgba(23, 107, 88, .28);
  --vt-graph-node: #ffffff;
  --vt-graph-label: #405249;
  --vt-graph-panel: rgba(255, 255, 255, .96);

  color-scheme: light;
  background: var(--vt-bg);
  color: var(--vt-text);
}

html[data-experiment-theme="white"] body {
  background-color: var(--vt-bg) !important;
  color: var(--vt-text);
}

html[data-experiment-theme="white"] ::selection {
  color: #ffffff;
  background: var(--vt-accent);
}

/* Terminal Glass home: remap existing skin tokens without touching its layout. */
html[data-experiment-theme="white"].vt-home {
  --primary-color: var(--vt-accent);
  --secondary-color: var(--vt-accent-deep);
  --accent-color: var(--vt-accent);
  --text-dark: var(--vt-text);
  --text-light: var(--vt-text-2);
  --background: var(--vt-bg);
  --background-light: var(--vt-surface-2);
  --border-color: var(--vt-line);
}

html[data-experiment-theme="white"].vt-home body,
html[data-experiment-theme="white"].vt-home .hero {
  background: var(--vt-bg) !important;
  color: var(--vt-text);
}

html[data-experiment-theme="white"].vt-home .hero::before {
  background-image:
    linear-gradient(rgba(31, 67, 52, .13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 67, 52, .13) 1px, transparent 1px);
}
html[data-experiment-theme="white"].vt-home .hero::after {
  background: radial-gradient(circle, rgba(23, 107, 88, .10), transparent 62%);
}
html[data-experiment-theme="white"].vt-home .hero-title,
html[data-experiment-theme="white"].vt-home .section-title,
html[data-experiment-theme="white"].vt-home .subsection-title,
html[data-experiment-theme="white"].vt-home .intro-card h3,
html[data-experiment-theme="white"].vt-home .intro-description h3,
html[data-experiment-theme="white"].vt-home .course-title,
html[data-experiment-theme="white"].vt-home .review-author,
html[data-experiment-theme="white"].vt-home .achievement-number,
html[data-experiment-theme="white"].vt-home .story-card h4,
html[data-experiment-theme="white"].vt-home .contact-info h3,
html[data-experiment-theme="white"].vt-home #faq .faq-question {
  color: var(--vt-text) !important;
}
html[data-experiment-theme="white"].vt-home .hero-subtitle,
html[data-experiment-theme="white"].vt-home .section-subtitle,
html[data-experiment-theme="white"].vt-home .intro-description,
html[data-experiment-theme="white"].vt-home .intro-description p,
html[data-experiment-theme="white"].vt-home .intro-details p,
html[data-experiment-theme="white"].vt-home .expertise-list li,
html[data-experiment-theme="white"].vt-home .course-description,
html[data-experiment-theme="white"].vt-home .course-features li,
html[data-experiment-theme="white"].vt-home .review-text,
html[data-experiment-theme="white"].vt-home .achievement-desc,
html[data-experiment-theme="white"].vt-home .story-card p,
html[data-experiment-theme="white"].vt-home .contact-info .info-item p,
html[data-experiment-theme="white"].vt-home #faq .faq-item > div {
  color: var(--vt-text-2) !important;
}
html[data-experiment-theme="white"].vt-home .section,
html[data-experiment-theme="white"].vt-home .intro-section,
html[data-experiment-theme="white"].vt-home .ax-hub-section,
html[data-experiment-theme="white"].vt-home .courses-section,
html[data-experiment-theme="white"].vt-home .reviews-section,
html[data-experiment-theme="white"].vt-home .achievements-section,
html[data-experiment-theme="white"].vt-home .contact-section,
html[data-experiment-theme="white"].vt-home #faq,
html[data-experiment-theme="white"].vt-home .case-studies-section {
  background-color: transparent !important;
  color: var(--vt-text);
}

/* Shared panels, cards, outlines, carousel controls, and interactive states. */
html[data-experiment-theme="white"].vt-home .case-study-card,
html[data-experiment-theme="white"].vt-home .case-study-content,
html[data-experiment-theme="white"].vt-home .intro-card,
html[data-experiment-theme="white"].vt-home .course-card,
html[data-experiment-theme="white"].vt-home .review-card,
html[data-experiment-theme="white"].vt-home .achievement-card,
html[data-experiment-theme="white"].vt-home .story-card,
html[data-experiment-theme="white"].vt-home #faq .faq-item,
html[data-experiment-theme="white"].vt-home .contact-info,
html[data-experiment-theme="white"].vt-home .contact-form-wrapper,
html[data-experiment-theme="white"].vt-home .vt-mini {
  background: var(--vt-surface) !important;
  color: var(--vt-text);
  border-color: var(--vt-line);
  box-shadow: 0 4px 18px rgba(28, 53, 40, .07);
}
html[data-experiment-theme="white"].vt-home .course-card.featured {
  background: var(--vt-surface) !important;
  border-color: var(--vt-accent);
}
html[data-experiment-theme="white"].vt-home .ax-hub-card {
  background: transparent;
  border-color: var(--vt-line);
}
html[data-experiment-theme="white"].vt-home .ax-hub-card:hover {
  background: rgba(23, 107, 88, .06);
}
html[data-experiment-theme="white"].vt-home .case-study-meta,
html[data-experiment-theme="white"].vt-home .review-meta,
html[data-experiment-theme="white"].vt-home .vt-mini .vt-p,
html[data-experiment-theme="white"].vt-home .vt-mini .vt-k {
  color: var(--vt-text-3) !important;
}
html[data-experiment-theme="white"].vt-home .case-carousel-btn,
html[data-experiment-theme="white"].vt-home .carousel-btn,
html[data-experiment-theme="white"].vt-home .btn-secondary,
html[data-experiment-theme="white"].vt-home .btn-outline,
html[data-experiment-theme="white"].vt-home .btn-course {
  background: var(--vt-surface);
  color: var(--vt-accent-deep);
  border-color: var(--vt-line-2);
}
html[data-experiment-theme="white"].vt-home .case-carousel-btn:hover,
html[data-experiment-theme="white"].vt-home .carousel-btn:hover,
html[data-experiment-theme="white"].vt-home .btn-secondary:hover,
html[data-experiment-theme="white"].vt-home .btn-outline:hover,
html[data-experiment-theme="white"].vt-home .btn-course:hover,
html[data-experiment-theme="white"].vt-home .course-card.featured .btn-course {
  background: var(--vt-accent);
  color: #ffffff;
  border-color: var(--vt-accent);
}
html[data-experiment-theme="white"].vt-home .btn-primary,
html[data-experiment-theme="white"].vt-home .vt-mcta a.p {
  background: var(--vt-accent);
  color: #ffffff;
  border-color: var(--vt-accent);
  box-shadow: none;
}
html[data-experiment-theme="white"].vt-home .btn-primary:hover,
html[data-experiment-theme="white"].vt-home .vt-mcta a.p:hover {
  background: var(--vt-accent-deep);
  color: #ffffff;
}
html[data-experiment-theme="white"].vt-home .case-carousel-indicators .indicator,
html[data-experiment-theme="white"].vt-home .carousel-indicator {
  background: #74897d;
}
html[data-experiment-theme="white"].vt-home .case-carousel-indicators .indicator.active,
html[data-experiment-theme="white"].vt-home .carousel-indicator.active {
  background: var(--vt-accent);
}
html[data-experiment-theme="white"].vt-home .story-tag,
html[data-experiment-theme="white"].vt-home .course-badge {
  background: var(--vt-accent-soft);
  color: var(--vt-accent-deep);
  border-color: #74897d;
}
html[data-experiment-theme="white"].vt-home .intro-role,
html[data-experiment-theme="white"].vt-home .achievement-label,
html[data-experiment-theme="white"].vt-home .contact-info .info-item strong,
html[data-experiment-theme="white"].vt-home .ax-hub-link {
  color: var(--vt-accent-deep) !important;
}
html[data-experiment-theme="white"].vt-home .vt-stage .vt-term,
html[data-experiment-theme="white"].vt-home .vt-mini {
  background: rgba(255, 255, 255, .96);
  border-color: var(--vt-line-2);
}
html[data-experiment-theme="white"].vt-home .vt-stage .vt-bar,
html[data-experiment-theme="white"].vt-home .vt-mini .vt-bar,
html[data-experiment-theme="white"].vt-home .vt-win-bar,
html[data-experiment-theme="white"].vt-home .case-study-card::before,
html[data-experiment-theme="white"].vt-home .intro-card::before,
html[data-experiment-theme="white"].vt-home .achievement-card::before,
html[data-experiment-theme="white"].vt-home .contact-form-wrapper::before {
  background-color: var(--vt-bar);
  border-bottom-color: var(--vt-line);
  color: var(--vt-text-2);
}
html[data-experiment-theme="white"].vt-home .vt-term .vt-cmd {
  color: var(--vt-text);
}
html[data-experiment-theme="white"].vt-home .vt-term .vt-log {
  color: var(--vt-text-3);
}
html[data-experiment-theme="white"].vt-home .vt-term .vt-log i {
  color: var(--vt-green);
}
html[data-experiment-theme="white"].vt-home .vt-node-card {
  background: rgba(255, 255, 255, .98);
  color: var(--vt-text);
  border-color: var(--vt-line-2);
  box-shadow: 0 18px 40px rgba(28, 53, 40, .16);
}
html[data-experiment-theme="white"].vt-home .vt-nc-t {
  color: var(--vt-text);
}
html[data-experiment-theme="white"].vt-home .vt-nc-meta {
  color: var(--vt-text-3);
}
html[data-experiment-theme="white"].vt-home .vt-nc-tag,
html[data-experiment-theme="white"].vt-home .vt-nc-m,
html[data-experiment-theme="white"].vt-home .vt-skill-item small {
  color: var(--vt-accent-deep);
}
html[data-experiment-theme="white"].vt-home .vt-nc-tag {
  border-color: var(--vt-line-2);
}
html[data-experiment-theme="white"].vt-home .vt-nc-chip {
  color: var(--vt-text-2);
  background: var(--vt-accent-soft);
}
html[data-experiment-theme="white"].vt-home .vt-nc-x {
  background: #ffffff;
  color: var(--vt-text);
  border-color: var(--vt-line-2);
}
html[data-experiment-theme="white"].vt-home .vt-nc-go {
  background: var(--vt-accent);
  color: #ffffff !important;
}
html[data-experiment-theme="white"].vt-home .vt-nc-go:hover {
  background: var(--vt-accent-deep);
}
html[data-experiment-theme="white"].vt-home .vt-skill-item {
  border-color: var(--vt-line);
}
html[data-experiment-theme="white"].vt-home .btn:disabled,
html[data-experiment-theme="white"].vt-home button:disabled {
  background: #e4e9e4;
  color: #52635a;
  border-color: #6d8376;
  box-shadow: none;
  opacity: 1;
  cursor: not-allowed;
}

/* Homepage inline-color exceptions: preserve the existing button/callout geometry. */
html[data-experiment-theme="white"].vt-home .hero > .container > .hero-content > p[style] {
  color: var(--vt-text-2) !important;
}
html[data-experiment-theme="white"].vt-home .hero-buttons a.btn-primary[style] {
  background: var(--vt-surface) !important;
  color: var(--vt-accent-deep) !important;
  border-color: var(--vt-line-2) !important;
  box-shadow: none !important;
}
html[data-experiment-theme="white"].vt-home .hero-content > .hero-buttons + div a[style],
html[data-experiment-theme="white"].vt-home .hero-academy-link a {
  color: var(--vt-accent-deep) !important;
}
html[data-experiment-theme="white"].vt-home main > section.hero + section {
  background: var(--vt-bg-deep) !important;
  border-color: var(--vt-line) !important;
}
html[data-experiment-theme="white"].vt-home main > section.hero + section span[style] {
  background: var(--vt-accent) !important;
  color: #ffffff !important;
  border-color: var(--vt-accent) !important;
}
html[data-experiment-theme="white"].vt-home #sejong-book-announcement {
  color: var(--vt-text) !important;
}
html[data-experiment-theme="white"].vt-home main > section.hero + section a[style] {
  color: var(--vt-accent-deep) !important;
}
html[data-experiment-theme="white"].vt-home .books-grid .course-card a[style],
html[data-experiment-theme="white"].vt-home .ax-hub-academy a {
  color: var(--vt-accent-deep) !important;
}

/* Navigation, language control, dropdown, mobile menu, and footer. */
html[data-experiment-theme="white"].vt nav.navbar {
  background: rgba(244, 246, 242, .97) !important;
  border-bottom-color: var(--vt-line);
  box-shadow: 0 2px 12px rgba(25, 45, 34, .07) !important;
}
html[data-experiment-theme="white"].vt nav.navbar .nav-brand h2,
html[data-experiment-theme="white"].vt nav.navbar .nav-menu li a,
html[data-experiment-theme="white"].vt nav.navbar .hamburger span {
  color: var(--vt-text);
}
html[data-experiment-theme="white"].vt nav.navbar .nav-menu li a,
html[data-experiment-theme="white"].vt nav.navbar .nav-dropdown-menu li a {
  color: var(--vt-text-2);
}
html[data-experiment-theme="white"].vt nav.navbar .nav-menu li a:hover,
html[data-experiment-theme="white"].vt nav.navbar .nav-dropdown-menu li a:hover,
html[data-experiment-theme="white"].vt nav.navbar .nav-academy a,
html[data-experiment-theme="white"].vt nav.navbar .lang-option.active {
  color: var(--vt-accent-deep) !important;
}
html[data-experiment-theme="white"].vt nav.navbar .nav-dropdown-menu,
html[data-experiment-theme="white"].vt nav.navbar .nav-right {
  background: var(--vt-surface);
  border-color: var(--vt-line);
  box-shadow: 0 12px 32px rgba(25, 45, 34, .12);
}
html[data-experiment-theme="white"].vt nav.navbar .lang-toggle,
html[data-experiment-theme="white"].vt nav.navbar .hamburger {
  border-color: var(--vt-line-2);
  color: var(--vt-text-2);
}
html[data-experiment-theme="white"].vt nav.navbar .lang-toggle:hover {
  background: var(--vt-accent);
  color: #ffffff;
}
html[data-experiment-theme="white"].vt nav.navbar .lang-toggle:hover .lang-option.active {
  color: #ffffff;
}
html[data-experiment-theme="white"].vt body > footer,
html[data-experiment-theme="white"].vt .footer {
  background: var(--vt-bg-deep) !important;
  color: var(--vt-text-2) !important;
  border-top-color: var(--vt-line);
}
html[data-experiment-theme="white"].vt body > footer a,
html[data-experiment-theme="white"].vt .footer a {
  color: var(--vt-accent-deep) !important;
}
html[data-experiment-theme="white"].vt body > footer h1,
html[data-experiment-theme="white"].vt body > footer h2,
html[data-experiment-theme="white"].vt body > footer h3,
html[data-experiment-theme="white"].vt body > footer h4,
html[data-experiment-theme="white"].vt body > footer strong {
  color: var(--vt-text) !important;
}

/* Homepage form: labels, entered text, placeholders, errors and confirmation. */
html[data-experiment-theme="white"].vt-home .contact-form-wrapper,
html[data-experiment-theme="white"].vt-home .contact-form {
  background: var(--vt-surface) !important;
  color: var(--vt-text);
}
html[data-experiment-theme="white"].vt-home .contact-form .form-group label {
  color: var(--vt-text-2);
}
html[data-experiment-theme="white"].vt-home .contact-form input,
html[data-experiment-theme="white"].vt-home .contact-form textarea,
html[data-experiment-theme="white"].vt-home .contact-form select {
  background: #ffffff;
  color: var(--vt-text);
  border-color: #74897d;
}
html[data-experiment-theme="white"].vt-home .contact-form input::placeholder,
html[data-experiment-theme="white"].vt-home .contact-form textarea::placeholder,
html[data-experiment-theme="white"].vt-home .contact-form select:invalid {
  color: #596c61;
  opacity: 1;
}
html[data-experiment-theme="white"].vt-home .contact-form input:focus,
html[data-experiment-theme="white"].vt-home .contact-form textarea:focus,
html[data-experiment-theme="white"].vt-home .contact-form select:focus {
  border-color: var(--vt-accent);
  box-shadow: 0 0 0 3px rgba(23, 107, 88, .18);
}
html[data-experiment-theme="white"].vt-home .form-message.success {
  background: #e6f3e9;
  color: #205c3e;
  border: 1px solid #6e9c7c;
}
html[data-experiment-theme="white"].vt-home .form-message.error {
  background: #fff0ed;
  color: #8c3029;
  border: 1px solid #bd766e;
}

/* Education-check: keep its original sage section layout, tune all states for contrast. */
html[data-experiment-theme="white"] .vcs-education-check {
  background: #edf2ec;
  color: #18251f;
}
html[data-experiment-theme="white"] .vcs-education-check__intro h2,
html[data-experiment-theme="white"] .vcs-education-check__card h3 {
  color: #18251f !important;
}
html[data-experiment-theme="white"] .vcs-education-check__intro p,
html[data-experiment-theme="white"] .vcs-education-check__hint,
html[data-experiment-theme="white"] .vcs-education-check__row p,
html[data-experiment-theme="white"] .vcs-education-check__micro {
  color: #405249 !important;
}
html[data-experiment-theme="white"] .vcs-education-check__eyebrow,
html[data-experiment-theme="white"] .vcs-education-check__meta,
html[data-experiment-theme="white"] .vcs-education-check__row > span {
  color: #285b46 !important;
}
html[data-experiment-theme="white"] .vcs-education-check__card {
  background: #ffffff;
  border-color: #74897d;
}
html[data-experiment-theme="white"] .vcs-education-check__progress {
  background: #74897d;
}
html[data-experiment-theme="white"] .vcs-education-check__progress span {
  background: #ffffff;
}
html[data-experiment-theme="white"] .vcs-education-check__option {
  color: #18251f;
  background: #ffffff;
  border-color: #74897d;
}
html[data-experiment-theme="white"] .vcs-education-check__option:hover,
html[data-experiment-theme="white"] .vcs-education-check__option:has(input:checked) {
  background: #e4f0e8;
  border-color: #286548;
}
html[data-experiment-theme="white"] .vcs-education-check__option input {
  accent-color: #176b58;
}
html[data-experiment-theme="white"] .vcs-education-check__controls button:first-child,
html[data-experiment-theme="white"] .vcs-education-check [data-ec-edit] {
  color: #244b39;
}
html[data-experiment-theme="white"] .vcs-education-check [data-ec-next],
html[data-experiment-theme="white"] .vcs-education-check__cta {
  background: #176b58;
  color: #ffffff !important;
}
html[data-experiment-theme="white"] .vcs-education-check__cta:hover,
html[data-experiment-theme="white"] .vcs-education-check [data-ec-next]:hover {
  background: #105342;
}
html[data-experiment-theme="white"] .vcs-education-check__controls button:disabled,
html[data-experiment-theme="white"] .vcs-education-check [data-ec-next]:disabled {
  background: #e4e9e4;
  color: #52635a;
  opacity: 1;
}
html[data-experiment-theme="white"] .vcs-education-check__row {
  border-bottom-color: #a1b0a5;
}
html[data-experiment-theme="white"] .vcs-education-check__environment {
  background: #e4f0e8;
  color: #243b2f;
}
html[data-experiment-theme="white"] .vcs-education-check button:focus-visible,
html[data-experiment-theme="white"] .vcs-education-check a:focus-visible,
html[data-experiment-theme="white"] .vcs-education-check input:focus-visible,
html[data-experiment-theme="white"].vt-home a:focus-visible,
html[data-experiment-theme="white"].vt-home button:focus-visible,
html[data-experiment-theme="white"].vt-home input:focus-visible,
html[data-experiment-theme="white"].vt-home textarea:focus-visible,
html[data-experiment-theme="white"].vt-home select:focus-visible {
  outline: 3px solid #176b58;
  outline-offset: 3px;
}

/* Corporate template (inline styles are intentionally color-overridden only). */
html[data-experiment-theme="white"].vt-sub body {
  background: #f4f6f2;
  color: #18251f;
}
html[data-experiment-theme="white"].vt-sub nav {
  background: #f4f6f2;
  border-bottom-color: #74897d;
}
html[data-experiment-theme="white"].vt-sub .nav-brand,
html[data-experiment-theme="white"].vt-sub .nav-links a:hover,
html[data-experiment-theme="white"].vt-sub .nav-links a.active {
  color: #105342;
}
html[data-experiment-theme="white"].vt-sub .nav-links a {
  color: #405249;
}
html[data-experiment-theme="white"].vt-sub .hamburger span {
  background: #176b58;
}
html[data-experiment-theme="white"].vt-sub .nav-links.open {
  background: #ffffff;
}
html[data-experiment-theme="white"].vt-sub .nav-links li {
  border-bottom-color: #74897d;
}
html[data-experiment-theme="white"].vt-sub .hero {
  background: #edf2ec !important;
  color: #18251f !important;
}
html[data-experiment-theme="white"].vt-sub .hero h1,
html[data-experiment-theme="white"].vt-sub .hero p,
html[data-experiment-theme="white"].vt-sub .hero strong,
html[data-experiment-theme="white"].vt-sub .hero span {
  color: #18251f !important;
}
html[data-experiment-theme="white"].vt-sub .hero .btn-white,
html[data-experiment-theme="white"].vt-sub .hero .btn-white[style] {
  background: #176b58 !important;
  border-color: #176b58 !important;
  color: #ffffff !important;
}
html[data-experiment-theme="white"].vt-sub .hero .btn-outline {
  background: transparent !important;
  border-color: #176b58 !important;
  color: #105342 !important;
}
html[data-experiment-theme="white"].vt-sub .hero .corp-education-check-callout {
  background: #e2eee6 !important;
  border-color: #82998b !important;
}
html[data-experiment-theme="white"].vt-sub .corp-toc,
html[data-experiment-theme="white"].vt-sub .card,
html[data-experiment-theme="white"].vt-sub .stats,
html[data-experiment-theme="white"].vt-sub #roi,
html[data-experiment-theme="white"].vt-sub #roi > div > div,
html[data-experiment-theme="white"].vt-sub #roi [style*="background:#fff"],
html[data-experiment-theme="white"].vt-sub #roi [style*="background: #fff"] {
  background: #ffffff !important;
  border-color: #74897d !important;
  color: #18251f;
}
html[data-experiment-theme="white"].vt-sub h2,
html[data-experiment-theme="white"].vt-sub .step-content h3 {
  color: #18251f;
}
html[data-experiment-theme="white"].vt-sub .sub,
html[data-experiment-theme="white"].vt-sub .card p,
html[data-experiment-theme="white"].vt-sub .step-content p,
html[data-experiment-theme="white"].vt-sub .stat-label,
html[data-experiment-theme="white"].vt-sub td,
html[data-experiment-theme="white"].vt-sub #roi p,
html[data-experiment-theme="white"].vt-sub #roi [style*="color:#374151"],
html[data-experiment-theme="white"].vt-sub #roi [style*="color: #374151"],
html[data-experiment-theme="white"].vt-sub section p[style*="color:#334155"],
html[data-experiment-theme="white"].vt-sub section p[style*="color: #334155"] {
  color: #405249 !important;
}
html[data-experiment-theme="white"].vt-sub .card h3,
html[data-experiment-theme="white"].vt-sub .stat-num,
html[data-experiment-theme="white"].vt-sub .step-num,
html[data-experiment-theme="white"].vt-sub th {
  color: #ffffff !important;
}
html[data-experiment-theme="white"].vt-sub .card h3 {
  color: #105342 !important;
}
html[data-experiment-theme="white"].vt-sub .stat-num {
  color: #105342 !important;
}
html[data-experiment-theme="white"].vt-sub .step-num,
html[data-experiment-theme="white"].vt-sub th {
  background: #176b58 !important;
}
html[data-experiment-theme="white"].vt-sub table,
html[data-experiment-theme="white"].vt-sub td {
  border-color: #74897d;
}
html[data-experiment-theme="white"].vt-sub tr:nth-child(even) td {
  background: #edf2ec;
}
html[data-experiment-theme="white"].vt-sub .cta-section {
  background: #e2eee6 !important;
  color: #18251f !important;
}
html[data-experiment-theme="white"].vt-sub .cta-section h2,
html[data-experiment-theme="white"].vt-sub .cta-section p {
  color: #18251f !important;
}
html[data-experiment-theme="white"].vt-sub #roi [style*="color:#16a34a"],
html[data-experiment-theme="white"].vt-sub #roi [style*="color: #16a34a"] {
  color: #1d6c3d !important;
}
html[data-experiment-theme="white"].vt-sub footer {
  background: #e9eee8 !important;
  color: #405249 !important;
}
html[data-experiment-theme="white"].vt-sub footer a {
  color: #105342 !important;
}
html[data-experiment-theme="white"].vt-sub a:focus-visible,
html[data-experiment-theme="white"].vt-sub button:focus-visible {
  outline: 3px solid #176b58;
  outline-offset: 3px;
}

/* The experiment harness may inject this fixed control; no page geometry changes. */
html.vt #theme-experiment-toggle {
  position: fixed;
  right: 16px;
  bottom: 88px;
  z-index: 1100;
  border: 1px solid #b6c2b9;
  border-radius: 999px;
  background: #202a25;
  color: #f4f6f2;
  font: 600 12px/1.2 "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
  padding: 8px 12px;
  box-shadow: 0 3px 12px rgba(20, 35, 27, .18);
  cursor: pointer;
}
html[data-experiment-theme="white"] #theme-experiment-toggle {
  background: #ffffff;
  color: #183a2c;
  border-color: #667d70;
  box-shadow: 0 3px 12px rgba(20, 35, 27, .12);
}
html[data-experiment-theme="white"] #theme-experiment-toggle:hover {
  background: #e2f0e9;
}
html[data-experiment-theme="white"] #theme-experiment-toggle:focus-visible {
  outline: 3px solid #176b58;
  outline-offset: 3px;
}
html.vt:not([data-experiment-theme="white"]) #theme-experiment-toggle:focus-visible {
  outline: 3px solid #a99ce8;
  outline-offset: 3px;
}

/* Exact high-specificity legacy/inline paint exceptions, found in browser QA. */
html[data-experiment-theme="white"].vt-home .hero-content > div:not(.hero-buttons) a[style] {
  color: var(--vt-accent-deep) !important;
}
html[data-experiment-theme="white"].vt-home #education-check .vcs-education-check__intro h2 {
  color: var(--vt-text) !important;
}
html[data-experiment-theme="white"].vt-home #education-check .vcs-education-check__intro p {
  color: var(--vt-text-2) !important;
}
html[data-experiment-theme="white"].vt-home #education-check .vcs-education-check__intro .vcs-education-check__eyebrow {
  color: var(--vt-accent-deep) !important;
}
html[data-experiment-theme="white"].vt-home #education-check [data-ec-next]:disabled {
  color: #52635a !important;
}
html[data-experiment-theme="white"].vt nav.navbar .lang-option,
html[data-experiment-theme="white"].vt nav.navbar .lang-divider,
html[data-experiment-theme="white"].vt .footer p[style*="opacity"],
html[data-experiment-theme="white"].vt .footer a[style*="opacity"] {
  opacity: 1;
}
html[data-experiment-theme="white"].vt .footer p[style*="opacity"] {
  opacity: 1 !important;
}
html[data-experiment-theme="white"].vt .footer p {
  opacity: 1 !important;
}
html[data-experiment-theme="white"].vt-home .vt-mcta {
  background: var(--vt-surface);
  border-color: var(--vt-line-2);
}
html[data-experiment-theme="white"].vt-home .vt-mcta a:not(.p) {
  background: var(--vt-surface);
  color: var(--vt-accent-deep);
  border-color: var(--vt-line-2);
}
html[data-experiment-theme="white"].vt-sub strong[style*="color:#b45309"] {
  color: #7c3a08 !important;
}
html[data-experiment-theme="white"].vt-sub .cta-section a:not(.btn) {
  color: var(--vt-accent-deep) !important;
}