@font-face {
font-family:Estedad;
src:url('/wiki/assets/fonts/estedad.woff2') format('woff2');
font-display:swap;
font-weight:100 900
}
:root {
--bg:#f7f9fb;
--panel:#fff;
--panel2:#f8fafc;
--text:#172033;
--muted:#64748b;
--line:#e2e8f0;
--brand:#00a7bd;
--brand2:#007f94;
--soft:#e8fbff;
--code:#0b1220;
--sidebar:294px;
--toc:218px;
--shadow:0 1px 2px rgba(16,24,40,.04),0 16px 34px rgba(16,24,40,.05)
}
[data-theme=dark] {
--bg:#0d111a;
--panel:#111827;
--panel2:#0f172a;
--text:#edf2f7;
--muted:#94a3b8;
--line:#273244;
--brand:#22d3ee;
--brand2:#67e8f9;
--soft:#102d38;
--code:#020617;
--shadow:0 16px 34px rgba(0,0,0,.24)
}
* {
box-sizing:border-box
}
html {
scroll-behavior:smooth
}
body {
margin:0;
background:var(--bg);
color:var(--text);
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-size:15px;
line-height:1.85
}
body[dir=rtl],body[dir=rtl] input,body[dir=rtl] button,body[dir=rtl] textarea,body[dir=rtl] select {
font-family:Estedad,Tahoma,Arial,sans-serif
}
code,pre,kbd,samp,pre * {
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace
}
a {
color:inherit;
text-decoration:none
}
* {
scrollbar-width:thin;
scrollbar-color:color-mix(in srgb,var(--brand) 45%,var(--line)) var(--panel2)
}
::-webkit-scrollbar {
width:10px;
height:10px
}
::-webkit-scrollbar-track {
background:var(--panel2)
}
::-webkit-scrollbar-thumb {
background:color-mix(in srgb,var(--brand) 40%,var(--line));
border:2px solid var(--panel2);
border-radius:999px
}
.topbar {
height:64px;
background:color-mix(in srgb,var(--panel) 96%,transparent);
border-bottom:1px solid var(--line);
position:sticky;
top:0;
z-index:1000;
backdrop-filter:blur(12px);
overflow:visible
}
.topbar-inner {
height:64px;
display:flex;
align-items:center;
gap:12px;
padding:0 24px;
overflow:visible
}
.brand {
display:flex;
align-items:center;
gap:10px;
color:var(--text);
font-weight:900;
white-space:nowrap;
flex:0 0 auto
}
.brand img {
width:34px;
height:34px
}
.brand span {
font-size:16px;
letter-spacing:-.01em
}
.nav {
display:flex;
align-items:center;
gap:2px;
height:100%;
flex:0 1 auto;
min-width:0
}
.nav a,.lang-switch {
min-height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 13px;
border-radius:999px;
color:var(--text);
font-size:14px;
font-weight:650;
line-height:1;
white-space:nowrap;
border:0;
background:transparent
}
.nav a:hover,.nav a.active,.lang-switch:hover {
background:#f1f3f4;
color:var(--text)
}
[data-theme=dark] .nav a:hover,[data-theme=dark] .nav a.active,[data-theme=dark] .lang-switch:hover {
background:#1f2937;
color:var(--text)
}
.spacer {
flex:1 1 auto
}
.theme-toggle,.mobile-menu {
width:40px;
height:40px;
display:grid;
place-items:center;
border:1px solid var(--line);
background:var(--panel);
color:var(--muted);
border-radius:999px;
padding:0;
cursor:pointer
}
.theme-toggle:hover,.mobile-menu:hover {
background:#f1f3f4;
color:var(--text)
}
[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .mobile-menu:hover {
background:#1f2937;
color:var(--text)
}
.mobile-menu {
display:none
}
.top-search {
width:min(320px,28vw);
margin:0;
position:relative;
z-index:1100;
flex:0 0 auto
}
.search-wrap {
position:relative;
margin-bottom:20px
}
.search {
width:100%;
height:42px;
border:1px solid var(--line);
border-radius:12px;
background:var(--panel2);
color:var(--text);
outline:0;
padding:0 13px;
font-size:14px
}
.search:focus {
border-color:var(--brand);
box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)
}
.top-search .search {
height:40px;
border-radius:999px;
background:var(--panel);
font-size:13px
}
.search-results {
display:none;
position:fixed;
z-index:5000;
background:var(--panel);
border:1px solid var(--line);
border-radius:14px;
box-shadow:0 18px 45px rgba(15,23,42,.16);
padding:8px;
max-height:min(520px,70vh);
overflow:auto;
overscroll-behavior:contain
}
.search-results a {
display:block;
color:var(--text);
padding:10px;
border-radius:10px;
font-size:13px;
line-height:1.45;
border:1px solid transparent;
margin:2px 0
}
.search-results a:hover {
background:var(--panel2);
border-color:var(--line);
color:var(--text)
}
.search-results strong {
display:block;
font-weight:900
}
.search-results small {
display:block;
color:var(--muted);
font-size:11px;
margin-top:3px;
line-height:1.45
}
.layout {
display:grid;
grid-template-columns:var(--sidebar) minmax(0,1fr) var(--toc);
gap:0;
max-width:1500px;
margin:0 auto
}
.sidebar {
position:sticky;
top:64px;
align-self:start;
height:calc(100vh - 64px);
overflow:auto;
background:var(--panel);
border-inline-end:1px solid var(--line);
padding:22px 16px
}
.side-title {
font-size:12px;
color:var(--muted);
font-weight:900;
letter-spacing:.04em;
text-transform:uppercase;
margin:0 4px 14px
}
.side-root {
display:flex;
flex-direction:column;
gap:4px
}
.side-section {
border-top:1px solid var(--line);
padding-top:10px;
margin-top:10px
}
.side-section:first-of-type {
border-top:0;
margin-top:0
}
.side-section>summary,.side-category>summary {
list-style:none;
cursor:pointer;
border-radius:10px
}
.side-section>summary::-webkit-details-marker,.side-category>summary::-webkit-details-marker {
display:none
}
.side-section>summary {
font-weight:900;
color:var(--text);
font-size:15px;
padding:10px
}
.side-category>summary {
font-weight:800;
color:var(--muted);
font-size:13px;
padding:8px 10px
}
.side-section>summary:hover,.side-category>summary:hover {
background:#f1f3f4;
color:var(--text)
}
[data-theme=dark] .side-section>summary:hover,[data-theme=dark] .side-category>summary:hover {
background:#1f2937
}
.side-section>summary:before,.side-category>summary:before {
content:'›';
display:inline-block;
margin-inline-end:7px;
color:var(--muted);
transition:transform .15s
}
.side-section[open]>summary:before,.side-category[open]>summary:before {
transform:rotate(90deg)
}
body[dir=rtl] .side-section[open]>summary:before,body[dir=rtl] .side-category[open]>summary:before {
transform:rotate(-90deg)
}
.side-children {
border-inline-start:1px solid var(--line);
margin-inline-start:14px;
padding-inline-start:8px
}
.side-link {
display:block;
color:var(--muted);
font-size:13px;
line-height:1.45;
padding:7px 10px;
border-radius:10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.side-link:hover {
background:#f1f3f4;
color:var(--text)
}
[data-theme=dark] .side-link:hover {
background:#1f2937
}
.side-link.active {
background:var(--soft);
color:var(--brand2);
font-weight:900
}
.content {
min-width:0;
padding:34px 42px
}
.article {
max-width:940px;
margin:0 auto;
background:var(--panel);
border:1px solid var(--line);
border-radius:18px;
padding:42px 48px;
box-shadow:var(--shadow)
}
.breadcrumb {
max-width:940px;
margin:0 auto 14px;
color:var(--muted);
font-size:13px
}
.breadcrumb a {
color:var(--muted)
}
.breadcrumb a:hover {
color:var(--text)
}
.breadcrumb span {
margin:0 6px
}
.article h1 {
font-size:36px;
line-height:1.25;
margin:0 0 26px;
letter-spacing:-.02em
}
.article h2 {
font-size:24px;
margin:44px 0 18px;
padding-top:24px;
border-top:1px solid var(--line)
}
.article h3 {
font-size:20px;
margin:34px 0 14px
}
.article p,.article li {
color:color-mix(in srgb,var(--text) 84%,var(--muted))
}
.article a {
color:var(--brand2);
border-bottom:1px solid color-mix(in srgb,var(--brand) 35%,transparent)
}
.article a:hover {
border-color:var(--brand2)
}
.article img {
max-width:100%;
height:auto;
border:1px solid var(--line);
border-radius:12px;
margin:20px auto;
display:block
}
.article table {
width:100%;
border-collapse:separate;
border-spacing:0;
border:1px solid var(--line);
border-radius:14px;
overflow:hidden;
margin:22px 0;
background:var(--panel)
}
.article th,.article td {
padding:12px 14px;
border-bottom:1px solid var(--line);
text-align:start!important;
vertical-align:top
}
.article tr:last-child td {
border-bottom:0
}
.article th {
background:var(--panel2);
font-size:13px;
font-weight:900;
color:var(--text)
}
.api-param-table {
font-size:14px
}
.api-param-table th:first-child {
width:150px
}
.api-param-table td:first-child {
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
color:var(--brand2);
font-weight:900;
direction:ltr;
text-align:left!important;
white-space:nowrap
}
.api-param-table td:nth-child(2) {
font-weight:800;
text-align:center!important
}
.api-param-table td:nth-child(3),.api-param-table td:nth-child(4) {
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
direction:ltr;
text-align:left!important
}
.api-param-table td:last-child {
min-width:260px
}
pre {
background:linear-gradient(180deg,#111827,#0b1220);
color:#e5e7eb;
border:1px solid #263244;
padding:18px;
border-radius:14px;
overflow:auto;
direction:ltr;
text-align:left;
line-height:1.55;
white-space:pre-wrap;
word-break:break-word
}
code {
background:color-mix(in srgb,var(--muted) 14%,transparent);
border-radius:6px;
padding:2px 6px;
color:var(--text)
}
pre code {
background:transparent;
color:inherit;
padding:0;
white-space:pre-wrap;
word-break:break-word
}
.admonition {
border:1px solid var(--line);
border-inline-start:4px solid var(--brand);
background:var(--panel2);
border-radius:14px;
padding:15px 18px;
margin:22px 0
}
.admonition-title {
font-weight:900;
margin-bottom:6px
}
.danger,.caution {
border-inline-start-color:#ef4444
}
.warning {
border-inline-start-color:#f59e0b
}
.tip {
border-inline-start-color:#10b981
}
.tabs-static details {
border:1px solid var(--line);
border-radius:14px;
background:var(--panel);
margin:13px 0;
padding:13px 15px;
overflow:hidden
}
.tabs-static summary {
font-weight:900;
cursor:pointer;
color:var(--text);
display:flex;
align-items:center;
justify-content:space-between;
min-height:38px
}
.tabs-static summary:after {
content:'›';
color:var(--muted);
font-size:16px
}
.tabs-static details[open] summary:after {
transform:rotate(90deg)
}
.toc {
position:sticky;
top:64px;
height:calc(100vh - 64px);
overflow:auto;
padding:34px 22px;
border-inline-start:1px solid var(--line);
background:var(--bg)
}
.toc-title {
font-size:12px;
color:var(--muted);
font-weight:900;
text-transform:uppercase;
margin-bottom:14px
}
.toc a {
display:block;
border:0;
color:var(--muted);
font-size:12px;
line-height:1.45;
padding:6px 0
}
.toc a:hover {
color:var(--text)
}
.toc .h3 {
padding-inline-start:12px
}
.hero {
padding:58px 24px 26px
}
.hero-card {
max-width:1120px;
margin:0 auto;
background:var(--panel);
border:1px solid var(--line);
border-radius:24px;
padding:48px;
box-shadow:var(--shadow);
position:relative;
overflow:visible
}
.home-hero .hero-card {
padding:54px 54px 46px
}
.hero h1 {
font-size:44px;
line-height:1.2;
margin:0 0 16px
}
.hero p {
max-width:780px;
color:var(--muted);
font-size:18px
}
.home-eyebrow {
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 12px;
border:1px solid color-mix(in srgb,var(--brand) 32%,var(--line));
background:var(--soft);
color:var(--brand2);
border-radius:999px;
font-size:13px;
font-weight:900;
margin-bottom:16px
}
.home-search {
max-width:760px;
margin-top:26px;
position:relative;
z-index:10
}
.home-search .search {
height:58px;
border-radius:18px;
font-size:16px;
padding-inline:20px;
background:var(--panel);
box-shadow:var(--shadow)
}
.cards,.quick-section {
max-width:1120px;
margin:0 auto 72px;
padding:0 24px
}
.cards,.quick-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px
}
.card,.quick-card {
background:var(--panel);
border:1px solid var(--line);
border-radius:18px;
text-decoration:none;
color:var(--text);
padding:22px;
box-shadow:var(--shadow);
transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease
}
.card:hover,.quick-card:hover {
border-color:color-mix(in srgb,var(--brand) 38%,var(--line));
box-shadow:0 16px 38px rgba(15,23,42,.08);
transform:translateY(-1px)
}
.quick-card {
display:flex;
flex-direction:column;
gap:8px;
min-height:150px
}
.quick-card .icon {
width:38px;
height:38px;
border-radius:13px;
background:var(--soft);
color:var(--brand2);
display:grid;
place-items:center;
font-weight:900
}
.quick-card h3,.card h2 {
margin:4px 0 0
}
.quick-card p,.card p {
margin:0;
color:var(--muted);
font-size:14px;
line-height:1.65
}
.section-head {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:16px;
margin:22px 0 16px
}
.section-head h2 {
font-size:24px;
margin:0
}
.section-head p {
margin:0;
color:var(--muted)
}
.footer {
max-width:1500px;
margin:0 auto;
padding:20px 28px;
color:var(--muted);
font-size:12px;
text-align:center;
border-top:1px solid var(--line)
}
.footer a {
color:var(--brand2);
font-weight:900
}
.footer a:hover {
color:var(--brand)
}
@media(max-width:1180px) {
.layout {
grid-template-columns:280px minmax(0,1fr)
}
.toc {
display:none
}
.content {
padding:28px
}
.top-search {
width:min(260px,25vw)
}

}
@media(max-width:980px) {
.mobile-menu {
display:grid
}
.nav {
display:none;
position:absolute;
top:64px;
inset-inline:0;
height:auto;
background:var(--panel);
border-bottom:1px solid var(--line);
padding:10px 14px;
z-index:900;
flex-direction:column;
align-items:stretch
}
.nav.open {
display:flex
}
.nav a {
justify-content:flex-start
}
.topbar-inner {
padding:0 14px
}
.top-search {
display:none
}
.layout {
display:block
}
.sidebar {
display:none;
position:static;
height:auto;
border-inline-end:0;
border-bottom:1px solid var(--line)
}
.sidebar.open {
display:block
}
.content {
padding:16px
}
.article {
padding:24px;
border-radius:14px
}
.article h1 {
font-size:28px
}
.hero h1 {
font-size:32px
}
.cards,.quick-grid {
grid-template-columns:1fr
}
.quick-grid {
grid-template-columns:repeat(2,minmax(0,1fr))
}

}
@media(max-width:700px) {
.quick-grid {
grid-template-columns:1fr
}
.home-hero .hero-card {
padding:34px 24px
}
.home-search .search {
height:52px
}
.section-head {
display:block
}
.api-param-table,.api-param-table tbody,.api-param-table tr,.api-param-table td {
display:block;
width:100%
}
.api-param-table thead {
display:none
}
.api-param-table tr {
padding:12px;
border-bottom:1px solid var(--line)
}
.api-param-table td {
border:0;
padding:7px 0
}
.api-param-table td:before {
content:attr(data-label);
display:block;
color:var(--muted);
font-size:11px;
font-family:inherit;
direction:inherit;
text-align:inherit;
margin-bottom:2px
}

}
.topbar {
overflow:visible
}
.topbar-inner {
max-width:1500px;
margin:0 auto;
align-items:center
}
.top-search {
height:40px;
display:flex;
align-items:center;
justify-content:flex-start;
margin-inline-start:auto;
margin-inline-end:4px
}
.top-search .search {
display:block;
height:40px;
line-height:40px;
margin:0;
padding-block:0;
box-shadow:none
}
.top-search .search-results {
inset:auto auto auto auto
}
.nav a,.lang-switch,.side-section>summary,.side-category>summary,.side-link,.theme-toggle,.mobile-menu {
transition:background-color .12s ease,color .12s ease,border-color .12s ease;
transform:none!important;
box-shadow:none!important
}
.nav a:hover,.nav a.active,.lang-switch:hover,.side-section>summary:hover,.side-category>summary:hover,.side-link:hover,.theme-toggle:hover,.mobile-menu:hover {
background:#f3f6f8;
color:var(--text);
border-color:var(--line)
}
[data-theme=dark] .nav a:hover,[data-theme=dark] .nav a.active,[data-theme=dark] .lang-switch:hover,[data-theme=dark] .side-section>summary:hover,[data-theme=dark] .side-category>summary:hover,[data-theme=dark] .side-link:hover,[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .mobile-menu:hover {
background:#1f2937;
color:var(--text)
}
.hero {
text-align:center
}
.hero-card {
display:flex;
flex-direction:column;
align-items:center;
text-align:center
}
.hero p {
margin-inline:auto
}
.home-search {
width:min(720px,100%);
margin:26px auto 0
}
.home-search .search {
text-align:inherit
}
.search-results.is-open {
display:block
}
.search-results {
direction:inherit;
text-align:start
}
.brand span {
font-weight:900
}
.article img[loading=lazy] {
content-visibility:auto
}
.footer {
content-visibility:auto;
contain-intrinsic-size:160px
}
@media(min-width:961px) {
body[dir=rtl] .top-search {
margin-inline-start:auto;
margin-inline-end:4px
}
body[dir=ltr] .top-search {
margin-left:auto;
margin-right:4px
}

}
@media(max-width:960px) {
.top-search {
display:none
}
.hero {
padding-top:38px
}
.hero-card {
padding-inline:24px
}
.nav a,.lang-switch {
border-radius:12px
}
.search-results {
left:12px!important;
right:12px!important;
width:auto!important;
max-width:none!important
}

}
.topbar {
height:66px;
overflow:visible
}
.topbar-inner {
height:66px;
max-width:1500px;
margin:0 auto;
padding:0 28px;
display:flex;
align-items:center;
gap:14px;
overflow:visible
}
.brand,.nav,.spacer,.top-search,.theme-toggle,.lang-switch {
align-self:center
}
.brand img {
width:36px;
height:36px;
display:block;
flex:0 0 auto
}
.brand span {
line-height:1.1
}
.nav {
gap:4px;
margin-inline-start:6px
}
.nav a,.lang-switch {
height:42px;
min-height:42px;
padding:0 14px;
border-radius:12px;
line-height:42px;
box-shadow:none;
transform:none
}
.nav a:hover,.nav a.active,.lang-switch:hover {
background:#f3f6f8;
color:var(--text);
box-shadow:none;
transform:none
}
[data-theme=dark] .nav a:hover,[data-theme=dark] .nav a.active,[data-theme=dark] .lang-switch:hover {
background:#1f2937;
color:var(--text)
}
.theme-toggle,.mobile-menu {
width:42px;
height:42px;
min-width:42px;
line-height:1;
box-shadow:none;
transform:none
}
.top-search {
width:320px;
max-width:28vw;
height:42px;
margin:0 4px 0 0;
display:flex;
align-items:center;
justify-content:center;
position:relative;
z-index:1200;
flex:0 0 auto
}
body[dir=rtl] .top-search {
margin:0 0 0 4px
}
.top-search .search {
height:42px;
min-height:42px;
line-height:42px;
margin:0;
padding:0 16px;
border-radius:999px;
background:var(--panel);
box-shadow:none;
display:block;
vertical-align:middle
}
.top-search .search::placeholder {
line-height:42px;
color:var(--muted)
}
.search-wrap {
margin-bottom:0
}
.search-results {
z-index:6000
}
.hero:not(.home-hero) {
text-align:start
}
.hero:not(.home-hero) .hero-card {
display:block;
text-align:start;
align-items:initial
}
.hero:not(.home-hero) p {
margin-inline:0
}
.home-hero {
text-align:center;
padding:58px 24px 34px;
background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--brand) 10%,transparent),transparent 44%)
}
.home-hero .hero-card {
max-width:1120px;
min-height:360px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:58px 58px 46px;
border-radius:28px;
background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 98%,var(--soft)),var(--panel));
box-shadow:0 24px 70px rgba(15,23,42,.08);
overflow:hidden
}
.home-hero .hero-card:before {
content:"";
position:absolute;
inset:-1px;
background:radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 28%),radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--brand2) 10%,transparent),transparent 30%);
pointer-events:none;
opacity:.9
}
.home-hero .hero-card>* {
position:relative;
z-index:1
}
.home-eyebrow {
margin-inline:auto;
background:color-mix(in srgb,var(--brand) 11%,var(--panel));
box-shadow:none
}
.home-hero h1 {
font-size:clamp(38px,4vw,56px);
letter-spacing:-.035em;
margin-bottom:14px
}
.home-hero p {
max-width:760px;
margin:0 auto;
color:var(--muted);
font-size:18px;
line-height:1.85
}
.home-search {
width:min(720px,100%);
max-width:720px;
margin:30px auto 0;
position:relative;
z-index:2
}
.home-search .search {
height:58px;
min-height:58px;
line-height:58px;
text-align:center;
border-radius:18px;
background:var(--panel);
box-shadow:0 16px 36px rgba(15,23,42,.07)
}
.home-tags {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:10px;
margin-top:18px;
position:relative;
z-index:1
}
.home-tags a {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:7px 13px;
border:1px solid var(--line);
border-radius:999px;
background:color-mix(in srgb,var(--panel) 88%,var(--soft));
color:var(--muted);
font-size:13px;
font-weight:800;
text-decoration:none;
transition:background-color .12s ease,color .12s ease,border-color .12s ease
}
.home-tags a:hover {
background:var(--soft);
color:var(--brand2);
border-color:color-mix(in srgb,var(--brand) 30%,var(--line))
}
.quick-section {
margin-top:18px
}
.section-head {
align-items:center;
margin-bottom:20px
}
.section-head h2 {
font-size:26px;
letter-spacing:-.02em
}
.section-head p {
font-size:15px
}
.quick-grid {
gap:18px
}
.quick-card {
min-height:170px;
padding:24px;
border-radius:20px;
box-shadow:0 10px 30px rgba(15,23,42,.045);
transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease;
transform:none!important
}
.quick-card:hover {
transform:none!important;
background:color-mix(in srgb,var(--panel) 92%,var(--soft));
border-color:color-mix(in srgb,var(--brand) 28%,var(--line));
box-shadow:0 12px 34px rgba(15,23,42,.07)
}
.quick-card .icon {
width:40px;
height:40px;
border-radius:14px
}
.quick-card h3 {
font-size:18px;
margin-top:8px
}
.quick-card p {
font-size:14px;
line-height:1.75
}
.card:hover {
transform:none!important
}
@media(max-width:1180px) {
.top-search {
width:270px;
max-width:24vw
}
.topbar-inner {
padding:0 18px;
gap:10px
}
.nav a,.lang-switch {
padding:0 10px;
font-size:13px
}

}
@media(max-width:980px) {
.topbar-inner {
display:flex;
height:64px
}
.topbar {
height:64px
}
.top-search {
display:none
}
.nav {
top:64px
}
.home-hero {
padding:34px 16px 26px
}
.home-hero .hero-card {
min-height:auto;
padding:38px 22px
}
.home-hero h1 {
font-size:34px
}
.home-hero p {
font-size:15px
}
.home-search .search {
height:52px;
line-height:52px
}
.quick-grid {
grid-template-columns:repeat(2,minmax(0,1fr))
}

}
@media(max-width:680px) {
.brand span {
font-size:14px
}
.quick-grid {
grid-template-columns:1fr
}
.home-tags {
gap:8px
}
.home-tags a {
font-size:12px
}

}
.home-tags {
display:none!important
}
html[lang="fa"],html[lang="fa"] body,body[dir="rtl"] {
font-family:"Estedad",Tahoma,Arial,sans-serif !important
}
html[lang="fa"] *,body[dir="rtl"] * {
font-family:inherit
}
html[lang="fa"] button,html[lang="fa"] input,html[lang="fa"] textarea,html[lang="fa"] select,body[dir="rtl"] button,body[dir="rtl"] input,body[dir="rtl"] textarea,body[dir="rtl"] select {
font-family:"Estedad",Tahoma,Arial,sans-serif !important
}
@media(max-width:980px) {
.nav.open {
display:flex
}
.sidebar.open + .content {
min-width:0
}
.layout,.content,.article {
max-width:100%;
overflow-x:hidden
}
.topbar-inner {
padding-inline:18px
}

}
@media(max-width:700px) {
.content {
padding-inline:18px
}
.article {
overflow-x:hidden
}

}
.theme-toggle {
width:auto !important;
min-width:78px !important;
height:42px !important;
padding:0 12px 0 38px !important;
border:1px solid var(--line) !important;
border-radius:999px !important;
background:var(--panel) !important;
color:var(--text) !important;
font-size:12px !important;
font-weight:900 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
position:relative !important;
cursor:pointer !important
}
.theme-toggle::before {
content:'☾';
position:absolute;
left:7px;
top:50%;
width:28px;
height:28px;
transform:translateY(-50%);
border-radius:50%;
display:grid;
place-items:center;
background:var(--soft);
color:var(--brand2);
font-size:15px;
line-height:1
}
html[dir="rtl"] .theme-toggle {
padding:0 38px 0 12px !important
}
html[dir="rtl"] .theme-toggle::before {
left:auto;
right:7px
}
[data-theme="dark"] .theme-toggle {
background:#111827 !important;
border-color:#334155 !important;
color:#e5e7eb !important
}
[data-theme="dark"] .theme-toggle::before {
content:'☀';
background:#1f2937;
color:#facc15
}
.theme-toggle:hover {
border-color:color-mix(in srgb,var(--brand) 45%,var(--line)) !important;
background:var(--soft) !important;
color:var(--brand2) !important
}
[data-theme="dark"] .theme-toggle:hover {
background:#1f2937 !important;
color:#fff !important
}
@media(max-width:420px) {
.theme-toggle {
min-width:42px !important;
width:42px !important;
padding:0 !important;
font-size:0 !important
}
.theme-toggle::before {
left:6px;
right:auto
}
html[dir="rtl"] .theme-toggle::before {
right:6px;
left:auto
}

}
.sr-only {
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important
}
img {
max-width:100%;
height:auto
}
pre,code,table {
max-width:100%
}
pre {
overflow-x:auto
}
@media (max-width:640px) {
html,body {
max-width:100%;
overflow-x:hidden
}
.container {
width:100%;
padding-left:22px;
padding-right:22px;
box-sizing:border-box
}
.section {
overflow-x:hidden
}
input,textarea,select,button {
max-width:100%;
box-sizing:border-box
}

}
html[lang="fa"],html[lang="fa"] body,body.rtl {
font-family:Estedad,Shabnam,Tahoma,Arial,sans-serif
}
html[lang="en"],html[lang="en"] body,body.ltr {
font-family:Inter,Arial,sans-serif
}
.theme-toggle,.dark-toggle,[data-theme-toggle] {
min-width:42px;
min-height:42px;
border-radius:999px;
border:1px solid rgba(15,23,42,.14);
background:rgba(255,255,255,.94);
box-shadow:0 8px 24px rgba(15,23,42,.10);
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
cursor:pointer;
transition:transform .16s ease,box-shadow .16s ease,background .16s ease
}
.theme-toggle:hover,.dark-toggle:hover,[data-theme-toggle]:hover {
transform:translateY(-1px);
box-shadow:0 12px 30px rgba(15,23,42,.16)
}
[data-theme="dark"] .theme-toggle,[data-theme="dark"] .dark-toggle,[data-theme="dark"] [data-theme-toggle],.dark .theme-toggle,.dark .dark-toggle,.dark [data-theme-toggle] {
background:rgba(15,23,42,.94);
border-color:rgba(148,163,184,.28);
color:#e5e7eb;
box-shadow:0 10px 26px rgba(0,0,0,.35)
}
.wiki-layout,.docs-layout,.content,.article {
min-width:0
}
.article table {
display:block;
overflow-x:auto;
border-collapse:collapse
}
.article img {
height:auto
}
@media (max-width:720px) {
.wiki-shell,.wiki-layout,.docs-layout,main {
overflow-x:hidden
}
.article {
padding-inline:18px
}
.toc {
display:none
}

}

