html[data-pc-color-scheme] {
  --pc-page-bg: #f5f7f4;
  --pc-page-surface: #ffffff;
  --pc-page-surface-alt: #f6faf7;
  --pc-page-border: #d5e0d6;
  --pc-page-border-strong: #8fad9c;
  --pc-page-text: #1f2c26;
  --pc-page-muted: #627169;
  --pc-page-accent: #284e44;
  --pc-page-accent-strong: #355b4f;
  --pc-page-accent-soft: #ebf3ee;
  --pc-page-link: #245645;
  --pc-page-link-hover: #163f31;
  --pc-page-header-start: #486a53;
  --pc-page-header-end: #2f4f3a;
  --pc-page-chip-bg: #e8f0eb;
  --pc-page-chip-text: #55635b;
  --pc-page-chip-hover-bg: #dce9e1;
  --pc-page-focus: rgba(36, 93, 75, 0.28);
  --pc-page-shadow: 0 10px 25px rgba(34, 49, 40, 0.08);
  --pc-page-gold: #c9a94d;
}

html[data-pc-color-scheme="blue"] {
  --pc-page-bg: #f4f7fb;
  --pc-page-surface: #fcfdff;
  --pc-page-surface-alt: #f4f8fc;
  --pc-page-border: #cfd8e4;
  --pc-page-border-strong: #9cb4c8;
  --pc-page-text: #1f2934;
  --pc-page-muted: #617181;
  --pc-page-accent: #35546d;
  --pc-page-accent-strong: #4c6c85;
  --pc-page-accent-soft: #e1e9f1;
  --pc-page-link: #35546d;
  --pc-page-link-hover: #213e57;
  --pc-page-header-start: #607a95;
  --pc-page-header-end: #35546d;
  --pc-page-chip-bg: #e7edf4;
  --pc-page-chip-text: #53606e;
  --pc-page-chip-hover-bg: #dae5ef;
  --pc-page-focus: rgba(47, 88, 118, 0.25);
  --pc-page-shadow: 0 10px 25px rgba(43, 71, 95, 0.08);
  --pc-page-gold: #9eb4d0;
}

html[data-pc-color-scheme="rose"] {
  --pc-page-bg: #faf5f4;
  --pc-page-surface: #fffdfc;
  --pc-page-surface-alt: #fbf3f1;
  --pc-page-border: #e1d1ce;
  --pc-page-border-strong: #c5a59f;
  --pc-page-text: #332623;
  --pc-page-muted: #776462;
  --pc-page-accent: #6e4b46;
  --pc-page-accent-strong: #8a605a;
  --pc-page-accent-soft: #efe1de;
  --pc-page-link: #6b4641;
  --pc-page-link-hover: #54312d;
  --pc-page-header-start: #9a665f;
  --pc-page-header-end: #6e4b46;
  --pc-page-chip-bg: #f0e4e1;
  --pc-page-chip-text: #6a5652;
  --pc-page-chip-hover-bg: #ead8d5;
  --pc-page-focus: rgba(107, 70, 65, 0.25);
  --pc-page-shadow: 0 10px 25px rgba(89, 63, 58, 0.08);
  --pc-page-gold: #c9a29c;
}

html[data-pc-color-scheme="stone"] {
  --pc-page-bg: #f5f5f2;
  --pc-page-surface: #fcfcfa;
  --pc-page-surface-alt: #f6f6f2;
  --pc-page-border: #d6d7cf;
  --pc-page-border-strong: #a9b0a6;
  --pc-page-text: #2b2e29;
  --pc-page-muted: #686c65;
  --pc-page-accent: #4b5851;
  --pc-page-accent-strong: #647168;
  --pc-page-accent-soft: #e2e7e3;
  --pc-page-link: #445149;
  --pc-page-link-hover: #303a34;
  --pc-page-header-start: #707872;
  --pc-page-header-end: #4b5851;
  --pc-page-chip-bg: #e5e8e3;
  --pc-page-chip-text: #636861;
  --pc-page-chip-hover-bg: #dbe0da;
  --pc-page-focus: rgba(75, 88, 81, 0.24);
  --pc-page-shadow: 0 10px 25px rgba(56, 60, 54, 0.08);
  --pc-page-gold: #b2b7af;
}

