/* Styles for the static, JavaScript-free research pages (document pages, library hubs, identifier reference).
   Palette and type follow the interactive site so both read as one publication. */
:root{--bg:#04070D;--panel:#0a1319;--line:#27404a;--text:#dce8f3;--dim:#9db5b7;--cy:#6FF2FF;--ice:#F4FAFF}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 Arial,"Helvetica Neue",Helvetica,sans-serif}
[dir=rtl] body,body:has(main[dir=rtl]){font-family:Vazirmatn,Tahoma,Arial,sans-serif}
[lang=fa] body,[lang=ar] body,html[lang=fa],html[lang=ar]{font-family:Vazirmatn,Tahoma,Arial,sans-serif}
html[lang=zh-Hans]{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",sans-serif}
a{color:var(--cy);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ice)}
.wrap{width:min(100% - 40px,820px);margin:0 auto}
.skip{position:absolute;top:-60px;inset-inline-start:12px;background:var(--cy);color:#000;padding:8px 12px;z-index:10}
.skip:focus{top:8px}
.top{border-bottom:1px solid var(--line);background:#050a10}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;direction:ltr;color:var(--ice);text-decoration:none;font:600 19px/1 "Chakra Petch",Arial,sans-serif;letter-spacing:.2em}
.brand b{color:var(--cy);font-weight:600}
.brand img{width:32px;height:32px}
.langs{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:0;padding:0;font-size:14px}
.langs a{text-decoration:none;color:var(--dim)}
.langs a[aria-current]{color:var(--cy);font-weight:700}
main{padding:28px 0 56px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 26px;padding:0;font-size:14px;color:var(--dim)}
.crumbs li+li::before{content:"›";margin-inline-end:6px;color:var(--line)}
[dir=rtl] .crumbs li+li::before{content:"‹"}
h1{font-size:clamp(28px,5vw,40px);line-height:1.2;color:var(--ice);margin:0 0 18px}
h2{font-size:clamp(22px,3.4vw,27px);line-height:1.3;color:var(--cy);margin:42px 0 12px;scroll-margin-top:16px}
h3{font-size:20px;line-height:1.35;color:var(--ice);margin:28px 0 10px;scroll-margin-top:16px}
p{margin:0 0 16px}
.lead{font-size:19px;color:#c3d6df}
.meta{font-size:14px;color:var(--dim);margin:0 0 20px}
.doc ul,.doc ol{padding-inline-start:26px;margin:12px 0 20px}
.doc li{margin:6px 0}
[lang=fa] .doc ol{list-style-type:persian}
code{font-family:Consolas,Menlo,monospace;font-size:.92em;overflow-wrap:anywhere}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);padding:14px;border:1px solid var(--line)}
.table-scroll{overflow-x:auto;margin:20px 0}
table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.55}
th,td{border:1px solid var(--line);padding:9px 10px;text-align:start;vertical-align:top}
th{background:#10222d;color:var(--ice)}
.toc{background:var(--panel);border:1px solid var(--line);padding:12px 18px;margin:0 0 30px;font-size:15px}
.toc summary{cursor:pointer;color:var(--ice);font-weight:700}
.toc ol{margin:10px 0 0;padding-inline-start:22px}
.downloads{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:15px}
.pager{display:flex;justify-content:space-between;gap:16px;margin-top:26px;flex-wrap:wrap}
.pager a{display:flex;flex-direction:column;max-width:48%;text-decoration:none;border:1px solid var(--line);padding:12px 16px;min-width:0}
.pager a span{font-size:13px;color:var(--dim)}
.pager .next{margin-inline-start:auto;text-align:end}
.library{list-style:none;margin:30px 0;padding:0}
.library li{border-top:1px solid var(--line);padding:18px 0}
.library a{display:flex;gap:14px;align-items:baseline;text-decoration:none;font-size:20px}
.library .n{font:14px "Chakra Petch",Consolas,monospace;color:var(--dim)}
.library p{margin:8px 0 0}
.library .meta{margin:4px 0 0}
section{margin-top:10px}
.bottom{border-top:1px solid var(--line);padding:22px 0 40px;font-size:14px;color:var(--dim)}
.bottom p{margin:4px 0}
@media(max-width:560px){body{font-size:16px}.pager a{max-width:100%;width:100%}.pager .next{margin-inline-start:0}.brand{font-size:16px}.brand img{width:26px;height:26px}}