/* docs.css: foxora.ai/docs. One stylesheet on top of kit-base.css + kit.css; only the kit's tokens.
   The docs are a filed manual on the site's paper: numbered sections down the left, the page in the
   middle at a reading measure, "On this page" on the right from 1200px. Readability first: Geist for
   every heading and paragraph (Playfair only in the docs home headline), 17px text on a measure under
   72ch, mono for code and for the small ruled labels, code on paper (never a dark slab).
   Logical properties throughout, so Arabic mirrors without extra rules. */

/* ------------------------------------------------------------ icons (kit masks + four of our own) */
.dx-ic{display:inline-block;flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--dx-ic) center/contain no-repeat;mask:var(--dx-ic) center/contain no-repeat}
.dx-ic--search{--dx-ic:var(--ic-search)}
.dx-ic--globe{--dx-ic:var(--ic-globe)}
.dx-ic--file{--dx-ic:var(--ic-file)}
.dx-ic--x{--dx-ic:var(--ic-x)}
.dx-ic--list{--dx-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 6.5h16M4 12h16M4 17.5h10'/%3E%3C/svg%3E")}
.dx-ic--chev{--dx-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");width:14px;height:14px;transition:transform .25s var(--p-ease)}
.dx-ic--arrow-l{--dx-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");width:14px;height:14px}
.dx-ic--arrow-r{--dx-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");width:14px;height:14px}
:dir(rtl) .dx-ic--arrow-l,:dir(rtl) .dx-ic--arrow-r{transform:scaleX(-1)}

/* ------------------------------------------------------------ the frame */
.dx{position:relative;isolation:isolate}
.dx-ground{position:absolute;inset:0 0 auto;height:300px;z-index:-1;pointer-events:none}
.dx-grid{display:grid;grid-template-columns:minmax(208px,248px) minmax(0,720px) minmax(168px,208px);justify-content:space-between;column-gap:clamp(32px,3.6vw,64px);max-width:1360px;margin:0 auto;padding:0 40px 120px;align-items:start}
.dx--section .dx-grid{grid-template-columns:minmax(208px,248px) minmax(0,720px) minmax(168px,208px)}
.dx-main{grid-column:2;min-width:0;padding-top:40px}

/* ------------------------------------------------------------ the section list (left) */
.dx-nav{grid-column:1;grid-row:1;position:sticky;top:64px;display:flex;flex-direction:column;height:calc(100vh - 64px);height:calc(100dvh - 64px)}
/* the search sits above the scrolling list, so its results can overlay the page instead of being clipped */
.dx-nav-top{flex:none;position:relative;z-index:2;padding:40px 14px 0 0}
.dx-nav-in{flex:1;min-height:0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10px);mask-image:linear-gradient(to bottom,transparent,#000 10px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(35,41,35,.2) transparent;padding:10px 14px 56px 2px;margin-inline-start:-2px}
.dx-nav-home{display:flex;align-items:center;min-height:36px;margin-top:2px;font:400 12px/1.4 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-copper-ink)}
.dx-nav-home:hover{color:var(--p-ink)}
.dx-nav-list{margin-top:6px;padding:0;list-style:none;border-top:1px solid var(--p-line)}
.dx-nav-sec{border-bottom:1px solid rgba(216,216,203,.6)}
.dx-nav-sec-link{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:baseline;gap:6px;padding:8px 0;font-size:14.5px;line-height:1.35;color:var(--p-sub);transition:color .2s var(--p-ease)}
.dx-nav-sec-link .n,.dx-nav-sec-link .c{font:400 12px/1 var(--p-mono);letter-spacing:.04em;color:var(--p-faint)}
.dx-nav-sec-link:hover{color:var(--p-ink)}
.dx-nav-sec.is-open>.dx-nav-sec-link{color:var(--p-ink);font-weight:600}
.dx-nav-sec.is-open>.dx-nav-sec-link .n{color:var(--p-copper-ink)}
.dx-nav-sec-link[aria-current="page"] .t{text-decoration:underline;text-decoration-color:var(--p-copper);text-underline-offset:4px;text-decoration-thickness:1px}
.dx-nav-pages{margin:0 0 12px;padding:0;padding-inline-start:28px;list-style:none}
.dx-nav-pages a{display:block;padding:6px 0;padding-inline-start:14px;border-inline-start:1px solid var(--p-line);font-size:14.5px;line-height:1.4;color:var(--p-sub);transition:color .2s var(--p-ease),border-color .2s var(--p-ease)}
.dx-nav-pages a:hover{color:var(--p-ink);border-inline-start-color:rgba(35,41,35,.4)}
.dx-nav-pages a[aria-current="page"]{color:var(--p-ink);font-weight:600;border-inline-start:2px solid var(--p-copper);padding-inline-start:13px}
@media (min-width:1000px){.dx-nav-in a:focus-visible{outline-offset:-2px}}

/* ------------------------------------------------------------ search */
html:not(.dx-js) .dx-search{display:none}
.dx-search{position:relative;display:flex;align-items:center}
.dx-search>.dx-ic{position:absolute;inset-inline-start:13px;color:var(--p-faint);pointer-events:none}
.dx-q{width:100%;height:44px;padding:0 40px;padding-inline-end:34px;border:1px solid rgba(35,41,35,.24);border-radius:6px;background:var(--p-white);font:400 15px/1 var(--p-sans);color:var(--p-ink);box-shadow:0 1px 0 rgba(35,41,35,.04);-webkit-appearance:none;appearance:none;transition:border-color .2s var(--p-ease)}
.dx-q{text-overflow:ellipsis}
.dx-q::placeholder{color:var(--p-faint);opacity:1}
.dx-q::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.dx-q:hover{border-color:rgba(35,41,35,.45)}
.dx-q:focus{outline:none;border-color:var(--p-forest);box-shadow:0 0 0 3px rgba(32,58,49,.14)}
.dx-kbd{position:absolute;inset-inline-end:10px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:1px solid rgba(35,41,35,.24);border-radius:4px;font:400 12px/1 var(--p-mono);color:var(--p-faint);pointer-events:none}
.dx-search.is-open .dx-kbd,.dx-q:focus~.dx-kbd{opacity:0}
.dx-results{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;z-index:40;width:min(460px,calc(100vw - 40px));max-height:min(64vh,560px);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid rgba(35,41,35,.16);border-radius:10px;background:var(--p-white);box-shadow:var(--p-shadow)}
.dx-hit{display:grid;gap:3px;padding:11px 12px 12px;border-radius:6px;color:var(--p-ink)}
.dx-hit+.dx-hit{margin-top:2px}
.dx-hit[aria-selected="true"]{background:rgba(184,83,43,.08);box-shadow:inset 2px 0 0 var(--p-copper)}
:dir(rtl) .dx-hit[aria-selected="true"]{box-shadow:inset -2px 0 0 var(--p-copper)}
.dx-hit-t{font:600 15px/1.35 var(--p-sans)}
.dx-hit-s{font:400 12px/1.4 var(--p-mono);letter-spacing:.04em;color:var(--p-copper-ink)}
.dx-hit-x{font-size:14px;line-height:1.5;color:var(--p-sub)}
.dx-hit mark{background:rgba(184,83,43,.16);color:var(--p-ink);border-radius:2px;padding:0 1px}
.dx-empty{padding:14px 12px;font-size:14px;line-height:1.5;color:var(--p-sub)}

/* ------------------------------------------------------------ the page header row: breadcrumb and language */
.dx-top{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;min-height:40px}
.dx-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-faint)}
.dx-crumbs li+li::before{content:"/";margin:0 10px;color:rgba(95,98,85,.7)}
.dx-crumbs a{display:inline-flex;align-items:center;min-height:32px;color:var(--p-copper-ink);transition:color .2s}
.dx-crumbs a:hover{color:var(--p-ink)}
.dx-lang{position:relative}
.dx-lang summary{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid rgba(35,41,35,.22);border-radius:6px;background:var(--p-white);font:400 14px/1 var(--p-sans);color:var(--p-ink);cursor:pointer;list-style:none;user-select:none;transition:border-color .2s var(--p-ease)}
.dx-lang summary::-webkit-details-marker{display:none}
.dx-lang summary:hover{border-color:rgba(35,41,35,.5)}
.dx-lang summary .dx-ic--globe{color:var(--p-faint)}
.dx-lang-id{display:none;font:400 12px/1 var(--p-mono);letter-spacing:.06em}
.dx-lang[open] summary .dx-ic--chev{transform:rotate(180deg)}
.dx-lang-list{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;z-index:40;min-width:208px;margin:0;padding:6px;list-style:none;border:1px solid rgba(35,41,35,.16);border-radius:10px;background:var(--p-white);box-shadow:var(--p-shadow)}
.dx-lang-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 12px;border-radius:6px;font-size:15px;color:var(--p-sub)}
.dx-lang-list a:hover{background:rgba(35,41,35,.05);color:var(--p-ink)}
.dx-lang-list a[aria-current]{color:var(--p-ink);font-weight:600}
.dx-lang-list a[aria-current]::after{content:"";width:14px;height:14px;flex:none;background:var(--p-copper-ink);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}

/* ------------------------------------------------------------ the page's title */
.dx-head{margin-top:26px}
.dx-title{font:600 clamp(30px,2.5vw,40px)/1.14 var(--p-sans);letter-spacing:-.024em;color:var(--p-ink);text-wrap:balance}
.dx-lead{margin-top:16px;font-size:19px;line-height:1.6;color:var(--p-sub);text-wrap:pretty}
.dx-lead code{padding:1px 6px;border-radius:4px;background:rgba(35,41,35,.07);font:400 .86em/1 var(--p-mono);color:var(--p-ink)}
.dx-only-en{margin-top:20px;padding:12px 16px;border:1px solid rgba(35,41,35,.14);border-radius:10px;background:var(--p-sand);font-size:15px;line-height:1.5;color:var(--p-ink)}

/* ------------------------------------------------------------ "On this page": a rail from 1200px, a fold below */
.dx-otp{grid-column:3;grid-row:1;position:sticky;top:64px;max-height:calc(100vh - 64px);overflow-y:auto;scrollbar-width:thin;padding:120px 0 40px}
.dx-otp-h{font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-faint)}
.dx-otp ol,.dx-otp-fold ol{margin:12px 0 0;padding:0;list-style:none}
.dx-otp a{display:block;padding:5px 0;padding-inline-start:14px;border-inline-start:1px solid var(--p-line);font-size:14px;line-height:1.45;color:var(--p-sub);transition:color .2s var(--p-ease),border-color .2s var(--p-ease)}
.dx-otp .d3 a{padding-inline-start:28px;font-size:13.5px}
.dx-otp a:hover{color:var(--p-ink)}
.dx-otp a[aria-current]{color:var(--p-ink);border-inline-start:2px solid var(--p-copper);padding-inline-start:13px}
.dx-otp .d3 a[aria-current]{padding-inline-start:27px}
.dx-otp-fold{display:none;margin-top:28px;border-block:1px solid var(--p-line)}
.dx-otp-fold summary{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;list-style:none;font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-ink)}
.dx-otp-fold summary::-webkit-details-marker{display:none}
.dx-otp-fold summary .dx-ic--chev{margin-inline-start:auto;color:var(--p-faint)}
.dx-otp-fold[open] summary .dx-ic--chev{transform:rotate(180deg)}
.dx-otp-n{color:var(--p-faint)}
.dx-otp-fold ol{margin:0 0 14px}
.dx-otp-fold a{display:flex;align-items:center;min-height:44px;padding-inline-start:14px;border-inline-start:1px solid var(--p-line);font-size:15px;line-height:1.4;color:var(--p-sub)}
.dx-otp-fold .d3 a{padding-inline-start:28px}