/* v3.9 breadcrumb and footer refinements */
.breadcrumb {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
line-height:1.9;
overflow-wrap:anywhere
}
.breadcrumb a,.breadcrumb span {
max-width:100%
}
.bc-sep {
opacity:.45
}
.footer a {
font-weight:800;
text-decoration:none
}
.footer a:hover {
text-decoration:underline
}
@media(max-width:640px) {
.breadcrumb {
font-size:12px;
gap:4px;
padding:8px 0
}
.bc-sep {
margin-inline:1px
}

}

/* v4.2 old-architecture docs polish */
.side-title {
display:none!important
}

.layout {
align-items:stretch;
min-height:calc(100dvh - 66px - 58px)
}

.sidebar {
background:var(--panel);
min-height:calc(100dvh - 66px - 58px)
}

@media (min-width:981px) {

  .sidebar {
position:sticky;
top:66px;
height:calc(100dvh - 66px);
max-height:calc(100dvh - 66px);
overflow:auto;
padding-top:18px;
padding-bottom:24px
}

  .toc {
top:66px;
height:calc(100dvh - 66px);
max-height:calc(100dvh - 66px)
}

}

@media (max-width:980px) {

  .layout {
min-height:auto
}

  .sidebar {
min-height:0
}

}

.code-wrap {
position:relative;
margin:14px 0
}
.code-wrap pre {
margin:0
}
.code-copy {
position:absolute;
top:10px;
inset-inline-end:10px;
border:1px solid rgba(148,163,184,.38);
background:rgba(15,23,42,.86);
color:#e5e7eb;
border-radius:999px;
padding:5px 10px;
font-size:12px;
font-weight:900;
cursor:pointer;
z-index:2
}
.code-copy:hover {
background:#0f172a
}
.api-output {
border-color:color-mix(in srgb,var(--brand) 28%,var(--line))!important;
background:color-mix(in srgb,var(--panel) 92%,var(--soft))!important
}

