/* ============================================================
   EmailVerifyerAPI — Developer documentation
   Layout, code blocks, syntax colours. Tokens only.
   All text meets WCAG 2.2 AAA (>=7:1) on its own surface.
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg-primary);color:var(--text-primary)}
a{color:var(--info-text);text-decoration:none}
a:hover{color:var(--xe-blue-hover);text-decoration:underline}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--xe-blue);color:#fff;padding:12px 18px;border-radius:0 0 var(--radius-sm) 0;font-weight:700}
.skip-link:focus{left:0}

/* ── Top bar ──────────────────────────────────────────────── */
.dxh{position:sticky;top:0;z-index:60;background:rgba(255,255,255,0.88);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border-default)}
.dxh__inner{max-width:1560px;margin:0 auto;padding:0 var(--container-pad);height:var(--header-h-desktop);display:flex;align-items:center;gap:var(--space-lg)}
.dxh__logo{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:700;font-size:16px;letter-spacing:-0.01em;flex:none}
.dxh__logo:hover{color:var(--text-primary);text-decoration:none}
.dxh__mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(140deg,var(--auth-accent),var(--xe-blue));display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}
.dxh__tag{font-size:var(--fs-cap);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-tertiary);border-left:1px solid var(--border-default);padding-left:var(--space-md);margin-left:2px}
.dxh__spacer{flex:1}
.dxh__nav{display:flex;align-items:center;gap:var(--space-lg)}
.dxh__link{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:600;padding:6px 2px;border-bottom:2px solid transparent}
.dxh__link:hover{color:var(--xe-blue-hover);text-decoration:none}
.dxh__link[aria-current="page"]{color:var(--text-primary);border-bottom-color:var(--xe-blue)}
.dxh__cta{display:inline-flex;align-items:center;gap:6px;background:var(--xe-blue);color:#fff;font-size:var(--fs-sm);font-weight:700;padding:10px 16px;border-radius:var(--radius-pill)}
.dxh__cta:hover{background:var(--xe-blue-hover);color:#fff;text-decoration:none}
.dxh__burger{display:none;background:#fff;border:1px solid var(--border-secondary-btn);color:var(--text-primary);font-size:var(--fs-sm);font-weight:700;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer}
.dxh__burger:hover{border-color:var(--xe-blue);color:var(--xe-blue)}

/* ── Language selector (docs-only, vanilla JS) ──────────────────── */
.docs-lang-wrap{position:relative;display:flex;align-items:center}
.dxh__lang-btn{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);background:none;border:1px solid var(--border-secondary-btn);border-radius:var(--radius-pill);padding:5px 10px;cursor:pointer;white-space:nowrap;transition:color var(--motion-fast,0.15s) var(--motion-ease,ease),border-color var(--motion-fast,0.15s) var(--motion-ease,ease),background var(--motion-fast,0.15s) var(--motion-ease,ease)}
.dxh__lang-btn:hover{color:var(--xe-blue);border-color:var(--xe-blue);background:var(--xe-blue-soft)}
.dxh__lang-btn:focus-visible{outline:3px solid var(--xe-blue);outline-offset:2px}
.docs-lang-btn__label{font-size:var(--fs-cap);font-weight:700;letter-spacing:0.06em}
.docs-lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:120;background:#fff;border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:4px;min-width:120px;display:flex;flex-direction:column;gap:2px}
.docs-lang-item{font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);padding:8px 12px;text-align:left;cursor:pointer;transition:background var(--motion-fast,0.15s) var(--motion-ease,ease),color var(--motion-fast,0.15s) var(--motion-ease,ease)}
.docs-lang-item:hover{background:var(--xe-blue-soft);color:var(--xe-blue)}
.docs-lang-item:focus-visible{outline:3px solid var(--xe-blue);outline-offset:2px}
.docs-lang-item.is-active{background:var(--xe-blue);color:#fff;font-weight:700}
.docs-lang-item.is-active:hover{background:var(--xe-blue-hover)}
@media(prefers-reduced-motion:reduce){.dxh__lang-btn,.docs-lang-item{transition:none}}



/* ── Shell ────────────────────────────────────────────────── */
.dx{max-width:1560px;margin:0 auto;padding:0 var(--container-pad);display:grid;grid-template-columns:262px minmax(0,1fr) 218px;gap:var(--space-2xl);align-items:start}

/* ── Left navigation ──────────────────────────────────────── */
.dx-side{position:sticky;top:var(--header-h-desktop);max-height:calc(100vh - var(--header-h-desktop));overflow-y:auto;padding:var(--space-xl) 0 var(--space-3xl);scrollbar-width:thin}
.dx-search{position:relative;margin-bottom:var(--space-lg)}
.dx-search input{width:100%;font:inherit;font-size:var(--fs-sm);padding:10px 12px 10px 34px;border:1px solid var(--border-input);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary)}
.dx-search input::placeholder{color:var(--text-tertiary)}
.dx-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-tertiary)}
.dx-side__group{margin-bottom:var(--space-lg);border-radius:var(--radius-md)}
.dx-side__group h2{font-size:var(--fs-cap);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 8px;padding:0 10px;transition:color var(--motion-fast) var(--motion-ease)}
.dx-side__group.has-active h2{color:var(--xe-blue)}
.dx-side__group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
/* Current position: a solid filled pill, not a tinted background behind a thin
   coloured line - that combination reads as an ownable "you are here" marker rather
   than the generic soft-highlight every scaffolded docs template ships with. Mirrors
   the dashboard sidebar's own active-state rule (dashboard.css: "typography does the
   work, no left rail, no glow") adapted for a light surface instead of navy. */