html[data-pc-color-scheme="weaver"] {
  --pc-page-bg: #fff7e8;
  --pc-page-surface: #fffdf8;
  --pc-page-surface-alt: #f7efe1;
  --pc-page-border: #dfc58c;
  --pc-page-border-strong: #c9a04f;
  --pc-page-text: #11233f;
  --pc-page-muted: #6e5a4b;
  --pc-page-accent: #102646;
  --pc-page-accent-strong: #17365f;
  --pc-page-accent-soft: #f3e7cf;
  --pc-page-link: #6f1d24;
  --pc-page-link-hover: #4f1219;
  --pc-page-header-start: #17365f;
  --pc-page-header-end: #102646;
  --pc-page-chip-bg: #f6ead2;
  --pc-page-chip-text: #6f1d24;
  --pc-page-chip-hover-bg: #ead6ad;
  --pc-page-focus: rgba(201, 160, 79, 0.34);
  --pc-page-shadow: 0 14px 30px rgba(16, 38, 70, 0.1);
  --pc-page-gold: #c9a04f;
  --pc-page-burgundy: #6f1d24;
}

html[data-pc-color-scheme] body.pc-color-scheme-page {
  --pc-green: var(--pc-page-accent);
  --pc-green-light: var(--pc-page-accent-strong);
  --pc-green-soft: var(--pc-page-accent-soft);
  --pc-green-dark: var(--pc-page-header-end);
  --pc-border: var(--pc-page-border);
  --pc-muted: var(--pc-page-muted);
  --pc-bg: var(--pc-page-bg);
  --pc-card-bg: var(--pc-page-surface);
  --pc-warn-bg: var(--pc-page-accent-soft);
  --pc-warn-border: var(--pc-page-border-strong);
  --pc-warn-text: var(--pc-page-accent);
  --pc-cream: var(--pc-page-bg);
  --pc-text: var(--pc-page-text);
  --pc-gold: var(--pc-page-gold);
  --bg: var(--pc-page-bg);
  --card: var(--pc-page-surface);
  --card2: var(--pc-page-surface-alt);
  --text: var(--pc-page-text);
  --muted: var(--pc-page-muted);
  --line: var(--pc-page-border);
  --btn: var(--pc-page-accent);
  --btn2: var(--pc-page-accent-soft);
  --accent: var(--pc-page-accent);
  --accent-strong: var(--pc-page-accent-strong);
  --accent-border: var(--pc-page-border-strong);
  --shadow-soft: var(--pc-page-shadow);
  --focus: 0 0 0 3px var(--pc-page-focus);
  background: var(--pc-page-bg);
  color: var(--pc-page-text);
}

html[data-pc-color-scheme] body.pc-color-scheme-page a {
  color: var(--pc-page-link);
}

html[data-pc-color-scheme] body.pc-color-scheme-page a:hover {
  color: var(--pc-page-link-hover);
}