/* wiki content feedback */
.wiki-feedback-box {
margin:34px 0 0;
padding:18px;
border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));
border-radius:18px;
background:color-mix(in srgb,var(--panel) 92%,var(--soft));
display:flex;
align-items:center;
justify-content:space-between;
gap:16px
}
.wiki-feedback-box strong {
display:block;
font-size:16px;
font-weight:900;
color:var(--text)
}
.wiki-feedback-box p {
margin:4px 0 0;
color:var(--muted);
font-size:14px;
line-height:1.8
}
.wiki-feedback-open,.wiki-feedback-submit {
border:0;
border-radius:999px;
background:var(--brand);
color:#fff;
min-height:42px;
padding:0 18px;
font-weight:900;
cursor:pointer;
white-space:nowrap
}
.wiki-feedback-open:hover,.wiki-feedback-submit:hover {
background:var(--brand2)
}
.wiki-feedback-submit:disabled {
opacity:.65;
cursor:not-allowed
}
.wiki-feedback-modal {
position:fixed;
inset:0;
z-index:9000;
display:none;
align-items:center;
justify-content:center;
padding:18px
}
.wiki-feedback-modal.open {
display:flex
}
.wiki-feedback-backdrop {
position:absolute;
inset:0;
background:rgba(2,6,23,.58);
backdrop-filter:blur(3px)
}
.wiki-feedback-dialog {
position:relative;
width:min(560px,100%);
background:var(--panel);
color:var(--text);
border:1px solid var(--line);
border-radius:22px;
padding:24px;
box-shadow:0 24px 80px rgba(0,0,0,.28)
}
.wiki-feedback-dialog h2 {
margin:0 0 8px;
font-size:22px;
line-height:1.45
}
.wiki-feedback-dialog p {
margin:0 0 16px;
color:var(--muted)
}
.wiki-feedback-x {
position:absolute;
inset-block-start:12px;
inset-inline-end:12px;
width:36px;
height:36px;
border:1px solid var(--line);
border-radius:999px;
background:var(--panel2);
color:var(--text);
font-size:24px;
line-height:1;
cursor:pointer
}
.wiki-feedback-form textarea {
width:100%;
min-height:150px;
resize:vertical;
border:1px solid var(--line);
border-radius:16px;
background:var(--panel2);
color:var(--text);
padding:13px 14px;
font-size:14px;
line-height:1.8;
outline:none
}
.wiki-feedback-form textarea:focus {
border-color:var(--brand);
box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)
}
.wiki-feedback-hp {
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
opacity:0!important
}
.wiki-feedback-actions {
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
margin-top:14px
}
.wiki-feedback-secondary {
border:1px solid var(--line);
border-radius:999px;
background:var(--panel2);
color:var(--text);
min-height:42px;
padding:0 16px;
font-weight:900;
cursor:pointer
}
.wiki-feedback-secondary:hover {
border-color:color-mix(in srgb,var(--brand) 34%,var(--line));
color:var(--brand2)
}
.wiki-feedback-status {
min-height:26px;
margin-top:10px;
color:var(--muted);
font-size:13px;
font-weight:800
}
@media(max-width:640px) {
.wiki-feedback-box {
display:block
}
.wiki-feedback-open {
width:100%;
margin-top:14px
}
.wiki-feedback-dialog {
padding:22px 18px
}
.wiki-feedback-actions {
flex-direction:column-reverse
}
.wiki-feedback-actions button {
width:100%
}

}

