/* Docs. A port of 03 Docs.dc.html: its inline styles as classes, its <helmet> rules as written.
   Pages are built by scripts/build_docs.py. Breakpoints: 1599, 1199, 1099, 959, 640.
   Shared tokens and components (header, footer, buttons) live in site.css. */

body.dx{color:#3c4f64;font:400 16px/26px var(--font)}
.dx [hidden]{display:none !important}

/* Header, grid and footer share one 1840px container. The header gains the docs search box.
   Its open menu sits above "On this page" (55, 65) and below the nav sheet and search (70, 80). */
.dx .hdr{background:transparent;z-index:66}
.dx .hdr-nav,.dx .ft .wrap{width:min(100%,1840px);padding-inline:clamp(16px,2vw,24px)}
.dx .hdr-auth{margin-left:0}
.dx-hsearch{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 1 320px;min-width:0;height:36px;padding:0 6px 0 12px;border:1px solid #d5e1ec;border-radius:6px;background:#fff;color:#647489;cursor:pointer;font:400 14px/1 var(--font)}
.dx-hsearch:hover{border-color:#b7d9f0}
.dx-hsearch span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-hsearch kbd{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid #e3ecf4;border-radius:4px;background:#f5f9fd;color:#647489;font:500 11px/1 var(--mono)}

/* Below 960px one sticky bar replaces the header: logo, page title (opens the nav sheet), Get started / Dashboard. */
.dx-pbar{display:none;position:sticky;top:0;z-index:60;align-items:center;gap:12px;height:56px;padding:0 20px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e3ecf4}
.dx-plogo{flex:none;display:flex}
.dx-plogo img{display:block;width:26px;height:26px}
.dx-pdiv{flex:none;width:1px;height:20px;background:#e3ecf4}
.dx-ptitle{display:flex;align-items:center;gap:6px;min-width:0;height:44px;padding:0;border:0;background:none;color:#0b2239;cursor:pointer;font:600 15px/1 var(--font)}
.dx-ptitle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-ptitle svg{flex:none}
.dx-pcta{margin-left:auto;flex:none;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:4px;background:var(--grad);color:#fff;font:550 14px/1 var(--font);white-space:nowrap}
.dx-pcta:hover{color:#fff;background:var(--grad-hover)}
.dx-pdash,.dx-pdash:hover{border:1px solid #b7d9f0;background:#fff;color:#0872b0}

/* Sidebar · main */
.dx-grid{display:grid;grid-template-columns:252px minmax(0,1fr);max-width:1840px;margin-inline:auto}
.dx-side{position:sticky;top:0;align-self:start;height:calc(100vh / var(--zoom));overflow-x:hidden;overflow-y:auto;padding:8px 12px 40px clamp(12px,1.5vw,16px);border-right:1px solid #e3ecf4}
.dx-grp{padding:10px 0;border-bottom:1px solid #edf2f7}
.dx-grp[open]{padding-bottom:16px}
.dx-gl{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;list-style:none;font:600 12px/16px var(--font);letter-spacing:.06em;text-transform:uppercase;color:#0b2239}
.dx-gl::-webkit-details-marker{display:none}
.dx-gl svg{flex:none;color:#647489;transition:transform .15s}
.dx-gl:hover svg{color:#0872b0}
.dx-grp:not([open])>.dx-gl svg{transform:rotate(-90deg)}
.dx-grp ul,.dx-sub{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.dx-grp a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;color:#3c4f64;font:400 14px/20px var(--font)}
.dx-grp a:hover,.dx-sub a:hover{color:#0872b0}
.dx-grp a[aria-current="page"]{color:#0872b0;font-weight:600}
.dx-paid{flex:none;padding:0 6px;border:1px solid #e3ecf4;border-radius:4px;background:#fff;color:#647489;font:500 11px/18px var(--font)}
.dx-grp .dx-sub{margin:2px 0 6px 12px;padding:0 0 0 10px;border-left:1px solid #e3ecf4}
.dx-grp .dx-sub a{display:block;padding:5px 8px;border-radius:0;color:#4d5f75;font:400 13px/18px var(--font);text-wrap:pretty}
.dx-grp .dx-sub a[aria-current="location"]{color:#0872b0;font-weight:500}
.dx-main{min-width:0;padding:40px clamp(20px,4vw,56px) 96px}

/* Page layouts: guide (article + On this page), ref (article 640 + code 600 + On this page from 1600px), walk (full width) */
.dx-page{display:grid;gap:48px;justify-content:center;align-items:start;margin:0 auto}
.dx-page[data-k="guide"]{grid-template-columns:minmax(0,760px) 212px}
.dx-page[data-k="ref"]{grid-template-columns:minmax(0,640px) minmax(0,600px) 212px;justify-content:space-between}
.dx-page[data-k="walk"]{grid-template-columns:minmax(0,1160px)}
.dx-art{min-width:0}

/* Page head: breadcrumb, H1 + pill, subtitle, endpoint chip, action row, one hairline */
.dx-head{max-width:760px}
.dx-crumb{display:flex;flex-wrap:wrap;gap:8px;font:400 14px/20px var(--font);color:#647489}
.dx-crumb a{color:#647489}
.dx-crumb a:hover{color:#0872b0}
.dx-h1row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}
.dx-h1row h1{margin:0;font:600 clamp(28px,3vw,34px)/1.2 var(--font);letter-spacing:-.02em;color:#0b2239;text-wrap:balance}
.dx-pill{padding:1px 8px;border:1px solid #b7d9f0;border-radius:4px;background:#eef6fc;color:#0872b0;font:500 13px/20px var(--font)}
.dx-lede{margin:10px 0 0;font:400 19px/29px var(--font);color:#26394d;text-wrap:pretty}
.dx-ep{display:flex;margin-top:16px}
.dx-ep>span{display:inline-flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border:1px solid #e3ecf4;border-radius:6px;font:400 14px/20px var(--mono);color:#0b2239;white-space:nowrap;max-width:100%;overflow-x:auto}
.dx-verb{padding:2px 7px;border-radius:4px;background:#e3f3ea;color:#1f6f4a;font:500 12px/16px var(--mono)}
.dx-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin-top:18px;padding-bottom:18px;border-bottom:1px solid #e3ecf4}
.dx-act{display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;border-left:1px solid #e3ecf4;background:none;color:#3c4f64;cursor:pointer;white-space:nowrap;font:500 13px/20px var(--font)}
.dx-act:first-child{padding-left:0;border-left:0}
.dx-act:hover{color:#0872b0}

/* Article body. Space separates sections; hairlines only on parameter rows, step rows and tables. */
.dx-body{max-width:760px;margin-top:32px}
.dx-body h2{margin:48px 0 0;font:600 22px/30px var(--font);letter-spacing:-.01em;color:#0b2239;text-wrap:balance}
.dx-body h2.dx-step{margin-top:56px}
.dx-body h3{margin:32px 0 0;font:600 16px/24px var(--font);color:#0b2239}
.dx-body>h2:first-child,.dx-body>h3:first-child{margin-top:8px}
.dx-body h2,.dx-body h3,.dx-recipe,.dx-prm,.dx-t tr{scroll-margin-top:24px}
.dx-body p{margin:16px 0 0;font:400 16px/26px var(--font);color:#3c4f64;text-wrap:pretty}
.dx-art code,.dx-lede code{padding:1px 5px;border:1px solid #e3ecf4;border-radius:4px;background:#f5f9fd;font:400 .875em/1.4 var(--mono);color:#0b2239;overflow-wrap:anywhere}
.dx-body a{color:#0872b0;font-weight:500}
.dx-body a:hover{color:#065f93}
.dx-list{margin:16px 0 0;padding-left:22px}
.dx-list li{margin-top:8px;padding-left:2px}
.dx-list li:first-child{margin-top:0}
.dx-callout{display:flex;flex-direction:column;gap:8px;margin-top:28px;padding:2px 0 2px 16px;border-left:3px solid #0872b0}
.dx-body .dx-callout p{margin:0;font:400 15px/24px var(--font)}
.dx-body .dx-callout .dx-ctt{font:600 14px/20px var(--font);color:#0872b0}
.dx-warn{border-left-color:#a4520a}
.dx-body .dx-warn .dx-ctt{color:#a4520a}
mark.dx-unv{padding:0 3px;border-radius:3px;background:#fff1b8;box-shadow:inset 0 0 0 1px #ecd36a;color:#5c4400}
/* Changelog: a label for the kind of change, then Breaking where callers must update their code */
.cl-tag{display:inline-block;padding:0 6px;border-radius:4px;font:500 12px/20px var(--font);white-space:nowrap}
.cl-added{background:#e3f3ea;color:#1f6f4a}
.cl-changed{background:#eef6fc;color:#0872b0}
.cl-fixed{background:#f1eefb;color:#5b45a6}
.cl-removed{background:#eef1f5;color:#4d5f75}
.cl-deprecated{background:#fdf1e3;color:#a4520a}
.cl-security{background:#e4f2f3;color:#1b6669}
.cl-breaking{background:#fdecea;color:#b42318;font-weight:600}

/* Parameters: name · type · Required or default, description below, hairline rows */
.dx-params{margin-top:16px;border-top:1px solid #e3ecf4}
.dx-prm{padding:16px 0;border-bottom:1px solid #e3ecf4}
.dx-ph{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.dx-art .dx-pn{padding:0;border:0;background:none;font:500 14px/20px var(--mono);color:#0b2239}
.dx-pt{font:400 12.5px/20px var(--mono);color:#647489}
.dx-req{font:500 12.5px/20px var(--font);color:#a4520a}
.dx-def{font:400 12.5px/20px var(--font);color:#647489}
.dx-ph code{font-size:12px}
.dx-body .dx-prm p{margin:6px 0 0;font:400 15px/24px var(--font)}

/* Tables keep their columns and scroll sideways inside a wrapper */
.dx-tw{margin-top:20px;overflow-x:auto}
.dx-t{width:100%;border-collapse:collapse;font:400 14px/22px var(--font);color:#3c4f64}
.dx-t th{padding:0 16px 10px 0;border-bottom:1px solid #e3ecf4;text-align:left;vertical-align:bottom;white-space:nowrap;font:500 13px/18px var(--font);letter-spacing:.04em;text-transform:uppercase;color:#647489}
.dx-t td{padding:12px 16px 12px 0;border-bottom:1px solid #e3ecf4;vertical-align:top}
.dx-t th:last-child,.dx-t td:last-child{padding-right:0}
.dx-t td:first-child code{white-space:nowrap;overflow-wrap:normal}
.dx-t-fields td:not(:last-child),.dx-t-errors td:nth-child(-n+2){white-space:nowrap}
.dx-t-fields td code,.dx-t-errors td:nth-child(-n+2) code{overflow-wrap:normal}
.dx-t-fields td:last-child{min-width:260px}
.dx-t-errors td:nth-child(n+3){min-width:220px}

/* Next steps: blue titles with one line each, not cards */
.dx-next{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.dx-body .dx-next a{font:600 16px/24px var(--font);color:#0872b0}
.dx-body .dx-next p{margin:2px 0 0;font:400 15px/24px var(--font);color:#4d5f75}
/* Quickstart: path cards (links to the page's sections) and the key block (sign-up or dashboard link, by auth state) */
.dx-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin-top:20px}
.dx-body .dx-path{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #e3ecf4;border-radius:8px;background:#fff;transition:border-color .2s}
.dx-body .dx-path:hover{border-color:#0872b0}
.dx-patht{font:600 15px/22px var(--font);color:#0b2239}
.dx-path:hover .dx-patht{color:#0872b0}
.dx-pathd{font:400 14px/21px var(--font);color:#4d5f75;text-wrap:pretty}
.dx-key{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.dx-body .dx-keyb{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:6px;background:var(--grad);color:#fff;font:600 14px/1 var(--font);white-space:nowrap}
.dx-body .dx-keyb:hover{background:var(--grad-hover);color:#fff}
.dx-body .dx-keyin{border:1px solid #d5e1ec;background:#fff;color:#0b2239}
.dx-body .dx-keyin:hover{border-color:#b7d9f0;background:#fff;color:#0872b0}

/* Code: navy block, 40px header strip, syntax colour, line numbers past 4 lines, $ on terminal. Outputs use the light variant. */
.dx-code{--bg:#0b2239;--hbg:#0f2a45;--bd:#0b2239;--hbd:rgba(183,217,240,.12);--lc:#b9cee2;--nc:#56728e;--ton:rgba(255,255,255,.12);--tonc:#fff;--tc:#89a4bd;--p:#e6eef7;--cm:#7d96ae;--st:#a8e0b9;--nu:#f3c68f;--kw:#8cc8ff;--ky:#b3cdf0;--pr:#8fa6bf;
  display:flex;flex-direction:column;flex:0 1 auto;min-height:0;margin-top:20px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);overflow:hidden}
.dx-code.dx-light{--bg:#f7fafd;--hbg:#f7fafd;--bd:#e3ecf4;--hbd:#e3ecf4;--lc:#4d5f75;--nc:#9aabbd;--ton:#fff;--tonc:#0b2239;--tc:#647489;--p:#0b2239;--cm:#647489;--st:#1f6f4a;--nu:#9a4f00;--kw:#0872b0;--ky:#27507a;--pr:#9aabbd}
.dx-code *{scrollbar-width:thin;scrollbar-color:rgba(127,150,174,.4) transparent}
.dx-ch{display:flex;align-items:center;gap:12px;flex:none;min-height:40px;padding:0 6px 0 14px;background:var(--hbg);border-bottom:1px solid var(--hbd)}
.dx-cf{display:flex;align-items:center;gap:8px;min-width:0;font:500 12.5px/1 var(--font);color:var(--lc);white-space:nowrap}
.dx-cf svg{flex:none}
.dx-cs{margin-left:auto;min-width:0;font:400 12px/1 var(--mono);color:var(--pr);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-cp{flex:none;display:flex;align-items:center;gap:6px;height:28px;margin-left:auto;padding:0 8px;border:0;border-radius:4px;background:transparent;color:var(--lc);cursor:pointer;font:500 12px/1 var(--font)}
.dx-cs~.dx-cp{margin-left:0}
.dx-cp:hover{background:rgba(127,150,174,.16)}
.dx-cb{flex:0 1 auto;min-height:0;max-height:440px;overflow:auto}
.dx-tall .dx-cb{max-height:70vh}
.dx-pre{margin:0;padding:12px 0;width:max-content;min-width:100%;font:400 13px/21px var(--mono);color:var(--p);tab-size:4}
.dx-art .dx-pre code,.dx-pre code{display:block;padding:0 16px;border:0;border-radius:0;background:none;font:inherit;color:inherit;white-space:pre;overflow-wrap:normal}
.dx-num{display:grid;grid-template-columns:auto minmax(0,1fr)}
.dx-art .dx-num code,.dx-num code{padding-left:0}
.dx-g{width:44px;padding-right:14px;text-align:right;color:var(--nc);white-space:pre;user-select:none;-webkit-user-select:none}
.dx-gp{width:auto;padding:0 8px 0 16px;text-align:left;color:var(--pr)}
.dx-pre .c{color:var(--cm)}.dx-pre .s{color:var(--st)}.dx-pre .k{color:var(--ky)}.dx-pre .n{color:var(--nu)}.dx-pre .w{color:var(--kw)}
.dx-tabs{display:flex;gap:2px;margin-left:-6px;flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
.dx-tab{flex:none;white-space:nowrap;height:28px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--tc);cursor:pointer;font:500 12.5px/1 var(--font)}
html:not([data-xl]) .dx-tab[data-l="python"],html[data-xl="python"] .dx-tab[data-l="python"],html[data-xl="curl"] .dx-tab[data-l="curl"],html[data-xl="mcp"] .dx-tab[data-l="mcp"]{background:var(--ton);color:var(--tonc)}
/* Language choice (Python by default) is one attribute on <html>, so it applies before any script runs. */
html:not([data-xl]) .xl-curl,html:not([data-xl]) .xl-mcp,html[data-xl="python"] .xl-curl,html[data-xl="python"] .xl-mcp,
html[data-xl="curl"] .xl-python,html[data-xl="curl"] .xl-mcp,html[data-xl="mcp"] .xl-python,html[data-xl="mcp"] .xl-curl{display:none !important}

/* Reference: the request and response sit in a sticky dark column; below 1100px they move into the article */
.dx-ref-code{position:sticky;top:24px;display:flex;flex-direction:column;gap:12px;min-width:0;max-height:calc(100vh / var(--zoom) - 48px)}
.dx-ref-code .dx-code{margin-top:0}
.dx-ref-inline{display:none;flex-direction:column;gap:12px;margin-top:20px}
.dx-ref-inline .dx-code{margin-top:0}

/* Recipes: step rows beside the script; pointing at a step highlights its lines */
.dx-recipe{margin-top:64px}
.dx-body>.dx-recipe:first-child{margin-top:32px}
.dx-page[data-k="walk"] .dx-body{max-width:none}
.dx-page[data-k="walk"] .dx-body>:not(.dx-recipe){max-width:760px}
.dx-recipe>h2{margin-top:0}
.dx-ref{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:40px;align-items:start;margin-top:20px}
.dx-steps{list-style:none;margin:0;padding:0;border-top:1px solid #e3ecf4}
.dx-steps li{display:block;padding:16px 16px 16px 18px;border-bottom:1px solid #e3ecf4;outline:none;cursor:default;transition:background-color .2s,box-shadow .2s}
.dx-steps li.on{background:#f5f9fd;box-shadow:inset 3px 0 0 #0872b0}
.dx-body .dx-steps .dx-stt{margin:0;font:600 15px/24px var(--font);color:#0b2239}
.dx-body .dx-steps p{margin:4px 0 0;font:400 15px/24px var(--font)}
.dx-stl{display:block;margin-top:6px;font:400 12px/16px var(--mono);color:#647489}
.dx-walk-code{position:sticky;top:24px;min-width:0;display:flex;flex-direction:column;gap:12px}
.dx-walk-code .dx-code{margin-top:0}
.dx-walk .dx-pre{font-size:13px;line-height:22px}
.dx-walk .dx-pre code{padding:0}
.dx-wl{display:flex;transition:background-color .2s,opacity .2s}
.dx-wn{flex:none;width:44px;padding-right:14px;text-align:right;color:#56728e;user-select:none;-webkit-user-select:none}
.dx-wc{padding-right:16px;white-space:pre}
.dx-wl.on{background:rgba(95,180,238,.14);box-shadow:inset 3px 0 0 #5fb4ee}
.dx-walk.act .dx-wl:not(.on){opacity:.42}

/* On this page: a right column, a list under the current nav item, or a round button with a pop-over */
.dx-toc{position:sticky;top:24px;max-height:calc(100vh / var(--zoom) - 48px);overflow-y:auto}
.dx-toch{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #e3ecf4;font:600 12px/16px var(--font);letter-spacing:.06em;text-transform:uppercase;color:#0b2239}
.dx-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dx-toc a{display:block;color:#4d5f75;font:400 14px/20px var(--font);text-wrap:pretty}
.dx-toc a:hover{color:#0872b0}
.dx-toc a[aria-current="location"]{color:#0872b0;font-weight:500}
.dx-tocbtn{display:none;position:fixed;top:88px;right:20px;z-index:55;width:32px;height:32px;place-items:center;padding:0;border:1px solid #d5e1ec;border-radius:999px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(11,34,57,.08);color:#0b2239;cursor:pointer}
.dx-tocbtn:hover{border-color:#b7d9f0;color:#0872b0}
.dx-tocpanel{position:fixed;top:128px;right:20px;z-index:65;width:min(300px,calc(100vw - 40px));max-height:60vh;overflow:auto;padding:14px 8px 8px;border:1px solid #e3ecf4;border-radius:10px;background:#fff;box-shadow:0 16px 40px -12px rgba(11,34,57,.22)}
.dx-tocpanel .dx-toch{margin:0 0 6px;padding:0 10px;border:0}
.dx-tocpanel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.dx-tocpanel a{display:flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:6px;color:#4d5f75;font:400 15px/20px var(--font);text-wrap:pretty}
.dx-tocpanel a:hover{background:#f5f9fd;color:#0872b0}
.dx-tocpanel a[aria-current="location"]{color:#0872b0;font-weight:500}

/* Nav sheet (below 960px) and search */
.dx-sheet{position:fixed;inset:0;z-index:70;background:rgba(11,34,57,.42)}
.dx-sp{width:min(320px,86vw);height:100%;overflow:auto;overscroll-behavior:contain;padding:16px 16px 40px;background:#fff}
.dx-sx{display:flex;justify-content:flex-end}
.dx-sclose{width:36px;height:36px;border:0;border-radius:999px;background:#f5f9fd;color:#4d5f75;cursor:pointer;font:400 18px/1 var(--font)}
.dx-ssearch{display:flex;align-items:center;gap:10px;width:100%;height:44px;margin-top:8px;padding:0 12px;border:1px solid #d5e1ec;border-radius:6px;background:#fff;color:#647489;cursor:pointer;font:400 15px/1 var(--font)}
.dx-ssearch:hover{border-color:#b7d9f0}
.dx-search{position:fixed;inset:0;z-index:80;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;background:rgba(11,34,57,.42)}
.dx-sd{display:flex;flex-direction:column;width:min(100%,600px);max-height:64vh;border-radius:10px;background:#fff;box-shadow:0 24px 60px rgba(11,34,57,.22);overflow:hidden}
.dx-sbar{display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;border-bottom:1px solid #e3ecf4}
.dx-sbar input{flex:1;min-width:0;height:56px;border:0;outline:none;background:none;color:#0b2239;font:440 16px/1 var(--font)}
.dx-sbar kbd{padding:4px 6px;border:1px solid #e3ecf4;border-radius:4px;background:#f5f9fd;color:#647489;font:500 11px/1 var(--mono)}
.dx-sres{overflow:auto;padding:8px}
.dx-sres:empty{display:none}
.dx-sr{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer;color:inherit}
.dx-sr[aria-selected="true"]{background:#f5f9fd}
.dx-sr>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.dx-srt{font:500 15px/20px var(--font);color:#0b2239;overflow-wrap:anywhere}
.dx-srt.dx-mono{font:500 14px/20px var(--mono)}
.dx-srp{font:400 12px/16px var(--mono);color:#647489}
.dx-srs{flex:none;font:440 13px/18px var(--font);color:#647489}
.dx-snone{margin:0;padding:16px 12px;font:440 15px/22px var(--font);color:#647489}

/* Page end: feedback, then a hairline and help lines. No prev/next cards. */
.dx-end{max-width:760px;margin-top:72px}
.dx-fbq{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:32px}
.dx-fbt,.dx-fbok{margin:0;font:600 17px/24px var(--font);color:#0b2239}
.dx-fbb{display:flex;gap:6px}
.dx-fbb button,.dx-fbf button{height:30px;padding:0 12px;border:1px solid #d5e1ec;border-radius:6px;background:#fff;color:#0b2239;cursor:pointer;font:500 13px/1 var(--font)}
.dx-fbb button:hover,.dx-fbf button:hover{border-color:#b7d9f0;color:#0872b0}
.dx-fbt2{display:block;font:600 20px/28px var(--font);color:#0b2239}
.dx-fbf textarea{display:block;width:100%;margin-top:14px;padding:10px 12px;border:1px solid #d5e1ec;border-radius:6px;resize:vertical;outline:none;color:#0b2239;font:400 15px/22px var(--font)}
.dx-fbf textarea:focus{border-color:#0872b0;box-shadow:0 0 0 3px rgba(8,114,176,.12)}
.dx-fbf button{height:34px;margin-top:16px;padding:0 14px;font-weight:600;font-size:14px}
.dx-help{list-style:none;margin:32px 0 0;padding:24px 0 0;border-top:1px solid #e3ecf4;display:flex;flex-direction:column;gap:10px;font:400 14px/20px var(--font);color:#4d5f75}
.dx-help a{font-weight:500}

/* Keyboard focus */
.dx a:focus-visible,.dx button:focus-visible,.dx textarea:focus-visible,.dx-tw:focus-visible{outline:2px solid #0872b0;outline-offset:2px}
.dx-steps li:focus-visible,.dx-sr:focus-visible,.dx-code button:focus-visible,.dx-grp a:focus-visible,.dx-gl:focus-visible{outline:2px solid #0872b0;outline-offset:-2px}
.dx-code .dx-cp:focus-visible,.dx-tab:focus-visible{outline-color:#8cc8ff}
.dx-light .dx-cp:focus-visible{outline-color:#0872b0}

@media (min-width:1600px){.dx-sub[data-k="ref"]{display:none}}
@media (max-width:1599px){
.dx-page[data-k="ref"] .dx-toc{display:none}
.dx-page[data-k="ref"]{grid-template-columns:minmax(0,640px) minmax(0,600px)}
}
@media (max-width:1199px){
.dx-sub{display:none !important}
.dx-tocbtn{display:grid}
.dx-crumb{padding-right:40px}
.dx-toc{display:none}
.dx-page[data-k="guide"]{grid-template-columns:minmax(0,760px)}
}
@media (max-width:1099px){
.dx-page[data-k="ref"]{grid-template-columns:minmax(0,760px)}
.dx-ref-code{display:none}
.dx-ref-inline{display:flex}
.dx-ref{grid-template-columns:minmax(0,1fr)}
.dx-walk-code{position:static}
}
@media (max-width:959px){
.dx-grid{grid-template-columns:minmax(0,1fr)}
.dx-side,.dx .hdr{display:none}
.dx-pbar{display:flex}
.dx-tocbtn{top:68px}
.dx-tocpanel{top:108px}
.dx-body h2,.dx-body h3,.dx-recipe,.dx-prm,.dx-t tr{scroll-margin-top:72px}
}
@media (min-width:960px){.dx-sheet{display:none !important}}
@media (max-width:640px){
.dx-main{padding-top:24px}
.dx-code{border-radius:0}
.dx-cl{display:none}
.dx-fbf textarea{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
.dx *{transition:none !important}
}