/* ------------------------------------------------------------ the text */
.dx-prose{margin-top:36px;font-size:17px;line-height:1.72;color:var(--p-ink)}
/* the reading measure: about 72 characters a line; screenshots, code and tables use the full column */
.dx-prose>:is(p,ul,ol,h2,h3,h4,.dx-note,hr),.dx-lead{max-width:36em}
.dx-prose>*+*{margin-top:18px}
.dx-prose p,.dx-prose li{text-wrap:pretty}
.dx-prose :is(h2,h3,h4){position:relative;color:var(--p-ink);text-wrap:balance;scroll-margin-top:0}
.dx-prose h2{margin-top:52px;font:600 25px/1.28 var(--p-sans);letter-spacing:-.018em}
.dx-prose h3{margin-top:36px;font:600 19px/1.35 var(--p-sans);letter-spacing:-.01em}
.dx-prose h4{margin-top:28px;font:600 17px/1.4 var(--p-sans)}
.dx-prose :is(h2,h3,h4)+*{margin-top:12px}
.dx-anchor{display:inline-flex;align-items:center;margin-inline-start:10px;padding:0 4px;border-radius:4px;font-weight:400;color:var(--p-faint);opacity:0;transition:opacity .2s var(--p-ease),color .2s}
.dx-prose :is(h2,h3,h4):hover .dx-anchor,.dx-anchor:focus-visible{opacity:1}
.dx-anchor:hover{color:var(--p-copper-ink)}
.dx-prose a:not(.dx-anchor):not(.dx-zoom){color:var(--p-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(35,41,35,.35);transition:color .2s,text-decoration-color .2s}
.dx-prose a:not(.dx-anchor):not(.dx-zoom):hover{color:var(--p-copper-ink);text-decoration-color:currentColor}
.dx-arr{margin-inline-start:2px;font:400 .8em/1 var(--p-sans);text-decoration:none;display:inline-block}
.dx-prose strong{font-weight:600}
.dx-prose :is(ul,ol){padding-inline-start:1.5em}
.dx-prose ul{list-style:square}
.dx-prose ol{list-style:decimal}
.dx-prose li+li{margin-top:8px}
.dx-prose li>*+*{margin-top:10px}
.dx-prose ul>li::marker{color:var(--p-copper)}
.dx-prose ol>li::marker{font:500 15px var(--p-mono);color:var(--p-copper-ink)}
.dx-prose ol>li{padding-inline-start:4px}
.dx-prose :not(pre)>code{padding:2px 5px;border-radius:4px;background:rgba(35,41,35,.07);font:400 .84em/1 var(--p-mono);color:var(--p-ink);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}
:dir(rtl) .dx-prose :not(pre)>code{direction:ltr;unicode-bidi:isolate}
.dx-prose hr{border:0;border-top:1px solid var(--p-line);margin:40px 0}

/* callouts: the docs' Note / Tip / Warning, a panel on the paper */
.dx-note{margin-top:24px;padding:16px 20px 18px;border:1px solid rgba(35,41,35,.14);border-radius:10px;background:var(--p-white)}
.dx-prose .dx-note+*,.dx-prose *+.dx-note{margin-top:24px}
.dx-note>*+*{margin-top:10px}
.dx-note p,.dx-note li{font-size:16px;line-height:1.65}
.dx-note>p:first-child>strong:first-child{display:flex;align-items:center;gap:8px;margin-bottom:4px;font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-forest)}
.dx-note>p:first-child>strong:first-child::before{content:"";width:6px;height:6px;flex:none;background:currentColor}
.dx-note--tip{background:var(--p-sage);border-color:rgba(32,58,49,.16)}
.dx-note--warn{background:var(--p-apricot);border-color:rgba(147,65,31,.22)}
.dx-note--warn>p:first-child>strong:first-child{color:var(--p-copper-ink)}
.dx-note :not(pre)>code{background:rgba(35,41,35,.08)}