/* v5.5 feedback placement and mobile search */
.breadcrumb a {
border-bottom:0!important;
text-decoration:none!important
}
.mobile-search-toggle {
display:none
}
.mobile-search-toggle svg {
width:18px;
height:18px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round
}
@media(max-width:980px) {
.mobile-search-toggle {
display:grid!important;
place-items:center;
width:42px;
height:42px;
min-width:42px;
border:1px solid var(--line);
border-radius:999px;
background:var(--panel);
color:var(--muted);
padding:0;
cursor:pointer
}
.mobile-search-toggle:hover {
background:#f3f6f8;
color:var(--text);
border-color:var(--line)
}
[data-theme=dark] .mobile-search-toggle:hover {
background:#1f2937;
color:var(--text)
}
.topbar.mobile-search-active .topbar-inner {
gap:0!important;
padding-inline:12px!important
}
.topbar.mobile-search-active .mobile-menu,.topbar.mobile-search-active .brand,.topbar.mobile-search-active .nav,.topbar.mobile-search-active .spacer,.topbar.mobile-search-active .theme-toggle,.topbar.mobile-search-active .lang-switch,.topbar.mobile-search-active .mobile-search-toggle {
display:none!important
}
.topbar.mobile-search-active .top-search {
display:flex!important;
position:relative!important;
z-index:1300!important;
width:100%!important;
max-width:none!important;
height:64px!important;
flex:1 1 auto!important;
margin:0!important;
align-items:center!important;
justify-content:center!important
}
.topbar.mobile-search-active .top-search .search {
display:block!important;
width:100%!important;
height:46px!important;
min-height:46px!important;
line-height:46px!important;
margin:0!important;
border-radius:14px!important;
font-size:15px!important;
background:var(--panel)!important
}
.topbar.mobile-search-active .search-results {
left:12px!important;
right:12px!important;
width:auto!important;
max-width:none!important
}

}

