/*
 * Compass public dark surfaces · Analytics-style treatment
 * Only /majors/** and /projects/**. The product dashboard and counselor app
 * never load this stylesheet. Loaded after the base/editorial/dark styles.
 *
 * Texture benchmark: translucent navy gradients, fine blue borders, subtle
 * inset highlights. Pair light-on-dark copy with every formerly white card.
 */
body:is(.majors-public-page,.projects-public-page) {
  --dark-surface: linear-gradient(180deg,rgba(17,43,73,.86),rgba(10,28,50,.91));
  --dark-surface-soft: linear-gradient(180deg,rgba(15,41,70,.79),rgba(9,28,50,.85));
  --dark-surface-raised: linear-gradient(150deg,rgba(22,52,87,.96),rgba(12,35,63,.96));
  --dark-edge: rgba(113,154,211,.23);
  --dark-highlight: inset 0 1px 0 rgba(255,255,255,.045);
  --dark-text: #f7f9ff;
  --dark-copy: #c2d2e9;
  --dark-muted-copy: #aebfd8;
  --dark-link: #a4cbff;
  --dark-focus: #60caff;
  --editorial-ink: var(--dark-text);
  --editorial-muted: var(--dark-copy);
  --editorial-line: var(--dark-edge);
  --editorial-soft: #102743;
  color: var(--dark-text);
  background: #071426;
}
body.majors-public-page {
  --majors-ink: var(--dark-text);
  --majors-muted: var(--dark-copy);
  --majors-blue: #98beff;
  --majors-blue-dark: #9bc4ff;
  --majors-line: var(--dark-edge);
  --majors-soft: #102743;
}
body.projects-public-page {
  --project-ink: var(--dark-text);
  --project-ink-deep: var(--dark-text);
  --project-muted: var(--dark-copy);
  --project-line: var(--dark-edge);
  --project-soft: #102743;
  --project-soft-2: #102743;
  --project-purple: #9bc4ff;
  --project-purple-dark: #a4cbff;
}
body:is(.majors-public-page,.projects-public-page) main {
  color: var(--dark-text);
  background: #071426;
}
body:is(.majors-public-page,.projects-public-page) main :is(h1,h2,h3,h4) {
  color: var(--dark-text);
}
body:is(.majors-public-page,.projects-public-page) main :is(p,li,dd) {
  color: var(--dark-copy);
}
body:is(.majors-public-page,.projects-public-page) main a:not([class*="primary"]):not([class*="cta"]) {
  text-underline-offset: 3px;
}
body:is(.majors-public-page,.projects-public-page) main :is(a,button,select,input,textarea):focus-visible {
  outline: 3px solid var(--dark-focus);
  outline-offset: 3px;
}
body:is(.majors-public-page,.projects-public-page) :is(.major-detail-hero,.major-tool-hero,.major-os-hero,.major-choice-hero,.major-compare-hero,.major-career-hero,.projects-hero,.project-detail-hero) {
  background:
    radial-gradient(ellipse at 80% 8%,rgba(47,115,255,.17),transparent 52%),
    linear-gradient(180deg,#071426,#091a30);
}
body:is(.majors-public-page,.projects-public-page) :is(.major-os-soft,.major-experience-section,.major-career-section,.major-skills-ai-section,.major-project-section,.major-related-section,.major-faq-section,.major-choice-content,.major-career-content,.major-compare-content,.major-directory-section,.major-curated-links-section,.project-quality-section,.project-college-section,.project-detail-soft,.project-related-section,.projects-choice-guide,.projects-directory,.projects-discovery-band,.project-methodology-note) {
  background: #08182b;
}
body:is(.majors-public-page,.projects-public-page) :is(.major-editorial-trust,.project-editorial-trust,.projects-editorial-strip) {
  background: #071426;
}
/* Major browsing: search, suggestions, compare controls and catalog. */
body.majors-public-page :is(
  .majors-search-form,
  .majors-quick-jump,
  .majors-quick-jump-badge,
  .majors-route-grid>a,
  .majors-project-bridge .majors-public-shell,
  .major-search-insights,
  .major-search-insights strong,
  .major-card-compare,
  .major-card-topics span,
  .major-card-signature i,
  .major-results-more,
  .major-directory,
  .major-theme-grid a,
  .major-curated-links-heading>a,
  .major-curated-links>a,
  .major-curated-compare-intro>a,
  .major-curated-choice-grid article
) {
  background: var(--dark-surface);
  border-color: var(--dark-edge);
  box-shadow: var(--dark-highlight);
  color: var(--dark-text);
}
body.majors-public-page :is(
  .majors-quick-jump,
  .major-search-insights,
  .major-card-compare,
  .major-directory,
  .major-compare-controls,
  .major-os-snapshot,
  .major-choice-answer
) {
  border: 1px solid var(--dark-edge);
}
body.majors-public-page .majors-quick-jump::after {
  background: rgba(83,146,255,.08);
}
body.majors-public-page :is(
  .majors-quick-jump-copy strong,
  .majors-route-grid>a,
  .major-search-insights strong,
  .major-card-compare,
  .major-directory h3,
  .major-card-link h3,
  .major-search-card h3,
  .major-results-more
) {
  color: var(--dark-text);
}
body.majors-public-page :is(
  .majors-quick-jump-copy small,
  .major-search-insights>span,
  .major-card-tagline,
  .major-card-question,
  .major-card-projects,
  .major-directory p
) {
  color: var(--dark-copy);
}
body.majors-public-page :is(
  .majors-prompt-row button,
  .major-family-filter button,
  .majors-browse-button,
  .major-card-compare,
  .major-results-more
) {
  color: #c8daf4;
  background: var(--dark-surface-soft);
  border: 1px solid var(--dark-edge);
}
body.majors-public-page :is(
  .majors-prompt-row button:hover,
  .major-family-filter button:hover,
  .major-family-filter button.active,
  .major-card-compare:hover:not(:disabled),
  .major-card-compare.is-selected,
  .majors-browse-button:hover
) {
  color: #f7f9ff;
  background: #1a3b69;
  border-color: rgba(130,185,255,.49);
}
body.majors-public-page :is(
  .majors-quick-jump-select select,
  .majors-search-form input,
  .major-compare-controls select,
  .major-career-picker select
) {
  color: var(--dark-text);
  background: #102743;
  border-color: rgba(117,167,235,.32);
}
body.majors-public-page :is(
  .majors-quick-jump-select select,
  .major-compare-controls select
) option {
  color: #142139;
  background: #f7f9ff;
}
body.majors-public-page :is(.major-search-card,.major-search-card:has(.major-card-art)) {
  background:
    radial-gradient(circle at 90% 6%,color-mix(in srgb,var(--major-accent,#5f8cff) 11%,transparent),transparent 36%),
    var(--dark-surface);
  border: 1px solid var(--dark-edge);
  box-shadow: var(--dark-highlight),0 9px 26px rgba(0,10,30,.15);
}
body.majors-public-page :is(.major-search-card,.major-search-card:has(.major-card-art)):hover {
  border-color: rgba(120,177,255,.52);
  box-shadow: var(--dark-highlight),0 14px 36px rgba(26,69,138,.19);
}
body.majors-public-page .major-card-compare>span:first-child,
body.majors-public-page .major-card-art i {
  background: #18385f;
  color: #aed0ff;
  border-color: rgba(121,167,235,.25);
}
body.majors-public-page .major-card-compare.is-selected>span:first-child {
  background: #2f73ff;
  color: #fff;
}
/* Comparison table: eliminate striped white/gray rows and dark-on-dark labels. */
body.majors-public-page :is(
  .major-compare-limit,
  .major-compare-controls,
  .major-compare-swap,
  .major-comparison-head,
  .major-comparison-label,
  .major-comparison-row,
  .major-comparison-row:nth-child(odd),
  .major-comparison-row>.major-comparison-label,
  .major-career-context
) {
  color: var(--dark-text);
  background: var(--dark-surface);
  border-color: var(--dark-edge);
}
body.majors-public-page .major-comparison-row:nth-child(odd) {
  background: linear-gradient(180deg,#122c4c,#0d223c);
}
body.majors-public-page :is(.major-comparison-head p,.major-comparison-row p,.major-comparison-row li,.major-compare-controls label,.major-career-picker,.major-career-context) {
  color: var(--dark-copy);
}
body.majors-public-page :is(.major-comparison-head a,.major-comparison-project-link,.major-career-results-head a) {
  color: var(--dark-link);
}
body.majors-public-page :is(.major-comparison-head,.major-comparison-row) > div {
  border-color: var(--dark-edge);
}
body.majors-public-page .major-compare-meter span {
  background: #1d395a;
}
body.majors-public-page :is(.major-compare-swap:hover,.major-comparison-next-actions a:hover) {
  background: #1c426f;
  color: #fff;
}
/* Guide, major-fit quiz, AI input, related cards, sources, and sticky navigation. */
body.majors-public-page.major-os-v2 {
  --major-v2-ink: var(--dark-text);
  --major-v2-muted: var(--dark-copy);
  --major-v2-line: var(--dark-edge);
  --major-v2-soft: #102743;
  --major-v3-ice: #122d4e;
  --major-v3-navy: #071426;
  --major-v3-blue: #6ca6ff;
}
body.majors-public-page :is(
  .major-os-nav,
  .major-os-nav,
  .major-os-nav.is-scrolled,
  .major-os-snapshot,
  .major-fit-lab,
  .major-fit-note,
  .major-ai-console,
  .major-ai-result,
  .major-ai-result-grid div,
  .major-fit-signals,
  .major-fit-signals-foot,
  .major-dimensions-compact,
  .major-question-card-v2,
  .major-journey-grid article,
  .major-reality-grid article,
  .major-path-grid article,
  .major-skill-grid article,
  .major-project-card,
  .major-related-v2>a,
  .major-course-row span,
  .major-program-checks,
  .major-program-checks li,
  .major-career-grid article,
  .major-career-authority-grid article,
  .major-project-value,
  .major-project-value-copy li,
  .major-project-value-actions .major-project-value-pricing,
  .major-sources-section details
) {
  color: var(--dark-text);
  background: var(--dark-surface);
  border-color: var(--dark-edge);
  box-shadow: var(--dark-highlight);
}
body.majors-public-page :is(.major-os-nav,.major-os-nav.is-scrolled) {
  backdrop-filter: blur(17px);
}
body.majors-public-page :is(.major-os-nav a,.major-os-nav a,.major-ai-result-grid strong,.major-ai-console label,.major-fit-heading h2,.major-fit-signals article p,.major-dimensions-compact>div,.major-project-card dd,.major-program-checks h3,.major-career-tool-intro h2,.major-career-authority-grid h3) {
  color: var(--dark-text);
}
body.majors-public-page :is(.major-os-nav a:hover,.major-os-nav a:hover) {
  background: #1b3c67;
  color: #eff6ff;
}
body.majors-public-page :is(.major-fit-note,.major-ai-result p,.major-fit-signals-foot,.major-ai-result-grid small,.major-ai-provider-row>span,.major-fit-signals-label,.major-fit-signals article>span,.major-program-checks li p,.major-project-card dd,.major-career-tool-intro>p:last-child,.major-career-authority-grid p) {
  color: var(--dark-copy) !important;
}
body.majors-public-page.major-os-v2 .major-fit-note {
  background: #173151;
}
body.majors-public-page :is(
  .major-ai-console textarea,
  .major-ai-suggestions button,
  .major-ai-actions button:not(.major-ai-run),
  .major-ai-provider-row button,
  .major-skills-ai-heading button,
  .major-project-card a,
  .major-project-test
) {
  color: var(--dark-text);
  background: var(--dark-surface-soft);
  border-color: var(--dark-edge);
}
body.majors-public-page :is(.major-ai-suggestions button:hover,.major-ai-actions button:hover:not(.major-ai-run)) {
  color: #f7f9ff;
  background: #1c406d;
}
body.majors-public-page :is(.major-ai-console textarea,.major-ai-result-grid div) {
  box-shadow: var(--dark-highlight);
}
body.majors-public-page .major-ai-console textarea::placeholder {
  color: #9aafcb;
}
body.majors-public-page .major-ai-result-grid strong {
  color: var(--dark-text);
}
body.majors-public-page .major-ai-actions .major-ai-run {
  background: linear-gradient(105deg,#275fcf,#425deb);
  color: #fff;
}
body.majors-public-page :is(.major-program-checks li span,.major-journey-grid article>span,.major-career-grid article>span) {
  color: #9fc7ff;
  background: rgba(51,107,190,.17);
}
body.majors-public-page :is(.major-program-checks>div>p:last-child,.major-project-card p,.major-sources-section li,.major-sources-section p,.major-career-authority-copy>p:last-child,.major-career-faq details p) {
  color: var(--dark-copy);
}
/* Questions, context glossary and assistant/provider overlays must not remain
   bright white against the dark page. */
body.majors-public-page :is(
  .major-faq-list details,
  .major-comparison-faq details,
  .major-career-faq,
  .major-career-dynamic-faq,
  .major-context-card,
  .major-context-example,
  .major-ai-sheet-panel,
  .major-ai-sheet-context,
  .major-ai-sheet-providers button,
  .major-ai-sheet-close,
  .major-context-close
) {
  background: var(--dark-surface-raised);
  border-color: var(--dark-edge);
  color: var(--dark-text);
  box-shadow: var(--dark-highlight);
}
body.majors-public-page :is(.major-faq-list summary,.major-comparison-faq summary,.major-career-faq summary,.major-context-card h2,.major-ai-sheet-panel h2,.major-ai-sheet-context strong,.major-ai-sheet-providers button,.major-ai-sheet-close,.major-context-close) {
  color: var(--dark-text);
}
body.majors-public-page :is(.major-faq-list details>p,.major-comparison-faq details>p,.major-context-definition,.major-context-example p,.major-ai-sheet-panel>p,.major-ai-sheet-providers span,.major-ai-sheet-foot,.major-career-faq details p) {
  color: var(--dark-copy);
}
body.majors-public-page :is(.major-context-example span,.major-ai-sheet-kicker,.major-context-category,.major-ai-sheet-providers i,.major-ai-sheet-foot button) {
  color: var(--dark-link);
}
body.majors-public-page :is(.major-faq-list summary i,.major-comparison-faq summary i) {
  color: var(--dark-link);
  background: #1b3c64;
}
/* Major exploration and career tools, which use independent design tokens. */
body.majors-public-page .major-choice-guide {
  --choice-ink: var(--dark-text);
  --choice-muted: var(--dark-copy);
  --choice-line: var(--dark-edge);
  --choice-soft: #102743;
  --choice-blue: #8fb8ff;
  background: #08182b;
}
body.majors-public-page :is(
  .major-choice-answer,
  .major-choice-visual,
  .major-choice-signal,
  .major-choice-answer-points span,
  .major-choice-steps>ol>li,
  .major-choice-mistakes article,
  .major-choice-guide .major-theme-choice,
  .major-theme-examples a,
  .major-career-explainer,
  .major-career-static-links a,
  .major-career-dynamic-faq,
  .major-career-faq details
) {
  color: var(--dark-text);
  background: var(--dark-surface);
  border-color: var(--dark-edge);
  box-shadow: var(--dark-highlight);
}
body.majors-public-page :is(.major-choice-center,.major-choice-signal,.major-choice-answer h2,.major-choice-answer-copy h2,.major-choice-section-intro h2,.major-theme-main h3,.major-choice-title,.major-choice-visual strong,.major-career-authority-copy h2,.major-career-faq h2) {
  color: var(--dark-text);
}
body.majors-public-page :is(.major-choice-steps li p,.major-choice-mistakes article p,.major-career-explainer>p:not(.majors-eyebrow),.major-theme-examples a,.major-choice-hero-lede,.major-choice-answer>.majors-public-shell>p) {
  color: var(--dark-copy);
}
body.majors-public-page :is(.major-choice-answer-points b,.major-theme-icon,.major-choice-step-icon) {
  color: #a4cbff;
  background: #1b3961;
}
body.majors-public-page :is(.major-theme-open,.major-choice-steps li a,.major-career-static-links a) {
  color: var(--dark-link);
}
/* PROJECTS directory, cards, filters and metadata. Illustrative laptop art
   remains intentionally colored; interactive panel UI does not. */
body.projects-public-page :is(
  .projects-filter-panel,
  .projects-popular,
  .projects-popular button,
  .projects-benefits-grid,
  .project-directory-card,
  .project-directory-meta span,
  .project-chip-list span,
  .project-signal-grid span,
  .projects-discovery-grid article,
  .projects-choice-steps li,
  .projects-choice-steps li>span,
  .project-card-save:hover,
  .project-card-save.is-saved,
  .project-detail-nav,
  .project-snapshot,
  .project-rich-copy aside,
  .project-deliverables li,
  .project-skill-card,
  .project-outcome-card,
  .project-quality-card,
  .project-major-grid a,
  .project-methodology-note .projects-shell
) {
  background: var(--dark-surface);
  color: var(--dark-text);
  border-color: var(--dark-edge);
  box-shadow: var(--dark-highlight);
}
body.projects-public-page :is(
  .projects-popular,
  .project-directory-meta span,
  .project-chip-list span,
  .project-signal-grid span,
  .projects-choice-steps li>span
) {
  background: #19395f;
  color: #c1d9ff;
}
body.projects-public-page :is(
  .projects-filter-panel select,
  .projects-filter-panel input,
  .projects-search input
) {
  background: #102743;
  border-color: var(--dark-edge);
  color: var(--dark-text);
}
body.projects-public-page .projects-filter-panel select option {
  background: #f7f9ff;
  color: #142139;
}
body.projects-public-page :is(.projects-filter-panel label>span,.projects-popular>span,.projects-popular small,.project-family-heading p,.project-directory-card>p,.projects-choice-steps p,.projects-discovery-grid p,.project-directory-meta span) {
  color: var(--dark-copy);
}
body.projects-public-page :is(.projects-popular button,.project-family-toggle,.projects-discovery-grid a,.project-directory-link,.project-card-save.is-saved) {
  color: var(--dark-link);
}
body.projects-public-page :is(.projects-popular button:hover,.project-card-save:hover,.project-family-toggle:hover) {
  background: #1b416e;
  border-color: rgba(140,188,255,.43);
  color: #fff;
}
body.projects-public-page :is(.project-family-heading h2,.project-directory-card h3,.project-directory-card h3 a,.projects-choice-title h2,.project-snapshot dd) {
  color: var(--dark-text);
}
body.projects-public-page .project-family-icon {
  background: #1c3d67;
  color: #a9ceff;
}
body.projects-public-page .project-directory-card:hover {
  border-color: rgba(125,179,255,.53);
  box-shadow: var(--dark-highlight),0 16px 34px rgba(25,68,137,.20);
}
body.projects-public-page .projects-no-results>span {
  background: #1b395f;
  color: #afd2ff;
}
/* Project guide sections, outcomes, majors, quality and sidebar. */
body.projects-public-page :is(
  .project-detail-nav,
  .project-snapshot,
  .project-rich-copy aside,
  .project-deliverables li,
  .project-skill-card,
  .project-outcome-card,
  .project-quality-card,
  .project-major-grid a,
  .project-methodology-note .projects-shell
) {
  border: 1px solid var(--dark-edge);
}
body.projects-public-page :is(
  .project-detail-nav a,
  .project-detail-nav a svg,
  .project-snapshot dt,
  .project-snapshot dd,
  .project-rich-copy aside strong,
  .project-deliverables h3,
  .project-quality-card h3,
  .project-copy-grid h2,
  .project-skill-card h2,
  .project-college-copy h2,
  .project-major-grid a>strong,
  .project-methodology-note strong,
  .projects-section-heading h2
) {
  color: var(--dark-text);
}
body.projects-public-page :is(
  .project-rich-copy>p,
  .project-rich-copy aside p,
  .project-college-copy>p,
  .project-deliverables p,
  .project-quality-card li,
  .project-major-grid p,
  .project-methodology-note p,
  .project-snapshot dt,
  .project-outcome-card p
) {
  color: var(--dark-copy);
}
body.projects-public-page :is(
  .project-directory-meta span,
  .project-chip-list span,
  .project-signal-grid span,
  .project-quality-card>span,
  .outcome-row>span
) {
  border-color: rgba(118,170,239,.23);
}
body.projects-public-page .outcome-row>span {
  background: #19395e;
  color: #a9ccff;
}
body.projects-public-page .projects-final-cta .projects-shell {
  background: radial-gradient(circle at 90% 14%,rgba(45,110,238,.27),transparent 48%),linear-gradient(120deg,#17365c,#102743);
  border: 1px solid rgba(122,174,245,.35);
  box-shadow: var(--dark-highlight);
}
body.projects-public-page .projects-final-cta a {
  background: #275fcf;
  color: #fff;
  box-shadow: 0 7px 20px rgba(0,11,35,.18);
}
body.projects-public-page .projects-final-cta a:hover {
  background: #4787ff;
}
body.projects-public-page .projects-final-cta :is(span,p) {
  color: #c5d8f1;
}
body.projects-public-page :is(.project-editorial-trust a,.projects-editorial-strip a) {
  color: var(--dark-link);
  background: #142e4f;
}
@media(max-width:760px) {
  body.majors-public-page :is(.major-os-nav,.major-os-nav) {
    background: rgba(14,36,64,.97);
    border-color: var(--dark-edge);
  }
  body.majors-public-page .major-comparison-label {
    background: #152e4e;
  }
  body.projects-public-page .project-detail-nav {
    background: rgba(14,36,64,.97);
  }
}
@media(prefers-reduced-motion: reduce) {
  body:is(.majors-public-page,.projects-public-page) :is(.major-search-card,.project-directory-card) {
    transition: none;
  }
}

/* Secondary major explorers and career-map layouts use their own legacy light
   surfaces. Keep meaningful illustrative artwork, but make actual UI dark. */
body.majors-public-page :is(
  .major-check-list p,
  .major-dimension-row>strong,
  .major-ai-world-title button,
  .major-intelligence-steps i,
  .major-explainer-summary article,
  .major-choice-framework,
  .major-choice-framework-copy li>span,
  .mistake-icon,
  .major-career-map,
  .career-map-node,
  .career-map-logo,
  .career-map-node-icon,
  .major-career-principles,
  .major-career-principle-grid article,
  .major-career-lever-grid article,
  .major-career-principle-grid span,
  .major-career-lever-grid span,
  .major-career-popular-grid a,
  .major-comparison-trust
) {
  background: var(--dark-surface);
  border-color: var(--dark-edge);
  box-shadow: var(--dark-highlight);
  color: var(--dark-text);
}
body.majors-public-page :is(
  .major-career-principles,
  .major-career-levers,
  .major-career-popular
) {
  background: #08182b;
}
body.majors-public-page :is(
  .major-dimension-row>span,
  .major-explainer-summary article p,
  .major-choice-framework-copy li p,
  .major-career-principle-grid p,
  .major-career-lever-grid p,
  .major-career-popular-grid p,
  .major-comparison-trust
) {
  color: var(--dark-copy);
}
body.majors-public-page :is(
  .major-intelligence-steps strong,
  .major-choice-framework-copy li strong,
  .major-career-popular-grid strong,
  .major-comparison-trust strong
) {
  color: var(--dark-text);
}
body.majors-public-page :is(
  .major-comparison-trust a,
  .major-career-popular-grid a>span,
  .major-choice-framework-copy li>span
) {
  color: var(--dark-link);
}
body.majors-public-page .major-choice-final-actions a:first-child,
body.majors-public-page .major-career-hero-actions a+a {
  color: #fff;
  background: #173b6d;
  border: 1px solid rgba(133,184,255,.35);
}
body.majors-public-page .major-choice-final-actions a:first-child:hover,
body.majors-public-page .major-career-hero-actions a+a:hover {
  background: #22529a;
}
body.majors-public-page .career-map-center {
  color: #fff;
}