/* screenshots: the kit's .shot frame and caption */
.dx-fig{margin:32px 0 8px}
.dx-prose .dx-fig+*{margin-top:28px}
.dx-zoom{display:block;border-radius:10px;overflow:hidden;border:1px solid rgba(35,41,35,.2);background:#1c1a18;box-shadow:var(--p-shadow);cursor:zoom-in}
.dx-zoom img{display:block;width:100%;height:auto}
.dx-fig figcaption{display:flex;align-items:baseline;gap:8px;margin-top:13px;font:400 12px/1.5 var(--p-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--p-faint)}
.dx-fig figcaption::before{content:"";width:6px;height:6px;flex:none;background:var(--p-copper);transform:translateY(-1px)}
.dx-fig figcaption em{font-style:normal}

/* code: on paper, with its language and a copy button */
.dx-code{margin-top:24px;border:1px solid rgba(35,41,35,.16);border-radius:10px;background:var(--p-white);overflow:hidden}
.dx-prose .dx-code+*{margin-top:24px}
.dx-code-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 6px;padding-inline-start:16px;border-bottom:1px solid var(--p-line);background:rgba(239,230,216,.45)}
.dx-code-lang{display:inline-flex;align-items:center;gap:8px;font:400 12px/1 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-faint)}
.dx-code-lang::before{content:"";width:6px;height:6px;background:var(--p-copper)}
.dx-copy{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:6px;background:none;font:400 12px/1 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-sub);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.dx-copy:hover{background:rgba(35,41,35,.06);color:var(--p-ink)}
.dx-copy.is-done{color:var(--p-forest);border-color:rgba(32,58,49,.25)}
.dx-code pre{margin:0;padding:16px 18px 18px;overflow-x:auto;font:400 14px/1.7 var(--p-mono);color:var(--p-ink);tab-size:2;scrollbar-width:thin;direction:ltr;text-align:left}
.dx-code pre:focus-visible{outline-offset:-3px}
.dx-code code{font:inherit;white-space:pre}
.t-c{color:var(--p-faint)}
.t-s{color:#2f6e4b}
.t-v{color:var(--p-forest);font-weight:500}
.t-f{color:var(--p-copper-ink)}
.t-k{color:var(--p-ink);font-weight:500}

/* tables: ruled, no boxes, the head in mono (the legal pages' table) */
.dx-table{margin-top:24px;overflow-x:auto;scrollbar-width:thin}
.dx-prose .dx-table+*{margin-top:24px}
.dx-table:focus-visible{outline-offset:2px}
.dx-table table{width:100%;border-collapse:collapse;text-align:start}
.dx-table th{padding:0 20px 12px 0;padding-inline:0 20px;border-bottom:1px solid rgba(35,41,35,.32);font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-faint);vertical-align:bottom;text-align:start}
.dx-table td{padding:14px 20px 14px 0;padding-inline:0 20px;border-bottom:1px solid var(--p-line);font-size:15px;line-height:1.55;color:var(--p-ink);vertical-align:top}
.dx-table :is(th,td):last-child{padding-inline-end:0}
.dx-table td code{white-space:nowrap}
.dx-table td:first-child{min-width:12em}

