/* Appearance V88. Load last: the site and legacy/React workspaces still contain
   literal light colours. Only those presentation roles are bridged here;
   portraits, paintings, PDF canvases, videos and provider marks keep their pixels.
   Scoped !important declarations intentionally beat historical page-specific
   selectors without moving geometry, changing type sizes or replacing content. */
:root {
  --theme-canvas:#F5F7FC;
  --theme-surface:#FFFFFF;
  --theme-surface-raised:#FFFFFF;
  --theme-soft:#E8EFFB;
  --theme-text:#192332;
  --theme-muted:#405471;
  --theme-line:#C8D5E6;
  --theme-link:#2455D6;
  --theme-action:#2455D6;
  --theme-action-hover:#1743AF;
  --theme-action-text:#FFFFFF;
  --theme-focus:#2455D6;
  --theme-success:#236151;
  --theme-success-bg:#E8F3EE;
  --theme-error:#9D302C;
  --theme-error-bg:#FCEFED;
  --theme-warning:#75510D;
  --theme-warning-bg:#FBF2DB;
  --theme-shadow:0 14px 40px #19233216;
  --theme-selection:#C8DAFF;
  --theme-selection-text:#142F69;
}
html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] {
  color-scheme:dark;
  --theme-canvas:#0E1624;
  --theme-surface:#111E32;
  --theme-surface-raised:#182B48;
  --theme-soft:#17345B;
  --theme-text:#F3F6FC;
  --theme-muted:#C3D2E9;
  --theme-line:#3C567B;
  --theme-link:#A8C5FF;
  --theme-action:#2455D6;
  --theme-action-hover:#3063E3;
  --theme-action-text:#FFFFFF;
  --theme-focus:#A8C2FF;
  --theme-success:#92DEC8;
  --theme-success-bg:#183C35;
  --theme-error:#FFB4AC;
  --theme-error-bg:#42282E;
  --theme-warning:#F3D695;
  --theme-warning-bg:#3B3322;
  --theme-shadow:0 16px 42px #00000045;
  --theme-selection:#345A9E;
  --theme-selection-text:#FFFFFF;
  --chronika-ink:var(--theme-text);
  --chronika-muted:var(--theme-muted);
  --chronika-line:var(--theme-line);
  --chronika-cream:var(--theme-canvas);
  --chronika-paper:var(--theme-surface);
  --chronika-rust:var(--theme-link);
  --chronika-teal:var(--theme-success);
  --chronika-focus:var(--theme-focus);
  --ink:var(--theme-text);
  --muted:var(--theme-muted);
  --line:var(--theme-line);
  --paper:var(--theme-surface);
  --cream:var(--theme-canvas);
  --ivory:var(--theme-canvas);
  --bg:var(--theme-canvas);
  --rust:var(--theme-link);
  --amber:var(--theme-link);
  --blue:var(--theme-link);
  --green:var(--theme-success);
  --edu-ink:var(--theme-text);
  --edu-blue:var(--theme-link);
  --edu-blue-hover:var(--theme-focus);
  --edu-tint:var(--theme-soft);
  --edu-line:var(--theme-line);
}

/* Native control: keyboard, touch and screen reader behaviour is the browser's.
   Each rendered instance has its own label; no globally unique id is required. */
