/* Opt in with .ds-root; importing this file does not reset the host application. */
.ds-root { box-sizing: border-box; margin: 0; background: var(--ds-canvas); color: var(--ds-text); font: var(--ds-weight-regular) var(--ds-text-body)/var(--ds-leading-body) var(--ds-font-sans); accent-color: var(--ds-accent); }
.ds-root *, .ds-root *::before, .ds-root *::after { box-sizing: inherit; }
.ds-root :where(h1,h2,h3,p,pre,figure,dl) { margin: 0; }
.ds-root :where(h1,h2,h3) { font-weight: var(--ds-weight-strong); line-height: var(--ds-leading-heading); text-wrap: balance; }
.ds-root h1 { font-size: var(--ds-text-title); letter-spacing: var(--ds-tracking-title); }
.ds-root h2 { font-size: var(--ds-text-section); }
.ds-root h3 { font-size: var(--ds-text-body); }
.ds-root a { color: var(--ds-accent); text-underline-offset: .2em; text-decoration-thickness: 1px; }
.ds-root a:hover { color: var(--ds-accent-hover); }
.ds-root :where(input,button,select,textarea) { font: inherit; }
.ds-root :where(button,input,textarea,select,a):focus-visible { outline: var(--ds-focus-ring); outline-offset: 3px; }
.ds-root :where(button,input,textarea,select):disabled { opacity: .55; cursor: not-allowed; }
.ds-root :where(code,pre,kbd,samp) { font-family: var(--ds-font-mono); font-size: var(--ds-text-code); }
.ds-root :where(p,li,dd) code { background: var(--ds-accent-soft); padding: .1em .3em; border-radius: var(--ds-radius-small); overflow-wrap: anywhere; }
.ds-root ::selection { background: var(--ds-accent); color: var(--ds-elevated); }
.ds-root input { caret-color: var(--ds-accent); }
.ds-root ::placeholder { color: var(--ds-muted); opacity: 1; }
.ds-root * { scrollbar-color: var(--ds-border-strong) var(--ds-canvas); scrollbar-width: thin; }
@media (prefers-reduced-motion: reduce) { .ds-root *, .ds-root *::before, .ds-root *::after { transition: none !important; scroll-behavior: auto !important; } }