.dx-side__group a{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);padding:6px 10px;border-radius:var(--radius-sm)}
.dx-side__group a:hover{background:var(--xe-blue-soft);color:var(--xe-blue);text-decoration:none}
.dx-side__group a.is-active{background:var(--xe-blue);color:#fff;font-weight:700}
.dx-side__group a.is-active:hover{background:var(--xe-blue-hover);color:#fff}
.dx-side__group a[hidden]{display:none}
.dx-meth{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:0.04em;padding:1px 5px;border-radius:4px;margin-right:7px;vertical-align:1px}
.dx-meth.is-get{background:#E7F3EA;color:var(--success-text)}
.dx-meth.is-post{background:var(--xe-blue-soft);color:var(--xe-blue)}
.dx-side__group a.is-active .dx-meth{background:rgba(255,255,255,0.24);color:#fff}

/* ── Right rail ───────────────────────────────────────────── */
.dx-rail{position:sticky;top:var(--header-h-desktop);max-height:calc(100vh - var(--header-h-desktop));overflow-y:auto;padding:var(--space-xl) 0;font-size:var(--fs-sm)}
.dx-rail h2{font-size:var(--fs-cap);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 10px}
.dx-rail ol{list-style:none;margin:0 0 var(--space-lg);padding:0;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border-default)}
.dx-rail a{display:block;color:var(--text-secondary);padding:4px 0 4px 12px;margin-left:-1px;border-left:2px solid transparent;font-size:13px;line-height:1.4}
.dx-rail a:hover{color:var(--xe-blue);text-decoration:none}
.dx-rail a.is-active{color:var(--xe-blue);font-weight:700;border-left-color:var(--xe-blue)}

/* ── Main content ─────────────────────────────────────────── */
.dx-main{padding:var(--space-xl) 0 var(--space-4xl);min-width:0}
.dx-crumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:var(--fs-cap);color:var(--text-tertiary);margin:0 0 var(--space-md)}
.dx-hero{border-bottom:1px solid var(--border-default);padding-bottom:var(--space-xl);margin-bottom:var(--space-2xl)}
.dx-hero h1{font-size:clamp(32px,4vw,44px);line-height:1.08;letter-spacing:-0.03em;font-weight:800;margin:0 0 var(--space-md);text-wrap:balance}
.dx-hero__lede{font-size:var(--fs-body-lg);line-height:1.6;color:var(--text-secondary);max-width:64ch;margin:0 0 var(--space-lg);text-wrap:pretty}
.dx-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--space-md)}
.dx-pill{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-cap);font-weight:700;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-card);padding:5px 11px;border-radius:var(--radius-pill)}
.dx-pill i{width:6px;height:6px;border-radius:50%;background:var(--success);display:block;flex:none}
.dx-pill.is-brand{background:var(--xe-blue-soft);border-color:#D3DCFF;color:var(--xe-blue)}
.dx-utils{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--space-lg)}