.ch-theme-control {
  position:relative;display:inline-flex;align-items:center;flex:none;gap:8px;
  min-height:44px;max-width:100%;margin:0;padding:0 12px;
  border:1px solid var(--theme-line);border-radius:12px;
  background:var(--theme-surface);color:var(--theme-text);
  font:500 15px/1.4 "Golos Text",Arial,sans-serif;
}
.ch-theme-control>svg { width:19px;height:19px;flex:none;color:var(--theme-link);pointer-events:none; }
.ch-theme-control>span { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.ch-theme-control select {
  display:block;min-width:0;width:auto;max-width:100%;min-height:44px;
  margin:0;padding:8px 22px 8px 0;border:0;border-radius:0;
  background:transparent;color:inherit;box-shadow:none;font:inherit;
  cursor:pointer;appearance:none;
}
.ch-theme-control::after {
  content:"";position:absolute;right:13px;top:calc(50% - 4px);
  width:7px;height:7px;border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;transform:rotate(45deg);pointer-events:none;
}
.ch-theme-control:focus-within { outline:3px solid var(--theme-focus);outline-offset:3px; }
.ch-theme-control select:focus-visible { outline:none!important; }
.ch-theme-control option { background:var(--theme-surface);color:var(--theme-text); }
@media(max-width:600px) { .ch-theme-control { font-size:14px;padding-inline:10px;gap:6px; } }

/* Benefit actions are filled buttons. The generic text-link underline becomes
   a white stripe inside them on touch/reduced-motion; keep their SVG arrows
   and independent keyboard outlines instead. Ordinary text links stay intact. */
:is(.public-site,.chronika-ui) .chronika-learning :is(
  a.cb-cost-action,.cb-panel>a.cl-inline-link
)::after { content:none; }

html[data-theme="dark"] :where(body,body.public-site,.app-shell,.content-shell,.chronika-ui) {
  background-color:var(--theme-canvas)!important;color:var(--theme-text)!important;
  caret-color:var(--theme-focus);
}
html[data-theme="dark"] :where(body.public-site,.chronika-learning,.chronika-ui,.auth-widget) {
  --ink:var(--theme-text);--line:var(--theme-line);--paper:var(--theme-surface);--surface:var(--theme-surface);
  --ivory:var(--theme-canvas);--cream:var(--theme-canvas);
  --amber:var(--theme-link);--blue:var(--theme-link);--green:var(--theme-success);
  --cl-ink:var(--theme-text);--cl-muted:var(--theme-muted);--cl-paper:var(--theme-canvas);--cl-white:var(--theme-surface);
  --cl-line:var(--theme-line);--cl-blue:var(--theme-link);--cl-rust:var(--theme-link);
  --cl-rust-hover:var(--theme-focus);--cl-green:var(--theme-success);--cl-bg:var(--theme-canvas);
  --auth-ink:var(--theme-text);--auth-muted:var(--theme-muted);--auth-line:var(--theme-line);
  --auth-blue:var(--theme-link);--auth-cool:var(--theme-soft);
}
html[data-theme="dark"] .chronika-ui {
  --background:var(--theme-canvas);--foreground:var(--theme-text);
  --card:var(--theme-surface);--card-foreground:var(--theme-text);
  --popover:var(--theme-surface-raised);--popover-foreground:var(--theme-text);
  --primary:var(--theme-action);--primary-foreground:var(--theme-action-text);
  --secondary:var(--theme-soft);--secondary-foreground:var(--theme-text);
  --muted:var(--theme-soft);--muted-foreground:var(--theme-muted);
  --accent:var(--theme-soft);--accent-foreground:var(--theme-text);
  --destructive:var(--theme-error);--border:var(--theme-line);--input:var(--theme-line);
  --ring:var(--theme-focus);
}
html[data-theme="dark"] .chronika-ui :where(.legacy-slot,.ch-practice-guide,.ch-workspace) { --muted:var(--theme-muted); }
html[data-theme="dark"] .ch-account-v80.ch-library {
  --account-blue:var(--theme-link);--account-ink:var(--theme-text);--account-muted:var(--theme-muted);
  --account-surface:var(--theme-surface);--account-soft:var(--theme-soft);
}
html[data-theme="dark"] .living-portraits {
  --lp-paper:var(--theme-surface-raised);--lp-ink:var(--theme-text);
  --lp-muted:var(--theme-muted);--lp-line:var(--theme-line);--lp-blue:var(--theme-link);
}
html[data-theme="dark"] .lp-bubble { box-shadow:var(--theme-shadow); }
html[data-theme="dark"] :where(.ch-commerce-v80,.ch-check-page,.ch-practice,.ch-library,.historical-layout) { color:var(--theme-text)!important; }
html[data-theme="dark"] :where(.public-site,.chronika-ui,.app-shell,.modal) :where(p,li,dt,dd,figcaption,small) {
  color:var(--theme-muted)!important;
}
html[data-theme="dark"] :where(.public-site,.chronika-ui,.app-shell,.modal) :where(label,summary) { color:var(--theme-text)!important; }

/* Structural chrome and document/purchase surfaces. */
html[data-theme="dark"] :where(
  .public-header,.public-nav-more-content,.topbar,.sidebar,.mobile-nav,.page-footer,.public-footer,
  .public-site .public-nav,.desktop-nav,.website-nav-toggle,.public-nav-toggle,
  .panel,.topic-card,.public-topic-card,.public-product,.public-combo,.public-next-step,.public-next-offer,
  .pricing-card,.store-product,.combo-card,.topic-offer,.profile-card,.profile-link-card,
  .attempt-card,.test-card,.test-review,.order-card,.order-next,.checkout-summary,.purchase-box,
  .modal,.modal-cover,.modal-header,.modal-file,.modal-close,.auth-widget,.auth-provider--telegram,
  .auth-telegram-panel,.analytics-consent,.toast,.material-gallery-dialog,.material-gallery-toolbar,
  .document-reader-header,.document-reader-controls,.document-reader button,.document-reader select,
  .public-practice-grid>article,.public-faq details,.public-access,.cl-material,.cl-author,
  .cl-main-package,.cl-scope-row,.cl-more-formats,.cl-study,.cb-panel,.cb-answer-sheet,
  .ch-topic-card,.ch-product-card,.ch-custom-pricing,.ch-workspace,.ch-account-study,
  .ch-library-route,.ch-library-pending-order,.ch-personal-shortcuts,.ch-personal-shortcuts a,
  .ch-test-card,.ch-test-result,.ch-check-card,.ch-check-question,.ch-check-paper,
  .ch-review-card,.ch-attempt-card,.ch-atlas-detail,.ch-atlas-panel,.ch-atlas-title-card,
  .ch-atlas-summary,.ch-journey-empty,.ch-commerce-controls,.ch-account-banner,
  .ch-check-goal label,.ch-check-option,.cb-choice,.cb-account-choice,
  .admin-row,.admin-student-card,.admin-metrics>article,.owner-order,.broadcast-message-preview
) {
  background-color:var(--theme-surface)!important;color:var(--theme-text)!important;
  border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(.public-header,.topbar,.public-nav-more-content,.modal,.analytics-consent,.toast) {
  box-shadow:var(--theme-shadow)!important;
}
html[data-theme="dark"] :where(.public-header,.topbar)[data-floating-compact="true"] { background-color:var(--theme-surface)!important; }
html[data-theme="dark"] #mobile-nav[data-floating-ready="true"] { background:transparent!important; }
html[data-theme="dark"] #mobile-nav[data-floating-ready="true"]::before { background:var(--theme-surface)!important;box-shadow:var(--theme-shadow)!important; }
html[data-theme="dark"] :where(.public-nav-more-content,.public-footer,.page-footer,.public-nav-edges,.public-nav-home-links,.ch-library-stat,.ch-journey-next,.cl-tabs,.practice-context,.task-label) { border-color:var(--theme-line)!important; }

/* Quiet blue areas stay distinct from the base canvas, without washed-out type. */
html[data-theme="dark"] :where(
  .cl-start-check,.ch-commerce-band,.ch-check-result,.ch-check-itinerary,.ch-check-visual,
  .ch-check-visual-v80,.ch-check-visual-v85,.ch-continue,.ch-library-focus,.ch-library-secondary,
  .ch-check-result-total,.ch-check-skill-map,.ch-check-offer,.ch-check-owned-next,.ch-guest-check,
  .ch-practice-guide,.ch-tabs-list,.tabs,.order-summary,.info-note,.notification-preferences,
  .empty-state,.public-topic-purchase,.public-topic-detail>figure,.ch-package-files,
  .cl-main-package[data-cl-format-item="kit"],.cb-cost-chronika,.cb-cost-row-chronika,
  .cb-account-scene,.cb-pace-scene,.cb-pace-node,.cb-answer-cells i,.cb-cost-contents,
  .cl-study-steps,.cl-method-example,.cl-demo-practice,.cl-demo-cause,.cl-chain,
  .task-stimulus,.reference-answer,.criterion-reference,.self-review-criterion,
  .ch-search-field,.ch-continue-practice,.ch-atlas-backdrop,.ch-check-material,.ch-check-plan
) {
  background-color:var(--theme-soft)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(.ch-check-visual,.edu-pricing-heading>img,.cb-historical-symbol)::before { background-color:var(--theme-soft)!important; }
html[data-theme="dark"] :where(.cb-cost-track,.ch-check-paper-lines i) { background-color:var(--theme-line)!important; }
html[data-theme="dark"] .cb-cost-bar { background-color:var(--theme-muted)!important; }
html[data-theme="dark"] .cb-cost-own .cb-cost-bar { background-color:var(--theme-link)!important; }
html[data-theme="dark"] .cb-cost-own .cb-cost-row-head { color:var(--theme-link)!important; }

/* Text roles. Feature offers below set their own local white role, so the
   same typography is readable on both the quiet surfaces and a blue offer. */
html[data-theme="dark"] :where(
  h1,h2,h3,h4,h5,h6,legend,.task-prompt,.task-label,.answer-label,.answer-option,
  .price-current,.public-price,.cl-price,.purchase-price,.ch-price-current,.ch-price-value,
  .ch-library-stat,.ch-journey-next>strong,.ch-journey-overall strong,.ch-product-title,
  .public-brand,.mobile-brand,.brand,.account,.ch-account-greeting>h1,
  .cl-hero-copy>p,.cl-demo-excerpt,.cb-answer-heading,.cb-review-line,.cb-pace-freedom,
  .cb-cost-row-head,.cb-cost-contents,.cb-account-choice,.ch-continue p,.ch-check-question p
  ,.lp-text,.lp-name,.ch-check-offer p:first-of-type
) { color:var(--theme-text)!important; }
html[data-theme="dark"] :where(
  .page-heading p,.ch-page-heading p,.public-format,.public-fine,.public-topic-reference,
  .public-price-reference,.public-price-context,.public-contents p,.public-contents li,
  .public-product p,.public-combo p,.public-access p,.public-next-step p,.public-next-offer p,
  .public-footer,.page-footer,.breadcrumb,.cl-section-head>p,.cl-author p,.cl-source,
  .cl-main-package p,.cl-main-package .price-reference,.cl-offer-free span,.cl-start-check p,
  .cb-panel p,.cb-cost-source,.cb-cost-scope,.cb-account-details,.cb-pace-topics small,
  .input-hint,.source-line,.task-help,.task-media figcaption,.task-stimulus figcaption,
  .practice-task-meta,.practice-source-meta,.practice-source-credits,.bank-filter-summary,
  .modal-meta,.modal-summary,.modal-file small,.consent,.product-access-terms,.product-status-note,
  .buyer-access-terms p,.buyer-seller p,.buyer-data-basis,.price-separate,.price-reference,
  .topic-period,.topic-description,.profile-details,.author-note,.attempt-card small,
  .ch-package-exclusion,.ch-package-practice,.ch-package-summary,.ch-bundle-difference,
  .ch-commerce-band p,.ch-catalog-results-heading h2,.ch-topic-period,.ch-topic-description,
  .ch-atlas-title-card>span,.ch-journey-period-status,.ch-journey-next h4,.ch-journey-next p,
  .ch-journey-intro p,.ch-journey-overall,.ch-atlas-credit,.ch-library-access-summary,
  .ch-library-progress-total>span,.ch-library-progress-total small,.ch-library-focus>p,
  .ch-library-stat>svg,.ch-check-intro>div>p,.ch-check-topline>span,.ch-check-itinerary>span,
  .ch-check-paper>span,.ch-check-hint,.ch-price-separate,.ch-price-context,.ch-price-label,
  .ch-check-question-context,.ch-check-progress span,.ch-check-option-index,
  .ch-check-goal label span span,.ch-check-result-total>span,.ch-check-skill span,
  .ch-check-offer>div>span,.ch-personal-shortcut-copy small,
  .analytics-consent-copy,.analytics-settings,.notification-description,.form-message,
  .admin-row p,.admin-row small,.admin-form .input-hint,.admin-metrics span
) { color:var(--theme-muted)!important;opacity:1; }
html[data-theme="dark"] :where(
  .text-link,.ch-text-link,.cl-inline-link,.cl-source a,.public-periods a,.public-neighbors a,
  .topbar-prices,
  .cl-offer-free strong,.ch-atlas-all,.ch-journey-catalog,.lp-offer,.lp-tool,
  .analytics-consent-note,.buyer-document-links a,.notification-consent-link,
  .ch-personal-quicknav a,.ch-personal-shortcuts a,.cb-cost-source a,.ch-check-details summary
) { color:var(--theme-link)!important; }
html[data-theme="dark"] :where(.public-footer a,.page-footer a,.public-breadcrumb a) { color:var(--theme-muted)!important; }
html[data-theme="dark"] :where(.public-nav a,.desktop-nav .nav-link,.public-nav-more>summary) { color:var(--theme-muted)!important; }
html[data-theme="dark"] :where(.account,.public-login) { background-color:var(--theme-surface-raised)!important;color:var(--theme-text)!important; }
html[data-theme="dark"] .public-nav-more>summary { background-color:transparent!important;color:var(--theme-muted)!important; }
html[data-theme="dark"] .public-nav-more[open]>summary { background-color:var(--theme-soft)!important;color:var(--theme-link)!important; }
html[data-theme="dark"] :where(.public-nav-more>summary[data-floating-current="true"],.account[aria-current]) { color:var(--theme-link)!important; }
html[data-theme="dark"] :where(.ch-personal-shortcuts,.ch-personal-quicknav) :where(strong,.ch-shortcut-title) { color:var(--theme-text)!important; }
html[data-theme="dark"] :where(.ch-personal-shortcuts,.ch-personal-quicknav) :where(small) { color:var(--theme-muted)!important; }
html[data-theme="dark"] :where(.price-separate,.ch-price-separate,.ch-price-context,.ch-price-label) :where(span,s,small) { color:inherit!important; }
html[data-theme="dark"] :where(.cl-tabs button,.cl-tabs a,.tab,.ch-tabs-trigger,.bank-filter,.filter-chip,.ch-period-button,.ch-atlas-periods button) {
  color:var(--theme-text)!important;background-color:var(--theme-surface)!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(
  .floating-nav-indicator,.public-login,.account-avatar,.filter-chip.active,.tab.active,
  .cl-tabs [aria-selected="true"],.ch-tabs-trigger[data-state="active"],.bank-filter.active,
  .public-nav-more[open]>summary,.public-nav a:hover,.desktop-nav .nav-link:hover,
  .admin-nav>a.active,.access-modes>button.active,.access-presets>button.active
) { background-color:var(--theme-soft)!important;color:var(--theme-link)!important; }
html[data-theme="dark"] :where(.public-nav [aria-current],.desktop-nav [aria-current],.nav-link.active) { color:var(--theme-link)!important; }

/* Forms stay native (including their keyboard and select menus). No new arrow
   is painted over an existing select; the dedicated theme control owns its one. */
html[data-theme="dark"] :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
  textarea,select,.answer-input,.answer-textarea,.select,.ch-input,.ch-select,
  .search-box,.ch-search-field,.answer-option,.matching-row,.match-row,.order-item,
  .quiz-number,.access-modes>button,.access-presets>button
) {
  background-color:var(--theme-surface-raised)!important;color:var(--theme-text)!important;
  border-color:var(--theme-line)!important;caret-color:var(--theme-focus);
}
html[data-theme="dark"] :where(input,textarea)::placeholder { color:var(--theme-muted)!important;opacity:1; }
html[data-theme="dark"] :where(input[type="checkbox"],input[type="radio"],input[type="range"],progress) { accent-color:var(--theme-link); }
html[data-theme="dark"] :where(select option,select optgroup) { background:var(--theme-surface-raised);color:var(--theme-text); }
html[data-theme="dark"] :where(.btn-outline,.btn-soft,.btn-white,.icon-button,.modal-close,.lp-button,.ch-button[data-variant="outline"],.ch-button[data-variant="secondary"]) {
  background-color:var(--theme-surface-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(
  .btn-primary,.cl-button:not(.cl-button-secondary),.lp-button-primary,
  .ch-button[data-variant="default"],.ch-journey-primary,.ch-period-button[aria-pressed="true"],
  .ch-atlas-periods button[aria-pressed="true"],.cb-account-radio:checked+.cb-account-choice,
  .cb-radio:checked+.cb-choice
) {
  background-color:var(--theme-action)!important;color:var(--theme-action-text)!important;border-color:var(--theme-action)!important;
}
html[data-theme="dark"] :where(.cl-button-secondary,.ch-library-secondary) {
  background-color:var(--theme-soft)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] .chronika-learning .cl-hero-actions>a.cl-button {
  --reveal-fill:var(--theme-action);--reveal-wash:var(--theme-action-hover);--reveal-ink:#FFFFFF;--reveal-icon:#FFFFFF;
}
html[data-theme="dark"] .chronika-learning .cl-hero-actions>a.cl-button-secondary {
  --reveal-fill:var(--theme-surface-raised);--reveal-wash:var(--theme-soft);
  --reveal-ink:var(--theme-text);--reveal-icon:var(--theme-link);
}

/* Confirmed full-access offers remain a blue primary surface in either theme. */
html[data-theme="dark"] :where(
  .cl-main-package[data-cl-format-item="full"],.cl-full-offer,.ch-package-full,
  .ch-primary-full,.public-product[data-format="full"],.public-full,.ch-library-offer,.store-full
) {
  --theme-text:#FFFFFF;--theme-muted:#E4ECFF;--theme-link:#FFFFFF;
  background-color:#2455D6!important;color:#FFFFFF!important;border-color:#2455D6!important;
}
html[data-theme="dark"] :where(
  .cl-main-package[data-cl-format-item="full"],.cl-full-offer,.ch-package-full,
  .ch-primary-full,.public-product[data-format="full"],.public-full,.ch-library-offer,.store-full
) :where(.btn-primary,.cl-button,.ch-button,.text-link) {
  --reveal-fill:#FFFFFF;--reveal-wash:#E8EFFB;--reveal-ink:#1743AF;--reveal-icon:#2455D6;
  background-color:#FFFFFF!important;color:#1743AF!important;border-color:#FFFFFF!important;
}
html[data-theme="dark"] :where(.price-saving,.ch-price-saving,.badge.free,.public-free-badge,.profile-provider) {
  background-color:var(--theme-success-bg)!important;color:var(--theme-success)!important;
}
html[data-theme="dark"] :where(.cl-main-package[data-cl-format-item="full"],.ch-package-full,.public-product[data-format="full"],.ch-library-offer) :where(.price-saving,.ch-price-saving) {
  background-color:#FFFFFF!important;color:#1743AF!important;
}

/* Status isn't communicated by colour alone; existing labels/icons stay. */
html[data-theme="dark"] :where(.result.correct,.result-success,.success,.account-link-success,.ch-account-banner) {
  background-color:var(--theme-success-bg)!important;color:var(--theme-success)!important;border-color:var(--theme-success)!important;
}
html[data-theme="dark"] :where(.result.incorrect,.result-error,.error-message,.is-error,[data-state="error"],.form-message[role="alert"]) {
  color:var(--theme-error)!important;border-color:var(--theme-error)!important;
}
html[data-theme="dark"] :where(.account-link-warning,.refund-warning,.receipt-attention,.order-refund-review) {
  background-color:var(--theme-warning-bg)!important;color:var(--theme-warning)!important;border-color:var(--theme-warning)!important;
}
html[data-theme="dark"] :where(input,textarea,select)[aria-invalid="true"] { border-color:var(--theme-error)!important; }
html[data-theme="dark"] :where(.answer-option.selected,.answer-option:has(input:checked),.matching-row:focus-within) {
  background-color:var(--theme-soft)!important;border-color:var(--theme-focus)!important;
}
html[data-theme="dark"] :where(.ch-check-option:has(input:checked),.ch-check-goal label:has(input:checked)) {
  background-color:var(--theme-soft)!important;color:var(--theme-text)!important;border-color:var(--theme-focus)!important;
}
html[data-theme="dark"] :where(.ch-check-step-index,.ch-check-result-total strong,.ch-check-route li[aria-current="step"],.ch-check-option>svg,.ch-check-goal label>svg) { color:var(--theme-link)!important; }

/* Preserve official provider colours, with a readable surround for marks that
   are black by design. The image/SVG itself is never filtered or recoloured. */
html[data-theme="dark"] .auth-widget { color-scheme:dark; }
html[data-theme="dark"] .auth-widget .auth-provider--yandex {
  background-color:var(--theme-surface-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] .auth-widget .auth-provider--vk { --theme-text:#FFFFFF;--theme-muted:#FFFFFF; }
html[data-theme="dark"] .auth-widget .auth-provider--telegram { background-color:var(--theme-soft)!important; }
html[data-theme="dark"] .auth-widget .auth-code-form>button[type="submit"] { background:#2455D6!important;color:#FFFFFF!important;border-color:#2455D6!important; }
html[data-theme="dark"] :where(.provider-payment-brands,.provider-footer,.provider-brand,.payment-brands) :where(img,svg) {
  background:#FFFFFF;border-radius:var(--chronika-radius,12px);padding:4px;box-sizing:border-box;
}
html[data-theme="dark"] :where(.document-reader,.document-reader-viewport,.material-gallery-viewport) { background-color:var(--theme-canvas)!important; }
html[data-theme="dark"] .document-reader-stage canvas { background:#FFFFFF; }
html[data-theme="dark"] .modal-backdrop { background-color:#050B15C7!important; }
html[data-theme="dark"] :where(dialog)::backdrop { background:#050B15C7; }
html[data-theme="dark"] :where(.ch-progress progress,.progress-bar,.ch-library-route progress,.ch-journey-v85 progress) { background-color:var(--theme-soft)!important; }
html[data-theme="dark"] progress::-webkit-progress-bar { background:var(--theme-soft)!important; }
html[data-theme="dark"] progress::-webkit-progress-value { background:var(--theme-link)!important; }
html[data-theme="dark"] progress::-moz-progress-bar { background:var(--theme-link)!important; }
html[data-theme="dark"] ::selection { background:var(--theme-selection)!important;color:var(--theme-selection-text)!important; }
html[data-theme="dark"] :where(a,button,summary,input,select,textarea,[tabindex]):focus-visible { outline-color:var(--theme-focus)!important; }
html[data-theme="dark"] :where(.public-periods,.ch-period-filters,.ch-atlas-periods,.cl-period-strip,.modal,.document-reader-viewport) { scrollbar-color:var(--theme-line) var(--theme-canvas); }
html[data-theme="dark"] .ch-theme-control select { background:transparent!important; }
@media(hover:hover) {
  html[data-theme="dark"] :where(.btn-outline,.btn-soft,.icon-button,.ch-button[data-variant="outline"],.lp-button:not(.lp-button-primary)):hover:not(:disabled) {
    background-color:var(--theme-soft)!important;color:var(--theme-text)!important;
  }
  html[data-theme="dark"] :where(.btn-primary,.ch-button[data-variant="default"],.lp-button-primary,.ch-journey-primary):hover:not(:disabled) {
    background-color:var(--theme-action-hover)!important;color:#FFFFFF!important;
  }
}
@media(forced-colors:active) {
  .ch-theme-control { border:1px solid ButtonText; }
  .ch-theme-control:focus-within { outline-color:Highlight; }
}
/* Complete hero/entry-test surfaces, including their literal legacy fills. */
html[data-theme="dark"] .public-site #main-content .chronika-learning .cl-hero,
html[data-theme="dark"] .chronika-ui .ch-check-page .ch-start-route{background:var(--theme-soft)!important;color:var(--theme-text)!important}
html[data-theme="dark"] .public-site #main-content .chronika-learning .cl-hero::before,
html[data-theme="dark"] .public-site #main-content .chronika-learning .cl-hero::after{background:none!important}
html[data-theme="dark"] .chronika-ui .ch-check-page .ch-start-route :is(h2,h3,label,.ch-start-route-heading){color:var(--theme-text)!important}
html[data-theme="dark"] .chronika-ui .ch-journey-v85 .ch-atlas-chapters button,
html[data-theme="dark"] .chronika-ui .ch-journey-v85 .ch-atlas-chapters button strong{color:var(--theme-text)!important}
html[data-theme="dark"] :is(.chronika-ui,.public-site) .ch-atlas-periods button>span{color:inherit!important}
html[data-theme="dark"] .chronika-ui .ch-library-progress-heading svg{color:var(--theme-link)!important}

/* Dark appearance finish. A section is not another card: keep the page ground
   continuous and reserve opaque surfaces for a material, a field or a dialog.
   In particular the old bridge painted BOTH the atlas and every inner box. */
html[data-theme="dark"] :where(
  .public-footer,.page-footer,.public-faq details,.public-access,
  .public-next-step,.cl-author,.cb-panel,.cl-study,.cl-study-steps,
  .cl-method-list,.cl-method-example,.cl-demo-practice,.cl-chain,
  .ch-account-study,.ch-commerce-controls,.ch-custom-pricing,
  .ch-personal-shortcuts,.ch-personal-shortcuts a,.ch-atlas-title-card,
  .ch-atlas-summary,.ch-journey-next,.ch-check-info,.ch-check-route,
  .ch-check-answer-review,.ch-profile-disclosure
) {
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .public-site #main-content .chronika-learning .cl-hero {
  background:transparent!important;
}
html[data-theme="dark"] :where(.ch-atlas-detail,.ch-atlas-panel,.ch-library-route) {
  background-color:var(--theme-surface)!important;
}
html[data-theme="dark"] :where(.ch-atlas-panel,.ch-atlas-title-card,.ch-atlas-summary) {
  border-color:transparent!important;
}
html[data-theme="dark"] :where(.cl-scope-row,.cl-more-formats,.public-access,.ch-personal-shortcuts) {
  border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(.public-periods a,.public-neighbors a,.cl-bundle-entry) {
  background-color:var(--theme-surface)!important;
  color:var(--theme-text)!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(.public-periods a:hover,.public-neighbors a:hover) {
  background-color:var(--theme-soft)!important;
}

/* Literal ink outside paragraphs survived the first pass. Map the component
   roles rather than recolouring all spans or SVGs (provider marks stay intact). */
html[data-theme="dark"] :where(
  .written-ai-guidance h4,.written-ai-guidance p,.provider-identity,
  .provider-account-marks,.provider-brand-fallback,.practice-ai-notice,
  .ch-atlas-numbers dt,.ch-check-info,.ch-check-targeted,
  .ch-check-topic-purchase>strong,.ch-product-showcase-inventory dd,
  .ch-atlas-chapters a,.ch-atlas-chapters button,.ch-topic-meta strong,
  .ch-library-pending,.ch-library-pending-order strong,
  .ch-library-search,.ch-profile-disclosure,.ch-check-image-dialog
) { color:var(--theme-text)!important; }
html[data-theme="dark"] :where(
  .ch-topic-meta,.ch-topic-meta>span,.ch-topic-access,
  .ch-personal-shortcuts>a>span>span,.ch-product-showcase-inventory dt,
  .ch-product-showcase-inventory dd>span,.ch-library-pending-status,
  .ch-check-targeted-heading p,.ch-check-targeted-period>header p,
  .ch-check-topic-offer-title p,.ch-check-topic-purchase>span,
  .ch-check-period-offer p,.ch-check-image figcaption p,.ch-check-image-error p,
  .ch-check-next p,.ch-check-answer-review p,.ch-check-skill-map>p,
  .ch-check-owned-next p,.ch-library-search>svg,.result-score>span,
  .word-counter,.quiz-progress,.quiz-finish summary,.test-review summary strong,
  .profile-id,.profile-linked,.topic-meta,.topic-label,.topic-price small,
  .bank-navigation>label,.page-heading-meta,.mode-tag,
  .historical-aside .ha-body .ha-fact,.historical-aside .ha-body .ha-credit
) { color:var(--theme-muted)!important; }
html[data-theme="dark"] :where(
  .ch-atlas-mark,.ch-atlas-numbers dd,.ch-atlas-numbers svg,
  .ch-atlas-chapters a>span,.ch-atlas-chapters button>span,
  .ch-product-format-icons,.ch-check-paper>svg,.ch-check-itinerary>svg,
  .ch-check-visual-arrow,.ch-check-result-total svg,.ch-check-targeted-period>header>svg,
  .ch-check-period-offer>div:first-child>svg,.ch-check-answer-status svg,
  .ch-check-owned-next>svg,.ch-check-info summary,.ch-check-image figcaption a,
  .historical-aside a,.historical-aside .ha-chevron,.historical-aside .ha-body .ha-frame
) { color:var(--theme-link)!important; }
html[data-theme="dark"] :where(.ch-topic-access,.badge-free) {
  color:var(--theme-success)!important;
}
html[data-theme="dark"] .badge-free { background:var(--theme-success-bg)!important; }
html[data-theme="dark"] :where(.ch-atlas-mark,.ch-atlas-numbers,.ch-check-targeted-count) {
  background:transparent!important;color:var(--theme-link)!important;
}

/* Account/search/check panels missed by the legacy .panel selector. */
html[data-theme="dark"] :where(
  .ch-library-search,.ch-library-pending,.library-profile,.notification-settings,.bundle-button,
  .result-review,.written-result-note,.ch-check-targeted-period,
  .ch-check-image-dialog,.ch-check-image,.historical-aside>details
) {
  background-color:var(--theme-surface)!important;
  color:var(--theme-text)!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(.ch-check-targeted-period>header,.ch-check-period-offer) {
  background:transparent!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(.ch-check-dont-know,.ch-library-search>button,.ch-check-image-dialog>header>button) {
  background-color:var(--theme-surface-raised)!important;
  color:var(--theme-text)!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(.ch-library-search>input,.ch-theme-control select) {
  background:transparent!important;box-shadow:none!important;
}
html[data-theme="dark"] :where(.ch-price-tabs-list,.ch-library-tabs>.ch-tabs-list) {
  background:transparent!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(
  .ch-price-tab,.ch-library-tabs [data-slot="tabs-trigger"],.task-tab,
  .cl-route-switch button,.cl-study-steps button,.cl-period
) {
  color:var(--theme-muted)!important;background:transparent!important;
  border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(
  .ch-price-tab[data-state="active"],.ch-library-tabs [data-slot="tabs-trigger"][data-state="active"],
  .task-tab.active,.task-tab[aria-selected="true"],.cl-study-steps button[aria-pressed="true"],
  .cl-period[aria-pressed="true"]
) {
  background-color:var(--theme-soft)!important;color:var(--theme-text)!important;
  border-color:var(--theme-focus)!important;
}
/* A Radix tab panel is also data-state=active; it is page content, not the
   selected tab. Keep library sections on the canvas, with separate topic cards. */
html[data-theme="dark"] .chronika-ui .ch-library-tabs>[data-slot="tabs-content"] {
  background:transparent!important;
}
html[data-theme="dark"] .mode-tag {
  background:var(--theme-soft)!important;color:var(--theme-muted)!important;
  border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(
  .ch-atlas-period-arrow,.ch-commerce-period-arrow,.ch-topic-open
) {
  background-color:var(--theme-surface-raised)!important;
  color:var(--theme-link)!important;border-color:var(--theme-line)!important;
}
html[data-theme="dark"] :where(.ch-atlas-period-arrow,.ch-commerce-period-arrow):disabled {
  background-color:transparent!important;color:var(--theme-muted)!important;
}
html[data-theme="dark"] :where(
  .cl-route-switch button[aria-pressed="true"],.ch-atlas-period-arrow:last-child:enabled,
  .cb-panel>.cl-inline-link,.ch-atlas-all,.quiz-number.active
) {
  background-color:var(--theme-action)!important;color:var(--theme-action-text)!important;
  border-color:var(--theme-action)!important;
}
html[data-theme="dark"] .ch-journey-v85 .ch-atlas-all {
  background:transparent!important;color:var(--theme-link)!important;
}
html[data-theme="dark"] .ch-journey-v85 .ch-atlas-periods button[aria-pressed="true"]>span {
  color:var(--theme-action-text)!important;
}
html[data-theme="dark"] :where(.cl-method-scene,.cl-demo-cause,.cb-cost-result) {
  background-color:var(--theme-soft)!important;color:var(--theme-text)!important;
}
html[data-theme="dark"] .cl-method-scene>div {
  background:transparent!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important;
}

/* Purchase inset had a white fill, but inherited the surrounding white text
   role. It is a single dark price area, with an actual cobalt action inside. */
html[data-theme="dark"] :where(.ch-full-package-purchase,.ch-library-offer-price) {
  --theme-text:#F3F6FC;--theme-muted:#C3D2E9;--theme-link:#A8C5FF;
  background:var(--theme-surface)!important;color:var(--theme-text)!important;
}
html[data-theme="dark"] :where(.ch-full-package-purchase,.ch-library-offer-price) :where(.cl-button,.ch-button) {
  --reveal-fill:var(--theme-action);--reveal-wash:var(--theme-action-hover);
  --reveal-ink:#FFFFFF;--reveal-icon:#FFFFFF;
  background-color:var(--theme-action)!important;color:#FFFFFF!important;
  border-color:var(--theme-action)!important;
}
html[data-theme="dark"] :where(.ch-full-package-purchase,.ch-library-offer-price) :where(.price-saving,.ch-price-saving) {
  background:transparent!important;color:var(--theme-success)!important;
}
html[data-theme="dark"] :where(.ch-primary-full,.ch-package-full,.cl-full-offer,.store-full) :where(.ch-product-description,.ch-product-exclusion,.ch-product-status,.ch-product-showcase-inventory dt,.ch-product-showcase-inventory dd,.ch-product-showcase-inventory dd>span,.ch-package-summary) {
  color:var(--theme-text)!important;
}
html[data-theme="dark"] :where(.ch-package-files .ch-package-purchase>.ch-button,.ch-check-owned-next .ch-button) {
  background-color:var(--theme-action)!important;color:#FFFFFF!important;border-color:var(--theme-action)!important;
}
html[data-theme="dark"] :where(.ch-primary-full,.ch-package-full) .ch-product-format-icons>svg {
  background:transparent!important;color:#FFFFFF!important;
}

/* The files-only bundle is subordinate to the cobalt full-access offer.
   Savings are a short price annotation, never a full-width green backplate. */
html[data-theme="dark"] .public-site #main-content .chronika-learning #formats .cl-files-package {
  background:var(--theme-surface)!important;color:var(--theme-text)!important;
}
html[data-theme="dark"] :is(.public-site,.chronika-ui,.app-shell,.modal) :is(.price-saving,.ch-price-saving) {
  display:inline-block;width:fit-content;max-width:100%;align-self:flex-start;justify-self:start;
  padding:0!important;border:0;border-radius:0!important;box-shadow:none;
  background:transparent!important;color:var(--theme-success)!important;
}
html[data-theme="dark"] :where(
  .cl-main-package[data-cl-format-item="full"],.cl-full-offer,.ch-package-full,
  .ch-primary-full,.public-product[data-format="full"],.public-full,.ch-library-offer,.store-full
) :is(.price-saving,.ch-price-saving) {
  color:#FFFFFF!important;
}
html[data-theme="dark"] :is(.ch-full-package-purchase,.ch-library-offer-price) :is(.price-saving,.ch-price-saving),
html[data-theme="dark"] .public-site #main-content .chronika-learning .ch-full-package-purchase .price-saving {
  background:transparent!important;color:var(--theme-success)!important;
}

/* Real answer/review states remain legible after their individual controls
   were themed. Keep the existing wording and icons alongside colour. */
html[data-theme="dark"] :where(.result:not(.result-review):not(.incorrect),.quiz-number.answered:not(.active)) {
  background-color:var(--theme-success-bg)!important;color:var(--theme-success)!important;
}
html[data-theme="dark"] :where(.result.incorrect,.cl-task-error) {
  background-color:var(--theme-error-bg)!important;color:var(--theme-error)!important;
}
html[data-theme="dark"] :where(.result.correct,.result-success,.success,.account-link-success,.ch-account-banner) :where(p,small,span,strong) {
  color:var(--theme-success)!important;
}
html[data-theme="dark"] :where(.result.incorrect,.result-error,.cl-task-error) :where(p,small,span,strong) {
  color:var(--theme-error)!important;
}
html[data-theme="dark"] .criterion-mark.pass {
  background-color:var(--theme-success-bg)!important;color:var(--theme-success)!important;
  border-color:var(--theme-success)!important;
}
html[data-theme="dark"] .badge:not(.badge-free):not(.free):not(.badge-owned) {
  background-color:var(--theme-soft)!important;color:var(--theme-text)!important;
}
/* Native review: disclosure content is checked in its opened state, and the
   skip link must also work when keyboard focus brings it onto the screen. */
html[data-theme="dark"] .skip-link {
  background:var(--theme-action)!important;color:#FFFFFF!important;
}
html[data-theme="dark"] :where(.cl-format-row,.ch-start-route-skill,.ch-start-route-formats label) {
  background:var(--theme-surface)!important;color:var(--theme-text)!important;
  border-color:var(--theme-line)!important;
}
html[data-theme="dark"] .chronika-ui .ch-check-page .ch-start-route-formats label:has(input:checked) {
  background:var(--theme-action)!important;color:#FFFFFF!important;
}
html[data-theme="dark"] .ch-start-route-formats label:has(input:checked)>span {
  color:#FFFFFF!important;
}
html[data-theme="dark"] .ch-start-route-formats label:has(input:focus-visible) {
  outline-color:var(--theme-focus)!important;
}
html[data-theme="dark"] :where(.public-nav-edges a,.public-nav-home-links a) {
  color:var(--theme-muted)!important;
}
html[data-theme="dark"] :where(.cb-cost-saving,.cb-cost-saving>span) { color:var(--theme-text)!important; }
html[data-theme="dark"] :where(
  .ch-start-route-heading>svg,.ch-start-route-track,.ch-start-route-count strong,
  .ch-start-route-finish svg,.ch-start-route-skill svg,.ch-start-route-result>svg
) { color:var(--theme-link)!important; }
html[data-theme="dark"] .ch-atlas-era-number {
  background:var(--theme-action)!important;color:#FFFFFF!important;
}
html[data-theme="dark"] .ch-badge-access {
  background:var(--theme-success-bg)!important;color:var(--theme-success)!important;
}
html[data-theme="dark"] :where(.desktop-nav,.public-nav):not([data-floating-ready]) :where(.nav-link.active,a[aria-current]) {
  background:var(--theme-soft)!important;color:var(--theme-link)!important;
}
html[data-theme="dark"] .bank-steps>li>span {
  background:var(--theme-action)!important;color:#FFFFFF!important;
}
html[data-theme="dark"] .living-portraits :where(.lp-tool,.lp-credit a,.lp-source,.lp-status) {
  color:var(--theme-muted)!important;
}
html[data-theme="dark"] :where(.ch-check-skill meter,.ch-check-targeted-period meter) { background:var(--theme-soft)!important; }
html[data-theme="dark"] :where(.ch-check-skill meter,.ch-check-targeted-period meter)::-webkit-meter-bar { background:var(--theme-soft)!important; }
html[data-theme="dark"] :where(.ch-check-skill meter,.ch-check-targeted-period meter)::-webkit-meter-optimum-value { background:var(--theme-link)!important; }
html[data-theme="dark"] :where(.ch-check-skill meter,.ch-check-targeted-period meter)::-moz-meter-bar { background:var(--theme-link)!important; }
html[data-theme="dark"] .public-product[data-format="full"] .price-saving {
  color:#FFFFFF!important;
}
@media(hover:hover) {
  html[data-theme="dark"] :where(.ch-atlas-chapters a,.ch-atlas-chapters button,.ch-personal-shortcuts>a,.ch-library-stat,.bundle-button):hover {
    background-color:var(--theme-soft)!important;color:var(--theme-text)!important;
  }
}

/* Written entry-check feedback uses the same dark surfaces as its answer review. */
html[data-theme="dark"] .chronika-ui .ch-written-check { background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-line); }
html[data-theme="dark"] .chronika-ui :where(.ch-written-heading-icon,.ch-written-example,.ch-written-suggestions,.ch-written-ai-criteria blockquote,.ch-written-tabs>button:not([aria-pressed="true"]),.ch-written-criterion label>span) { background:var(--theme-soft);color:var(--theme-text);border-color:var(--theme-line); }
html[data-theme="dark"] .chronika-ui .ch-written-tabs>button[aria-pressed="true"] { background:var(--theme-action);color:var(--theme-action-text); }
html[data-theme="dark"] .chronika-ui :where(.ch-written-ai-score>strong,.ch-written-ai-score>strong>span,.ch-written-ai-criteria strong,.ch-written-example>strong,.ch-written-source summary,.ch-written-how a,.ch-written-suggestions>svg) { color:var(--theme-link)!important; }
html[data-theme="dark"] .chronika-ui :where(.ch-written-tabs,.ch-written-ai-criteria>li,.ch-written-criterion) { border-color:var(--theme-line); }
html[data-theme="dark"] .chronika-ui .ch-written-error { color:var(--theme-error)!important; }

/* Entry-check reading roles: questions, answers and reasons are distinct. */
.chronika-ui .ch-check-page .ch-check-review>h2{font-size:1.875rem;line-height:1.2;margin-bottom:12px}
.chronika-ui .ch-check-page .ch-check-review>button.ch-text-link{font-size:1.125rem;margin-bottom:8px}
.chronika-ui .ch-check-page .ch-check-answer-review{margin-top:16px;padding-top:12px;border-color:var(--theme-line)}
.chronika-ui .ch-check-page .ch-check-answer-review>summary{font-size:1.375rem;line-height:1.4;font-weight:650;padding-block:16px;gap:12px;color:var(--theme-text)}
.chronika-ui .ch-check-page .ch-check-answer-review>.ch-check-answer-content{padding:4px 0 24px 34px}
.chronika-ui .ch-check-page .ch-check-answer-content p{font-size:1.25rem;line-height:1.6;color:var(--theme-text);margin:0;max-width:66ch}
.chronika-ui .ch-check-page .ch-check-answer-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:4px 24px}
.chronika-ui .ch-check-page .ch-check-answer-comparison>p{padding:16px 18px}
.chronika-ui .ch-check-page .ch-check-answer-comparison>p:only-child{grid-column:1/-1}
.chronika-ui .ch-check-page .ch-check-answer-comparison strong{display:block;font-size:1.0625rem;line-height:1.4;font-weight:650;color:var(--theme-muted);margin-bottom:8px}
.chronika-ui .ch-check-page .ch-check-answer-comparison .ch-check-answer-correct{background:var(--theme-soft);border-radius:12px}
.chronika-ui .ch-check-page .ch-check-answer-correct>strong{color:var(--theme-link)}
.chronika-ui .ch-check-page .ch-check-answer-explanation{max-width:66ch;margin-bottom:12px}
.chronika-ui .ch-check-page .ch-check-answer-explanation>h3{font-size:1.3125rem;line-height:1.35;font-weight:650;letter-spacing:-.01em;margin:0 0 10px;color:var(--theme-text)}
.chronika-ui .ch-check-page .ch-check-answer-content>.ch-text-link{font-size:1.125rem;min-height:48px}
.chronika-ui .ch-check-page .ch-written-heading h2,.chronika-ui .ch-check-page .ch-written-review h4{font-size:1.875rem;line-height:1.25}
.chronika-ui .ch-check-page .ch-written-task{max-width:76ch}
.chronika-ui .ch-check-page :is(.ch-written-context,.ch-written-question,.ch-written-questions,.ch-written-improvement p,.ch-written-review-note,.ch-written-ai-criteria p,.ch-written-ai-criteria blockquote,.ch-written-example){font-size:1.25rem;line-height:1.6;max-width:66ch;color:var(--theme-text)}
.chronika-ui .ch-check-page .ch-written-task textarea{font-size:1.25rem;line-height:1.6}
.chronika-ui .ch-check-page :is(.ch-written-improvement h5,.ch-written-ai-criteria h5){font-size:1.375rem;line-height:1.35}
.chronika-ui .ch-check-page :is(.ch-written-heading p,.ch-written-instruction,.ch-written-notice,.ch-written-source,.ch-written-ai-criteria strong){font-size:1.0625rem;line-height:1.55}
.chronika-ui .ch-check-page .ch-written-ai-criteria>li{padding-block:24px}
html[data-theme="dark"] .chronika-ui .ch-check-page :is(.ch-check-answer-content p,.ch-written-context,.ch-written-question,.ch-written-questions,.ch-written-improvement p,.ch-written-review-note,.ch-written-ai-criteria p,.ch-written-ai-criteria blockquote){color:var(--theme-text)!important}
@media(max-width:760px){
 .chronika-ui .ch-check-page .ch-check-review>h2,.chronika-ui .ch-check-page .ch-written-heading h2,.chronika-ui .ch-check-page .ch-written-review h4{font-size:1.625rem}
 .chronika-ui .ch-check-page .ch-check-answer-review>summary{font-size:1.25rem}
 .chronika-ui .ch-check-page .ch-check-answer-review>.ch-check-answer-content{padding-left:0}
 .chronika-ui .ch-check-page .ch-check-answer-comparison{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:20px}
 .chronika-ui .ch-check-page .ch-check-answer-comparison>p{padding:12px 14px}
 .chronika-ui .ch-check-page :is(.ch-check-answer-content p,.ch-written-context,.ch-written-question,.ch-written-questions,.ch-written-improvement p,.ch-written-review-note,.ch-written-ai-criteria p,.ch-written-ai-criteria blockquote,.ch-written-example,.ch-written-task textarea){font-size:1.1875rem}
 .chronika-ui .ch-check-page :is(.ch-written-improvement h5,.ch-written-ai-criteria h5,.ch-check-answer-explanation>h3){font-size:1.25rem}
}