.dd { --head-h: 64px; --side-w: 268px; --slab: #0d1612; --slab-line: rgba(255, 255, 255, .08); --slab-ink: #e6efe9; --slab-mut: #8d9d93; background: var(--paper); }
:root[data-theme="dark"] .dd { --slab: #070d0a; }


.dd-head { position: sticky; top: 0; z-index: 40; height: var(--head-h); background: var(--glass); border-bottom: 1px solid var(--line); }
.dd-head__in { display: flex; align-items: center; gap: 14px; height: 100%; padding: 0 clamp(14px, 2.4vw, 28px); }
.dd-brand { display: flex; align-items: center; gap: 10px; flex: none; color: var(--ink); border-radius: var(--r-sm); }
.dd-brand__mark { width: auto; height: 34px; }
.dd-brand__w { display: flex; flex-direction: column; line-height: 1; }
.dd-brand__w b { font-size: 17px; font-weight: 800; letter-spacing: -.03em; }
.dd-brand__w small { margin-top: 4px; font-size: 8.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--forest); }
.dd-brand__docs { padding-left: 12px; margin-left: 2px; border-left: 2px dotted var(--line2); font-size: 17px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); }
.dd-chip { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 9px; border-radius: var(--r-pill); background: var(--card); border: 1px solid var(--line); font: 600 11px/1 var(--mono); color: var(--ink2); white-space: nowrap; }
.dd-chip .i { width: 13px; height: 13px; }
.dd-chip--v { background: var(--tint-on); border-color: transparent; color: var(--g-deep); }
.dd-chip--trade { background: var(--ink); border-color: transparent; color: var(--on-ink); }
.dd-chip--read, .dd-chip--public { background: var(--tint-on); border-color: transparent; color: var(--g-deep); }
.dd-chip--sbx { background: var(--cream); color: var(--forest); outline: 1.5px dotted rgba(var(--forest-rgb), .7); outline-offset: -1.5px; border-color: transparent; }
.dd-chip--retry { margin-left: 8px; height: 20px; font-size: 10px; background: var(--lime-tint); border-color: transparent; color: var(--lime-ink); }
.dd-tabs { display: flex; gap: 4px; margin-left: 6px; }
.dd-tabs a { position: relative; padding: 8px 12px; border-radius: var(--r-pill); font-size: 14.5px; font-weight: 600; color: var(--ink2); transition: color 160ms, background-color 160ms; }
.dd-tabs a:hover { color: var(--ink); background: var(--tint-hover); }
.dd-tabs a[aria-current] { color: var(--ink); background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.dd-search {
  display: flex; align-items: center; gap: 10px; flex: 1 1 260px; max-width: 420px; height: 40px; margin-left: auto; padding: 0 8px 0 14px;
  border-radius: var(--r-pill); background: var(--card); border: 1px solid var(--line2); color: var(--ink3); font-size: 14px; text-align: left;
  transition: border-color 160ms, box-shadow 160ms;
}
.dd-search:hover { border-color: rgba(var(--g-rgb), .55); box-shadow: 0 0 0 4px rgba(var(--g-rgb), .1); }
.dd-search .i { width: 16px; height: 16px; flex: none; }
.dd-search__t { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
kbd { display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: 7px; background: var(--paper); border: 1px solid var(--line2); border-bottom-width: 2px; font: 600 10.5px/1 var(--mono); color: var(--ink3); }
.dd-env { display: flex; padding: 3px; border-radius: var(--r-pill); background: var(--card); border: 1px solid var(--line); }
.dd-env button { height: 30px; padding: 0 12px; border-radius: var(--r-pill); font-size: 13px; font-weight: 650; color: var(--ink3); transition: background-color 160ms, color 160ms; }
:root[data-env="sandbox"] [data-env-set="sandbox"] { background: var(--cream); color: var(--forest); box-shadow: inset 0 0 0 1.5px rgba(var(--forest-rgb), .55); }
:root[data-env="live"] [data-env-set="live"] { background: var(--fill-strong); color: #fff; }
.dd-iconbtn { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: var(--r-pill); color: var(--ink2); transition: background-color 160ms, color 160ms; }
.dd-iconbtn:hover { background: var(--tint-hover); color: var(--ink); }
.dd-iconbtn .i { width: 18px; height: 18px; }
.dd-iconbtn--sm { width: 30px; height: 30px; }
.dd-iconbtn--sm .i { width: 14px; height: 14px; }
.dd-theme .i { display: none; }
:root:not([data-theme-pref]) .dd-theme__auto, :root[data-theme-pref="auto"] .dd-theme__auto, :root[data-theme-pref="light"] .dd-theme__light, :root[data-theme-pref="dark"] .dd-theme__dark { display: block; }
.dd-menu, .dd-side__top { display: none; }
.dd-getkey { flex: none; }


.dd-shell { display: grid; grid-template-columns: var(--side-w) minmax(0, 1fr); min-height: calc(100dvh - var(--head-h)); }
.dd-side { position: sticky; top: var(--head-h); height: calc(100dvh - var(--head-h)); overflow-y: auto; scrollbar-width: thin; border-right: 1px solid var(--line); background: linear-gradient(180deg, rgba(var(--white-rgb), .9), rgba(var(--white-rgb), .55)); }
.dd-side__in { display: grid; gap: 18px; padding: 22px 14px 40px; }
.dd-side__g { display: grid; gap: 1px; }
.dd-side__h { margin: 0 10px 6px; color: var(--ink3); }
.dd-side__a { display: flex; align-items: center; gap: 9px; min-height: 34px; padding: 6px 10px; border-radius: 10px; font-size: 14px; font-weight: 550; line-height: 1.3; color: var(--ink2); transition: background-color 160ms, color 160ms; }
.dd-side__a:hover { background: var(--tint-hover); color: var(--ink); }
.dd-side__a.is-on { background: var(--ink); color: var(--on-ink); font-weight: 650; }
.dd-side__a.is-on .dd-m { box-shadow: 0 0 0 1px rgba(255, 255, 255, .2); }
.dd-side__tag > summary { display: flex; align-items: center; justify-content: space-between; min-height: 34px; padding: 6px 10px; border-radius: 10px; list-style: none; cursor: pointer; font-size: 14px; font-weight: 650; color: var(--ink); }
.dd-side__tag > summary::-webkit-details-marker { display: none; }
.dd-side__tag > summary:hover { background: var(--tint-hover); }
.dd-side__tag > summary .i { width: 14px; height: 14px; color: var(--ink3); transition: transform 200ms var(--ease); }
.dd-side__tag[open] > summary .i { transform: rotate(180deg); }
.dd-side__tag > .dd-side__a { margin-left: 8px; font-size: 13.5px; }
.dd-main { min-width: 0; padding: clamp(28px, 4vw, 52px) clamp(18px, 4vw, 56px) 80px; }


.dd-kicker { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 12px; color: var(--g-deep); }
.dd-kicker a:hover { text-decoration: underline; }
.dd-kicker .i { width: 14px; height: 14px; }
.dd-h1 { font-size: clamp(32px, 3.4vw, 42px); line-height: 1.08; font-weight: 750; letter-spacing: -.035em; color: var(--ink); text-wrap: balance; }
.dd-h1--xl { font-size: clamp(40px, 5.6vw, 68px); line-height: 1.02; letter-spacing: -.045em; }
.dd-h2 { font-size: clamp(22px, 2vw, 27px); line-height: 1.2; font-weight: 720; letter-spacing: -.028em; color: var(--ink); text-wrap: balance; }
.dd-lead { max-width: 64ch; margin-top: 14px; font-size: clamp(16.5px, 1.3vw, 18.5px); line-height: 1.6; color: var(--ink2); }
.dd-quiet { color: var(--ink3); }
.dd-more { display: inline-flex; align-items: center; gap: 7px; font-weight: 650; color: var(--g-deep); }
.dd-more .i { width: 16px; height: 16px; transition: transform 200ms var(--ease); }
.dd-more:hover .i { transform: translateX(3px); }
.dd-flip { transform: scaleX(-1); }


.dd-prose { max-width: 70ch; font-size: 16.5px; line-height: 1.72; color: var(--ink2); }
.dd-prose > * + * { margin-top: 18px; }
.dd-prose :is(h2, h3, h4) { position: relative; color: var(--ink); letter-spacing: -.02em; text-wrap: balance; }
.dd-prose h2 { margin-top: 52px; padding-top: 30px; border-top: 2px dotted var(--line2); font-size: 26px; line-height: 1.22; font-weight: 720; }
.dd-prose h3 { margin-top: 34px; font-size: 19.5px; font-weight: 700; }
.dd-prose h4 { margin-top: 26px; font-size: 16.5px; font-weight: 700; }
.dd-anchor { margin-left: 10px; font: 600 .8em/1 var(--mono); color: var(--mut); opacity: 0; transition: opacity 160ms; }
:is(h1, h2, h3, h4):hover > .dd-anchor, .dd-anchor:focus-visible { opacity: 1; }
.dd-prose a { color: var(--g-deep); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(var(--g-rgb), .4); text-underline-offset: 3px; }
.dd-prose a:hover { text-decoration-color: currentColor; }
.dd-prose .i--ext { display: inline; width: .8em; height: .8em; margin-left: 3px; vertical-align: -.05em; }
.dd-prose strong { color: var(--ink); font-weight: 680; }
.dd-prose :not(pre) > code { padding: 2px 6px; border-radius: 6px; background: var(--card); border: 1px solid var(--line); font: 600 .86em/1.4 var(--mono); color: var(--ink); overflow-wrap: anywhere; }
.dd-prose :is(ul, ol) { padding-left: 22px; }
.dd-prose li + li { margin-top: 8px; }
.dd-prose li::marker { color: var(--g-deep); font-weight: 700; }
.dd-prose blockquote { padding: 4px 0 4px 18px; border-left: 3px solid var(--line2); color: var(--ink2); }
.dd-prose hr { border: 0; border-top: 2px dotted var(--line2); margin: 36px 0; }
.dd-callout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 16px 18px; border-radius: var(--r-md); background: var(--card); border: 1px solid var(--line); font-size: 15.5px; }
.dd-callout > .i { width: 19px; height: 19px; margin-top: 3px; color: var(--g-deep); }
.dd-callout > div > * + * { margin-top: 10px; }
.dd-callout--warning, .dd-callout--danger { background: var(--warn-tint); border-color: var(--warn-line); }
.dd-callout--warning > .i, .dd-callout--danger > .i { color: var(--warn); }
.dd-callout--danger { background: var(--short-tint); border-color: var(--short-line); }
.dd-callout--danger > .i { color: var(--short-ink); }
.dd-callout--sandbox { background: var(--cream); border: 0; outline: 1.5px dotted rgba(var(--forest-rgb), .55); outline-offset: -1.5px; }
.dd-callout--sandbox > .i { color: var(--forest); }
.dd-table { overflow-x: auto; border-radius: var(--r-md); border: 1px solid var(--line); background: var(--card); }
.dd-table table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.dd-table :is(th, td) { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.dd-table th { font: 600 11px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ink3); background: var(--cream); }
.dd-table tr:last-child td { border-bottom: 0; }
.dd-table td:first-child { color: var(--ink); }
.dd-table tbody tr:target { background: var(--tint-on); }


.dd-steps { display: grid; gap: 0; padding: 0; list-style: none; counter-reset: dd-step; }
.dd-step { position: relative; padding: 0 0 30px 52px; counter-increment: dd-step; }
.dd-step::before {
  content: counter(dd-step); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: var(--card); box-shadow: inset 0 0 0 1.5px var(--line2); font: 700 13px/1 var(--mono); color: var(--ink2);
}
.dd-step:first-child::before { background: var(--orb-fill); box-shadow: var(--orb-shadow); color: #fff; }
.dd-step::after { content: ""; position: absolute; left: 15px; top: 40px; bottom: 6px; border-left: 2px dotted var(--line2); }
.dd-step:last-child { padding-bottom: 0; }
.dd-step:last-child::after { display: none; }
.dd-step__t { margin: 3px 0 10px; font-size: 18.5px; font-weight: 700; color: var(--ink); letter-spacing: -.02em; }
.dd-step__b > * + * { margin-top: 14px; }
.dd-prose .dd-step__t { margin-top: 3px; }


.dd-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.dd-card {
  position: relative; display: grid; align-content: start; gap: 8px; padding: 20px 20px 22px; border-radius: var(--r); background: var(--card);
  border: 1px solid var(--line-card); box-shadow: var(--shadow-soft); color: var(--ink2); text-decoration: none !important; font-weight: 400 !important;
  transition: transform 260ms var(--ease), box-shadow 260ms var(--ease), border-color 260ms;
}
.dd-card b { font-size: 17px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); }
.dd-card > span:not(.dd-card__i) { font-size: 14.5px; line-height: 1.55; }
.dd-card__i { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 6px; border-radius: 12px; background: var(--tint-on); color: var(--g-deep); }
.dd-card__i .i { width: 20px; height: 20px; }
.dd-card__go { position: absolute; top: 20px; right: 18px; width: 18px; height: 18px; color: var(--ink3); transition: transform 260ms var(--ease), color 260ms; }
@media (hover: hover) and (pointer: fine) {
  .dd-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lift); border-color: rgba(var(--g-rgb), .35); }
  .dd-card:hover .dd-card__go { transform: translateX(3px); color: var(--g-deep); }
}