/* Priority 1-9 maintenance: search, typography, tables, code, and mobile UX. */
.search-empty  {

  display: block;

  padding: 10px;

  color: var(--muted);

}

.search-hit mark  {

  background: color-mix(in srgb, var(--brand) 22%, transparent);

  color: inherit;

  border-radius: 4px;

  padding: 0 2px;

}

.search-hit .search-path  {

  direction: ltr;

  text-align: left;

  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  opacity: .78;

}

.article  {

  overflow-wrap: anywhere;

}

.article p,
.article li  {

  text-wrap: pretty;

}

.article table  {

  width: 100%;

  max-width: 100%;

}

.table-scroll,
.article .table-wrap  {

  max-width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}

.code-wrap  {

  max-width: 100%;

}

.code-wrap pre  {

  max-width: 100%;

  overflow-x: auto;

  white-space: pre;

  word-break: normal;

}

body[dir="rtl"] .article code,
body[dir="rtl"] .article pre,
body[dir="rtl"] .search-path  {

  direction: ltr;

  unicode-bidi: plaintext;

}

@media (max-width: 980px)  {

  .layout  {

    grid-template-columns: minmax(0, 1fr);


}

  .sidebar  {

    width: min(86vw, 360px);

    max-width: 100%;


}

  .article table  {

    display: block;

    overflow-x: auto;

    white-space: nowrap;

    -webkit-overflow-scrolling: touch;


}

  .search-results  {

    max-height: min(70vh, 520px);


}

}