/* ------------------------------------------------------------ the page's end: previous and next, Markdown */
.dx-end{margin-top:72px}
.dx-pager{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--p-line)}
.dx-pg{display:flex;flex-direction:column;gap:8px;padding:22px 0 24px;min-height:96px;color:var(--p-ink)}
.dx-pg--next{align-items:flex-end;text-align:end;border-inline-start:1px solid var(--p-line);padding-inline-start:24px}
.dx-pg--prev{padding-inline-end:24px}
.dx-pg-k{display:inline-flex;align-items:center;gap:8px;font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-faint);transition:color .2s}
.dx-pg-t{font:600 17px/1.35 var(--p-sans);text-wrap:balance;transition:color .2s}
a.dx-pg:hover .dx-pg-t{color:var(--p-copper-ink)}
a.dx-pg:hover .dx-pg-k{color:var(--p-ink)}
.dx-md{margin-top:16px}
.dx-md a{display:inline-flex;align-items:center;gap:8px;min-height:40px;font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-faint);transition:color .2s}
.dx-md a:hover{color:var(--p-copper-ink)}

/* ------------------------------------------------------------ a section's index */
.dx-index-k{margin-top:40px;font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-copper-ink)}
.dx-index-k span{margin-inline-start:10px;color:var(--p-faint)}
.dx-index{margin:14px 0 0;padding:0;list-style:none;border-top:1px solid rgba(35,41,35,.32)}
.dx-index a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 12px;padding:18px 0 20px;border-bottom:1px solid var(--p-line);color:var(--p-ink)}
.dx-index .n{grid-row:1/3;padding-top:4px;font:400 12px/1.5 var(--p-mono);letter-spacing:.06em;color:var(--p-faint)}
.dx-index .t{font:600 17px/1.4 var(--p-sans);transition:color .2s}
.dx-index .d{font-size:15px;line-height:1.55;color:var(--p-sub);text-wrap:pretty}
.dx-index a:hover .t{color:var(--p-copper-ink)}

