.reference-offline-banner{display:none;padding:10px 18px;background:#4a3510;color:#fde68a;text-align:center;font-size:12px}
body.offline .reference-offline-banner{display:block}
html[data-theme="light"]{color-scheme:light;--bg:#f3f7fb;--bg2:#fff;--panel:#fff;--panel2:#f7fafc;--panel3:#eef4f8;--text:#102033;--muted:#60758c;--line:#dbe6ef;--shadow:0 16px 45px rgba(23,45,70,.09)}
html[data-theme="light"] body{background:#f3f7fb}
html[data-theme="light"] .topbar,html[data-theme="light"] .sidebar,html[data-theme="light"] .mobile-nav{background:rgba(255,255,255,.96)}
html[data-theme="light"] .card,html[data-theme="light"] .onboard{background:#fff;color:#102033}
html[data-theme="light"] input,html[data-theme="light"] select{background:#f8fbfe;color:#102033}
[dir="rtl"] .shell{grid-template-columns:1fr 220px}
[dir="rtl"] .sidebar{grid-column:2;grid-row:1;border-right:0;border-left:1px solid var(--line)}
[dir="rtl"] .main{grid-column:1;grid-row:1}
[dir="rtl"] .pagehead,[dir="rtl"] .sectionhead,[dir="rtl"] .row,[dir="rtl"] .footer{direction:rtl}
[dir="rtl"] .nav a:hover,[dir="rtl"] .nav a.active{box-shadow:inset -3px 0 0 var(--teal)}
[dir="rtl"] .table th{text-align:right}
.paper h3 { color: #526370 !important; }