.dd-code { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; border-radius: 16px; overflow: hidden; background: var(--slab); color: var(--slab-ink); box-shadow: 0 20px 44px -30px rgba(13, 22, 18, .7), 0 0 0 1px var(--slab-line); }
.dd-code__h { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 5px 6px 5px 12px; border-bottom: 1px solid var(--slab-line); }
.dd-code__k { flex: none; padding-right: 4px; font: 600 10.5px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--slab-mut); }
.dd-code__tabs { display: flex; gap: 2px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.dd-code__tabs::-webkit-scrollbar { display: none; }
.dd-code__tabs button { flex: none; height: 28px; padding: 0 10px; border-radius: var(--r-pill); font: 600 12px/1 var(--mono); color: var(--slab-mut); transition: background-color 140ms, color 140ms; }
.dd-code__tabs button:hover { color: var(--slab-ink); }
.dd-code__tabs button[aria-selected="true"] { background: #e6efe9; color: #0d1612; }
.dd-copy { display: inline-flex; align-items: center; gap: 6px; flex: none; height: 30px; margin-left: auto; padding: 0 10px; border-radius: var(--r-pill); font-size: 12.5px; font-weight: 600; color: var(--slab-mut); transition: color 140ms, background-color 140ms; }
.dd-copy:hover { color: var(--slab-ink); background: rgba(255, 255, 255, .07); }
.dd-copy .i { width: 14px; height: 14px; }
.dd-copy.is-done { color: #5ef0a8; }
.dd-copy--float { position: absolute; top: 8px; right: 8px; z-index: 1; width: 32px; padding: 0; justify-content: center; }
.dd-code__pre { margin: 0; padding: 16px 18px 18px; overflow-x: auto; font: 500 13.2px/1.68 var(--mono); tab-size: 4; white-space: pre; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .2) transparent; }
.dd-code--one .dd-code__pre { padding-right: 52px; }
.hl-k { color: #5ef0a8; } .hl-s { color: #c3f27a; } .hl-n { color: #86d9ad; } .hl-c { color: #8d9d93; font-style: italic; } .hl-v { color: #e2fbb0; }
.dd-env-live { display: none; }
:root[data-env="live"] .dd-env-live { display: inline; }
:root[data-env="live"] .dd-env-sbx { display: none; }


.dd-code:not(.dd-code--local) > .dd-code__pre { display: none; }
.dd-code:not(.dd-code--local) > .dd-code__pre:first-of-type { display: block; }
:root[data-lang="curl"] .dd-code:not(.dd-code--local):has(> pre[data-l="curl"]) > pre,
:root[data-lang="python"] .dd-code:not(.dd-code--local):has(> pre[data-l="python"]) > pre,
:root[data-lang="typescript"] .dd-code:not(.dd-code--local):has(> pre[data-l="typescript"]) > pre,
:root[data-lang="csharp"] .dd-code:not(.dd-code--local):has(> pre[data-l="csharp"]) > pre,
:root[data-lang="go"] .dd-code:not(.dd-code--local):has(> pre[data-l="go"]) > pre,
:root[data-lang="java"] .dd-code:not(.dd-code--local):has(> pre[data-l="java"]) > pre,
:root[data-lang="rust"] .dd-code:not(.dd-code--local):has(> pre[data-l="rust"]) > pre,
:root[data-lang="php"] .dd-code:not(.dd-code--local):has(> pre[data-l="php"]) > pre { display: none; }
:root[data-lang="curl"] .dd-code:not(.dd-code--local) > pre.dd-code__pre[data-l="curl"],
:root[data-lang="python"] .dd-code:not(.dd-code--local) > pre.dd-code__pre[data-l="python"],
:root[data-lang="typescript"] .dd-code:not(.dd-code--local) > pre.dd-code__pre[data-l="typescript"],
:root[data-lang="csharp"] .dd-code:not(.dd-code--local) > pre.dd-code__pre[data-l="csharp"],
:root[data-lang="go"] .dd-code:not(.dd-code--local) > pre.dd-code__pre[data-l="go"],
:root[data-lang="java"] .dd-code:not(.dd-code--local) > pre.dd-code__pre[data-l="java"],
:root[data-lang="rust"] .dd-code:not(.dd-code--local) > pre.dd-code__pre[data-l="rust"],
:root[data-lang="php"] .dd-code:not(.dd-code--local) > pre.dd-code__pre[data-l="php"] { display: block; }

:root[data-lang="curl"] .dd-code:has(> pre[data-l="curl"]) [role="tab"]:not([data-l="curl"]),
:root[data-lang="python"] .dd-code:has(> pre[data-l="python"]) [role="tab"]:not([data-l="python"]),
:root[data-lang="typescript"] .dd-code:has(> pre[data-l="typescript"]) [role="tab"]:not([data-l="typescript"]),
:root[data-lang="csharp"] .dd-code:has(> pre[data-l="csharp"]) [role="tab"]:not([data-l="csharp"]),
:root[data-lang="go"] .dd-code:has(> pre[data-l="go"]) [role="tab"]:not([data-l="go"]),
:root[data-lang="java"] .dd-code:has(> pre[data-l="java"]) [role="tab"]:not([data-l="java"]),
:root[data-lang="rust"] .dd-code:has(> pre[data-l="rust"]) [role="tab"]:not([data-l="rust"]),
:root[data-lang="php"] .dd-code:has(> pre[data-l="php"]) [role="tab"]:not([data-l="php"]) { background: none; color: var(--slab-mut); }
:root[data-lang="curl"] .dd-code:has(> pre[data-l="curl"]) [role="tab"][data-l="curl"],
:root[data-lang="python"] .dd-code:has(> pre[data-l="python"]) [role="tab"][data-l="python"],
:root[data-lang="typescript"] .dd-code:has(> pre[data-l="typescript"]) [role="tab"][data-l="typescript"],
:root[data-lang="csharp"] .dd-code:has(> pre[data-l="csharp"]) [role="tab"][data-l="csharp"],
:root[data-lang="go"] .dd-code:has(> pre[data-l="go"]) [role="tab"][data-l="go"],
:root[data-lang="java"] .dd-code:has(> pre[data-l="java"]) [role="tab"][data-l="java"],
:root[data-lang="rust"] .dd-code:has(> pre[data-l="rust"]) [role="tab"][data-l="rust"],
:root[data-lang="php"] .dd-code:has(> pre[data-l="php"]) [role="tab"][data-l="php"] { background: #e6efe9; color: #0d1612; }


.dd-doc { display: grid; grid-template-columns: minmax(0, 760px) 220px; gap: clamp(32px, 4vw, 64px); justify-content: start; }
.dd-doc--wide { grid-template-columns: minmax(0, 1080px); }
.dd-article { min-width: 0; }
.dd-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 34px; }
.dd-tool { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border-radius: var(--r-pill); background: var(--card); border: 1px solid var(--line); font-size: 13px; font-weight: 600; color: var(--ink2); transition: border-color 160ms, color 160ms; }
.dd-tool:hover { border-color: rgba(var(--g-rgb), .45); color: var(--ink); }
.dd-tool .i { width: 14px; height: 14px; }
.dd-tool.is-done { color: var(--g-deep); border-color: rgba(var(--g-rgb), .45); }
.dd-toc { position: sticky; top: calc(var(--head-h) + 32px); align-self: start; display: grid; gap: 12px; max-height: calc(100dvh - var(--head-h) - 64px); overflow-y: auto; scrollbar-width: none; }
.dd-toc .micro { color: var(--ink3); }
.dd-toc ol { display: grid; gap: 2px; list-style: none; border-left: 2px dotted var(--line2); }
.dd-toc a { display: block; margin-left: -2px; padding: 5px 0 5px 14px; border-left: 2px solid transparent; font-size: 13.5px; line-height: 1.35; color: var(--ink3); transition: color 160ms, border-color 160ms; }
.dd-toc a:hover { color: var(--ink); }
.dd-toc a.is-on { color: var(--g-deep); border-left-color: var(--g); font-weight: 650; }
.dd-toc-inline { display: none; margin-bottom: 28px; border-radius: var(--r-md); background: var(--card); border: 1px solid var(--line); }
.dd-toc-inline > summary { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; list-style: none; cursor: pointer; font-weight: 650; color: var(--ink); }
.dd-toc-inline > summary::-webkit-details-marker { display: none; }
.dd-toc-inline > summary .i { width: 15px; height: 15px; transition: transform 200ms; }
.dd-toc-inline[open] > summary .i { transform: rotate(180deg); }
.dd-toc-inline ol { display: grid; gap: 6px; padding: 0 16px 14px 34px; }
.dd-toc-inline a { color: var(--ink2); font-size: 14.5px; }
.dd-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 64px; padding-top: 28px; border-top: 2px dotted var(--line2); }
.dd-pager__a { display: grid; gap: 4px; padding: 16px 18px; border-radius: var(--r-md); background: var(--card); border: 1px solid var(--line); transition: border-color 200ms, transform 260ms var(--ease); }
.dd-pager__a:hover { border-color: rgba(var(--g-rgb), .45); }
.dd-pager__a small { display: inline-flex; align-items: center; gap: 6px; font: 600 11px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ink3); }
.dd-pager__a small .i { width: 13px; height: 13px; }
.dd-pager__a b { font-size: 16.5px; color: var(--ink); }
.dd-pager__a--next { text-align: right; justify-items: end; }


.dd-op { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 3.4vw, 56px); align-items: start; }
.dd-op__main { min-width: 0; }
.dd-op__line { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 14px; }
.dd-path { font: 600 14.5px/1.4 var(--mono); color: var(--ink); overflow-wrap: anywhere; }
.dd-path i { font-style: normal; color: var(--g-deep); }
.dd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 6px; }
.dd-op__main > .dd-prose { margin-top: 18px; }
.dd-op__rail { position: sticky; top: calc(var(--head-h) + 24px); min-width: 0; }
.dd-op__sticky { display: grid; gap: 16px; max-height: calc(100dvh - var(--head-h) - 48px); overflow-y: auto; scrollbar-width: none; padding-bottom: 8px; }
.dd-op__sticky .dd-code__pre { max-height: 420px; overflow: auto; }