.dx-sec{padding:var(--space-2xl) 0;border-top:1px solid var(--border-default);scroll-margin-top:calc(var(--header-h-desktop) + 16px)}
.dx-sec:first-of-type{border-top:0;padding-top:0}
.dx-sec__head{display:flex;align-items:baseline;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md)}
.dx-eyebrow{font-size:var(--fs-cap);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--info-text);margin:0 0 10px}
.dx-sec h2{font-size:clamp(24px,2.6vw,var(--fs-h2));line-height:1.2;letter-spacing:-0.02em;font-weight:800;margin:0;text-wrap:balance}
.dx-sec h3{font-size:20px;font-weight:700;letter-spacing:-0.01em;margin:var(--space-xl) 0 8px;scroll-margin-top:calc(var(--header-h-desktop) + 16px)}
.dx-sec h4{font-size:var(--fs-body);font-weight:700;margin:var(--space-lg) 0 6px}
.dx-sec p{font-size:var(--fs-body);line-height:1.7;color:var(--text-secondary);max-width:74ch;margin:0 0 var(--space-md);text-wrap:pretty}
.dx-sec ul,.dx-sec ol{max-width:74ch;margin:0 0 var(--space-md);padding-left:22px;color:var(--text-secondary);font-size:var(--fs-body);line-height:1.7}
.dx-sec li{margin-bottom:6px}
.dx-sec li b,.dx-sec p b{color:var(--text-primary)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.89em}
.dx-sec p code,.dx-sec li code,.dx-sec td code,.dx-sec dd code,.dx-sec th code{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:5px;padding:1px 5px;color:var(--text-primary);white-space:nowrap}
.dx-lead{font-size:var(--fs-body-lg)!important;line-height:1.6!important;color:var(--text-primary)!important}

