html { scroll-behavior:smooth; }
.documentation-page { --primary:#287f71; --page:#fff; --ink:#153d35; --muted:#5c7468; --line:#d9e7de; --accent:#287f71; margin:0; color:var(--ink); background:var(--page); font-family:Alexandria,'Segoe UI',Tahoma,sans-serif; line-height:1.7; -webkit-font-smoothing:antialiased; }
.documentation-page *,.documentation-page *::before,.documentation-page *::after { box-sizing:border-box; }
.documentation-page p { color:var(--muted); }
.documentation-page h1,.documentation-page h2,.documentation-page h3 { font-weight:700; color:var(--ink); letter-spacing:-.04em; }
.documentation-page a { color:inherit; text-decoration:none; }
.documentation-page a:hover { color:var(--accent); }
.documentation-page a:focus-visible,.documentation-page button:focus-visible,.documentation-page summary:focus-visible { outline:3px solid #8cc8b5; outline-offset:4px; }
.documentation-page .btn { font-family:inherit; font-size:14px; font-weight:600; }
.documentation-page .btn-light { color:var(--ink); }
.documentation-page .skip-link { position:fixed; top:-100px; left:20px; padding:10px 15px; background:#fff; color:var(--ink); z-index:10; border:2px solid var(--accent); }
.documentation-page .skip-link:focus { top:15px; }
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} }
.documentation-page { --page:#fff; background:var(--page); font-size:15px; text-align:start; }
.documentation-page [hidden] { display:none !important; }
.docs-header { max-width:1260px; margin:auto; padding:25px 36px; display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid var(--line); }
.docs-header .product-brand { display:flex; align-items:center; gap:10px; font-size:24px; }
.docs-controls { display:flex; align-items:center; gap:22px; font-size:13px; }
.docs-layout { max-width:1260px; margin:auto; padding:45px 36px; display:grid; grid-template-columns:210px minmax(0,1fr); gap:65px; align-items:start; }
.docs-sidebar { position:sticky; top:30px; }
.docs-sidebar>p { font-size:13px; font-weight:600; margin-bottom:13px; }
.docs-sidebar nav { display:flex; flex-direction:column; gap:6px; }
.docs-sidebar nav a { padding:9px 12px; font-size:14px; border-radius:6px; color:var(--muted); }
.docs-sidebar nav a:hover,.docs-sidebar nav a.is-active { background:#eaf5ee; color:var(--accent); }
.docs-sidebar-note { color:var(--muted); font-size:12px; line-height:1.9; margin-top:30px; padding-top:20px; border-top:1px solid var(--line); }
.docs-title { padding-bottom:27px; max-width:760px; }
.docs-title h1 { font-size:43px; margin:0 0 16px; }
.docs-title p { font-size:16px; line-height:1.9; }
.documentation-page main { min-width:0; }
.documentation-page main section { border-top:1px solid var(--line); padding:34px 0 22px; scroll-margin-top:25px; }
.documentation-page h2 { font-size:27px; line-height:1.45; margin-bottom:18px; }
.documentation-page h3 { font-size:20px; margin:27px 0 13px; }
.documentation-page p,.documentation-page li { line-height:1.95; }
.documentation-page li { margin-bottom:8px; color:var(--muted); }
.documentation-page code { color:#236654; background:#edf6f0; padding:2px 5px; border-radius:4px; font-family:Consolas,'Courier New',monospace; font-size:.93em; overflow-wrap:anywhere; direction:ltr; unicode-bidi:isolate; }
.documentation-page pre { background:#143c32; border:1px solid #254f42; color:#e5f8ed; padding:20px 23px; border-radius:9px; overflow:auto; margin:18px 0 24px; text-align:left; font-size:14px; line-height:1.8; tab-size:4; }
.documentation-page pre code { padding:0; background:none; color:inherit; border-radius:0; font-size:inherit; white-space:pre; overflow-wrap:normal; }
.docs-table { overflow-x:auto; margin:20px 0; }
.docs-table table { width:100%; border-collapse:collapse; font-size:14px; }
.docs-table th { padding:12px 15px; text-align:start; background:#f0f7f2; font-weight:600; }
.docs-table td { padding:14px 15px; vertical-align:top; color:var(--muted); border-bottom:1px solid var(--line); line-height:1.9; }
.docs-table th:first-child,.docs-table td:first-child { width:28%; min-width:155px; color:var(--ink); }
.docs-note { background:#edf7f0; border-inline-start:3px solid var(--accent); padding:15px 19px; border-radius:0 7px 7px 0; font-size:14px; }
.documentation-page details { border:1px solid var(--line); border-radius:8px; margin:15px 0; padding:0 20px; }
.documentation-page summary { cursor:pointer; font-size:15px; font-weight:600; padding:17px 0; color:var(--ink); }
.documentation-page details[open] summary { border-bottom:1px solid var(--line); margin-bottom:16px; }
.documentation-page details>p:last-child { margin-bottom:18px; }
.documentation-page figure { margin:18px 0; }
.documentation-page figure img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:6px; }
.documentation-page figcaption { font-size:12px; color:var(--muted); margin-top:8px; }
.documentation-page .docs-reference { font-size:13px; }
.documentation-page p a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.docs-footer { display:flex; justify-content:space-between; gap:20px; margin-top:20px; border-top:1px solid var(--line); padding-top:22px; font-size:12px; color:var(--muted); }
html[dir='rtl'] .documentation-page h1,html[dir='rtl'] .documentation-page h2,html[dir='rtl'] .documentation-page h3 { letter-spacing:0; }
html[dir='rtl'] .documentation-page .docs-title h1 { font-size:40px; }
@media(max-width:900px) { .docs-layout { gap:32px; grid-template-columns:175px minmax(0,1fr); padding:32px 24px; } .docs-header { padding:22px 24px; } .docs-title h1 { font-size:36px; } }
@media(max-width:680px) { .docs-layout { grid-template-columns:1fr; gap:22px; padding:24px 20px; } .docs-header { padding:20px; } .docs-sidebar { position:static; } .docs-sidebar nav { flex-direction:row; flex-wrap:wrap; gap:4px; } .docs-sidebar nav a { font-size:12px; padding:7px 9px; background:#f1f7f3; } .docs-sidebar-note { display:none; } .docs-controls { gap:12px; } .docs-controls>a { display:none; } .docs-title h1 { font-size:34px; } .documentation-page h2 { font-size:24px; } .documentation-page details { padding:0 14px; } .documentation-page pre { font-size:12px; padding:16px; } .docs-table td,.docs-table th { padding:11px; font-size:13px; } }
@media print { .docs-header,.docs-sidebar,.docs-controls,.docs-footer { display:none; } .docs-layout { display:block; padding:0; max-width:none; } .documentation-page { font:12px/1.6 sans-serif; } .documentation-page pre { background:#f4f4f4; color:#111; border-color:#bbb; white-space:pre-wrap; } .documentation-page pre code { white-space:pre-wrap; } .documentation-page details { break-inside:avoid; } .documentation-page main section { padding-top:20px; } }
