/* Theme controls keep the same place and label in both appearances. */
:root { color-scheme: light; }
.account-actions .theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 2.75rem;
  padding: .5rem .65rem;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--paper-bright);
  color: var(--ink);
  font: inherit;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  cursor: pointer;
}
.account-actions .theme-toggle:hover { color: var(--ink); border-color: var(--ink-soft); }
.theme-toggle .theme-icon { width: 1.1rem; height: 1.1rem; flex: none; }
.theme-toggle::after {
  content: "";
  display: block;
  flex: none;
  width: 1.55rem;
  height: .85rem;
  border: 1px solid currentColor;
  border-radius: 1rem;
  background: radial-gradient(circle at .35rem 50%, currentColor 3px, transparent 3.5px);
}
.theme-toggle[aria-checked="true"]::after { background-position: .7rem 0; }

@media (min-width: 45.01rem) and (max-width: 65rem) {
  .masthead-inner { flex-wrap: wrap; }
  .account-actions { flex-wrap: wrap; gap: .65rem 1rem; }
}
@media (max-width: 45rem) {
  .account-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem .7rem; }
  .account-actions > a, .account-actions > form > button { display: flex; align-items: center; justify-content: center; min-height: 2.75rem; }
  .account-actions > form > button { width: 100%; }
  .account-actions .account-login { grid-column: 1 / -1; width: 100%; max-width: none; }
  .account-actions .theme-toggle { padding-inline: .4rem; font-size: .82rem; gap: .35rem; }
}
@media (max-width: 24rem) {
  .account-actions .theme-toggle { font-size: .78rem; }
  .theme-toggle .theme-icon { width: .95rem; height: .95rem; }
}