@media (max-width: 700px)  {

  .content  {

    padding: 18px 14px;


}

  .article  {

    padding: 24px 18px;

    border-radius: 16px;


}

  .article h1  {

    font-size: 28px;


}

  .article h2  {

    font-size: 21px;


}

  .wiki-feedback-dialog  {

    width: calc(100vw - 24px);

    max-height: calc(100vh - 24px);

    overflow: auto;


}

}

/* User-requested maintenance: article justification, mobile language placement, and full table-header coloring. */
.article p,
.article li {
  text-align: justify;
  text-align-last: start;
}

.article pre,
.article code,
.article table,
.article th,
.article td,
.article .breadcrumb,
.article .admonition-title {
  text-align: start !important;
  text-align-last: auto;
}

.article table thead,
.article table thead tr,
.article table tr:has(th) {
  background: var(--panel2) !important;
}

.article table th {
  background: var(--panel2) !important;
  background-clip: padding-box;
}

.article table thead th:first-child,
.article table tr:has(th) th:first-child {
  border-start-start-radius: 13px;
}

.article table thead th:last-child,
.article table tr:has(th) th:last-child {
  border-start-end-radius: 13px;
}

.mobile-lang-switch {
  display: none !important;
}

@media (max-width: 980px) {
  .topbar-inner > .lang-switch {
    display: none !important;
  }

  .nav .mobile-lang-switch,
  .sidebar .mobile-lang-switch {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin: 0 0 10px;
    padding: 10px 13px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--soft);
    color: var(--brand2);
    font-weight: 900;
  }

  .topbar-inner {
    gap: 8px !important;
  }

  .brand span {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 700px) {
  .article p,
  .article li {
    text-align: start;
  }
}