/* ------------------------------------------------------------ the docs home */
.dx--home .dx-hero{padding-bottom:0}
.dx-hero-tools{display:flex;align-items:stretch;gap:12px;width:min(680px,100%);margin-top:34px;text-align:start}
.dx-search--home{flex:1}
.dx-search--home .dx-q{height:56px;padding-inline-start:48px;font-size:17px;border-color:rgba(35,41,35,.3);box-shadow:0 1px 0 rgba(35,41,35,.05),0 14px 30px -24px rgba(32,58,49,.35)}
.dx-search--home>.dx-ic{inset-inline-start:17px;width:18px;height:18px}
.dx-search--home .dx-kbd{inset-inline-end:16px}
.dx-search--home .dx-results{width:100%}
.dx-lang--home summary{height:56px;padding:0 16px;border-color:rgba(35,41,35,.3);font-size:15px}
.dx-path{max-width:1112px;padding:34px 48px 40px;text-align:start}
.dx-path-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(35,41,35,.32)}
.dx-path-title{font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-copper-ink)}
.dx-path-title a{display:inline-flex;align-items:center;min-height:32px}
.dx-path-title a:hover{color:var(--p-ink)}
.dx-path-count,.dx-lib-count{font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-faint)}
.dx-path-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin:0;padding:0;list-style:none}
.dx-path-list a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 12px;padding:18px 0 20px;border-bottom:1px solid rgba(35,41,35,.16);color:var(--p-ink);height:100%}
.dx-path-list .n{grid-row:1/3;padding-top:3px;font:400 12px/1.5 var(--p-mono);letter-spacing:.06em;color:var(--p-copper-ink)}
.dx-path-list .t{font:600 17px/1.35 var(--p-sans);transition:color .2s}
.dx-path-list .d{font-size:15px;line-height:1.5;color:var(--p-sub);text-wrap:pretty}
.dx-path-list a:hover .t{color:var(--p-copper-ink)}
.dx-lib{padding:112px 0 144px}
.dx-lib .wrap{max-width:1192px}
.dx-lib-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(35,41,35,.32)}
.dx-lib-title{font:600 25px/1.28 var(--p-sans);letter-spacing:-.018em;color:var(--p-ink)}
.dx-lib-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;margin:0;padding:0;list-style:none}
.dx-lib-list a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:4px 10px;align-items:baseline;padding:16px 0 18px;border-bottom:1px solid var(--p-line);color:var(--p-ink);height:100%}
.dx-lib-list .n,.dx-lib-list .c{font:400 12px/1.5 var(--p-mono);letter-spacing:.04em;color:var(--p-faint)}
.dx-lib-list .t{font:600 16px/1.35 var(--p-sans);transition:color .2s}
.dx-lib-list .d{grid-column:2/-1;font-size:14px;line-height:1.5;color:var(--p-sub)}
.dx-lib-list a:hover .t{color:var(--p-copper-ink)}
.dx-lib-list a:hover .n{color:var(--p-copper-ink)}