/* Section copy-for-LLM button */
.dx-copysec{flex:none;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:var(--fs-cap);font-weight:700;color:var(--text-secondary);background:#fff;border:1px solid var(--border-secondary-btn);border-radius:var(--radius-pill);padding:6px 12px;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}
.dx-copysec:hover{background:var(--xe-blue-soft);border-color:#C9D5FF;color:var(--xe-blue)}
.dx-copysec svg{width:13px;height:13px}
.dx-copysec.is-done{background:#E7F3EA;border-color:#BFE3CC;color:var(--success-text)}

/* ── Callouts ─────────────────────────────────────────────── */
.dx-note{border:1px solid var(--border-card);border-left:3px solid var(--info);background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin:0 0 var(--space-lg);max-width:74ch}
.dx-note p{margin:0;font-size:var(--fs-sm);line-height:1.65;color:var(--text-secondary)}
.dx-note p+p{margin-top:8px}
.dx-note b{color:var(--text-primary)}
.dx-note.is-warn{border-left-color:var(--warning)}
.dx-note.is-danger{border-left-color:var(--error)}
.dx-note.is-ok{border-left-color:var(--success)}
.dx-note__t{display:block;font-size:var(--fs-cap);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--info-text);margin-bottom:5px}
.dx-note.is-warn .dx-note__t{color:var(--warning-text)}
.dx-note.is-danger .dx-note__t{color:var(--error-text)}
.dx-note.is-ok .dx-note__t{color:var(--success-text)}

/* ── Tables ───────────────────────────────────────────────── */
.dx-tw{overflow-x:auto;border:1px solid var(--border-card);border-radius:var(--radius-md);margin:0 0 var(--space-lg);background:#fff}
table.dx-t{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:560px}
table.dx-t th{text-align:left;font-weight:700;color:var(--text-primary);background:var(--bg-secondary);padding:11px 14px;border-bottom:1px solid var(--border-card);white-space:nowrap}
table.dx-t td{padding:11px 14px;border-bottom:1px solid var(--border-default);color:var(--text-secondary);line-height:1.55;vertical-align:top}
table.dx-t tr:last-child td{border-bottom:0}
table.dx-t td:first-child{color:var(--text-primary);font-weight:600}
table.dx-t code{white-space:nowrap;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:5px;padding:1px 5px;color:var(--text-primary)}
.dx-req{color:var(--error-text);font-size:var(--fs-cap);font-weight:700;text-transform:uppercase;letter-spacing:0.04em}
.dx-opt{color:var(--text-tertiary);font-size:var(--fs-cap);font-weight:700;text-transform:uppercase;letter-spacing:0.04em}
.dx-status{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:12px;padding:2px 7px;border-radius:5px}
.dx-status.is-2{background:#E7F3EA;color:var(--success-text)}
.dx-status.is-4{background:#FFF4E0;color:var(--warning-text)}
.dx-status.is-5{background:#FDECEC;color:var(--error-text)}

/* ── Endpoint header ──────────────────────────────────────── */
.dx-ep{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--auth-navy-1);border-radius:var(--radius-md);padding:12px 16px;margin:0 0 var(--space-lg)}
.dx-ep__m{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800;letter-spacing:0.06em;padding:4px 9px;border-radius:6px;background:var(--auth-accent-2);color:var(--auth-navy-1)}
.dx-ep__p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:#F1F4FC;word-break:break-all}
.dx-ep__p em{font-style:normal;color:#A9C4FF}
.dx-ep__s{margin-left:auto;font-size:var(--fs-cap);font-weight:700;color:#C7D4F5;background:rgba(255,255,255,0.12);padding:4px 10px;border-radius:var(--radius-pill);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* ── Code blocks ──────────────────────────────────────────── */
.dx-code{position:relative;background:var(--auth-navy-1);border:1px solid #1A2550;border-radius:var(--radius-md);margin:0 0 var(--space-lg);overflow:hidden}
.dx-code__bar{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-bottom:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.03)}
.dx-code__file{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#B9C6E8;letter-spacing:0.01em}
.dx-code__tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin-right:auto}
.dx-code__tabs::-webkit-scrollbar{display:none}
.dx-tab{flex:none;font:inherit;font-size:12px;font-weight:700;color:#C3CFEC;background:transparent;border:0;padding:6px 11px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}
.dx-tab:hover{background:rgba(255,255,255,0.10);color:#fff}
.dx-tab[aria-selected="true"]{background:#fff;color:var(--auth-navy-1)}
.dx-copy{flex:none;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;font-weight:700;color:#DCE4F7;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.20);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer}
.dx-copy:hover{background:rgba(255,255,255,0.20);color:#fff}
.dx-copy.is-done{background:#0FA958;border-color:#0FA958;color:#04240F}
.dx-copy svg{width:13px;height:13px}
.dx-code pre{margin:0;padding:var(--space-md) var(--space-lg);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65;color:#E8EDF7;tab-size:2}
.dx-code pre code{font-size:inherit;background:none;border:0;padding:0;white-space:pre}
.dx-code--out .dx-code__bar{background:rgba(255,255,255,0.05)}

/* Syntax colours — all >=7:1 on #060D2E */
.tk-c{color:#A7B3D6;font-style:italic}
.tk-s{color:#7FE0B0}
.tk-k{color:#9FB8FF;font-weight:600}
.tk-n{color:#FFC98A}
.tk-p{color:#C9D3EE}

/* ── Quick-answer / card grids ────────────────────────────── */
.dx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:var(--space-md);margin:0 0 var(--space-lg)}
.dx-card{background:#fff;border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm)}
.dx-card h3{font-size:var(--fs-body);font-weight:700;margin:0 0 6px}
.dx-card p{font-size:var(--fs-sm);line-height:1.6;margin:0}
.dx-card__n{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-cap);font-weight:700;color:var(--info-text);margin-bottom:8px;letter-spacing:0.06em}
.dx-steps{counter-reset:s;list-style:none;padding:0;max-width:74ch}
.dx-steps>li{counter-increment:s;position:relative;padding-left:38px;margin-bottom:var(--space-md)}
.dx-steps>li::before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--xe-blue-soft);color:var(--xe-blue);font-size:13px;font-weight:800;display:grid;place-items:center}
.dx-dl{margin:0 0 var(--space-lg);max-width:74ch}
.dx-dl dt{font-weight:700;color:var(--text-primary);font-size:var(--fs-body);margin-top:var(--space-md)}
.dx-dl dd{margin:4px 0 0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.65}
.dx-faq details{border:1px solid var(--border-card);border-radius:var(--radius-md);background:#fff;margin-bottom:10px;max-width:74ch}
.dx-faq summary{cursor:pointer;font-weight:700;font-size:var(--fs-body);padding:13px var(--space-lg);list-style:none;display:flex;justify-content:space-between;gap:var(--space-md);align-items:center}
.dx-faq summary::-webkit-details-marker{display:none}
.dx-faq summary::after{content:"+";font-size:20px;font-weight:400;color:var(--text-tertiary);line-height:1}
.dx-faq details[open] summary::after{content:"–"}
.dx-faq details>p{padding:0 var(--space-lg) var(--space-md);margin:0;font-size:var(--fs-sm)}

/* ── Footer & CTA ─────────────────────────────────────────── */
.dx-cta{background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-2xl)}
.dx-cta h2{font-size:var(--fs-h3);font-weight:800;letter-spacing:-0.02em;margin:0 0 8px}
.dx-cta p{margin-bottom:var(--space-md)}
.dx-cta__row{display:flex;flex-wrap:wrap;gap:10px}
.dx-cta__row a.is-solid{background:var(--xe-blue);color:#fff;padding:11px 18px;border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-sm)}
.dx-cta__row a.is-solid:hover{background:var(--xe-blue-active);color:#fff;text-decoration:none}
.dx-cta__row a.is-ghost{border:1px solid var(--border-secondary-btn);background:#fff;color:var(--text-primary);padding:11px 18px;border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-sm)}
.dx-cta__row a.is-ghost:hover{border-color:var(--xe-blue);color:var(--xe-blue);text-decoration:none}
.dx-foot{background:var(--auth-navy-1);color:rgba(255,255,255,0.7);margin-top:var(--space-3xl)}
.dx-foot__inner{max-width:1560px;margin:0 auto;padding:var(--space-xl) var(--container-pad);display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-xl);justify-content:space-between;align-items:center;font-size:var(--fs-sm)}
.dx-foot a{color:rgba(255,255,255,0.86)}
.dx-foot a:hover{color:#fff}
.dx-foot nav{display:flex;flex-wrap:wrap;gap:var(--space-lg)}

/* ── Toast ────────────────────────────────────────────────── */
.dx-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(8px);z-index:120;background:var(--text-primary);color:#fff;font-size:var(--fs-sm);font-weight:600;padding:11px 18px;border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease)}
.dx-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── Focus ────────────────────────────────────────────────── */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:4px}
.dx-code button:focus-visible,.dx-foot a:focus-visible{outline-color:#fff}

/* ── Responsive ───────────────────────────────────────────── */
@media(max-width:1360px){.dx{grid-template-columns:248px minmax(0,1fr);gap:var(--space-xl)}.dx-rail{display:none}}
@media(max-width:1080px){
  .dx{grid-template-columns:1fr}
  .dxh__burger{display:inline-block}
  .dxh__nav{display:none}
  .dx-side{position:static;max-height:none;overflow:visible;display:none;border-bottom:1px solid var(--border-default);padding-bottom:var(--space-lg)}
  .dx-side.is-open{display:block}
  .dx-main{padding-top:var(--space-lg)}
}
@media(max-width:840px){.dxh__nav .dxh__link{display:none}.dxh__nav .dxh__cta{display:inline-flex}}
@media(max-width:640px){
  .dxh__tag{display:none}
  .dx-sec{padding:var(--space-xl) 0}
  .dx-code pre{font-size:12px;padding:var(--space-md)}
  .dx-sec__head{flex-direction:column;align-items:flex-start;gap:10px}
}
@media print{
  .dxh,.dx-side,.dx-rail,.dx-copy,.dx-copysec,.dx-toast{display:none!important}
  .dx{display:block}
  .dx-code{break-inside:avoid}
  .dx-faq details{break-inside:avoid}
  .dx-faq details>p{display:block!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important}}