/* Text, surfaces and actions have separate tokens: pale text must never become
   the background of a button that still has a white label. */
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #edf2f7;
  --ink-soft: #b4c3d0;
  --paper: #101820;
  --paper-bright: #17232e;
  --surface: #1d2d3b;
  --line: #3b5062;
  --accent: #f08693;
  --focus: #f2acb6;
  --green-deep: #edf2f7;
  --green: #a7cfe9;
  --green-hover: #c7e3f6;
  --green-light: #203344;
  --lime: #a7cfe9;
  --lime-hover: #c7e3f6;
  --danger: #ffb0b8;
  --danger-soft: #3b2029;
  --success: #a2dbb7;
  --success-soft: #1e352c;
  --warning-soft: #362d1c;
  --theme-field: #101c26;
  --theme-control-line: #75899b;
  --theme-action: #c3dff2;
  --theme-action-hover: #e0eff9;
  --theme-action-text: #102536;
  --theme-gold: #f0d18a;
  --theme-gold-surface: #302919;
  --theme-gold-line: #8c7039;
  background: var(--paper);
}
html[data-theme="dark"] .kadra-site { color: var(--ink); background: var(--paper); }
html[data-theme="dark"] .kadra-site :focus-visible { outline-color: var(--focus); }
html[data-theme="dark"] .kadra-site ::selection { background: #7d3546; color: #fff; }

/* Shared masthead, public navigation and member band. */
html[data-theme="dark"] :is(.masthead, .kadra-navigation) { background: var(--paper-bright); }
html[data-theme="dark"] .kadra-site .kadra-monogram { background: #ac2935; color: #fff; }
html[data-theme="dark"] .kadra-site .nav-toggle { background: var(--surface); border-color: var(--theme-control-line); color: var(--ink); }
html[data-theme="dark"] .account-actions .theme-toggle { background: var(--surface); border-color: var(--theme-control-line); }
html[data-theme="dark"] .account-actions .theme-toggle[aria-checked="true"] { color: var(--ink); }
html[data-theme="dark"] .theme-toggle[aria-checked="true"]::after { color: var(--accent); }
html[data-theme="dark"] .kadra-navigation li { border-color: var(--line); }
html[data-theme="dark"] .member-navigation-band { background: #182d40; border-top-color: #ac2935; }
html[data-theme="dark"] .member-navigation-title { color: #bdcedc; }
html[data-theme="dark"] .kadra-site .member-navigation-band .member-nav a { color: #e5edf4; border-color: #667e94; }
html[data-theme="dark"] .kadra-site .member-navigation-band .member-nav a:hover { background: #28485f; border-color: #a7cfe9; }
html[data-theme="dark"] .kadra-site .member-navigation-band .member-nav a[aria-current="page"] { color: var(--theme-action-text); background: var(--theme-action); border-color: var(--theme-action); }
html[data-theme="dark"] .kadra-site .member-navigation-band .member-nav a.moderation-nav-link { background: #f5d98c; color: #3b2b09; border-color: #d2aa47; }
html[data-theme="dark"] .kadra-site .member-navigation-band .member-nav a.moderation-nav-link:hover,
html[data-theme="dark"] .kadra-site .member-navigation-band .member-nav a.moderation-nav-link[aria-current="page"] { background: #ffe8ac; color: #302000; border-color: #ffe8ac; }
html[data-theme="dark"] .nav-count { background: #ac2935; color: #fff; }
html[data-theme="dark"] .kadra-footer { background: #0c141d; border-top: 1px solid var(--line); }
html[data-theme="dark"] .footer-end { border-color: var(--line); }

/* Public pages and information cards. */
html[data-theme="dark"] :is(.home-identity, .knowledge-section, .home-shortcuts, .editor-instructions, .access-note) { background: var(--surface); }
html[data-theme="dark"] :is(.home-about-band, .board-contact, .help-guide-card, .guide-fallback) { background: var(--paper-bright); border-color: var(--line); }
html[data-theme="dark"] .home-editorial :is(.editorial-section, .aside-note) { background: var(--paper-bright); border-color: var(--line); }
html[data-theme="dark"] .home-editorial .editorial-section { border-top-color: #8099ad; }
html[data-theme="dark"] .home-editorial .home-account-note { background: #30222c; border-color: #79505b; }
html[data-theme="dark"] .home-editorial .survey-notice { background: #20384d; border-color: #526e84; border-top-color: #ac2935; }
html[data-theme="dark"] .kadra-site :is(.public-info-section, .editor-card, .source-groups details, .public-faq details) { background: var(--paper-bright); border-color: var(--line); }
html[data-theme="dark"] .kadra-site .public-info-page .content-card,
html[data-theme="dark"] .content-card { background: var(--surface); }
html[data-theme="dark"] .kadra-site .work-page :is(.case-row, .legal-news > article) { background: var(--paper-bright); border-color: var(--line); border-left-color: #8099ad; }
html[data-theme="dark"] .kadra-site .work-page .legal-news > article { border-top-color: #8099ad; }
html[data-theme="dark"] :is(.source-groups details a:hover, .home-shortcuts > a:hover, .editor-card:hover) { background: var(--surface); }
html[data-theme="dark"] .kadra-site .source-groups details:target { background: #30222c; border-color: var(--accent); }
html[data-theme="dark"] :is(.about-features > div, .legal-news article) { border-color: var(--line); }
html[data-theme="dark"] .member-guide li::before { background: var(--danger-soft); }

/* Member dashboard, accounts, cases and poll forms. */
html[data-theme="dark"] .kadra-site :is(.auth-section, .member-hero) { background: var(--surface); }
html[data-theme="dark"] :is(.auth-card, .account-card, .account-mini-card, .status-card, .case-detail-card, .case-discussion, .case-comment-form) { background: var(--paper-bright); }
html[data-theme="dark"] .kadra-site .member-summary { background: var(--paper-bright); }
html[data-theme="dark"] .member-summary span { color: var(--ink-soft); background: var(--surface); border-color: var(--line); }
html[data-theme="dark"] .notice-card-pinned { background: #292d21; border-left-color: #b7c789; }
html[data-theme="dark"] .kadra-site .side-card-accent { background: #20384d; border-color: #526e84; }
html[data-theme="dark"] :is(.case-comment, .poll-card, .forum-notice, .forum-identity) { background: var(--surface); }
html[data-theme="dark"] .poll-choice { background: var(--paper-bright); border-color: var(--theme-control-line); }
html[data-theme="dark"] .poll-choice:has(input:checked) { background: #2b465c; border-color: var(--theme-action); }
html[data-theme="dark"] .poll-status { background: #20384d; border-color: #81a4bd; }
html[data-theme="dark"] .case-filters a { background: var(--paper-bright); color: var(--ink); border-color: var(--theme-control-line); }
html[data-theme="dark"] .case-filters a:hover { background: var(--surface); border-color: var(--theme-action); }
html[data-theme="dark"] :is(.case-filters a[aria-current="true"], .filter-links a[aria-current]) { background: var(--theme-action); color: var(--theme-action-text); border-color: var(--theme-action); }
html[data-theme="dark"] :is(.case-pagination a, .row-arrow) { background: var(--paper-bright); }
html[data-theme="dark"] .case-timeline-item::before { background: var(--theme-action); box-shadow: 0 0 0 1px var(--theme-action); }
html[data-theme="dark"] .case-empty-state,
html[data-theme="dark"] .discussion-closed { border-color: var(--theme-control-line); }

/* Status colors retain their meaning in dark appearance. */
html[data-theme="dark"] .case-status { background: #243e52; color: #bdddf3; }
html[data-theme="dark"] .case-status-waiting { background: var(--warning-soft); color: #f0d18a; }
html[data-theme="dark"] .case-status-agreed { background: var(--success-soft); color: var(--success); }
html[data-theme="dark"] :is(.case-status-closed, .forum-badge) { background: #2c3944; color: #c7d1d9; }
html[data-theme="dark"] :is(.case-status-new, .case-unread, .unread-badge, .case-urgent),
html[data-theme="dark"] .kadra-site .pill { background: var(--danger-soft); color: #ffb0b8; }
html[data-theme="dark"] .message { color: #bdddf3; background: #203344; border-color: #526e84; }
html[data-theme="dark"] .message-success { color: var(--success); background: var(--success-soft); border-color: #548168; }
html[data-theme="dark"] .message-error { color: var(--danger); background: var(--danger-soft); border-color: #a56671; }
html[data-theme="dark"] .message-warning { color: var(--theme-gold); background: var(--warning-soft); border-color: var(--theme-gold-line); }

/* Primary actions contrast with surfaces; secondary actions remain outlined. */
html[data-theme="dark"] .kadra-site .button:not(.button-secondary):not(.button-lime):not(.button-light),
html[data-theme="dark"] .kadra-site .button-lime,
html[data-theme="dark"] .account-actions .account-login,
html[data-theme="dark"] .skip-link { background: var(--theme-action); color: var(--theme-action-text); border-color: var(--theme-action); }
html[data-theme="dark"] .kadra-site .button-secondary,
html[data-theme="dark"] .kadra-site .button-light { background: transparent; color: var(--ink); border-color: var(--theme-control-line); }
html[data-theme="dark"] .kadra-site .button:not(.button-secondary):not(.button-lime):not(.button-light):hover,
html[data-theme="dark"] .kadra-site .button:hover,
html[data-theme="dark"] .account-actions .account-login:hover { filter: none; background: var(--theme-action-hover); color: var(--theme-action-text); border-color: var(--theme-action-hover); }
html[data-theme="dark"] .kadra-site .button-secondary:hover,
html[data-theme="dark"] .kadra-site .button-light:hover { background: var(--surface); color: var(--ink); border-color: var(--theme-action); }
/* The existing survey button sets these two properties with !important. */
html[data-theme="dark"] .kadra-site .survey-notice .button { background: var(--theme-action) !important; color: var(--theme-action-text) !important; border-color: var(--theme-action); }
html[data-theme="dark"] .kadra-site .survey-notice .button:hover { background: var(--theme-action-hover) !important; }
html[data-theme="dark"] .kadra-site .side-card-accent .button { background: var(--theme-action); color: var(--theme-action-text); }
html[data-theme="dark"] .kadra-site .button:not(.button-secondary):not(.button-lime):not(.button-light):disabled,
html[data-theme="dark"] .kadra-site .button:disabled { color: #a0adb8; background: #2c3944; border-color: #546777; cursor: default; filter: none; }

html[data-theme="dark"] .kadra-site input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="dark"] .kadra-site :is(textarea, select) { color: var(--ink); background-color: var(--theme-field); border-color: var(--theme-control-line); }
html[data-theme="dark"] .kadra-site :is(input, textarea)::placeholder { color: #a8b8c5; opacity: 1; }
html[data-theme="dark"] .kadra-site :is(input[type="checkbox"], input[type="radio"], progress) { accent-color: var(--theme-action); }
html[data-theme="dark"] .kadra-site input::file-selector-button { background: var(--surface); color: var(--ink); border: 1px solid var(--theme-control-line); border-radius: 3px; padding: .4rem .6rem; margin-inline-end: .75rem; cursor: pointer; }
html[data-theme="dark"] .kadra-site :is(input, textarea, select):disabled { color: #a0adb8; background-color: #263440; border-color: #546777; }
html[data-theme="dark"] .kadra-site :is(.form-field-invalid input, .form-field-invalid textarea, .form-field-invalid select, [aria-invalid="true"]) { background-color: var(--danger-soft); border-color: var(--danger); }

/* Forum text and identity panels use explicit colors in their own stylesheet. */
html[data-theme="dark"] .forum-card { background: var(--paper-bright); border-color: var(--line); box-shadow: none; }
html[data-theme="dark"] .forum-opening { border-top-color: #8099ad; }
html[data-theme="dark"] .forum-reply-form { border-top-color: #ac2935; }
html[data-theme="dark"] .forum-reply-hidden { background: #2a2725; }
html[data-theme="dark"] .forum-reply:target { border-color: #a7cfe9; outline-color: #7999b3; }
html[data-theme="dark"] :is(.forum-meta, .forum-empty, .forum-replies-heading h2 span, .forum-identity .field-help) { color: var(--ink-soft); }
html[data-theme="dark"] :is(.forum-meta h3, .forum-body, .forum-form label, .forum-form legend) { color: var(--ink); }
html[data-theme="dark"] :is(.forum-identity, .forum-notice) { border-color: #627f97; }

/* Interactive guide, including stopped and disabled controls. */
html[data-theme="dark"] :is(.portal-guide, .page-tour-panel) { background: var(--paper-bright); color: var(--ink); border-color: #7a90a3; border-top-color: var(--accent); box-shadow: 0 .75rem 2.5rem #0008; }
html[data-theme="dark"] .page-tour-scrim { background: rgb(2 9 15 / 72%); }
html[data-theme="dark"] .page-tour-ring { border-color: var(--accent); box-shadow: inset 0 0 0 2px #101820, 0 0 0 2px #101820; }
html[data-theme="dark"] .kadra-site .page-tour-panel h2 { color: var(--ink); }
html[data-theme="dark"] :is(.page-tour-counter, .page-tour-description) { color: var(--ink-soft); }
html[data-theme="dark"] .page-tour-notice { background: var(--danger-soft); color: #f2bdc5; border-color: var(--accent); }
html[data-theme="dark"] :is(.guide-close, .page-tour-close) { color: var(--ink); background: var(--surface); border-color: var(--theme-control-line); }
html[data-theme="dark"] :is(.guide-close:hover, .page-tour-close:hover) { color: var(--ink); background: #2b4052; border-color: var(--theme-action); }
html[data-theme="dark"] .guide-progress { background: var(--line); }
html[data-theme="dark"] .guide-controls { background: var(--surface); }
html[data-theme="dark"] .page-tour-controls { border-color: var(--line); }
html[data-theme="dark"] .page-tour-controls [data-tour-prev] { color: var(--ink); background: var(--surface); border-color: var(--theme-control-line); }
html[data-theme="dark"] .page-tour-controls [data-tour-next] { color: var(--theme-action-text); background: var(--theme-action); border-color: var(--theme-action); }
html[data-theme="dark"] .page-tour-controls button:disabled { color: #a0adb8; background: #2c3944; border-color: #546777; }

/* Moderator-only tools keep their distinct gold identity. */
html[data-theme="dark"] :is(.moderation-accounts, .forum-moderation) { background: var(--theme-gold-surface); border-color: var(--theme-gold-line); }
html[data-theme="dark"] .kadra-site :is(.moderation-label, .forum-moderation summary, .forum-moderator-identity) { color: var(--theme-gold); }
html[data-theme="dark"] .kadra-site .moderation-page a:not(.button):not(.case-back-link),
html[data-theme="dark"] .kadra-site .editorial-workspace a:not(.button) { color: var(--theme-gold); }
html[data-theme="dark"] .kadra-site #main-content :is(.moderation-page, .editorial-workspace, .forum-moderation) .button,
html[data-theme="dark"] .kadra-site #main-content .moderation-button { background: #f5d98c; border-color: #b78a29; color: #3b2b09; }
html[data-theme="dark"] .kadra-site #main-content :is(.moderation-page, .editorial-workspace, .forum-moderation) .button:hover,
html[data-theme="dark"] .kadra-site #main-content .moderation-button:hover { background: #ffe8ac; border-color: #d2aa47; color: #302000; }
html[data-theme="dark"] .forum-moderator-identity { border-color: var(--theme-gold-line); }

/* Embedded Wagtail widgets inherit the portal appearance even though their
   template retains w-theme-light. Keep Wagtail's semantic variables intact. */
html[data-theme="dark"] body.portal-editor {
  color-scheme: dark;
  --w-color-surface-page: var(--paper-bright);
  --w-color-surface-field: var(--theme-field);
  --w-color-surface-field-inactive: #263440;
  --w-color-surface-header: var(--surface);
  --w-color-surface-menus: var(--theme-gold-surface);
  --w-color-surface-menu-item-active: #493b20;
  --w-color-surface-tooltip: #273a49;
  --w-color-surface-button-default: #f5d98c;
  --w-color-surface-button-hover: #ffe8ac;
  --w-color-surface-button-inactive: #716752;
  --w-color-surface-button-outline-hover: #493b20;
  --w-color-surface-button-critical-hover: var(--danger-soft);
  --w-color-surface-status-label: #243e52;
  --w-color-surface-info-panel: #203344;
  --w-color-surface-dashboard-panel: var(--surface);
  --w-color-text-button: #3b2b09;
  --w-color-text-label-menus-default: var(--theme-gold);
  --w-color-text-label-menus-active: #ffe8ac;
  --w-color-text-label: var(--ink);
  --w-color-text-context: var(--ink);
  --w-color-text-meta: var(--ink-soft);
  --w-color-text-placeholder: #a8b8c5;
  --w-color-text-link-default: var(--theme-gold);
  --w-color-text-link-hover: #ffe8ac;
  --w-color-text-button-outline-default: var(--theme-gold);
  --w-color-text-button-outline-hover: #ffe8ac;
  --w-color-text-highlight: #655027;
  --w-color-text-error: var(--danger);
  --w-color-text-button-critical-outline-hover: #ffd2d7;
  --w-color-text-status-label: #bdddf3;
  --w-color-text-link-info: #bdddf3;
  --w-color-icon-primary: var(--ink-soft);
  --w-color-icon-primary-hover: var(--ink);
  --w-color-icon-secondary: var(--ink-soft);
  --w-color-icon-secondary-hover: var(--ink);
  --w-color-border-furniture: var(--line);
  --w-color-border-button-small-outline-default: var(--theme-gold-line);
  --w-color-border-field-default: var(--theme-control-line);
  --w-color-border-field-inactive: #546777;
  --w-color-border-field-hover: var(--theme-action);
  --w-color-border-button-outline-default: var(--theme-gold-line);
  --w-color-border-button-outline-hover: var(--theme-gold);
  --w-color-border-interactive-more-contrast: var(--ink-soft);
  --w-color-border-interactive-more-contrast-hover: var(--ink);
  --w-color-border-interactive-more-contrast-dark-bg: var(--ink-soft);
  --w-color-border-interactive-more-contrast-dark-bg-hover: var(--ink);
  --w-color-border-furniture-more-contrast: var(--theme-control-line);
  --w-color-focus: #f0d18a;
  --w-color-box-shadow-md: #0008;
}
html[data-theme="dark"] .portal-editor .moderation-form { background: var(--paper-bright); border-color: var(--line); border-top-color: #d2aa47; }
html[data-theme="dark"] .portal-editor .moderation-form .w-panel { border-color: var(--line); }
html[data-theme="dark"] .portal-editor .moderation-form .w-panel__toggle { color: var(--theme-gold); }
html[data-theme="dark"] .portal-editor .moderation-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="dark"] .portal-editor .moderation-form :is(textarea, select) { color: var(--ink); background-color: var(--theme-field); border-color: var(--theme-control-line); }
html[data-theme="dark"] .portal-editor .moderation-form input:is([type="checkbox"], [type="radio"]) { accent-color: #f0d18a; }
html[data-theme="dark"] .portal-editor .moderation-form :is(input, textarea, select):disabled { color: #a0adb8; background-color: #263440; border-color: #546777; }
html[data-theme="dark"] .portal-editor .moderation-form :is(input, textarea, select)[aria-invalid="true"] { background-color: var(--danger-soft); border-color: var(--danger); }
html[data-theme="dark"] .moderation-form-errors { color: var(--danger); background: var(--danger-soft); border-color: #a56671; }
html[data-theme="dark"] .portal-editor .help-block { background: #203344; color: #bdddf3; }
html[data-theme="dark"] .portal-editor .help-warning { background: var(--warning-soft); color: var(--theme-gold); }
html[data-theme="dark"] .portal-editor .help-critical { background: var(--danger-soft); color: var(--danger); }
html[data-theme="dark"] .portal-editor .help-block .icon { color: inherit; }
html[data-theme="dark"] .portal-editor .help-block a { color: inherit; }
html[data-theme="dark"] .portal-editor .moderation-form .Draftail-Editor { border-color: var(--theme-control-line); }
html[data-theme="dark"] .portal-editor .moderation-form .Draftail-Toolbar { background: var(--surface); }
html[data-theme="dark"] .portal-editor .moderation-form .Draftail-ToolbarButton:not(:disabled),
html[data-theme="dark"] .portal-editor .Draftail-FloatingToolbar .Draftail-ToolbarButton:not(:disabled) { color: var(--theme-gold); }
html[data-theme="dark"] .portal-editor .moderation-form .Draftail-Toolbar .Draftail-ToolbarButton--active:not(:disabled),
html[data-theme="dark"] .portal-editor .Draftail-FloatingToolbar .Draftail-ToolbarButton--active:not(:disabled) { background: #f5d98c; color: #3b2b09; border-color: #b78a29; }
html[data-theme="dark"] .portal-editor .Draftail-FloatingToolbar { background: var(--theme-gold-surface); color: var(--theme-gold); border-color: var(--theme-gold-line); box-shadow: 0 4px 14px #0006; }
html[data-theme="dark"] .portal-editor .Draftail-FloatingToolbar .Draftail-ToolbarButton--pin { background: #493b20; color: var(--theme-gold); border-color: var(--theme-gold-line); }
html[data-theme="dark"] .portal-editor .Draftail-FloatingToolbar .Draftail-ToolbarButton--pin:hover { background: #655027; }
html[data-theme="dark"] .portal-editor .moderation-form .c-sf-add-button:not(:disabled),
html[data-theme="dark"] .portal-editor .moderation-form button[data-streamfield-action]:not(:disabled) { background: var(--theme-gold-surface); color: var(--theme-gold); border-color: var(--theme-gold-line); }
html[data-theme="dark"] .portal-editor .Draftail-Editor--focus { outline-color: var(--theme-gold); }
html[data-theme="dark"] .portal-editor .Draftail-FloatingToolbar :focus-visible { outline-color: var(--theme-gold); }
html[data-theme="dark"] .portal-editor .Draftail-ComboBox__option[aria-selected="true"] { background: #493b20; color: #ffe8ac; }
html[data-theme="dark"] .portal-editor .Tooltip { color: var(--theme-gold); }
html[data-theme="dark"] .portal-editor .Tooltip__link { color: var(--theme-gold); }

@media (prefers-contrast: more) {
  html[data-theme="dark"] { --ink-soft: #d0dce6; --line: #7d93a5; }
}
@media (forced-colors: active) {
  .account-actions .theme-toggle { border-color: ButtonText; color: ButtonText; background: ButtonFace; }
  .theme-toggle::after { forced-color-adjust: none; color: ButtonText; }
  html[data-theme="dark"] .theme-toggle[aria-checked="true"]::after { color: Highlight; }
  html[data-theme="dark"] .page-tour-ring { border-color: Highlight; box-shadow: none; }
  html[data-theme="dark"] .page-tour-panel { border-color: CanvasText; }
}