/* ------------------------------------------------------------ scripts other than Latin: no tracking, no forced capitals, no false italics */
/* (a page a language shows in English marks its text lang="en": that text keeps the Latin settings) */
html:is([lang=ar],[lang=hi],[lang=ja],[lang=zh],[lang=ko]) :is(.dx-crumbs ol,.dx-nav-home,.dx-bar-k,.dx-index-k,.dx-path-title,.dx-path-count,.dx-lib-count,.dx-otp-h,.dx-otp-fold summary,.dx-pg-k,.dx-md a,.dx-hit-s,.dx .label,.dx-note>p:first-child>strong:first-child,.dx-fig figcaption,.dx-code-lang,.dx-copy,.dx-dialog-cap,.dx-table th):not([lang=en] *),
html:is([lang=ar],[lang=hi],[lang=ja],[lang=zh],[lang=ko]) .dx-table td:not([lang=en] *)::before{font-family:var(--p-sans);font-size:13px;letter-spacing:0;text-transform:none}
html:is([lang=ar],[lang=hi],[lang=ja],[lang=zh],[lang=ko]) .dx-hero .pg-h1 em{font-style:normal}
html[lang=ar] .dx-prose:not([lang=en]){font-size:18px;line-height:1.8}
html:is([lang=ja],[lang=zh],[lang=ko]) .dx-prose:not([lang=en]){line-height:1.8}