.dd-code--rail .dd-code__h { flex-wrap: wrap; row-gap: 2px; }
.dd-code--rail .dd-code__tabs { order: 2; flex: 1 0 100%; margin: 0 0 2px -6px; mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent); }
.dd-code--rail .dd-code__tabs button { padding: 0 9px; font-size: 11.5px; }
.dd-sec { margin-top: 40px; padding-top: 26px; border-top: 2px dotted var(--line2); }
.dd-sec > h2 { margin-bottom: 14px; font-size: 20px; font-weight: 720; letter-spacing: -.02em; color: var(--ink); }
.dd-sec__p { margin-bottom: 14px; font-size: 14.5px; color: var(--ink3); }
.dd-m { display: inline-grid; place-items: center; flex: none; min-width: 48px; height: 24px; padding: 0 8px; border-radius: 7px; font: 700 11px/1 var(--mono); letter-spacing: .04em; }
.dd-m--xs { min-width: 36px; height: 18px; padding: 0 5px; border-radius: 5px; font-size: 9px; }
.dd-m--get { background: var(--tint-on); color: var(--g-deep); }
.dd-m--post { background: var(--ink); color: var(--on-ink); }
.dd-m--put, .dd-m--patch { background: var(--lime-tint); color: var(--lime-ink); }
.dd-m--delete { background: var(--short-tint); color: var(--short-ink); }
.dd-fields { display: grid; list-style: none; border-top: 1px solid var(--line); }
.dd-field { padding: 14px 0; border-bottom: 1px solid var(--line); scroll-margin-top: calc(var(--head-h) + 20px); }
.dd-field:target { background: linear-gradient(90deg, var(--tint-on), transparent 80%); }
.dd-field__h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.dd-field__n code { font: 700 14px/1.4 var(--mono); color: var(--ink); }
.dd-field__n:hover code { color: var(--g-deep); }
.dd-field__t { font: 500 12.5px/1.4 var(--mono); color: var(--ink3); }
.dd-req { font: 700 10px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--short-ink); }
.dd-field__d { margin-top: 6px; max-width: 68ch; font-size: 14.5px; line-height: 1.6; color: var(--ink2); }
.dd-field__e { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; font-size: 12.5px; color: var(--ink3); }
.dd-field__e code { padding: 2px 7px; border-radius: 6px; background: var(--cream); border: 1px solid var(--line); font: 600 12px/1.4 var(--mono); color: var(--ink); }
.dd-sub { margin-top: 10px; }
.dd-sub > summary { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border-radius: var(--r-pill); border: 1px solid var(--line2); list-style: none; cursor: pointer; font-size: 12.5px; font-weight: 650; color: var(--ink2); }
.dd-sub > summary::-webkit-details-marker { display: none; }
.dd-sub[open] > summary { background: var(--tint-on); border-color: transparent; color: var(--g-deep); }
.dd-sub > .dd-fields { margin: 10px 0 0 14px; padding-left: 14px; border-top: 0; border-left: 2px dotted var(--line2); }
.dd-resp { border-bottom: 1px solid var(--line); }
.dd-resp:first-of-type { border-top: 1px solid var(--line); }
.dd-resp > summary { display: flex; align-items: center; gap: 12px; padding: 12px 2px; list-style: none; cursor: pointer; font-size: 14.5px; color: var(--ink2); }
.dd-resp > summary::-webkit-details-marker { display: none; }
.dd-resp > summary .i { width: 15px; height: 15px; margin-left: auto; color: var(--ink3); transition: transform 200ms; }
.dd-resp[open] > summary .i { transform: rotate(180deg); }
.dd-resp > .dd-fields { margin: 0 0 14px 14px; padding-left: 14px; border-left: 2px dotted var(--line2); border-top: 0; }
.dd-status { display: inline-grid; place-items: center; min-width: 40px; height: 22px; padding: 0 7px; border-radius: 6px; font: 700 11.5px/1 var(--mono); }
.dd-status--2 { background: var(--tint-on); color: var(--g-deep); }
.dd-status--4 { background: var(--warn-tint); color: var(--warn); }
.dd-status--5 { background: var(--short-tint); color: var(--short-ink); }
.dd-inline-json { margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; background: var(--slab); color: var(--slab-ink); overflow-x: auto; font: 500 12.5px/1.6 var(--mono); }
.dd-errs { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.dd-errs a { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px 0 5px; border-radius: var(--r-pill); background: var(--card); border: 1px solid var(--line); transition: border-color 160ms; }
.dd-errs a:hover { border-color: rgba(var(--g-rgb), .45); }
.dd-errs code { font: 600 12.5px/1 var(--mono); color: var(--ink); }
.dd-errs .dd-status { min-width: 34px; height: 22px; border-radius: var(--r-pill); }
.dd-hosts { display: grid; gap: 10px; margin: 16px 0 40px; list-style: none; }
.dd-hosts li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; padding: 14px 16px; border-radius: var(--r-md); background: var(--card); border: 1px solid var(--line); }
.dd-hosts code { font: 600 14px/1.4 var(--mono); color: var(--ink); overflow-wrap: anywhere; }
.dd-hosts p { grid-column: 2 / -1; font-size: 14px; color: var(--ink3); }
.dd-env-pill { padding: 5px 9px; border-radius: var(--r-pill); font: 700 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; background: var(--tint-on); color: var(--g-deep); }
.dd-env-pill--live { background: var(--fill-strong); color: #fff; }
.dd-env-pill--sandbox { background: var(--cream); color: var(--forest); outline: 1.5px dotted rgba(var(--forest-rgb), .7); outline-offset: -1.5px; }
.dd-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; margin-top: 16px; }
.dd-group { padding: 20px; border-radius: var(--r); background: var(--card); border: 1px solid var(--line-card); box-shadow: var(--shadow-soft); }
.dd-group h3 { font-size: 17px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); }
.dd-group h3 a:hover { color: var(--g-deep); }
.dd-group > p { margin: 6px 0 12px; font-size: 14px; line-height: 1.55; color: var(--ink3); }
.dd-group ul { display: grid; gap: 2px; list-style: none; }
.dd-group li a { display: flex; align-items: center; gap: 10px; padding: 6px 8px; margin: 0 -8px; border-radius: 9px; font-size: 14px; color: var(--ink2); }
.dd-group li a:hover { background: var(--tint-hover); color: var(--ink); }
.dd-errtable td:first-child { white-space: nowrap; }
.dd-errtable code { font: 600 13px/1.4 var(--mono); color: var(--ink); }


