:root { --surface: #fff; --raised: #f3f6fc; --body-text: #52647d; }
:root[data-theme="dark"] {
  --ink: #e5edf8; --muted: #a2b2c8; --blue: #78acff; --blue-soft: #1a2d4b;
  --line: #29394f; --bg: #0b1220; --surface: #121d2d; --raised: #19263a;
  --body-text: #b5c3d6; --green: #76d7b6;
}
body { text-align: start; }
.preferences { display: flex; align-items: center; gap: 8px; }
#languageSelect { padding: 5px 9px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--ink); font-size: 12px; max-width: 100px; }
.theme-toggle { border: 1px solid var(--line); color: var(--ink); background: var(--surface); }
.header-actions { margin-right: 0; margin-inline-start: auto; gap: 15px; }
.sidebar { right: auto; left: auto; inset-inline-start: 0; border-left: 0; border-inline-end: 1px solid var(--line); }
.main { margin-right: 0; margin-inline-start: var(--sidebar); }
.nav-count, .search-trigger kbd, .sidebar-help > .icon, .product-nav a.active:after,
.catalog-total, .support-banner .button, .addon-heading img, .download-card a,
.search-result > .icon, .guide-link > .icon { margin-right: 0; margin-inline-start: auto; }
.product-nav a .product-nav-name, .product-card h3, .os-table, .os-table td:first-child { text-align: start; }
.toc { border-right: 0; border-inline-start: 1px solid var(--line); padding-right: 0; padding-inline-start: 15px; }
.start-card .card-no { left: auto; inset-inline-end: 22px; }
.quick-item + .quick-item { border-right: 0; border-inline-start: 1px solid var(--line); }
.step:not(:last-child):before { right: auto; inset-inline-start: 14px; }
html[dir="ltr"] .breadcrumb .icon { transform: none; }
html[dir="ltr"] .text-link .icon, html[dir="ltr"] .product-card-foot .icon { transform: rotate(180deg); }
.copy-button { direction: inherit; }
html[dir="ltr"] .copy-button { direction: ltr; }
.site-header, .sidebar, .quick-strip, .start-card, .catalog-search, .category-select,
.product-card, .surface, .addon-card, .article-nav a, .table-wrap, .license-type,
.faq-list details, .guide-link, .key-grid > div, .search-dialog, .empty-state { background: var(--surface); }
.brand-word { color: var(--ink); }
.header-center, .header-support, .intro-nav a, .product-nav a, .toc strong,
.breadcrumb span:last-child, .breadcrumb a { color: var(--body-text); }
.sidebar-help, .search-trigger, .version-label, .search-hint, .download-card, .os-table th { background: var(--raised); color: var(--body-text); border-color: var(--line); }
.surface p, .doc-section p, .step-content p, .doc-heading p, .page-lead,
.product-card p, .start-card p, .checklist li, .license-type p, .faq-answer,
.guide-link small, .quick-item small, .sidebar-help small, .os-table td { color: var(--body-text); }
.os-table td, .product-card-foot { border-color: var(--line); }
.os-table td:first-child { color: var(--ink); }
.intro-nav a:hover, .product-nav a:hover { background: var(--blue-soft); }
.button-primary { background: #1764e8; color: white; border-color: #1764e8; }
.button-light { background: var(--surface); border-color: var(--line); color: var(--ink); }
.home-note, .support-banner { background: var(--raised); border-color: var(--line); }
.home-note p, .support-banner p { color: var(--body-text); }
.count-badge, .nav-label > span, .step-number { background: var(--blue-soft); border-color: var(--line); color: var(--blue); }
.callout { background: var(--blue-soft); border-color: var(--line); }
.callout strong { color: var(--blue); }
.callout p { color: var(--body-text); }
[data-theme="dark"] .callout.warning { background: #302719; border-color: #68502c; }
[data-theme="dark"] .callout.warning strong, [data-theme="dark"] .callout.warning p { color: #e7c48d; }
[data-theme="dark"] .success-panel { background: #122e29; border-color: #2d564a; }
[data-theme="dark"] .success-panel h3, [data-theme="dark"] .success-panel p,
[data-theme="dark"] .success-panel li { color: #a3dfc7; }
[data-theme="dark"] .success-panel code { color: #b8f2da; background: #204638; }
[data-theme="dark"] .search-trigger kbd, [data-theme="dark"] .key-grid kbd { background: var(--surface); border-color: var(--line); color: var(--body-text); }
.doc-product-logo, .nav-logo, .floating-logo, .search-result-logo, .guide-brand-row { background: #fff; }
.guide-brand-row { color: #14233c; }
[data-theme="dark"] .catalog-logo { background: #fff; border-radius: 8px; padding: 8px; height: 52px; width: fit-content; max-width: 100%; }
[data-theme="dark"] .addon-heading img { background: #fff; border-radius: 5px; padding: 4px; }
img { object-fit: contain; height: auto; }
.hero h1, .page-title, .doc-heading h1 { overflow-wrap: break-word; }
@media(max-width:1450px) { .header-center { display: none; } }
@media(max-width:900px) { .header-support { display: none; } }
@media(max-width:760px) {
  .main { margin-inline-start: 0; }
  html[dir="ltr"] .sidebar { transform: translateX(-100%); }
  html[dir="rtl"] .sidebar { transform: translateX(100%); }
  html .sidebar.open { transform: translateX(0); }
  .header-actions { gap: 8px; }
  .preferences { gap: 5px; }
  .site-header { gap: 8px; padding-inline: 15px; }
  .support-banner .button { margin-inline-start: 0; }
}
@media(max-width:580px) {
  .quick-item + .quick-item { border-inline-start: 0; }
  .step:not(:last-child):before { inset-inline-start: 12px; }
  .download-card a { margin-inline-start: 0; }
  .brand-word { font-size: 15px; }
  .brand-word small { font-size: 6px; letter-spacing: 1px; }
  .brand-symbol { display: none; }
  #languageSelect { max-width: 84px; padding-inline: 5px; font-size: 11px; }
  .header-actions { gap: 4px; }
  .theme-toggle { width: 30px; height: 32px; }
  .mobile-menu { margin-right: 0; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *, *:before, *:after { transition: none !important; animation: none !important; } }