/* 5.6.1 maintenance: stable documentation tables and resolved anchor targets. */
.article table.doc-table,
.article table.api-param-table {
  table-layout: auto !important;
  border-collapse: separate;
  max-width: 100%;
  direction: inherit;
}

.article table.doc-table th,
.article table.doc-table td,
.article table.api-param-table th,
.article table.api-param-table td {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  vertical-align: top;
  line-height: 1.75;
}

.article table.doc-table thead,
.article table.doc-table thead tr,
.article table.doc-table tr:has(th),
.article table.api-param-table thead,
.article table.api-param-table thead tr,
.article table.api-param-table tr:has(th) {
  background: var(--panel2) !important;
}

.article table.doc-table th,
.article table.api-param-table th {
  background: var(--panel2) !important;
  background-clip: border-box !important;
  white-space: nowrap !important;
}

.article table.api-response-table {
  min-width: 760px;
}

.article table.api-response-table th:nth-child(1),
.article table.api-response-table td:nth-child(1) {
  width: 42%;
  min-width: 280px;
  font-family: inherit !important;
  direction: inherit !important;
  color: color-mix(in srgb, var(--text) 84%, var(--muted)) !important;
  font-weight: 500 !important;
  text-align: start !important;
}

.article table.api-response-table th:nth-child(2),
.article table.api-response-table td:nth-child(2) {
  width: 92px;
  min-width: 82px;
  text-align: center !important;
  font-weight: 900;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  direction: ltr !important;
}

.article table.api-response-table th:nth-child(3),
.article table.api-response-table td:nth-child(3) {
  width: 34%;
  min-width: 260px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  direction: ltr !important;
  text-align: left !important;
}

.article table.api-response-table th:nth-child(4),
.article table.api-response-table td:nth-child(4) {
  width: 150px;
  min-width: 130px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  direction: ltr !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.article table.api-response-table td:last-child {
  min-width: 130px;
}

.anchor-alias {
  display: block;
  position: relative;
  top: -86px;
  visibility: hidden;
}

@media (max-width: 980px) and (min-width: 701px) {
  .article table.doc-table,
  .article table.api-param-table {
    display: block;
    overflow-x: auto;
    white-space: normal !important;
    -webkit-overflow-scrolling: touch;
  }

  .article table.doc-table thead,
  .article table.api-param-table thead {
    display: table-header-group;
  }

  .article table.doc-table tbody,
  .article table.api-param-table tbody {
    display: table-row-group;
  }

  .article table.doc-table tr,
  .article table.api-param-table tr {
    display: table-row;
  }

  .article table.doc-table th,
  .article table.doc-table td,
  .article table.api-param-table th,
  .article table.api-param-table td {
    display: table-cell;
  }

  .article table.doc-table:not(.api-response-table),
  .article table.api-param-table:not(.api-response-table) {
    min-width: 720px;
  }
}

@media (max-width: 700px) {
  .api-param-table,
  .api-param-table tbody,
  .api-param-table tr,
  .api-param-table td {
    display: block;
    width: 100%;
    min-width: 0 !important;
  }

  .api-param-table thead {
    display: none !important;
  }

  .api-param-table tr {
    padding: 12px;
    border-bottom: 1px solid var(--line);
  }

  .api-param-table td {
    border: 0;
    padding: 7px 0;
  }

  .api-param-table td:before {
    content: attr(data-label);
    display: block;
    color: var(--muted);
    font-size: 11px;
    font-family: inherit;
    direction: inherit;
    text-align: inherit;
    margin-bottom: 2px;
  }
}



/* 5.6.2 maintenance: complete header fill on documentation tables, including tablet widths. */
@media (min-width: 701px) {
  .article table.doc-table,
  .article table.api-param-table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    table-layout: auto !important;
  }

  .article table.doc-table thead,
  .article table.api-param-table thead {
    display: table-header-group !important;
    width: 100% !important;
    background: var(--panel2) !important;
  }

  .article table.doc-table tbody,
  .article table.api-param-table tbody {
    display: table-row-group !important;
    width: 100% !important;
  }

  .article table.doc-table tr,
  .article table.api-param-table tr {
    display: table-row !important;
    width: 100% !important;
    background-clip: border-box !important;
  }

  .article table.doc-table th,
  .article table.doc-table td,
  .article table.api-param-table th,
  .article table.api-param-table td {
    display: table-cell !important;
  }

  .article table.doc-table thead tr,
  .article table.api-param-table thead tr,
  .article table.doc-table tr:has(th),
  .article table.api-param-table tr:has(th) {
    background: var(--panel2) !important;
  }

  .article table.doc-table th,
  .article table.api-param-table th {
    background: var(--panel2) !important;
    background-clip: border-box !important;
  }

  .article table.doc-table th:first-child,
  .article table.doc-table td:first-child {
    min-width: 120px;
    white-space: nowrap !important;
  }
}