.dd--home .dd-main { padding-top: 0; }
.dd-home { display: grid; gap: clamp(56px, 7vw, 96px); max-width: 1240px; }
.dd-hero {
  position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: clamp(24px, 4vw, 56px);
  padding-top: clamp(36px, 5vw, 64px); isolation: isolate;
}
.dd-hero::before {
  content: ""; position: absolute; inset: 0 -56px -24px; z-index: -1; pointer-events: none;
  background-image: radial-gradient(var(--ht-ink) var(--ht-dot), transparent calc(var(--ht-dot) + .6px)); background-size: var(--ht-pitch) var(--ht-pitch);
  mask-image: radial-gradient(70% 80% at 72% 40%, #000, transparent 75%);
}
.dd-hero .dd-lead { max-width: 52ch; }
.dd-hero__go { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.dd-orrery { position: relative; display: grid; justify-items: center; gap: 14px; margin: 0; }
.dd-orrery svg { width: min(100%, 520px); height: auto; overflow: visible; }
.dd-ring { fill: none; stroke: var(--line-dot); stroke-width: 1.4; stroke-dasharray: 1.4 6; stroke-linecap: round; }
.dd-bead circle { stroke: var(--card); stroke-width: 2; transition: transform 220ms var(--ease); transform-box: fill-box; transform-origin: center; }
.dd-bead--rest circle { fill: var(--g); }
.dd-bead--events circle { fill: var(--lime); }
.dd-bead--market circle { fill: var(--forest); }
a.dd-bead { cursor: pointer; }
a.dd-bead:hover circle, a.dd-bead:focus-visible circle { transform: scale(1.7); }
a.dd-bead:focus-visible { outline: 0; }
.dd-core__t { font: 800 22px/1 var(--font); fill: #fff; letter-spacing: -.02em; pointer-events: none; }
.dd-orbit { transform-origin: 260px 260px; transform-box: view-box; animation: dd-orbit 36s linear infinite; }
.dd-sat { fill: var(--card); stroke: var(--g); stroke-width: 3; }
@keyframes dd-orbit { to { transform: rotate(360deg); } }
.dd-orrery__tip { min-height: 22px; font: 600 12.5px/1.5 var(--mono); color: var(--ink2); text-align: center; }
.dd-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; font-size: 13.5px; font-weight: 600; color: var(--ink2); }
.dd-legend span { display: inline-flex; align-items: center; gap: 7px; }
.dd-legend i { width: 10px; height: 10px; border-radius: 50%; }
.dd-legend__rest i { background: var(--g); } .dd-legend__events i { background: var(--lime); } .dd-legend__market i { background: var(--forest); }
.dd-first { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(24px, 4vw, 56px); align-items: start; padding: clamp(24px, 3.4vw, 40px); border-radius: var(--r-card); background: var(--card); border: 1px solid var(--line-card); box-shadow: var(--shadow-card); }
.dd-first__t { display: grid; gap: 12px; align-content: start; }
.dd-first__t p { color: var(--ink2); line-height: 1.6; }
.dd-first__code { display: grid; gap: 12px; min-width: 0; }
.dd-first__code .dd-code__pre { max-height: 300px; }
.dd-paths { display: grid; gap: 22px; }
.dd-sdks { display: grid; gap: 22px; }
.dd-sdks__t { display: grid; gap: 10px; max-width: 62ch; }
.dd-sdks__t p { color: var(--ink2); line-height: 1.6; }
.dd-sdk-row { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; list-style: none; }
.dd-sdk { display: grid; justify-items: start; gap: 4px; padding: 16px 14px 14px; border-radius: var(--r-md); background: var(--card); border: 1px solid var(--line); }
.dd-sdk b { margin-top: 8px; font-size: 15px; color: var(--ink); }
.dd-sdk small { font: 500 11.5px/1.3 var(--mono); color: var(--ink3); }

.dd-sdk__m { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.dd-sdk__m img { width: 34px; height: 34px; }
.dd-sdk__m--text { background: var(--ink); color: var(--on-ink); box-shadow: none; font: 800 13px/1 var(--mono); letter-spacing: -.02em; }
.dd-sbx {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr); padding: clamp(26px, 4vw, 44px); border-radius: var(--r-card); overflow: hidden; isolation: isolate;
  background: var(--cream); outline: 2px dotted rgba(var(--forest-rgb), .45); outline-offset: -2px;
}
.dd-sbx > div { display: grid; gap: 12px; max-width: 60ch; }
.dd-sbx p { color: var(--ink2); line-height: 1.6; }
.dd-sbx .dd-kicker { color: var(--forest); }
.dd-sbx__dots { position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(rgba(var(--forest-rgb), .22) 1.6px, transparent 2.2px); background-size: 14px 14px; mask-image: radial-gradient(60% 90% at 100% 50%, #000, transparent 70%); }


.dd-sd { position: fixed; inset: 0; width: min(680px, calc(100vw - 24px)); max-height: min(640px, calc(100dvh - 120px)); margin: 72px auto auto; padding: 0; border: 0; border-radius: var(--r); background: var(--card); color: var(--ink2); box-shadow: var(--shadow-glass); overflow: hidden; }
.dd-sd[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; }
.dd-sd::backdrop { background: rgba(13, 22, 18, .38); }
:root[data-theme="dark"] .dd-sd::backdrop { background: rgba(0, 0, 0, .6); }
.dd-sd__f { display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 18px; border-bottom: 1px solid var(--line); }
.dd-sd__f > .i { width: 18px; height: 18px; color: var(--ink3); }
.dd-sd__f input { flex: 1; min-width: 0; height: 44px; border: 0; outline: 0; background: none; font-size: 17px; color: var(--ink); }
.dd-sd__f input::-webkit-search-cancel-button { display: none; }
.dd-sd__r { overflow-y: auto; padding: 6px 8px; }
.dd-sd__g { margin: 10px 10px 4px; color: var(--ink3); }
.dd-sd__i { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 2px 12px; padding: 10px 12px; border-radius: 12px; color: var(--ink2); }
.dd-sd__i b { font-size: 15px; font-weight: 650; color: var(--ink); }
.dd-sd__i small { grid-column: 2; font: 500 12px/1.4 var(--mono); color: var(--ink3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dd-sd__i > .i, .dd-sd__i > .dd-m { grid-row: span 2; }
.dd-sd__i > .i { width: 18px; height: 18px; color: var(--ink3); }
.dd-sd__i[aria-selected="true"] { background: var(--tint-on); }
.dd-sd__i[aria-selected="true"] b { color: var(--g-deep); }
.dd-sd__hint { padding: 14px 20px 18px; font-size: 14px; color: var(--ink3); }
.dd-sform { display: flex; gap: 8px; margin: 24px 0; max-width: 620px; }
.dd-sform .input { flex: 1; }
.dd-sresults { display: grid; gap: 8px; list-style: none; }
.dd-sresults a { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 12px; align-items: center; padding: 14px 16px; border-radius: var(--r-md); background: var(--card); border: 1px solid var(--line); }
.dd-sresults a:hover { border-color: rgba(var(--g-rgb), .45); }
.dd-sresults b { grid-column: 2; color: var(--ink); }
.dd-sresults small { grid-column: 2; font: 500 12.5px/1.4 var(--mono); color: var(--ink3); }
.dd-sresults .dd-m { grid-row: span 2; }


.dd-foot { border-top: 1px solid var(--line); background: var(--white); }
.dd-foot__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 28px; padding: 26px clamp(18px, 4vw, 56px) calc(26px + env(safe-area-inset-bottom)) calc(var(--side-w) + clamp(18px, 4vw, 56px)); }
.dd-foot__note { max-width: 70ch; font-size: 13px; line-height: 1.55; color: var(--ink3); }
.dd-foot__links { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 13.5px; font-weight: 600; }
.dd-foot__links a:hover { color: var(--g-deep); }
.dd-404 { padding: 40px 0; }


@media (max-width: 1279px) {
  .dd-doc { grid-template-columns: minmax(0, 760px); }
  .dd-toc { display: none; }
  .dd-toc-inline { display: block; }
  .dd-op { grid-template-columns: minmax(0, 1fr); }
  .dd-op__rail { position: static; }
  .dd-op__sticky { max-height: none; overflow: visible; }
  .dd-env { display: none; }
}
@media (max-width: 1023px) {
  .dd { --side-w: 0px; }
  .dd-shell { grid-template-columns: minmax(0, 1fr); }
  .dd-menu { display: grid; margin-left: -8px; }
  .dd-tabs { display: none; }
  .dd-side {
    position: fixed; z-index: 60; top: 0; left: 0; bottom: 0; width: min(320px, 86vw); height: auto; background: var(--white);
    transform: translateX(-102%); visibility: hidden; transition: transform 320ms var(--ease), visibility 0s 320ms; box-shadow: var(--shadow-pop);
  }
  .dd.is-nav .dd-side { transform: none; visibility: visible; transition: transform 320ms var(--ease); }
  .dd-side__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
  .dd-scrim { position: fixed; inset: 0; z-index: 55; background: rgba(13, 22, 18, .36); }
  .dd-hero, .dd-first { grid-template-columns: minmax(0, 1fr); }
  .dd-sdk-row { grid-template-columns: repeat(7, minmax(120px, 1fr)); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; }
  .dd-sdk { scroll-snap-align: start; }
  .dd-orrery svg { width: min(100%, 400px); }
}
@media (max-width: 720px) {
  .dd { --head-h: 56px; }
  .dd-head__in { gap: 6px; }
  .dd-brand__mark { height: 30px; }
  .dd-brand__w, .dd-chip--v, .dd-getkey { display: none; }
  .dd-brand__docs { padding-left: 0; margin-left: 0; border-left: 0; }
  .dd-search { flex: 0 0 40px; width: 40px; margin-left: auto; padding: 0; justify-content: center; border-radius: 50%; }
  .dd-search__t, .dd-search kbd { display: none; }
  .dd-main { padding: 26px 16px 64px; }
  .dd-h1 { font-size: 30px; }
  .dd-h1--xl { font-size: 40px; }
  .dd-pager { grid-template-columns: minmax(0, 1fr); }
  .dd-hosts li { grid-template-columns: minmax(0, 1fr) auto; }
  .dd-hosts li > .dd-env-pill { grid-column: 1 / -1; justify-self: start; }
  .dd-hosts p { grid-column: 1 / -1; }
  .dd-step { padding-left: 44px; }
  .dd-code__pre { font-size: 12.5px; padding: 14px; }
  .dd-sd { margin-top: 12px; max-height: calc(100dvh - 24px); }
  .dd-foot__in { padding-left: 16px; padding-right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .dd-orbit { animation: none; }
  .dd-card, .dd-card__go, .dd-side, .dd-bead circle, .dd-more .i { transition: none; }
}
:root[data-paused] .dd-orbit { animation-play-state: paused; }