@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@400&display=swap");

:root{--bg:#f6f8fc;--panel:#fff;--text:#17243b;--muted:#63748b;--line:#e4e9f0;--accent:#0f766e;--sidebar:#102238}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}html[lang=ar] body{font-family:Tahoma,Arial,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}img{max-width:100%} [data-lang].lang-hide{display:none!important}html[lang=ar] [data-lang=en],html[lang=en] [data-lang=ar]{display:none!important}html[lang=ar] [data-lang=ar],html[lang=en] [data-lang=en]{display:revert}html[lang=ar] [data-lang=ar].lang-hide,html[lang=en] [data-lang=en].lang-hide{display:revert!important}
.app-container{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:268px;background:var(--sidebar);color:#fff;z-index:50;display:flex;flex-direction:column;overflow-y:auto;padding:24px 14px}.sidebar-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:23px;font-weight:700;padding:8px 14px 25px}.sidebar-brand img{width:40px;max-height:44px;object-fit:contain}.logo-dark{display:none}.sidebar .nav{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;gap:3px}.sidebar .nav-link{display:flex;align-items:center;gap:12px;color:#c8d4e3;padding:9px 12px;border-radius:9px;font-size:14px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#233e58;color:#fff;text-decoration:none}.sidebar .nav-link i{width:20px;text-align:center}.sidebar-section-toggle{list-style:none;padding:15px 11px 5px;color:#91b8c6;cursor:pointer;font-weight:600;font-size:13px}.sidebar-section-label{display:flex;align-items:center;justify-content:space-between}.sidebar-section-group{list-style:none}.sidebar-section-group.collapsed{display:none}.sidebar-footer{margin-top:auto;padding:24px 12px 4px;color:#9cb2c8;font-size:12px}
.main-content-wrapper{margin-inline-start:268px;min-width:0}.top-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel);border-bottom:1px solid var(--line);padding:12px 30px;min-height:67px}.page-title{font-size:17px;font-weight:700;margin:0}.top-bar-actions{display:flex;gap:8px;align-items:center}.theme-toggle-btn,.sidebar-toggler{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:6px;text-decoration:none}.lang-btn.active{background:var(--accent);color:white}.sidebar-toggler{display:none}.content-container{max-width:1180px;margin:auto;padding:38px 40px 70px}.doc-header{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px}.doc-header h1{font-size:clamp(25px,3vw,38px);line-height:1.35;font-weight:700;margin:0 0 14px}.doc-header p{color:var(--muted);font-size:17px}.table-of-contents{background:var(--panel);padding:22px 26px;border:1px solid var(--line);border-radius:14px;margin-bottom:30px}.table-of-contents h3{margin:0 0 12px;font-size:20px}.table-of-contents ul{columns:2;margin:0;padding-inline-start:21px}.table-of-contents li{margin:6px 0;break-inside:avoid}
.doc-section{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:18px 0;overflow:hidden;scroll-margin-top:90px}.doc-section-header{display:flex;align-items:center;gap:15px;padding:19px 23px;border-bottom:1px solid var(--line);cursor:pointer}.section-icon{font-size:21px;color:var(--accent)}.section-title{font-size:22px;font-weight:700;margin:0;flex:1}.section-chevron{color:var(--muted)}.doc-section-body{padding:24px}.doc-section.collapsed .doc-section-body{display:none}.section-subtitle{font-size:19px;font-weight:700;margin:16px 0}.feature-grid{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 24px}.feature-tag{padding:6px 12px;border:1px solid #cce6df;background:#eaf7f3;color:#165c51;border-radius:8px;font-size:14px}.scenario-card{padding:18px 21px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:14px 0}.scenario-label{font-weight:700;color:var(--accent);margin-bottom:9px}.scenario-card ul{margin:8px 0;padding-inline-start:22px}.doc-section table,.content-container table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.content-container th,.content-container td{border:1px solid var(--line);padding:10px 13px;text-align:start}.content-container th{background:var(--bg)}.doc-footer{text-align:center;padding:25px;border-top:1px solid var(--line);color:var(--muted);background:var(--panel)}.sidebar-overlay{display:none}
[data-theme=dark]{--bg:#0b1524;--panel:#162439;--text:#edf3fa;--muted:#b1c1d5;--line:#2d4056;--accent:#49d0bb;--sidebar:#08121f}[data-theme=dark] .feature-tag{background:#173c38;color:#8febda;border-color:#285e55}[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}
@media(max-width:980px){.sidebar{transform:translateX(-105%);transition:transform .2s ease;inset-inline-start:0}.sidebar.open{transform:translateX(0)}html[dir=rtl] .sidebar{transform:translateX(105%)}html[dir=rtl] .sidebar.open{transform:translateX(0)}.sidebar-overlay.visible{display:block;position:fixed;inset:0;background:#0008;z-index:40}.main-content-wrapper{margin-inline-start:0}.sidebar-toggler{display:inline-flex}.content-container{padding:24px 20px 40px}.top-bar{padding:10px 17px}}@media(max-width:570px){.table-of-contents ul{columns:1}.doc-section-body{padding:17px}.doc-section-header{padding:16px}.section-title{font-size:19px}.top-bar{gap:7px}.page-title{font-size:14px}.content-container{padding:18px 12px}.doc-header h1{font-size:25px}}

/* RuxMed Arabic typography: consistent site-wide regular weight. */
html[lang="ar"] body, html[lang="ar"] body :is(h1,h2,h3,h4,h5,h6,p,a,span,li,button,input,textarea,select,label,small,strong,em,td,th,div):not([class*="fa-"]) {font-family:"Noto Kufi Arabic",sans-serif !important;font-weight:400 !important;}
html[lang="en"] body {font-family:"Inter",sans-serif;}

html[lang="en"] body, html[lang="en"] button, html[lang="en"] input, html[lang="en"] textarea {font-family:"Inter",sans-serif;}