/* ------------------------------------------------------------ dialog for screenshots */
.dx-dialog{max-width:min(1440px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:10px;background:var(--p-paper);box-shadow:0 40px 120px -40px rgba(20,30,25,.6);overflow:auto}
.dx-dialog::backdrop{background:rgba(23,30,26,.72)}
.dx-dialog img{display:block;max-width:100%;height:auto}
.dx-dialog-cap{padding:12px 16px;font:400 12px/1.5 var(--p-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--p-faint)}
.dx-dialog-cap:empty{display:none}
.dx-dialog-x{position:absolute;inset-block-start:10px;inset-inline-end:10px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:6px;background:rgba(246,243,235,.92);color:var(--p-ink);cursor:pointer}
.dx-dialog-x .dx-ic{width:18px;height:18px}

/* ------------------------------------------------------------ widths */
.dx-bar{display:none}
@media (max-width:1279px){
  .dx-grid,.dx--section .dx-grid{grid-template-columns:minmax(208px,240px) minmax(0,720px) minmax(160px,184px);column-gap:36px}
}
@media (max-width:1199px){
  .dx-grid,.dx--section .dx-grid{grid-template-columns:minmax(208px,240px) minmax(0,1fr);column-gap:48px}
  .dx-otp{display:none}
  .dx-otp-fold{display:block}
  .dx-main{max-width:720px}
}
@media (max-width:1099px){
  .dx-lib-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:999px){
  .dx-grid,.dx--section .dx-grid{display:block;padding:0 40px 96px}
  .dx-main{max-width:720px;margin:0 auto;padding-top:24px}
  .dx-ground{height:220px}
  /* the section list: a drawer under the header and the contents bar */
  .dx-js .dx-bar{position:sticky;top:64px;z-index:46;display:flex;align-items:center;gap:4px;height:52px;padding:0 28px 0 40px;padding-inline:40px 28px;background:rgba(246,243,235,.94);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--p-line)}
  .dx-bar-nav{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:44px;padding:0;border:0;background:none;color:var(--p-ink);font:400 15px/1.2 var(--p-sans);cursor:pointer;text-align:start}
  .dx-bar-k{font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-copper-ink)}
  .dx-bar-v{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}
  .dx-bar-nav[aria-expanded="true"] .dx-ic--list{--dx-ic:var(--ic-x)}
  .dx-bar-search{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:6px;background:none;color:var(--p-ink);cursor:pointer}
  .dx-bar-search .dx-ic{width:18px;height:18px}
  .dx-nav{position:static;height:auto}
  .dx-js .dx-nav{display:none}
  .dx-js .dx.is-drawer .dx-nav{display:block;position:fixed;inset:116px 0 0;z-index:45;background:var(--p-paper);overflow-y:auto;overscroll-behavior:contain}
  .dx-nav{display:block}
  .dx-nav-top{max-width:720px;margin:0 auto;padding:20px 40px 0}
  .dx-nav-in{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none;max-width:720px;margin:0 auto;padding:12px 40px 64px}
  .dx-nav-sec-link{min-height:48px;align-items:center;font-size:16px}
  .dx-nav-pages a{display:flex;align-items:center;min-height:44px;font-size:16px;padding-block:4px}
  .dx-nav-home{min-height:44px}
  .dx-results{position:static;width:100%;margin-top:8px;max-height:none;box-shadow:none}
  .dx-search--nav{flex-wrap:wrap}
  .dx-search--nav>.dx-ic{top:14px}
  .dx-search--nav .dx-kbd{top:12px}
  .dx-prose :is(h2,h3,h4){scroll-margin-top:52px}
  .dx-anchor{display:none}
  .dx-kbd{display:none}
  .dx-q{padding-inline-end:14px}
  .dx-lang summary,.dx-crumbs a{min-height:44px}
  .dx-lang-list a{min-height:44px}
  .dx-md a{min-height:44px}
  .dx-path-title a{min-height:44px}
}
@media (max-width:699px){
  .dx-grid,.dx--section .dx-grid{padding:0 20px 80px}
  .dx-js .dx-bar{padding-inline:20px 8px}
  .dx-nav-top{padding:16px 20px 0}
  .dx-nav-in{padding:10px 20px 56px}
  .dx-main{padding-top:14px}
  .dx-ground{height:180px}
  .dx-head{margin-top:18px}
  .dx-title{font-size:30px;line-height:1.16}
  .dx-lead{font-size:18px}
  .dx-prose{margin-top:28px}
  .dx-prose h2{margin-top:44px;font-size:23px}
  .dx-prose h3{font-size:18px}
  .dx-code{margin-inline:-20px;border-radius:0;border-inline:0}
  .dx-code pre{padding:14px 20px 16px;font-size:13.5px}
  .dx-code-bar{padding-inline:20px 8px}
  .dx-copy{min-height:44px}
  .dx-fig{margin-inline:-4px}
  .dx-note{padding:14px 16px 16px}
  /* tables stack on phones: each row a ruled block, every cell after the first under its column's label */
  .dx-table table,.dx-table tbody,.dx-table tr,.dx-table td{display:block;width:100%}
  .dx-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .dx-table table{border-top:1px solid rgba(35,41,35,.32)}
  .dx-table tr{padding:14px 0 16px;border-bottom:1px solid var(--p-line)}
  .dx-table td,.dx-table td:first-child{padding:0;border:0;min-width:0}
  .dx-table td+td{margin-top:8px}
  .dx-table td+td::before{content:attr(data-label);display:block;margin-bottom:2px;font:400 12px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p-faint)}
  .dx-table td code{white-space:normal}
  .dx-lang--top .dx-lang-now{display:none}
  .dx-crumbs li[aria-current]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .dx-crumbs li:nth-last-child(2)::after{content:none}
  .dx-lang--top .dx-lang-id{display:inline}
  .dx-lang--top summary{padding:0 10px}
  .dx-pager{grid-template-columns:1fr}
  .dx-pg{min-height:0;padding:18px 0 20px}
  .dx-pg--prev{padding-inline-end:0}
  .dx-pg--next{border-inline-start:0;border-top:1px solid var(--p-line);padding-inline-start:0}
  .dx-pg--none{display:none}
  .dx-end{margin-top:56px}
  .dx-index a{grid-template-columns:48px minmax(0,1fr);padding:16px 0 18px}
  .dx-index .t{font-size:16px}
  .dx-hero-tools{flex-direction:column;width:100%;margin-top:28px}
  .dx-lang--home summary{width:100%;justify-content:center;height:48px}
  .dx-lang--home .dx-lang-list{inset-inline:0;min-width:0}
  .dx-path{padding:28px 20px 12px}
  .dx-path-list{grid-template-columns:1fr}
  .dx-path-list a{grid-template-columns:30px minmax(0,1fr);padding:16px 0 18px}
  .dx-path-list li:last-child a{border-bottom:0}
  .dx-path-list .t{font-size:16px}
  .dx-lib{padding:72px 0 96px}
  .dx-lib-list{grid-template-columns:1fr}
  .dx-lib-title{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.dx-ic--chev,.dx-q,.dx-nav-pages a,.dx-otp a{transition:none}}