/* Navy on white, one sans family, real surfaces. Product media and state colors stay intact. */
body[data-lt-theme="unified"],
body[data-lt-theme="unified"][class],
body[data-lt-theme="unified"][data-canva-segment] {
  --font-sans: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: var(--font-sans);
  --lt-note-serif: var(--font-serif);
  --lt-note-sans: var(--font-sans);
  --fn-paper: #ffffff;
  --fn-sheet: #ffffff;
  --fn-ink: #1c2836;
  --fn-brand: #1a365d;
  --fn-wash: #f5f7fa;
  --fn-muted: #4a5868;
  --fn-accent: #1f5fae;
  --fn-line: #dde3ea;
  --changho-accent: #1a365d;
  --changho-accent-dark: #0f2442;
  --changho-highlight: #1a365d;
  --changho-btn-primary-bg: #1a365d;
  --changho-btn-primary-hover: #0f2442;
  --changho-paper: #ffffff;
  --changho-paper-dark: #f2f5f9;
  --changho-wood: #4a5868;
  --changho-wood-dark: #4a5868;
  --changho-wood-light: #dde3ea;
  --changho-card-radius: 12px;
  --changho-card-shadow: none;
  --modern-card-border: 1px solid #dde3ea;
  --modern-card-bg: #ffffff;
  --modern-section-alt: #ffffff;
  --modern-text-muted: #4a5868;
  --lt-ink: #1c2836;
  --lt-muted: #4a5868;
  --lt-primary: #1a365d;
  --lt-primary-strong: #0f2442;
  --lt-paper: #ffffff;
  --lt-paper-strong: #f2f5f9;
  --lt-line: #dde3ea;
  --lt-line-strong: #b3bfcc;
  --xp-ink: #1c2836;
  --xp-muted: #4a5868;
  --xp-line: #dde3ea;
  --xp-soft: #ffffff;
  --xp-accent: #1a365d;
  --xp-accent-dark: #0f2442;
  --xp-accent-soft: #f2f5f9;
  --xp-dark: #0f2442;
  --xp-highlight: #dde3ea;
  --xp-editorial-paper: #ffffff;
  --xp-canvas: #ffffff;
  --xp-editorial-line: #dde3ea;
  --xp-editorial-ink: #1c2836;
  --xp-editorial-muted: #4a5868;
  --snorkl-ink: #1c2836;
  --snorkl-muted: #4a5868;
  --snorkl-line: #dde3ea;
  --snorkl-soft: #ffffff;
  --snorkl-lime: #dde3ea;
  --snorkl-editorial-paper: #ffffff;
  --snorkl-canvas: #ffffff;
  --snorkl-editorial-line: #dde3ea;
  --snorkl-editorial-ink: #1c2836;
  --snorkl-editorial-muted: #4a5868;
  --seo-ink: #1c2836;
  --seo-muted: #4a5868;
  --seo-soft: #ffffff;
  --seo-line: #dde3ea;
  --seo-blue: #1a365d;
  --seo-teal: #1a365d;
  --seo-purple: #1a365d;
  --seo-radius: 12px;
  --ink: #1c2836;
  --muted: #4a5868;
  --green: #1a365d;
  --lime: #dde3ea;
  --paper: #ffffff;
  --line: #dde3ea;
  --soft: #f2f5f9;
  --purple: #1a365d;
  --accent: #1a365d;
  --accent-dark: #0f2442;
  --primary: #1a365d;
  --primary-dark: #0f2442;
  --secondary: #0f2442;
  background: var(--fn-paper);
  color: var(--fn-ink);
  margin: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
body[data-lt-theme="unified"]::before,
body[data-lt-theme="unified"]::after { display: none; }
body[data-lt-theme="unified"] :is(h1,h2,h3,h4,h5,h6) {
  font-family: var(--font-sans) !important;
  font-weight: 700;
  letter-spacing: -.02em;
  text-wrap: balance;
}
body[data-lt-theme="unified"] footer :is(h1,h2,h3,h4,h5,h6) { font-family: var(--lt-shell-font) !important; }
body[data-lt-theme="unified"] :is(h1,h2) {
  font-family: var(--font-sans) !important;
  font-weight: 700;
  letter-spacing: -.025em;
  color: var(--fn-brand);
  word-break: keep-all;
  overflow-wrap: break-word;
}
body[data-lt-theme="unified"] h1 { line-height: 1.28; }
body[data-lt-theme="unified"] .gradient-text { color: inherit; background: none; -webkit-text-fill-color: currentColor; }
body[data-lt-theme="unified"] :is(h2,h3,h4) { line-height: 1.38; }
body[data-lt-theme="unified"] :is(.changho-hanji-glow,.changho-paper-bg)::before,
body[data-lt-theme="unified"] :is(.changho-hanji-glow,.changho-paper-bg)::after { display: none; }

/* The fixed shared header already reserves its own space. */
body[data-lt-theme="unified"] :is(.seo-main,.lt-main) { padding-top: 0; }
body[data-lt-theme="unified"] :is(.breadcrumb-nav,.xp-breadcrumb,.breadcrumb) {
  padding-top: 24px;
  padding-bottom: 12px;
  margin-top: 0;
  background: #ffffff;
}
body[data-lt-theme="unified"] :is(.hero,.experience-hero,.hero-section,.page-hero,.seo-hero,.canva-hero,.snorkl-hero,.xp-hero,.ax-hero,.lt-hero):not(.fn-canva,.fn-canva *) {
  min-height: 0;
  padding-top: 72px;
  padding-bottom: 72px;
  background: #ffffff !important;
  background-image: none !important;
  border: 0;
  border-bottom: 1px solid #dde3ea;
  color: #1a365d;
}
body[data-lt-theme="unified"] :is(.hero,.experience-hero,.hero-section,.page-hero,.seo-hero,.canva-hero,.snorkl-hero,.xp-hero,.ax-hero,.lt-hero):not(.fn-canva,.fn-canva *) h1,
body[data-lt-theme="unified"] :is(.hero,.experience-hero,.hero-section,.page-hero,.seo-hero,.canva-hero,.snorkl-hero,.xp-hero,.ax-hero,.lt-hero):not(.fn-canva,.fn-canva *) h1 :is(span,em,strong) {
  color: #1a365d !important;
  background: none;
  -webkit-text-fill-color: #1a365d !important;
}
body[data-lt-theme="unified"] :is(.hero,.experience-hero,.hero-section,.page-hero,.seo-hero,.canva-hero,.snorkl-hero,.xp-hero,.ax-hero,.lt-hero):not(.fn-canva,.fn-canva *) h1 { font-size: clamp(32px,3.8vw,48px); }
body[data-lt-theme="unified"] :is(.hero-subtitle,.seo-lead,.xp-lead,.hero-description,.lt-hero-lead) {
  color: #4a5868;
  font-size: 17px;
  line-height: 1.8;
}
body[data-lt-theme="unified"] :is(.hero-badge,.section-badge,.seo-eyebrow,.xp-eyebrow) {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding-inline: 0;
  color: var(--fn-muted);
  box-shadow: none;
}
body[data-lt-theme="unified"] :is(.hero-card,.feature-card,.pricing-card,.scenario-card,.canva-hero-panel):not(.fn-canva,.fn-canva *) {
  border: 0;
  border-top: 1px solid var(--fn-line);
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none !important;
}
body[data-lt-theme="unified"] .feature-card:not(.fn-canva,.fn-canva *) {
  border: 0 !important;
  border-top: 1px solid var(--fn-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body[data-lt-theme="unified"] .hero-card:not(.fn-canva,.fn-canva *)::before { display: none; }

/* Primary and secondary actions keep the same shape and contrast on every product. */
body[data-lt-theme="unified"] :is(.btn-primary,.lt-btn-primary,.seo-btn-primary,.ax-btn-primary,.pricing-cta,.segment-cta-action,.button.primary,.xp-btn:not(.xp-btn--secondary)) {
  min-height: 48px;
  border-radius: 8px;
  border-color: #1a365d;
  background: #1a365d;
  color: #fff;
  font-weight: 700;
  box-shadow: none;
  text-decoration: none;
}
body[data-lt-theme="unified"] :is(.btn-primary,.lt-btn-primary,.seo-btn-primary,.ax-btn-primary,.pricing-cta,.segment-cta-action,.button.primary,.xp-btn:not(.xp-btn--secondary)):hover {
  background: #0f2442;
  border-color: #0f2442;
  color: #fff;
  transform: none;
  box-shadow: none;
}
body[data-lt-theme="unified"] :is(.btn-secondary,.lt-btn-secondary,.seo-btn-secondary,.xp-btn--secondary) {
  min-height: 48px;
  border-radius: 8px;
  border-color: #b3bfcc;
  background: #fff;
  color: #1a365d;
  font-weight: 700;
  box-shadow: none;
}
body[data-lt-theme="unified"] :is(.ending,.lt-cta-band,.cta-section,.ax-final-cta) :is(.btn-primary,.lt-btn-primary,.button.primary,.ax-btn-primary) {
  background: #fff;
  border-color: #fff;
  color: #1a365d;
}
body[data-lt-theme="unified"] :is(.ending,.lt-cta-band,.cta-section) :is(.btn-secondary,.lt-btn-secondary) {
  color: #fff;
  background: transparent;
  border-color: #b3bfcc;
}
body[data-lt-theme="unified"] :is(a,button,input,textarea,select,summary):focus-visible {
  outline: 2px solid #1f5fae;
  outline-offset: 2px;
  box-shadow: none;
}

/* The former dark Canva hero now follows the same light reading surface. */
body[data-lt-theme="unified"] .canva-hero:not(.fn-canva,.fn-canva *) .seo-eyebrow { color: var(--fn-muted); background: transparent; border: 0; }
body[data-lt-theme="unified"] .canva-hero:not(.fn-canva,.fn-canva *) :is(.seo-lead,.brand-support-note) { color: #4a5868; border-color: #b3bfcc; }
body[data-lt-theme="unified"] .canva-hero-panel:not(.fn-canva,.fn-canva *) { background: transparent; color: var(--fn-ink); backdrop-filter: none; }
body[data-lt-theme="unified"] .canva-hero-panel:not(.fn-canva,.fn-canva *) :is(p,li) { color: #4a5868; }
body[data-lt-theme="unified"] .canva-hero-panel:not(.fn-canva,.fn-canva *) h2 { color: #1a365d; }
body[data-lt-theme="unified"] .canva-hero-panel:not(.fn-canva,.fn-canva *) .canva-status-list strong { color: #1a365d; }
body[data-lt-theme="unified"] .canva-hero-panel:not(.fn-canva,.fn-canva *) .canva-status-list small { color: #4a5868; }
body[data-lt-theme="unified"] .canva-hero-panel:not(.fn-canva,.fn-canva *) .canva-status-list li { border: 0; border-top: 1px solid var(--fn-line); border-radius: 0; background: transparent; padding-inline: 0; }
body[data-lt-theme="unified"] .canva-hero:not(.fn-canva,.fn-canva *) .canva-wordmark,
body[data-lt-theme="unified"] .campus-offer :is(.campus-seat-count,.campus-offer-label) { color: #1a365d; }
body[data-lt-theme="unified"] .campus-offer :is(.campus-offer-change,ul,a) { color: #4a5868; }
body[data-lt-theme="unified"] .campus-tier-table .campus-tier-new,
body[data-lt-theme="unified"] .campus-quote-form .campus-seat-guidance:not(.is-warning) { background: #f2f5f9; color: #1a365d; border-left-color: #1a365d; }
body[data-lt-theme="unified"] .campus-consent input { accent-color: #1a365d; }

/* Campaign diagrams stay useful without a separate brand palette. */
body[data-lt-theme="unified"] .hero-board:not(.fn-canva,.fn-canva *) { transform: none; border-radius: 0; box-shadow: none; }
body[data-lt-theme="unified"] .service-strip { background: #0f2442; }

html[lang="en"] body[data-lt-theme="unified"] { --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
@media (max-width: 768px) {
  body[data-lt-theme="unified"] :is(.hero,.experience-hero,.hero-section,.page-hero,.seo-hero,.canva-hero,.snorkl-hero,.xp-hero,.ax-hero,.lt-hero):not(.fn-canva,.fn-canva *) { padding-block: 40px; }
  body[data-lt-theme="unified"] :is(.breadcrumb-nav,.xp-breadcrumb,.breadcrumb) { padding-top: 16px; }
  body[data-lt-theme="unified"] :is(.hero-subtitle,.seo-lead,.xp-lead,.hero-description,.lt-hero-lead) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-lt-theme="unified"] { scroll-behavior: auto; }
}

body[data-lt-theme="unified"] .feature-icon { background: transparent; color: var(--fn-brand); border-radius: 0; box-shadow: none; }
body[data-lt-theme="unified"] .use-case-pill { background: #f2f5f9 !important; color: #1a365d !important; border: 1px solid #dde3ea; }
body[data-lt-theme="unified"] .hero-main:not(.fn-canva,.fn-canva *) {
  background: transparent;
  border: 0;
  border-left: 1px solid var(--fn-line);
  border-radius: 0;
  padding: 24px 32px;
  box-shadow: none;
}
body[data-lt-theme="unified"] .hero-main:not(.fn-canva,.fn-canva *)::before { display: none; }
body[data-lt-theme="unified"] .hero-section .hero-main:not(.fn-canva,.fn-canva *) .brand-support-note { color: #4a5868; }
body[data-lt-theme="unified"] .features-grid { background: transparent; border: 0; border-radius: 0; gap: 24px; }
@media (max-width: 768px) {
  body[data-lt-theme="unified"] .hero-main:not(.fn-canva,.fn-canva *) { padding: 24px 20px; }
}

/* Inverse actions need their own surface on the dark consultation sections. */
body[data-lt-theme="unified"] .cta-b2b .segment-cta-action--primary,
body[data-lt-theme="unified"] .seo-cta .seo-btn-primary,
body[data-lt-theme="unified"] .xp-pricing .xp-market .xp-btn:not(.xp-btn--secondary) {
  background: #fff;
  border-color: #fff;
  color: #1a365d;
}
body[data-lt-theme="unified"] .cta-b2b .segment-cta-action--secondary {
  background: transparent;
  border: 1px solid #b3bfcc;
  color: #fff;
}
body[data-lt-theme="unified"] :is(.budget-notice-inner,.portfolio-extra) {
  background: #f2f5f9;
  border-color: #dde3ea;
}
body[data-lt-theme="unified"] :is(.budget-notice-inner,.portfolio-extra) :is(p,a,.section-eyebrow,.hero-panel-kicker) {
  color: #4a5868;
}
body[data-lt-theme="unified"] .budget-notice-inner .btn-primary { color: #fff; }
body[data-lt-theme="unified"] .related-guides-section a {
  background: #ffffff !important;
  border: 1px solid #dde3ea !important;
  color: #1a365d !important;
  word-break: keep-all;
  overflow-wrap: break-word;
}
body[data-lt-theme="unified"] .related-guides-section a :is(span,p) { color: #4a5868 !important; }
body[data-lt-theme="unified"].mizou-scenarios-page {
  --scenario-orange: #1a365d;
  --scenario-teal: #1a365d;
}
body[data-lt-theme="unified"] .scenario-badge { background: #f2f5f9; color: #1a365d; }

body elevenlabs-convai[data-lt-footer-hidden] { display: none !important; }
body[data-lt-theme="unified"] :is(.library-link,.start-card a,.start-audience) { color: #1a365d; }
body[data-lt-theme="unified"] .policy-card { border: 1px solid #dde3ea; }
body[data-lt-theme="unified"] .policy-card h2 { border-bottom-width: 1px; border-color: #b3bfcc; }
body[data-lt-theme="unified"] .policy-card a { color: #1a365d; }

/* Reading hierarchy: labels mark the subject; thin rules divide the notes. */
body[data-lt-theme="unified"] :is(.section-eyebrow,.canva-section-kicker,.hero-panel-kicker,.proof-number,.xp-kicker,.seo-eyebrow,.eyebrow) {
  font-size: 14px;
  font-family: var(--font-sans);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
body[data-lt-theme="unified"] :is(.section-eyebrow,.canva-section-kicker,.hero-panel-kicker,.proof-number) { color: var(--fn-muted); }
body[data-lt-theme="unified"] :is(.feature-card,.pricing-card,.seo-card,.seo-proof-card,.canva-plan-card,.canva-case-card,.use-case-card):not(.fn-canva,.fn-canva *) {
  border: 0;
  border-top: 1px solid var(--fn-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-lt-theme="unified"] :is(.feature-card,.pricing-card,.seo-card,.seo-proof-card,.canva-plan-card,.canva-case-card,.use-case-card):not(.fn-canva,.fn-canva *):hover {
  transform: none;
  box-shadow: none;
  border-color: var(--fn-accent);
}
body[data-lt-theme="unified"] :is(.canva-route-card,.canva-plan-card):not(.fn-canva,.fn-canva *)::before { display: none; }
body[data-lt-theme="unified"] .pricing-card.featured:not(.fn-canva,.fn-canva *) { border-top: 2px solid var(--fn-ink); transform: none; }
body[data-lt-theme="unified"] :is(.seo-section-alt,.portfolio-support) {
  background: var(--fn-paper);
  border-block-color: var(--fn-line);
}
body[data-lt-theme="unified"] :is(.seo-faq details,.faq-item,.canva-source-note) {
  border-color: var(--fn-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-lt-theme="unified"] .canva-source-note { border-width: 1px 0; }
body[data-lt-theme="unified"] :is(.canva-status,.canva-legal-note,.stat-label,.portfolio-link,.segment-resource) { font-size: 14px; }
body[data-lt-theme="unified"] .canva-case-meta span { font-size: 14px; }
body[data-lt-theme="unified"] :is(.seo-grid,.canva-plan-grid,.canva-case-grid):not(.fn-canva,.fn-canva *) { row-gap: 32px; }
body[data-lt-theme="unified"] .hero-card:not(.fn-canva,.fn-canva *) {
  border-top: 0;
  border-left: 1px solid var(--fn-line);
  padding-block: 8px;
}
body[data-lt-theme="unified"] .hero-panel-point { border-color: var(--fn-line); }
body[data-lt-theme="unified"] .hero-panel-title { font-size: 21px; line-height: 1.4; }
body[data-lt-theme="unified"] .hero-panel-description { color: var(--fn-muted); }

/* Audience hubs read as a practical product index rather than a wall of boxes. */
body[data-lt-theme="unified"] .segment-page {
  --portfolio-ink: var(--fn-ink);
  --portfolio-accent: var(--fn-accent);
  background: var(--fn-paper);
  color: var(--fn-ink);
}
body[data-lt-theme="unified"] .segment-page .hero-stats { border-color: var(--fn-line); }
body[data-lt-theme="unified"] .segment-page .stat-card { border-color: var(--fn-line); }
body[data-lt-theme="unified"] .portfolio-nav { gap: 8px 24px; }
body[data-lt-theme="unified"] .portfolio-nav a {
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid var(--fn-line);
  border-radius: 0;
  background: transparent;
  color: var(--fn-ink);
  font-size: 14px;
  text-underline-offset: 5px;
}
body[data-lt-theme="unified"] .portfolio-nav a:hover { border-bottom-color: var(--fn-accent); color: var(--fn-accent); }
body[data-lt-theme="unified"] .portfolio-group { margin-bottom: 56px; }
body[data-lt-theme="unified"] .portfolio-group-title { margin-bottom: 18px; gap: 16px; }
body[data-lt-theme="unified"] .portfolio-group-title > span { color: var(--fn-accent); font-size: 14px; }
body[data-lt-theme="unified"] .portfolio-group-title h3 { font-size: 18px; color: var(--fn-ink); }
body[data-lt-theme="unified"] .portfolio-grid {
  grid-template-columns: minmax(0,1fr);
  gap: 0;
  border-top: 1px solid var(--fn-ink);
}
body[data-lt-theme="unified"] .portfolio-card {
  display: grid;
  grid-template-columns: minmax(170px,.95fr) minmax(145px,1fr) minmax(0,1.8fr) minmax(130px,.8fr);
  align-items: start;
  gap: 20px;
  min-width: 0;
  padding: 28px 0;
  border: 0;
  border-bottom: 1px solid var(--fn-line);
  border-radius: 0;
  background: transparent;
  color: var(--fn-ink);
  box-shadow: none;
  text-decoration: none;
  transition: border-color .18s ease;
}
body[data-lt-theme="unified"] .portfolio-card:hover { border-bottom-color: var(--fn-accent); box-shadow: none; }
body[data-lt-theme="unified"] .portfolio-card:target { outline-color: var(--fn-accent); }
body[data-lt-theme="unified"] .portfolio-card-heading { gap: 12px; margin: 0; min-height: 44px; }
body[data-lt-theme="unified"] .portfolio-logo { width: 52px; flex-basis: 52px; }
body[data-lt-theme="unified"] .portfolio-logo img { width: 52px; height: 36px; }
body[data-lt-theme="unified"] .portfolio-card h4 { color: var(--fn-ink); font-size: 17px; line-height: 1.6; }
body[data-lt-theme="unified"] .portfolio-need { margin: 0; color: var(--fn-ink); font-size: 16px; font-weight: 700; line-height: 1.75; }
body[data-lt-theme="unified"] .portfolio-description { margin: 0; color: var(--fn-muted); font-size: 15px; line-height: 1.85; }
body[data-lt-theme="unified"] .portfolio-link {
  margin: 0;
  padding: 0;
  border: 0;
  min-height: 44px;
  align-items: start;
  color: var(--fn-accent);
  line-height: 1.75;
}
body[data-lt-theme="unified"] .portfolio-extra {
  border: 0;
  border-block: 1px solid var(--fn-line);
  border-radius: 0;
  background: transparent;
  padding-inline: 0;
}
body[data-lt-theme="unified"] .portfolio-extra p { font-size: 15px; }
body[data-lt-theme="unified"] .portfolio-extra a { color: var(--fn-accent); }
body[data-lt-theme="unified"] .segment-page .proof-card { border-color: var(--fn-line); }

/* Product explanations keep their existing responsive structure and live demonstrations. */
body[data-lt-theme="unified"] :is(.xp-try-option,.xp-feature,.xp-use-card,.xp-library-card,.xp-price-card,.xp-tier) {
  border: 0;
  border-top: 1px solid var(--fn-line);
  border-radius: 0;
  box-shadow: none;
}
body[data-lt-theme="unified"] :is(.xp-try-option,.xp-feature,.xp-use-card,.xp-library-card):hover { box-shadow: none; transform: none; }
body[data-lt-theme="unified"] .xp-feature { background: transparent; }
body[data-lt-theme="unified"] .xp-library-card { background: var(--fn-sheet); }
body[data-lt-theme="unified"] .xp-page .xp-price-card { background: var(--fn-sheet); color: var(--fn-ink); }
body[data-lt-theme="unified"] .xp-page .xp-market { border-radius: 0; }
body[data-lt-theme="unified"] .xp-price-card :is(small,.xp-price-note) { color: var(--fn-muted); }
body[data-lt-theme="unified"] :is(.adoption-guide__inner,.policy-card) { box-shadow: none; border-radius: 0; }
body[data-lt-theme="unified"] .policy-card { background: var(--fn-sheet); }

/* Journal images stay intact; the surrounding typography follows the field notes. */
body[data-lt-theme="unified"] :is(.blog-main,.article-main) { background: transparent; }
body[data-lt-theme="unified"] .blog-intro { padding-block: 56px 40px; border-bottom-color: var(--fn-line); }
body[data-lt-theme="unified"] .blog-intro h1 { max-width: 16em; line-height: 1.28; }
body[data-lt-theme="unified"] .intro-decoration { display: none; }
body[data-lt-theme="unified"] .blog-intro > .eyebrow { color: var(--fn-muted); }
body[data-lt-theme="unified"] .post-grid { gap: 48px 36px; }
body[data-lt-theme="unified"] .post-card { border-bottom-color: var(--fn-line); padding-bottom: 28px; }
body[data-lt-theme="unified"] .post-card--featured { border-bottom-color: var(--fn-line); }
body[data-lt-theme="unified"] .card-image { border-radius: 8px; background: var(--fn-wash); }
body[data-lt-theme="unified"] .post-card:hover .card-image img { transform: none; }
body[data-lt-theme="unified"] .card-copy h2 { font-size: 22px; line-height: 1.4; }
body[data-lt-theme="unified"] .card-copy .eyebrow { color: var(--fn-muted); font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; }
body[data-lt-theme="unified"] .card-description { font-size: 16px; color: var(--fn-muted); }
body[data-lt-theme="unified"] .card-bottom { color: var(--fn-muted); font-size: 14px; }
body[data-lt-theme="unified"] .category-filters button {
  border: 0;
  border-bottom: 1px solid var(--fn-line);
  border-radius: 0;
  background: transparent;
  color: var(--fn-muted);
  padding-inline: 4px;
}
body[data-lt-theme="unified"] .category-filters button[aria-pressed="true"] {
  border-bottom: 2px solid var(--fn-accent);
  background: transparent;
  color: var(--fn-ink);
}
body[data-lt-theme="unified"] .category-count { font-size: 14px; }
body[data-lt-theme="unified"] .article-toc { border-block: 1px solid var(--fn-line); padding-block: 16px; }
body[data-lt-theme="unified"] .article-toc :is(summary,li a) { font-size: 14px; }
body[data-lt-theme="unified"] .article-body { color: var(--fn-ink); font-size: 17px; line-height: 1.85; }
body[data-lt-theme="unified"] .article-body :is(h2,h3) { border-color: var(--fn-line); }
body[data-lt-theme="unified"] .article-body h2 { line-height: 1.38; }
body[data-lt-theme="unified"] .article-body blockquote { border-left-color: var(--fn-accent); background: transparent; }
body[data-lt-theme="unified"] .article-body pre { color: #ffffff; background: #1a365d; }
body[data-lt-theme="unified"] .article-media figcaption { font-size: 14px; }
body[data-lt-theme="unified"] .blog-outro {
  border-block: 1px solid var(--fn-line);
  border-radius: 0;
  background: transparent;
  padding: 40px 0;
}
body[data-lt-theme="unified"] .blog-outro h2 { line-height: 1.38; }

@media (max-width: 1000px) {
  body[data-lt-theme="unified"] .portfolio-card {
    grid-template-columns: minmax(155px,.7fr) minmax(0,1.5fr);
    gap: 10px 24px;
  }
  body[data-lt-theme="unified"] .portfolio-card-heading { grid-column: 1; grid-row: 1 / span 3; }
  body[data-lt-theme="unified"] :is(.portfolio-need,.portfolio-description,.portfolio-link) { grid-column: 2; }
}
@media (max-width: 640px) {
  body[data-lt-theme="unified"] :is(.hero,.experience-hero,.hero-section,.page-hero,.seo-hero,.canva-hero,.snorkl-hero,.xp-hero,.ax-hero,.lt-hero):not(.fn-canva,.fn-canva *) { padding-block: 44px; }
  body[data-lt-theme="unified"] .hero-card:not(.fn-canva,.fn-canva *) { border-left: 0; border-top: 1px solid var(--fn-line); padding: 24px 0 0; }
  body[data-lt-theme="unified"] .hero-main:not(.fn-canva,.fn-canva *) { border-left: 0; border-top: 1px solid var(--fn-line); padding: 24px 0 0; }
  body[data-lt-theme="unified"] .portfolio-card { grid-template-columns: minmax(0,1fr); padding-block: 24px; gap: 12px; }
  body[data-lt-theme="unified"] .portfolio-card-heading { grid-column: 1; grid-row: auto; }
  body[data-lt-theme="unified"] :is(.portfolio-need,.portfolio-description,.portfolio-link) { grid-column: 1; }
  body[data-lt-theme="unified"] .portfolio-group { margin-bottom: 40px; }
  body[data-lt-theme="unified"] .portfolio-description { font-size: 15px; }
  body[data-lt-theme="unified"] .portfolio-link { min-height: 44px; align-items: center; }
  body[data-lt-theme="unified"] .blog-intro { padding-block: 48px 40px; }
  body[data-lt-theme="unified"] .post-grid { gap: 32px; }
  body[data-lt-theme="unified"] .card-copy h2 { font-size: 20px; }
  body[data-lt-theme="unified"] .article-body { font-size: 16px; line-height: 1.8; }
}

/* Keep decorative motion out of the reading panels, without altering live media. */
body[data-lt-theme="unified"] .feature-card:not(.fn-canva,.fn-canva *):hover > * { transform: none; }
body[data-lt-theme="unified"] .xp-page :is(.xp-section:not(.xp-section--dark):not(.xp-pricing),.xp-final) { background: var(--fn-paper); }
body[data-lt-theme="unified"] .xp-page .xp-preview { border-radius: 0; box-shadow: none; }
body[data-lt-theme="unified"] .adoption-guide { background: var(--fn-paper); color: var(--fn-ink); }
body[data-lt-theme="unified"] .adoption-guide table { background: var(--fn-sheet); }
body[data-lt-theme="unified"] .adoption-guide th { background: #f2f5f9; color: var(--fn-ink); }
body[data-lt-theme="unified"] .adoption-guide :is(th,td) { border-color: var(--fn-line); }
body[data-lt-theme="unified"] .adoption-guide__source { font-size: 14px; color: var(--fn-muted); }

/* Working interfaces keep their UI headings and printable results familiar. */
body[data-lt-theme="unified"] :is(form,[role="dialog"],.wc-workspace,.wc-print-sheet) :is(h1,h2) {
  font-family: var(--font-sans) !important;
  font-weight: 700;
}

/* The hub's legacy frame used important borders; the field-note margin replaces it. */
body[data-lt-theme="unified"] .segment-page .hero-card {
  border: 0 !important;
  border-left: 1px solid var(--fn-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent;
}
@media (max-width: 768px) {
  body[data-lt-theme="unified"] .segment-page .hero-card {
    border-left: 0 !important;
    border-top: 1px solid var(--fn-line) !important;
  }
}

/* Runtime product navigation belongs to the same page, including tenant pages. */
body[data-lt-theme="unified"] .product-next-cta { width: min(1280px, calc(100% - 80px)); padding: 0; margin: 48px auto; }
body[data-lt-theme="unified"] .product-next-cta__inner { max-width: none; padding: 32px 0 0; border: 0; border-top: 1px solid var(--fn-line); border-radius: 0; background: transparent; box-shadow: none; }
body[data-lt-theme="unified"] .product-next-cta__kicker { font-size: 14px; color: var(--fn-muted); letter-spacing: 0; text-transform: none; }
body[data-lt-theme="unified"] .product-next-cta__actions a { min-height: 48px; border-radius: 0; box-shadow: none; }
@media (max-width: 768px) {
 body[data-lt-theme="unified"] .product-next-cta { width: calc(100% - 40px); margin-block: 32px; }
}

/* Surfaces: hairline-only "ledger" cards become real panels, one radius per level, no shadow. */
body[data-lt-theme="unified"] :is(.feature-card,.pricing-card,.seo-card,.seo-proof-card,.canva-plan-card,.canva-case-card,.use-case-card,.scenario-card,.xp-try-option,.xp-feature,.xp-use-card,.xp-library-card,.xp-price-card):not(.fn-canva,.fn-canva *) {
  border: 1px solid var(--fn-line) !important;
  border-radius: 12px !important;
  background: #fff;
}
body[data-lt-theme="unified"] :is(.feature-card,.seo-card,.seo-proof-card,.canva-plan-card,.canva-case-card,.use-case-card,.xp-try-option,.xp-feature,.xp-use-card,.xp-library-card):not(.fn-canva,.fn-canva *):hover { border-color: var(--lt-line-strong) !important; }
body[data-lt-theme="unified"] .pricing-card.featured:not(.fn-canva,.fn-canva *) { border: 2px solid var(--fn-brand) !important; }
body[data-lt-theme="unified"] :is(.hero-card,.hero-main,.canva-hero-panel):not(.fn-canva,.fn-canva *),
body[data-lt-theme="unified"] .segment-page .hero-card {
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--fn-wash);
  padding: 28px;
}
body[data-lt-theme="unified"] .hero-section .hero-main:not(.fn-canva,.fn-canva *) { padding: 28px; }
body[data-lt-theme="unified"] .canva-hero-panel:not(.fn-canva,.fn-canva *) .canva-status-list li { border-top: 1px solid var(--fn-line); }
body[data-lt-theme="unified"] :is(.seo-section-alt,.portfolio-support,.adoption-guide) { background: var(--fn-wash); border-block: 0; }
body[data-lt-theme="unified"] .xp-page :is(.xp-section:not(.xp-section--dark):not(.xp-pricing),.xp-final) { background: #fff; }
body[data-lt-theme="unified"] :is(.adoption-guide__inner,.policy-card,.xp-page .xp-market,.xp-page .xp-preview) { border-radius: 12px; }
body[data-lt-theme="unified"] :is(.seo-faq details,.faq-item) { border-radius: 8px; }
body[data-lt-theme="unified"] :is(.budget-notice-inner,.portfolio-extra) { background: var(--fn-wash); border: 0; border-radius: 8px; padding-inline: 20px; }
body[data-lt-theme="unified"] .product-next-cta__actions a { border-radius: 8px; }

/* Things a browser ships by default still belong to the design. */
body[data-lt-theme="unified"] ::selection { background: #1a365d; color: #fff; }
body[data-lt-theme="unified"] :is(p,li) { text-wrap: pretty; }
body[data-lt-theme="unified"] a { text-underline-offset: 3px; }
body[data-lt-theme="unified"] :is(.campus-seat-count,.fnc-plan-price,.seo-price,.xp-price) { font-variant-numeric: tabular-nums; }
@media (max-width: 640px) {
  body[data-lt-theme="unified"] :is(.hero-card,.hero-main,.canva-hero-panel):not(.fn-canva,.fn-canva *),
  body[data-lt-theme="unified"] .segment-page .hero-card { padding: 22px 20px; border-top: 0 !important; }
}

/* Status labels stay readable without a second palette; a warning keeps its own colour. */
body[data-lt-theme="unified"] .canva-status { border-radius: 6px; font-weight: 700; }
body[data-lt-theme="unified"] .canva-status--available { color: #1a365d; background: #e6ecf3; }

/* Product page top: a plain trail and a plain label, not chrome around the headline. */
body[data-lt-theme="unified"] :is(.breadcrumb-list,.xp-breadcrumb ol) { padding-inline: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
body[data-lt-theme="unified"] :is(.hero-badge,.xp-eyebrow)::before { display: none; }
body[data-lt-theme="unified"] :is(.hero,.hero-section,.xp-hero,.snorkl-hero) :is(.hero-badge,.xp-eyebrow) { padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--fn-muted); font-size: 15px; font-weight: 500; letter-spacing: 0; text-transform: none; }

/* Labels and tags: one quiet size, sentence case, no tracking. */
body[data-lt-theme="unified"] :is(.lt-eyebrow,.lt-card-kicker,.lt-chip,.tag,.ax-offer-tag,.featured-label,.fnc-entry-index,.faq-arrow) { font-size: 14px; letter-spacing: 0; text-transform: none; }
body[data-lt-theme="unified"] :is(.lt-eyebrow,.lt-card-kicker) { color: var(--fn-muted); font-weight: 500; }

body[data-lt-theme="unified"] :is(.free-badge,.q-req,.snorkl-eyebrow,.product-use-note,.wg-th-sub,.preview-status:not(.xp-preview *)) { font-size: 14px; letter-spacing: 0; text-transform: none; }
body[data-lt-theme="unified"] main :is(th,td) { font-size: max(14px,.95em); }
@media (max-width: 768px) {
  body[data-lt-theme="unified"] :is(.canva-case-source,.seo-card-link,.lt-card-link,.lt-filter-btn) { display: inline-flex; align-items: center; min-height: 44px; }
  body[data-lt-theme="unified"] main summary { min-height: 44px; padding-block: 10px; }
  body[data-lt-theme="unified"] .breadcrumb-list a { display: inline-block; padding-block: 12px; }
}

/* Blog: a smaller masthead, and no type under 14px around the article. */
body[data-lt-theme="unified"] .blog-intro h1 { font-size: clamp(34px,4vw,48px); letter-spacing: -.03em; }
body[data-lt-theme="unified"] .blog-intro > .eyebrow { font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; }
body[data-lt-theme="unified"] .blog-intro > p:not(.eyebrow) { line-height: 1.65; }
body[data-lt-theme="unified"] .intro-link { border-bottom-color: var(--lt-line-strong); }
body[data-lt-theme="unified"] .article-top h1 { font-size: clamp(30px,3.2vw,40px); letter-spacing: -.03em; }
body[data-lt-theme="unified"] .article-deck { line-height: 1.7; }
body[data-lt-theme="unified"] .article-body { letter-spacing: 0; }
body[data-lt-theme="unified"] :is(.article-byline strong,.article-byline p,.back-link,.share-button,.article-end,.article-end p,.article-tags span) { font-size: 14px; }
body[data-lt-theme="unified"] .share-button { border-radius: 8px; }
body[data-lt-theme="unified"] .article-tags span { border-radius: 6px; }
body[data-lt-theme="unified"] .article-body blockquote { border-left-width: 2px; color: var(--fn-muted); }
body[data-lt-theme="unified"] .article-body pre { color: var(--fn-ink); background: var(--fn-wash); }

/* One reading direction: headlines start at the left edge, labels stay plain. */
body[data-lt-theme="unified"] .lt-eyebrow { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body[data-lt-theme="unified"] .lt-hero-copy { max-width: none; margin: 0; text-align: left; }
body[data-lt-theme="unified"] .lt-hero-copy > p { max-width: 40em; margin-inline: 0; }
body[data-lt-theme="unified"] .lt-hero-actions { justify-content: flex-start; }
body[data-lt-theme="unified"] .snorkl-eyebrow { padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--fn-muted); font-size: 15px; font-weight: 500; }
body[data-lt-theme="unified"] .snorkl-eyebrow::before { display: none; }
body[data-lt-theme="unified"] .brand-support-note { padding: 0; border: 0; color: var(--fn-muted); font-size: 15px; }

/* One page width. Every section starts on the same left edge as the header and footer. */
body[data-lt-theme="unified"] :is(.container,.lt-container,.seo-container,.xp-shell,.adoption-guide__inner,.training-container,.company-container,.ai-guide,.product-next-cta,.breadcrumb-nav,.xp-breadcrumb) {
  box-sizing: border-box;
  width: min(1120px,calc(100% - 48px));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
body[data-lt-theme="unified"] :is(.container,.lt-container,.seo-container,.xp-shell) :is(.container,.lt-container,.seo-container,.xp-shell,.adoption-guide__inner) { width: 100%; }
body[data-lt-theme="unified"] :is(.breadcrumb-nav,.xp-breadcrumb) :is(.container,.lt-container,ol,.breadcrumb-list) { width: 100%; max-width: none; margin-inline: 0; padding-inline: 0; }
body[data-lt-theme="unified"] :is(.blog-main,.article-main) { max-width: 1168px; padding-inline: 24px; }
@media (max-width: 767px) {
  body[data-lt-theme="unified"] :is(.container,.lt-container,.seo-container,.xp-shell,.adoption-guide__inner,.training-container,.company-container,.ai-guide,.product-next-cta,.breadcrumb-nav,.xp-breadcrumb) { width: calc(100% - 40px); }
  body[data-lt-theme="unified"] :is(.container,.lt-container,.seo-container,.xp-shell) :is(.container,.lt-container,.seo-container,.xp-shell,.adoption-guide__inner) { width: 100%; }
  body[data-lt-theme="unified"] :is(.blog-main,.article-main) { padding-inline: 20px; }
}

/* Section headings read from the left, like the rest of the page. */
body[data-lt-theme="unified"] :is(.xp-heading,.xp-section-heading,.snorkl-section-heading,.section-header,.lt-section-header,.seo-section-header) { max-width: 46em; margin-inline: 0; text-align: left; }
body[data-lt-theme="unified"] :is(.xp-heading,.xp-section-heading,.snorkl-section-heading,.section-header,.lt-section-header) > * { margin-inline: 0; }

/* First screens share one white surface. */
body[data-lt-theme="unified"] :is(.company-hero,.training-hero) { background: #fff; border-bottom: 1px solid var(--fn-line); }

/* Purchase guide fills the page width; the budget band keeps space from what follows. */
body[data-lt-theme="unified"] .adoption-guide { padding-inline: 0; padding-block: 56px; }
body[data-lt-theme="unified"] .adoption-guide h2 { color: var(--fn-brand); line-height: 1.35; }
body[data-lt-theme="unified"] .adoption-guide table { max-width: none; border-radius: 12px; overflow: clip; box-shadow: 0 0 0 1px var(--fn-line); }
body[data-lt-theme="unified"] .adoption-guide th { width: 24%; background: #fff; }
body[data-lt-theme="unified"] .lt-budget-notice { margin-block: 32px; }
@media (max-width: 640px) {
  body[data-lt-theme="unified"] .adoption-guide { padding-block: 40px; }
  body[data-lt-theme="unified"] .adoption-guide th { width: 32%; }
}

/* Small labels are tags, not pills. */
body[data-lt-theme="unified"] .lt-chip { border-radius: 6px; }

/* Emoji used as icons go; a heading and a sentence carry the card. */
body[data-lt-theme="unified"] :is(.step-icon,.feature-icon,.faq-icon,.benefit-icon,.use-case-icon,.privacy-icon,.core-icon,.wg-feat-icon,.psc-detail-icon):not(:has(svg,img)) { display: none !important; }

/* AX: left-aligned opening, plain step numbers and tags, no pill around a sentence. */
body[data-lt-theme="unified"] .ax-hero { text-align: left; }
body[data-lt-theme="unified"] .ax-hero :is(.ax-hero-sub,.ax-hero-eyebrow) { margin-inline: 0; padding: 0; border: 0; background: transparent; color: var(--fn-muted); letter-spacing: 0; }
body[data-lt-theme="unified"] .ax-hero-buttons { justify-content: flex-start; }
body[data-lt-theme="unified"] .ax-step-num { width: auto; height: auto; padding: 0; border-radius: 0; background: transparent; color: var(--fn-muted); font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
body[data-lt-theme="unified"] .ax-journey-flow { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: left; justify-content: flex-start; }
body[data-lt-theme="unified"] .ax-offer-tag { padding: 0; border-radius: 0; background: transparent !important; color: var(--fn-muted) !important; font-weight: 500; }

/* Guides: tinted summaries instead of gradient callouts with a heavy edge. */
body[data-lt-theme="unified"] :is(.tldr,.verdict,.campus-example) { border: 0; border-radius: 12px; background: var(--fn-wash); color: var(--fn-ink); }
body[data-lt-theme="unified"] :is(.tldr h2,.verdict strong) { color: var(--fn-brand); }
body[data-lt-theme="unified"] .crumb { margin-top: 0; padding-block: 20px 0; border: 0; background: transparent; font-size: 14px; }
body[data-lt-theme="unified"] .crumb ol { box-sizing: border-box; width: min(1120px,calc(100% - 48px)); max-width: none; margin-inline: auto; padding-inline: 0; }
body[data-lt-theme="unified"] :is(.xp-heading,.xp-section-heading,.snorkl-section-heading,.section-header,.lt-section-header,.seo-section-header) > * { text-align: left; }
@media (max-width: 767px) { body[data-lt-theme="unified"] .crumb ol { width: calc(100% - 40px); } }
body[data-lt-theme="unified"] :is(.seo-note,.testimonial-card) { border-left-width: 0; border-radius: 8px; background: var(--fn-wash); }
body[data-lt-theme="unified"] .ai-card { border-left-width: 0; border-radius: 12px; }

/* Headline blocks sit on the page edge, not inside a tinted panel or a centred column. */
body[data-lt-theme="unified"] .hero-main:not(.fn-canva,.fn-canva *),
body[data-lt-theme="unified"] .hero-section .hero-main:not(.fn-canva,.fn-canva *) { padding: 0; border-radius: 0 !important; background: transparent; }
body[data-lt-theme="unified"] .ax-hero h1 { margin-inline: 0; }
body[data-lt-theme="unified"] :is(.hero,.page-hero) { text-align: left; }
body[data-lt-theme="unified"] .xp-try-copy { text-align: left; }

body[data-lt-theme="unified"] .ax-journey-flow > span { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--fn-muted); font-size: 15px; }
body[data-lt-theme="unified"] .lt-start-panel-note { padding-inline: 0; margin-inline: 0; }
body[data-lt-theme="unified"] .lt-hero-copy :is(.lt-chip-row,.lt-chips,.lt-hero-chips,.lt-start-chips,.lt-start-tags) { justify-content: flex-start; }
body[data-lt-theme="unified"] .brand-support-note + :is(.hero-cta,.hero-buttons,.btn-group,.hero-actions) { margin-top: 20px; }
body[data-lt-theme="unified"] .xp-try-option > span[aria-hidden="true"]:first-child { display: none; }

/* Headings on a dark ground stay white; the navy heading colour is for light surfaces. */
body[data-lt-theme="unified"] :is(.seo-cta,.ending,.cta-content,.cta-section,.cta-b2b,.ax-final-cta,.lt-cta-band,.xp-section--dark,.xp-pricing,.snorkl-demo-section,.snorkl-final-card,.final-cta,.cta,.service-strip) :is(h1,h2) { color: #fff; }
body[data-lt-theme="unified"] .xp-pricing .xp-tier { border: 1px solid rgb(255 255 255 / 22%) !important; border-radius: 8px !important; background: transparent !important; color: #fff; }
body[data-lt-theme="unified"] .xp-page .xp-heading > p:last-child { margin-inline: 0; text-align: left; }