html[data-pc-color-scheme] body.pc-color-scheme-page input,
html[data-pc-color-scheme] body.pc-color-scheme-page select,
html[data-pc-color-scheme] body.pc-color-scheme-page textarea {
  border-color: var(--pc-page-border);
  color: var(--pc-page-text);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .site-header,
html[data-pc-color-scheme] body.pc-color-scheme-page .hero-wrap,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-header,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-topbar,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-header,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__header {
  background: linear-gradient(135deg, var(--pc-page-header-start), var(--pc-page-header-end));
}

html[data-pc-color-scheme] body.pc-color-scheme-page .resize-handle,
html[data-pc-color-scheme] body.pc-color-scheme-page .bible-handle {
  background: var(--pc-page-border-strong);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .bible-toggle {
  background: linear-gradient(180deg, var(--pc-page-header-start), var(--pc-page-header-end));
  color: #fffaf0;
  border-left: 1px solid var(--pc-page-border-strong);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-topbar,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-header,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__header,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-header,
html[data-pc-color-scheme] body.pc-color-scheme-page .site-header,
html[data-pc-color-scheme] body.pc-color-scheme-page .hero-wrap,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-tabs {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .card,
html[data-pc-color-scheme] body.pc-color-scheme-page .hero-card,
html[data-pc-color-scheme] body.pc-color-scheme-page .cta-section,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-card,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-card,
html[data-pc-color-scheme] body.pc-color-scheme-page .section,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-control,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-school-desc-wrap,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__panel {
  background: var(--pc-page-surface);
  border-color: var(--pc-page-border);
  box-shadow: var(--pc-page-shadow);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-tabs {
  background: var(--pc-page-header-end);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-tab-active {
  background: var(--pc-page-surface);
  color: var(--pc-page-accent);
  border-color: var(--pc-page-border);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .btn-primary,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-btn,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-btn-link,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-btn-primary,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__btn,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-tab--active,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__mode-btn.is-active,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__span-tab.is-active {
  background: var(--pc-page-accent);
  border-color: var(--pc-page-accent);
  color: #ffffff;
}

html[data-pc-color-scheme] body.pc-color-scheme-page .btn-primary:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-btn:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-btn-link:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-btn-primary:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__btn:hover {
  background: var(--pc-page-accent-strong);
  border-color: var(--pc-page-accent-strong);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .btn-ghost,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-btn-outline,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__btn--ghost,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-btn.secondary,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-btn,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-share-btn,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-mini-btn,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-tab,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__mode-btn,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__span-tab,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__chip,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__results-more,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__cross-more {
  background: var(--pc-page-surface-alt);
  border-color: var(--pc-page-border);
  color: var(--pc-page-accent);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .btn-ghost:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-btn-outline:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__btn--ghost:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-btn.secondary:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-btn:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-share-btn:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-mini-btn:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-tab:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__mode-btn:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__span-tab:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__chip:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__results-more:hover,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__cross-more:hover {
  background: var(--pc-page-chip-hover-bg);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .filter-container,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-search-row,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-filter-pill,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-select,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-card-img-wrap,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-metric,
html[data-pc-color-scheme] body.pc-color-scheme-page details.pc-terms,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__span-card,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__tools details,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__cross-ref,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__empty {
  background: var(--pc-page-surface-alt);
  border-color: var(--pc-page-border);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-title,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-section-title,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-page-title,
html[data-pc-color-scheme] body.pc-color-scheme-page h1,
html[data-pc-color-scheme] body.pc-color-scheme-page .section h2,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__lecture-link,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__tools-title,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__tools summary,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__quote-ref,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-lecture {
  color: var(--pc-page-accent);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .dp-header h1 {
  color: #ffffff;
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-page-subtitle,
html[data-pc-color-scheme] body.pc-color-scheme-page .subtitle,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-row,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-muted,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-progress-meta,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-status,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-meta,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-footer-tip,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-footer,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__hint,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__lecture-hint,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__tools-subtitle,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__cross-context,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__empty,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__span-meta {
  color: var(--pc-page-muted);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-progress-fill,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-bar__fill {
  background: linear-gradient(90deg, var(--pc-page-header-start), var(--pc-page-accent));
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__focus,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__chip,
html[data-pc-color-scheme] body.pc-color-scheme-page .tm-share-icon,
html[data-pc-color-scheme] body.pc-color-scheme-page .filter-container .pc-btn.secondary,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-alert {
  background: var(--pc-page-chip-bg);
  color: var(--pc-page-chip-text);
  border-color: var(--pc-page-border);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .hero-copy h1 span {
  color: var(--pc-page-gold);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-header-right a,
html[data-pc-color-scheme] body.pc-color-scheme-page .nav-links a,
html[data-pc-color-scheme] body.pc-color-scheme-page .mobile-panel a,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-tab {
  color: rgba(255, 255, 255, 0.92);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .menu-btn,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__back,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__exit,
html[data-pc-color-scheme] body.pc-color-scheme-page .dp-btn,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-back-btn {
  border-color: rgba(255, 255, 255, 0.46);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__header .pc-study__back,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__header .pc-study__exit,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__header .pc-study__back i,
html[data-pc-color-scheme] body.pc-color-scheme-page .pc-study__header .pc-study__exit i {
  color: rgba(255, 255, 255, 0.96);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .mobile-panel {
  background: rgba(15, 35, 22, 0.32);
}

html[data-pc-color-scheme] body.pc-color-scheme-page .pc-theme-btn.is-active {
  border-color: var(--pc-page-accent);
  background: var(--pc-page-accent-soft);
}

html[data-pc-color-scheme] body.pc-teachable-page .pc-tabs {
  background: linear-gradient(180deg, var(--pc-page-header-end), var(--pc-page-accent));
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
}

html[data-pc-color-scheme] body.pc-teachable-page .pc-tab {
  color: rgba(255, 255, 255, 0.94);
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

html[data-pc-color-scheme] body.pc-teachable-page .pc-tab:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.14);
  text-decoration: none;
}

html[data-pc-color-scheme] body.pc-teachable-page .pc-tab.pc-tab-active {
  background: var(--pc-page-surface);
  color: var(--pc-page-accent);
  border-color: var(--pc-page-border-strong);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

html[data-pc-color-scheme] body.pc-orientation-page {
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.3), transparent 26%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.16), transparent 28%),
    var(--pc-page-bg);
}

html[data-pc-color-scheme] body.pc-orientation-page .skip-link {
  background: var(--pc-page-surface);
  color: var(--pc-page-text);
  border: 1px solid var(--pc-page-border);
}

html[data-pc-color-scheme] body.pc-orientation-page .logo,
html[data-pc-color-scheme] body.pc-orientation-page .hero-copy h1,
html[data-pc-color-scheme] body.pc-orientation-page .hero-subtitle,
html[data-pc-color-scheme] body.pc-orientation-page .hero-tagline {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}

html[data-pc-color-scheme] body.pc-orientation-page .hero-copy h1 {
  color: #ffffff;
}

html[data-pc-color-scheme] body.pc-orientation-page .hero-copy h1 span {
  color: var(--pc-page-gold);
}

html[data-pc-color-scheme] body.pc-orientation-page .nav-links a,
html[data-pc-color-scheme] body.pc-orientation-page .mobile-panel a {
  color: rgba(255, 255, 255, 0.96);
}

html[data-pc-color-scheme] body.pc-orientation-page .nav-links a:hover,
html[data-pc-color-scheme] body.pc-orientation-page .mobile-panel a:hover {
  color: #ffffff;
}

html[data-pc-color-scheme] body.pc-orientation-page .menu-btn {
  background: rgba(255, 255, 255, 0.1);
}

html[data-pc-color-scheme] body.pc-orientation-page .mobile-panel {
  background: rgba(16, 25, 20, 0.8);
  border-color: rgba(255, 255, 255, 0.14);
}

html[data-pc-color-scheme] body.pc-orientation-page .hero-subtitle {
  color: rgba(255, 255, 255, 0.96);
}

html[data-pc-color-scheme] body.pc-orientation-page .hero-tagline {
  color: rgba(235, 244, 239, 0.94);
}

html[data-pc-color-scheme] body.pc-orientation-page .hero-meta {
  gap: 0.55rem;
}

html[data-pc-color-scheme] body.pc-orientation-page .hero-meta span {
  padding: 0.38rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(243, 248, 245, 0.96);
}

html[data-pc-color-scheme] body.pc-orientation-page .hero-card {
  background: linear-gradient(180deg, rgba(15, 22, 18, 0.92), rgba(22, 33, 27, 0.84));
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #eef4f0;
}

html[data-pc-color-scheme] body.pc-orientation-page .hero-card ul,
html[data-pc-color-scheme] body.pc-orientation-page .hero-card li {
  color: inherit;
}

html[data-pc-color-scheme] body.pc-orientation-page .eyebrow {
  color: var(--pc-page-accent-strong);
}

html[data-pc-color-scheme] body.pc-orientation-page .card {
  border: 1px solid var(--pc-page-border);
  background: linear-gradient(180deg, var(--pc-page-surface) 0%, var(--pc-page-surface-alt) 100%);
}

html[data-pc-color-scheme] body.pc-orientation-page .card h3,
html[data-pc-color-scheme] body.pc-orientation-page .section-title {
  color: var(--pc-page-accent);
}

html[data-pc-color-scheme] body.pc-orientation-page .card p,
html[data-pc-color-scheme] body.pc-orientation-page .card li,
html[data-pc-color-scheme] body.pc-orientation-page .two-column-list,
html[data-pc-color-scheme] body.pc-orientation-page .highlight-box {
  color: var(--pc-page-text);
}

html[data-pc-color-scheme] body.pc-orientation-page .highlight-box {
  margin-top: 0.9rem;
  padding: 0.8rem 0.95rem 0.8rem 1rem;
  background: var(--pc-page-surface-alt);
  border: 1px solid var(--pc-page-border);
  border-left: 4px solid var(--pc-page-gold);
  border-radius: 12px;
}

html[data-pc-color-scheme] body.pc-orientation-page .pill,
html[data-pc-color-scheme] body.pc-orientation-page .badge {
  background: var(--pc-page-chip-bg);
  color: var(--pc-page-chip-text);
  border: 1px solid var(--pc-page-border);
}

html[data-pc-color-scheme] body.pc-orientation-page .cta-section {
  border: 1px solid var(--pc-page-border);
}

html[data-pc-color-scheme] body.pc-orientation-page .cta-section p {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

html[data-pc-color-scheme] body.pc-orientation-page .cta-section .btn-ghost {
  background: var(--pc-page-surface-alt);
  border-color: var(--pc-page-border-strong);
  color: var(--pc-page-accent);
}

html[data-pc-color-scheme] body.pc-orientation-page .cta-section .btn-ghost:hover {
  background: var(--pc-page-chip-hover-bg);
}

html[data-pc-color-scheme] body.pc-orientation-page footer {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.08)), var(--pc-page-header-end);
  color: rgba(240, 245, 242, 0.95);
}

html[data-pc-color-scheme] body.pc-orientation-page footer a {
  color: #ffffff;
}