/* 5.6.3-copy-table-links: stable table headers, canonical code-copy placement, and no over-wide header strips. */
.article table,
.article table.doc-table,
.article table.api-param-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: var(--panel) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  clip-path: none !important;
}

@media (min-width: 701px) {
  .article table,
  .article table.doc-table,
  .article table.api-param-table {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px 0 !important;
    table-layout: auto !important;
  }

  .article table thead,
  .article table.doc-table thead,
  .article table.api-param-table thead {
    display: table-header-group !important;
    background: var(--panel2) !important;
  }

  .article table thead tr,
  .article table tr:has(th),
  .article table.doc-table thead tr,
  .article table.api-param-table thead tr {
    display: table-row !important;
    background: var(--panel2) !important;
    box-shadow: none !important;
    clip-path: none !important;
  }

  .article table th,
  .article table.doc-table th,
  .article table.api-param-table th {
    display: table-cell !important;
    background: var(--panel2) !important;
    background-clip: padding-box !important;
    box-shadow: none !important;
    clip-path: none !important;
    white-space: nowrap !important;
  }

  .article table tbody,
  .article table.doc-table tbody,
  .article table.api-param-table tbody {
    display: table-row-group !important;
  }

  .article table tr,
  .article table.doc-table tr,
  .article table.api-param-table tr {
    display: table-row !important;
  }

  .article table td,
  .article table.doc-table td,
  .article table.api-param-table td {
    display: table-cell !important;
  }
}

.code-copy {
  left: auto !important;
  right: 10px !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  direction: ltr !important;
  text-align: center !important;
  font-family: Inter, Arial, sans-serif !important;
}

body[dir="rtl"] .code-copy,
html[lang="fa"] .code-copy {
  left: auto !important;
  right: 10px !important;
}

/* 5.6.4-table-contained: keep every documentation table inside .article. */
.article {
  overflow-x: clip !important;
}

.article table,
.article table.doc-table,
.article table.api-param-table,
.article table.api-response-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin-inline: 0 !important;
}

.article table th,
.article table td,
.article table.doc-table th,
.article table.doc-table td,
.article table.api-param-table th,
.article table.api-param-table td {
  min-width: 0 !important;
  max-width: none !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
}

@media (min-width: 701px) {
  .article table,
  .article table.doc-table,
  .article table.api-param-table,
  .article table.api-response-table {
    display: table !important;
    table-layout: fixed !important;
    overflow: hidden !important;
  }

  .article table thead,
  .article table.doc-table thead,
  .article table.api-param-table thead {
    display: table-header-group !important;
    width: 100% !important;
    background: var(--panel2) !important;
  }

  .article table tbody,
  .article table.doc-table tbody,
  .article table.api-param-table tbody {
    display: table-row-group !important;
    width: 100% !important;
  }

  .article table tr,
  .article table.doc-table tr,
  .article table.api-param-table tr,
  .article table thead tr,
  .article table tr:has(th) {
    display: table-row !important;
    width: 100% !important;
    box-shadow: none !important;
    clip-path: none !important;
  }

  .article table th,
  .article table td,
  .article table.doc-table th,
  .article table.doc-table td,
  .article table.api-param-table th,
  .article table.api-param-table td {
    display: table-cell !important;
  }

  .article table th,
  .article table.doc-table th,
  .article table.api-param-table th {
    background: var(--panel2) !important;
    background-clip: padding-box !important;
    font-weight: 900 !important;
  }

  .article table.api-response-table th:nth-child(1),
  .article table.api-response-table td:nth-child(1) {
    width: 23% !important;
    direction: ltr !important;
    text-align: left !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  }

  .article table.api-response-table th:nth-child(2),
  .article table.api-response-table td:nth-child(2) {
    width: 30% !important;
    direction: ltr !important;
    text-align: left !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  }

  .article table.api-response-table th:nth-child(3),
  .article table.api-response-table td:nth-child(3) {
    width: 9% !important;
    direction: ltr !important;
    text-align: center !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-weight: 900 !important;
  }

  .article table.api-response-table th:nth-child(4),
  .article table.api-response-table td:nth-child(4) {
    width: 38% !important;
    direction: inherit !important;
    text-align: start !important;
    font-family: inherit !important;
  }
}

/* 5.6.4b-api-response-widths: correct RTL API response table column widths without character-level breaks. */
@media (min-width: 701px) {
  .article table.api-response-table {
    table-layout: fixed !important;
  }

  .article table.api-response-table th,
  .article table.api-response-table td {
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  /* HTML order is: description, success, message, header. */
  .article table.api-response-table th:nth-child(1),
  .article table.api-response-table td:nth-child(1) {
    width: 42% !important;
    direction: inherit !important;
    text-align: start !important;
    font-family: inherit !important;
    font-weight: 500 !important;
  }

  .article table.api-response-table th:nth-child(2),
  .article table.api-response-table td:nth-child(2) {
    width: 8% !important;
    direction: ltr !important;
    text-align: center !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-weight: 900 !important;
  }

  .article table.api-response-table th:nth-child(3),
  .article table.api-response-table td:nth-child(3) {
    width: 32% !important;
    direction: ltr !important;
    text-align: left !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-weight: 500 !important;
  }

  .article table.api-response-table th:nth-child(4),
  .article table.api-response-table td:nth-child(4) {
    width: 18% !important;
    direction: ltr !important;
    text-align: left !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-weight: 500 !important;
  }
}

/* 5.6.4c-no-cell-overflow: prevent code-like API response cells from spilling into adjacent columns. */
@media (min-width: 701px) {
  .article table.api-response-table th,
  .article table.api-response-table td {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    overflow: hidden !important;
  }
}

/* 5.6.4d-readable-api-response: keep API response text readable while staying inside the table. */
@media (min-width: 701px) {
  .article table.api-response-table th,
  .article table.api-response-table td {
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  .article table.api-response-table th:nth-child(4),
  .article table.api-response-table td:nth-child(4) {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}