/* SANKORD components. Every property reads a --ds-* token from tokens.css. */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--ds-bg-page);color:var(--ds-text-primary);font-family:var(--ds-font-family-sans);font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-leading);font-weight:var(--ds-type-body-weight)}
a{color:var(--ds-text-brand)}
:focus-visible{outline:none;box-shadow:var(--ds-effect-focus)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* SANKORD components, Tier 1. Every property reads a semantic --ds-* token. Logical properties throughout. Square corners by brand rule (radius/control = none). */
[dir="rtl"]{--dir-sign:-1}
[dir="ltr"]{--dir-sign:1}
.dsi{fill:none;stroke:currentColor;stroke-width:var(--ds-border-width-icon);stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;inline-size:var(--ds-icon-size-lg);block-size:var(--ds-icon-size-lg);flex:none}
.dsi.s20{inline-size:var(--ds-icon-size-md);block-size:var(--ds-icon-size-md);stroke-width:2.2}
.dsi.s16{inline-size:var(--ds-icon-size-sm);block-size:var(--ds-icon-size-sm);stroke-width:2.4}
[hidden]{display:none!important}
.vh{position:absolute;inline-size:var(--ds-border-width-hairline);block-size:var(--ds-border-width-hairline);overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* ---------- Button ---------- */
.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-spacing-xs);font-family:inherit;font-size:var(--ds-type-body-size);font-weight:var(--ds-type-ui-weight);line-height:1;min-block-size:var(--ds-control-height-md);padding-inline:var(--ds-control-padding-md);border:var(--ds-border-width-hairline) solid transparent;border-radius:var(--ds-radius-control);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative;transition:background-color var(--ds-motion-quick) var(--ds-motion-easing-standard),border-color var(--ds-motion-quick) var(--ds-motion-easing-standard)}
.ds-button:focus-visible,.ds-button.is-focus{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-button[data-size="sm"]{min-block-size:var(--ds-control-height-sm);padding-inline:var(--ds-control-padding-sm);font-size:var(--ds-type-caption-size)}
.ds-button[data-size="lg"]{min-block-size:var(--ds-control-height-lg);padding-inline:var(--ds-control-padding-lg)}
.ds-button[data-size="sm"]::after{content:"";position:absolute;inset-inline:0;inset-block:calc((var(--ds-control-height-sm) - var(--ds-control-touch-target)) / 2)}
.ds-button--primary{background:var(--ds-action-primary-default);color:var(--ds-action-primary-text)}
.ds-button--primary:hover,.ds-button--primary.is-hover{background:var(--ds-action-primary-hover)}
.ds-button--primary:active,.ds-button--primary.is-active{background:var(--ds-action-primary-active)}
.ds-button--secondary{background:var(--ds-action-secondary-default);color:var(--ds-action-secondary-text);border-color:var(--ds-action-secondary-border)}
.ds-button--secondary:hover,.ds-button--secondary.is-hover{background:var(--ds-action-secondary-hover)}
.ds-button--secondary:active,.ds-button--secondary.is-active{background:var(--ds-action-secondary-active)}
.ds-button--ghost{background:transparent;color:var(--ds-text-primary)}
.ds-button--ghost:hover,.ds-button--ghost.is-hover{background:var(--ds-bg-hover)}
.ds-button--ghost:active,.ds-button--ghost.is-active{background:var(--ds-bg-selected)}
.ds-button--destructive{background:transparent;color:var(--ds-text-error);border-color:var(--ds-action-destructive-default)}
.ds-button--destructive:hover,.ds-button--destructive.is-hover{background:var(--ds-bg-status-error);border-color:var(--ds-action-destructive-hover)}
.ds-button--destructive:active,.ds-button--destructive.is-active{background:var(--ds-action-destructive-active);border-color:var(--ds-action-destructive-active);color:var(--ds-action-destructive-text)}
.ds-button:disabled,.ds-button[aria-disabled="true"]{background:var(--ds-action-primary-disabled);color:var(--ds-text-disabled);border-color:transparent;cursor:not-allowed}
.ds-button--ghost:disabled{background:transparent}
.ds-button--secondary:disabled{background:var(--ds-action-secondary-disabled)}
.ds-button--destructive:disabled{background:var(--ds-action-destructive-disabled)}
.ds-button[aria-busy="true"]{cursor:progress}
.ds-button[aria-busy="true"] .dsi{animation:spin var(--ds-motion-duration-slower) linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* ---------- Link ---------- */
.ds-link{color:var(--ds-text-link);text-decoration:underline;text-decoration-thickness:var(--ds-border-width-hairline);text-underline-offset:0.2em;border-radius:var(--ds-radius-none)}
.ds-link--default{color:var(--ds-text-link)}
.ds-link:hover,.ds-link.is-hover{text-decoration-thickness:var(--ds-border-width-focus)}
.ds-link:visited,.ds-link.is-visited{color:var(--ds-text-link-visited)}
.ds-link:focus-visible,.ds-link.is-focus{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-link--inline{font-weight:inherit}
.ds-link--standalone{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xs);font-weight:var(--ds-type-ui-weight);text-decoration:none}
.ds-link--standalone:hover,.ds-link--standalone.is-hover{text-decoration:underline}
/* ---------- Field + Input ---------- */
.ds-formfield{display:flex;flex-direction:column;gap:var(--ds-spacing-xs);min-inline-size:0}
.ds-formfield__label{font-weight:var(--ds-type-ui-weight);font-size:var(--ds-type-body-size)}
.ds-formfield__help{font-size:var(--ds-type-caption-size);color:var(--ds-text-secondary)}
.ds-formfield__error{display:flex;align-items:center;gap:var(--ds-spacing-2xs);font-size:var(--ds-type-caption-size);color:var(--ds-text-error);font-weight:var(--ds-type-ui-weight)}
.ds-input{display:flex;align-items:center;gap:var(--ds-spacing-xs);min-block-size:var(--ds-control-height-md);padding-inline:var(--ds-control-padding-sm);background:var(--ds-bg-surface);border:var(--ds-border-width-hairline) solid var(--ds-border-strong);border-radius:var(--ds-radius-control);color:var(--ds-text-primary)}
.ds-input input,.ds-input textarea{all:unset;flex:1;min-inline-size:0;font:inherit;color:inherit;block-size:100%}
.ds-input input::placeholder{color:var(--ds-text-disabled)}
.ds-input:focus-within,.ds-input.is-focus{box-shadow:var(--ds-effect-focus);border-color:var(--ds-border-focus)}
.ds-input.is-error{border-color:var(--ds-border-error);box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-error)}
.ds-input.is-error:focus-within{box-shadow:var(--ds-effect-focus)}
.ds-input.is-disabled{background:var(--ds-bg-muted);color:var(--ds-text-disabled);border-color:var(--ds-border-default)}
.ds-input[data-size="sm"]{min-block-size:var(--ds-control-height-sm)}
.ds-input[data-size="lg"]{min-block-size:var(--ds-control-height-lg);padding-inline:var(--ds-control-padding-md)}
.ds-input__affix{color:var(--ds-text-secondary);font-family:var(--ds-font-family-mono)}
.ds-input--num input{text-align:end;font-family:var(--ds-font-family-mono)}
.ds-input--ltr input{direction:ltr;unicode-bidi:plaintext}
/* ---------- Checkbox / Radio ---------- */
.ds-checkbox{display:inline-flex;align-items:center;gap:var(--ds-spacing-sm);cursor:pointer;min-block-size:var(--ds-control-touch-target)}
.ds-checkbox input{appearance:none;margin:0;flex:none;inline-size:var(--ds-control-check-size);block-size:var(--ds-control-check-size);border:var(--ds-border-width-focus) solid var(--ds-border-strong);background:var(--ds-bg-surface);border-radius:var(--ds-radius-control);display:grid;place-content:center;cursor:pointer}
.ds-checkbox input:focus-visible,.ds-checkbox input.is-focus{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-checkbox input[type="checkbox"]:checked,.ds-checkbox input[type="checkbox"]:indeterminate{background:var(--ds-control-checked);border-color:var(--ds-control-checked)}
.ds-checkbox input[type="checkbox"]:checked::before{content:"";inline-size:calc(var(--ds-control-check-size) * 0.5);block-size:calc(var(--ds-control-check-size) * 0.28);border-inline-start:var(--ds-border-width-focus) solid var(--ds-control-checked-mark);border-block-end:var(--ds-border-width-focus) solid var(--ds-control-checked-mark);transform:translateY(-15%) rotate(-45deg)}
.ds-checkbox input[type="checkbox"]:indeterminate::before{content:"";inline-size:calc(var(--ds-control-check-size) * 0.5);block-size:var(--ds-border-width-focus);background:var(--ds-control-checked-mark)}
.ds-checkbox input[type="radio"]{border-radius:var(--ds-radius-full)}
.ds-checkbox input[type="radio"]:checked{border-color:var(--ds-control-checked)}
.ds-checkbox input[type="radio"]:checked::before{content:"";inline-size:calc(var(--ds-control-check-size) * 0.5);block-size:calc(var(--ds-control-check-size) * 0.5);background:var(--ds-control-checked);border-radius:var(--ds-radius-full)}
.ds-checkbox input:disabled{border-color:var(--ds-border-default);background:var(--ds-bg-muted);cursor:not-allowed}
.ds-checkbox input:disabled:checked{background:var(--ds-border-default)}
.ds-checkbox:has(input:disabled){color:var(--ds-text-disabled);cursor:not-allowed}
/* ---------- Toggle ---------- */
.ds-toggle{display:inline-flex;align-items:center;gap:var(--ds-spacing-sm);font:inherit;color:var(--ds-text-primary);background:none;border:0;padding:0;cursor:pointer;min-block-size:var(--ds-control-touch-target)}
.ds-toggle__track{position:relative;flex:none;inline-size:var(--ds-control-toggle-width);block-size:var(--ds-control-toggle-height);background:var(--ds-control-track-off);border-radius:var(--ds-radius-control);transition:background-color var(--ds-motion-quick) var(--ds-motion-easing-standard)}
.ds-toggle__track::after{content:"";position:absolute;inset-block:var(--ds-spacing-2xs);inset-inline-start:var(--ds-spacing-2xs);inline-size:calc(var(--ds-control-toggle-height) - 2 * var(--ds-spacing-2xs));background:var(--ds-text-secondary);transition:inset-inline-start var(--ds-motion-quick) var(--ds-motion-easing-standard)}
.ds-toggle[aria-checked="true"] .ds-toggle__track{background:var(--ds-control-checked)}
.ds-toggle[aria-checked="true"] .ds-toggle__track::after{inset-inline-start:calc(100% - var(--ds-control-toggle-height) + var(--ds-spacing-2xs));background:var(--ds-control-checked-mark)}
.ds-toggle:focus-visible,.ds-toggle.is-focus{outline:var(--ds-border-width-focus) solid transparent}
.ds-toggle:focus-visible .ds-toggle__track,.ds-toggle.is-focus .ds-toggle__track{box-shadow:var(--ds-effect-focus)}
.ds-toggle:disabled{color:var(--ds-text-disabled);cursor:not-allowed}
.ds-toggle:disabled .ds-toggle__track{background:var(--ds-border-default)}
/* ---------- Select ---------- */
.ds-select{position:relative;display:inline-flex;flex-direction:column;min-inline-size:calc(var(--ds-spacing-3xl) * 2.6)}
.ds-select__btn{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-spacing-sm);font:inherit;text-align:start;min-block-size:var(--ds-control-height-md);padding-inline:var(--ds-control-padding-sm);background:var(--ds-bg-surface);color:var(--ds-text-primary);border:var(--ds-border-width-hairline) solid var(--ds-border-strong);border-radius:var(--ds-radius-control);cursor:pointer}
.ds-select__btn:focus-visible,.ds-select__btn.is-focus{outline:none;box-shadow:var(--ds-effect-focus);border-color:var(--ds-border-focus)}
.ds-select__btn .dsi{transition:transform var(--ds-motion-micro) var(--ds-motion-easing-standard)}
.ds-select__btn[aria-expanded="true"] .dsi{transform:rotate(180deg)}
.ds-select__btn:disabled{background:var(--ds-bg-muted);color:var(--ds-text-disabled);border-color:var(--ds-border-default);cursor:not-allowed}
.ds-select[data-size="sm"] .ds-select__btn{min-block-size:var(--ds-control-height-sm)}
.ds-select[data-size="lg"] .ds-select__btn{min-block-size:var(--ds-control-height-lg)}
.ds-select__listbox{margin:var(--ds-spacing-2xs) 0 0;padding:var(--ds-spacing-2xs) 0;list-style:none;background:var(--ds-bg-elevated);border:var(--ds-border-width-hairline) solid var(--ds-border-default);box-shadow:var(--ds-effect-elevation-2);z-index:5}
.ds-select__listbox[hidden]{display:none}
.ds-select__listbox li{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-spacing-sm);padding:var(--ds-spacing-xs) var(--ds-control-padding-sm);min-block-size:var(--ds-control-height-sm);cursor:pointer}
.ds-select__listbox li:hover,.ds-select__listbox li.is-active{background:var(--ds-bg-hover)}
.ds-select__listbox li[aria-selected="true"]{font-weight:var(--ds-type-ui-weight)}
/* ---------- Card ---------- */
.ds-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-card);color:var(--ds-text-primary);display:flex;flex-direction:column;gap:var(--ds-spacing-xs)}
.ds-card--flat{background:var(--ds-bg-muted)}
.ds-card--outlined{border:var(--ds-border-width-hairline) solid var(--ds-border-default)}
.ds-card--elevated{background:var(--ds-bg-elevated);box-shadow:var(--ds-effect-elevation-2)}
.ds-card[data-padding="sm"]{padding:var(--ds-space-component-lg)}
.ds-card[data-padding="md"]{padding:var(--ds-space-section-sm)}
.ds-card[data-padding="lg"]{padding:var(--ds-space-section-md)}
.ds-card__title{font-weight:var(--ds-type-heading-weight);font-size:var(--ds-type-subtitle-size);line-height:var(--ds-type-heading-leading)}
.ds-card__meta{color:var(--ds-text-secondary);font-size:var(--ds-type-caption-size)}
/* ---------- Badge ---------- */
.ds-badge{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xs);font-size:var(--ds-type-caption-size);font-weight:var(--ds-font-weight-semibold);line-height:1.2;padding:var(--ds-spacing-2xs) var(--ds-spacing-sm);border-radius:var(--ds-radius-pill);white-space:nowrap}
.ds-badge[data-size="sm"]{padding:var(--ds-spacing-3xs) var(--ds-spacing-xs);font-size:var(--ds-type-label-sm-size)}
.ds-badge[data-size="sm"] .dsi{inline-size:var(--ds-spacing-md);block-size:var(--ds-spacing-md)}
.ds-badge--default{background:var(--ds-bg-status-neutral);color:var(--ds-text-status-neutral);box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-status-neutral)}
.ds-badge--info{background:var(--ds-bg-status-neutral);color:var(--ds-text-primary)}
.ds-badge--success{background:var(--ds-bg-status-success);color:var(--ds-text-status-success)}
.ds-badge--warning{background:var(--ds-bg-status-warning);color:var(--ds-text-status-warning)}
.ds-badge--error{background:var(--ds-bg-status-error);color:var(--ds-text-status-error)}
.ds-badge--decision{background:var(--ds-bg-status-decision);color:var(--ds-text-status-decision);box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-status-decision)}
.ds-badge--decision .dsi{color:var(--ds-icon-status-decision)}
/* ---------- Alert ---------- */
.ds-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--ds-spacing-sm);align-items:start;padding:var(--ds-space-component-lg);border-inline-start:var(--ds-border-width-decision) solid;background:var(--ds-bg-muted);border-color:var(--ds-border-strong)}
.ds-alert__title{font-weight:var(--ds-type-heading-weight)}
.ds-alert__body{color:var(--ds-text-primary)}
.ds-alert__body p{margin:0}
.ds-alert--info>.dsi{color:var(--ds-icon-secondary)}
.ds-alert--success{background:var(--ds-bg-status-success);border-color:var(--ds-border-status-success)}.ds-alert--success>.dsi{color:var(--ds-icon-status-success)}
.ds-alert--warning{background:var(--ds-bg-status-warning);border-color:var(--ds-border-status-warning)}.ds-alert--warning>.dsi{color:var(--ds-icon-status-warning)}
.ds-alert--error{background:var(--ds-bg-status-error);border-color:var(--ds-border-status-error)}.ds-alert--error>.dsi{color:var(--ds-icon-status-error)}
.ds-alert__close{background:none;border:0;color:var(--ds-text-secondary);cursor:pointer;padding:0;inline-size:var(--ds-control-height-sm);block-size:var(--ds-control-height-sm);display:grid;place-content:center;margin-block:calc(-1 * var(--ds-spacing-xs))}
.ds-alert__close:focus-visible{outline:none;box-shadow:var(--ds-effect-focus)}
/* ---------- Modal ---------- */
.ds-modal__scrim{position:fixed;inset:0;background:var(--ds-bg-scrim);display:grid;place-items:center;padding:var(--ds-space-page-md);z-index:50}
.ds-modal__scrim[hidden]{display:none}
.ds-modal__scrim:not([hidden]) .ds-modal{animation:rise var(--ds-motion-moderate) var(--ds-motion-easing-out)}
@keyframes rise{from{transform:translateY(var(--ds-spacing-sm));opacity:0}}
.ds-modal{background:var(--ds-bg-elevated);color:var(--ds-text-primary);box-shadow:var(--ds-effect-elevation-3);border-radius:var(--ds-radius-modal);inline-size:100%;max-inline-size:var(--ds-modal-width-md);display:flex;flex-direction:column;max-block-size:calc(100dvh - 2 * var(--ds-space-page-md))}
.ds-modal[data-size="sm"]{max-inline-size:var(--ds-modal-width-sm)}
.ds-modal[data-size="lg"]{max-inline-size:var(--ds-modal-width-lg)}
.ds-modal[data-size="full"]{max-inline-size:none;block-size:100%;max-block-size:none}
.ds-modal__head{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-spacing-md);padding:var(--ds-space-component-lg) var(--ds-space-section-sm);border-block-end:var(--ds-border-width-hairline) solid var(--ds-border-default)}
.ds-modal__head h3{margin:0;font-size:var(--ds-type-subtitle-size)}
.ds-modal__body{padding:var(--ds-space-section-sm);overflow:auto}
.ds-modal__foot{display:flex;justify-content:flex-end;gap:var(--ds-spacing-sm);padding:var(--ds-space-component-lg) var(--ds-space-section-sm);border-block-start:var(--ds-border-width-hairline) solid var(--ds-border-default)}
.ds-modal--static{box-shadow:var(--ds-effect-elevation-2)}
/* ---------- Tabs ---------- */
.ds-tabs{display:flex;flex-direction:column;gap:var(--ds-spacing-md);inline-size:100%;min-inline-size:0}
.ds-tabs__list{max-inline-size:100%}
.ds-tabs__list{display:flex;gap:var(--ds-spacing-2xs);overflow-x:auto;border-block-end:var(--ds-border-width-hairline) solid var(--ds-border-default)}
.ds-tabs__tab{white-space:nowrap;font:inherit;font-weight:var(--ds-type-ui-weight);color:var(--ds-text-secondary);background:none;border:0;padding:var(--ds-spacing-sm) var(--ds-spacing-md);min-block-size:var(--ds-control-touch-target);cursor:pointer;box-shadow:inset 0 0 0 transparent;margin-block-end:calc(-1 * var(--ds-border-width-hairline))}
.ds-tabs__tab:hover,.ds-tabs__tab.is-hover{color:var(--ds-text-primary)}
.ds-tabs__tab[aria-selected="true"]{color:var(--ds-text-primary);box-shadow:inset 0 calc(-1 * var(--ds-border-width-focus)) 0 var(--ds-text-primary)}
.ds-tabs__tab:focus-visible,.ds-tabs__tab.is-focus{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-tabs__tab:disabled{color:var(--ds-text-disabled);cursor:not-allowed}
.ds-tabs--v{flex-direction:row}
.ds-tabs--v .ds-tabs__list{flex-direction:column;border-block-end:0;border-inline-end:var(--ds-border-width-hairline) solid var(--ds-border-default);min-inline-size:calc(var(--ds-spacing-3xl) * 1.6)}
.ds-tabs--v .ds-tabs__tab{text-align:start;margin:0 calc(-1 * var(--ds-border-width-hairline)) 0 0}
.ds-tabs--v .ds-tabs__tab[aria-selected="true"]{box-shadow:inset calc(-1 * var(--dir-sign, 1) * var(--ds-border-width-focus)) 0 0 var(--ds-text-primary)}
.ds-tabs__panel{color:var(--ds-text-secondary)}
/* ---------- Avatar ---------- */
.ds-avatar{display:inline-grid;place-items:center;inline-size:var(--ds-avatar-size-md);block-size:var(--ds-avatar-size-md);background:var(--ds-bg-selected);color:var(--ds-text-primary);font-weight:var(--ds-font-weight-semibold);font-size:var(--ds-type-caption-size);border-radius:var(--ds-radius-none);overflow:hidden;flex:none}
.ds-avatar[data-size="xs"]{inline-size:var(--ds-avatar-size-xs);block-size:var(--ds-avatar-size-xs);font-size:var(--ds-font-size-xs)}
.ds-avatar[data-size="sm"]{inline-size:var(--ds-avatar-size-sm);block-size:var(--ds-avatar-size-sm)}
.ds-avatar[data-size="lg"]{inline-size:var(--ds-avatar-size-lg);block-size:var(--ds-avatar-size-lg);font-size:var(--ds-type-body-size)}
.ds-avatar[data-size="xl"]{inline-size:var(--ds-avatar-size-xl);block-size:var(--ds-avatar-size-xl);font-size:var(--ds-type-subtitle-size)}
.ds-avatar--icon{background:var(--ds-bg-muted);color:var(--ds-icon-secondary);box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-default)}
.ds-avatar--image svg{inline-size:100%;block-size:100%}
.ds-avatar .dsi{inline-size:60%;block-size:60%}
.ds-select[data-live] .ds-select__listbox{position:absolute;inset-block-start:100%;inset-inline:0}

@media (max-width:640px){.ds-tabs--v{flex-direction:column}.ds-tabs--v .ds-tabs__list{flex-direction:row;border-inline-end:0;border-block-end:var(--ds-border-width-hairline) solid var(--ds-border-default);overflow-x:auto}.ds-tabs--v .ds-tabs__tab[aria-selected="true"]{box-shadow:inset 0 calc(-1 * var(--ds-border-width-focus)) 0 var(--ds-text-primary)}}

/* ---------- Tier 2 ---------- */
.ds-tooltip__anchor{position:relative;display:inline-flex}
.ds-tooltip{position:absolute;z-index:20;background:var(--ds-bg-inverse);color:var(--ds-text-inverse);font-size:var(--ds-type-caption-size);line-height:var(--ds-font-leading-tight);padding:var(--ds-spacing-xs) var(--ds-spacing-sm);white-space:nowrap;pointer-events:none;border-radius:var(--ds-radius-none)}
.ds-tooltip[data-pos="top"]{inset-block-end:calc(100% + var(--ds-spacing-xs));inset-inline-start:50%;transform:translateX(-50%)}
.ds-tooltip[data-pos="bottom"]{inset-block-start:calc(100% + var(--ds-spacing-xs));inset-inline-start:50%;transform:translateX(-50%)}
.ds-tooltip[data-pos="start"]{inset-inline-end:calc(100% + var(--ds-spacing-xs));inset-block-start:50%;transform:translateY(-50%)}
.ds-tooltip[data-pos="end"]{inset-inline-start:calc(100% + var(--ds-spacing-xs));inset-block-start:50%;transform:translateY(-50%)}
.ds-tooltip__anchor[data-live] .ds-tooltip{opacity:0;transition:opacity var(--ds-motion-quick) var(--ds-motion-easing-standard)}
.ds-tooltip__anchor[data-live]:hover .ds-tooltip,.ds-tooltip__anchor[data-live]:focus-within .ds-tooltip{opacity:1}
.ds-popover{background:var(--ds-bg-elevated);border:var(--ds-border-width-hairline) solid var(--ds-border-default);box-shadow:var(--ds-effect-elevation-2);padding:var(--ds-space-component-lg);color:var(--ds-text-primary);inline-size:max-content;max-inline-size:calc(var(--ds-spacing-3xl) * 3)}
.ds-popover[data-size="md"]{max-inline-size:calc(var(--ds-spacing-3xl) * 4)}
.ds-popover__title{font-weight:var(--ds-type-heading-weight);margin-block-end:var(--ds-spacing-2xs)}
.ds-popover__anchor{position:relative;display:inline-flex;flex-direction:column}
.ds-popover__anchor .ds-popover.is-float{position:absolute;inset-block-start:calc(100% + var(--ds-spacing-2xs));inset-inline-start:0;z-index:20}
.ds-popover__cal{display:grid;grid-template-columns:repeat(7,var(--ds-control-height-sm));gap:var(--ds-spacing-3xs);font-size:var(--ds-type-caption-size)}
.ds-popover__calhead{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--ds-spacing-xs);font-weight:var(--ds-type-heading-weight)}
.ds-popover__cal abbr{text-align:center;color:var(--ds-text-secondary);text-decoration:none;padding-block:var(--ds-spacing-2xs)}
.ds-popover__cal button{font:inherit;block-size:var(--ds-control-height-sm);border:0;background:none;color:var(--ds-text-primary);cursor:pointer}
.ds-popover__cal button:hover{background:var(--ds-bg-hover)}
.ds-popover__cal button[aria-selected="true"]{background:var(--ds-control-checked);color:var(--ds-control-checked-mark)}
.ds-popover__cal button[data-today]{box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-strong)}
.ds-popover__cal button:focus-visible{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-popover__cal button:disabled{color:var(--ds-text-disabled)}
.ds-menu{list-style:none;margin:0;padding:var(--ds-spacing-2xs) 0;background:var(--ds-bg-elevated);border:var(--ds-border-width-hairline) solid var(--ds-border-default);box-shadow:var(--ds-effect-elevation-2);min-inline-size:calc(var(--ds-spacing-3xl) * 2.3)}
.ds-menu [role="menuitem"]{display:flex;align-items:center;gap:var(--ds-spacing-sm);inline-size:100%;font:inherit;text-align:start;background:none;border:0;color:var(--ds-text-primary);padding:var(--ds-spacing-xs) var(--ds-control-padding-sm);min-block-size:var(--ds-control-height-md);cursor:pointer}
.ds-menu [role="menuitem"]:hover,.ds-menu [role="menuitem"]:focus-visible{background:var(--ds-bg-hover);outline:none;box-shadow:inset calc(var(--dir-sign, 1) * var(--ds-border-width-focus)) 0 0 var(--ds-border-focus)}
.ds-menu [role="menuitem"].is-danger{color:var(--ds-text-error)}
.ds-menu [role="separator"]{block-size:var(--ds-border-width-hairline);background:var(--ds-border-default);margin-block:var(--ds-spacing-2xs)}
.ds-menu__anchor{position:relative;display:inline-flex;flex-direction:column}
.ds-menu__anchor .ds-menu.is-float{position:absolute;inset-block-start:calc(100% + var(--ds-spacing-2xs));inset-inline-end:0;z-index:20}
.ds-pagination{display:flex;align-items:center;gap:var(--ds-spacing-2xs)}
.ds-pagination a,.ds-pagination span{display:inline-grid;place-items:center;min-inline-size:var(--ds-control-height-md);block-size:var(--ds-control-height-md);padding-inline:var(--ds-spacing-xs);color:var(--ds-text-primary);text-decoration:none;font-variant-numeric:tabular-nums}
.ds-pagination a:hover{background:var(--ds-bg-hover)}
.ds-pagination a[aria-current="page"]{box-shadow:inset 0 0 0 var(--ds-border-width-focus) var(--ds-text-primary);font-weight:var(--ds-font-weight-semibold)}
.ds-pagination a:focus-visible{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-pagination [aria-disabled="true"]{color:var(--ds-text-disabled);pointer-events:none}
.ds-pagination__info{color:var(--ds-text-secondary);font-size:var(--ds-type-caption-size)}
.ds-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-2xs);list-style:none;margin:0;padding:0;font-size:var(--ds-type-caption-size)}
.ds-breadcrumb li{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xs);color:var(--ds-text-secondary)}
.ds-breadcrumb li+li::before{content:"/";color:var(--ds-text-disabled)}
.ds-breadcrumb a{color:var(--ds-text-secondary)}
.ds-breadcrumb [aria-current="page"]{color:var(--ds-text-primary);font-weight:var(--ds-type-ui-weight)}
.ds-breadcrumb button{font:inherit;background:none;border:0;color:var(--ds-text-secondary);cursor:pointer;padding:0}
.ds-progress{display:flex;flex-direction:column;gap:var(--ds-spacing-2xs);inline-size:100%;min-inline-size:calc(var(--ds-spacing-3xl) * 2)}
.ds-progress__track{position:relative;block-size:var(--ds-spacing-xs);background:var(--ds-bg-selected);overflow:hidden}
.ds-progress[data-size="sm"] .ds-progress__track{block-size:var(--ds-spacing-2xs)}
.ds-progress__fill{position:absolute;inset-block:0;inset-inline-start:0;background:var(--ds-text-primary)}
.ds-progress--ind .ds-progress__fill{inline-size:30%;animation:ind var(--ds-motion-duration-slower) var(--ds-motion-easing-standard) infinite alternate}
@keyframes ind{from{inset-inline-start:0}to{inset-inline-start:70%}}
.ds-progress__lbl{display:flex;justify-content:space-between;font-size:var(--ds-type-caption-size);color:var(--ds-text-secondary)}
.ds-spinner{display:inline-grid;place-items:center;color:var(--ds-icon-primary);line-height:0}
.ds-spinner .dsi{display:block;animation:spin var(--ds-motion-duration-slower) steps(8) infinite}
.ds-spinner[data-color="secondary"]{color:var(--ds-icon-secondary)}
.ds-spinner[data-color="inverse"]{color:var(--ds-text-inverse);background:var(--ds-bg-inverse);padding:var(--ds-spacing-xs)}
.ds-spinner[data-size="sm"] .dsi{inline-size:var(--ds-icon-size-sm);block-size:var(--ds-icon-size-sm)}
.ds-spinner[data-size="lg"] .dsi{inline-size:var(--ds-avatar-size-md);block-size:var(--ds-avatar-size-md)}
.ds-slider{display:flex;flex-direction:column;gap:var(--ds-spacing-xs);inline-size:100%;min-inline-size:calc(var(--ds-spacing-3xl) * 2)}
.ds-slider input[type="range"]{appearance:none;inline-size:100%;background:none;margin:0;block-size:var(--ds-control-touch-target);cursor:pointer}
.ds-slider input[type="range"]::-webkit-slider-runnable-track{block-size:var(--ds-spacing-2xs);background:var(--ds-control-track-off)}
.ds-slider input[type="range"]::-webkit-slider-thumb{appearance:none;inline-size:var(--ds-spacing-lg);block-size:var(--ds-spacing-lg);background:var(--ds-control-checked);margin-block-start:calc((var(--ds-spacing-2xs) - var(--ds-spacing-lg)) / 2);border:var(--ds-border-width-focus) solid var(--ds-bg-surface)}
.ds-slider input[type="range"]::-moz-range-track{block-size:var(--ds-spacing-2xs);background:var(--ds-control-track-off)}
.ds-slider input[type="range"]::-moz-range-thumb{inline-size:var(--ds-spacing-lg);block-size:var(--ds-spacing-lg);background:var(--ds-control-checked);border:var(--ds-border-width-focus) solid var(--ds-bg-surface);border-radius:var(--ds-radius-none)}
.ds-slider input[type="range"]:focus-visible{outline:var(--ds-border-width-focus) solid transparent}
.ds-slider input[type="range"]:focus-visible::-webkit-slider-thumb{box-shadow:var(--ds-effect-focus)}
.ds-slider input[type="range"].is-focus::-webkit-slider-thumb{box-shadow:var(--ds-effect-focus)}
.ds-slider input[type="range"]:disabled{cursor:not-allowed;opacity:.5}
.ds-slider__lbl{display:flex;justify-content:space-between;font-size:var(--ds-type-caption-size)}
.ds-slider__lbl output{font-family:var(--ds-font-family-mono)}
.ds-slider__range{position:relative;block-size:var(--ds-control-touch-target)}
.ds-slider__range input[type="range"]{position:absolute;inset:0;pointer-events:none}
.ds-slider__range input[type="range"]::-webkit-slider-thumb{pointer-events:auto}
.ds-slider__range input[type="range"]::-moz-range-thumb{pointer-events:auto}
.ds-slider__range input[type="range"]+input[type="range"]::-webkit-slider-runnable-track{background:transparent}
.ds-slider__range input[type="range"]+input[type="range"]::-moz-range-track{background:transparent}
.ds-accordion{border-block:var(--ds-border-width-hairline) solid var(--ds-border-default);min-inline-size:calc(var(--ds-spacing-3xl) * 3)}
.ds-accordion+.ds-accordion{border-block-start:0}
.ds-accordion__btn{display:flex;justify-content:space-between;align-items:center;inline-size:100%;font:inherit;font-weight:var(--ds-type-ui-weight);background:none;border:0;color:var(--ds-text-primary);padding:var(--ds-spacing-sm) 0;min-block-size:var(--ds-control-touch-target);cursor:pointer;text-align:start}
.ds-accordion__btn:focus-visible{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-accordion__btn .dsi{transition:transform var(--ds-motion-micro) var(--ds-motion-easing-standard)}
.ds-accordion__btn[aria-expanded="true"] .dsi{transform:rotate(180deg)}
.ds-accordion__panel{padding-block-end:var(--ds-spacing-md);color:var(--ds-text-secondary)}
.ds-toast{animation:rise var(--ds-motion-moderate) var(--ds-motion-easing-out);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--ds-spacing-sm);align-items:start;background:var(--ds-bg-inverse);color:var(--ds-text-inverse);padding:var(--ds-space-component-lg);box-shadow:var(--ds-effect-elevation-3);min-inline-size:calc(var(--ds-spacing-3xl) * 3);max-inline-size:calc(var(--ds-spacing-3xl) * 4.5);border-inline-start:var(--ds-border-width-decision) solid var(--ds-text-inverse)}
.ds-toast--success{border-inline-start-color:var(--ds-color-success-fg-dark)}
.ds-toast--warning{border-inline-start-color:var(--ds-color-warning-fg-dark)}
.ds-toast--error{border-inline-start-color:var(--ds-color-error-fg-dark)}
.ds-toast--info{border-inline-start-color:var(--ds-text-inverse)}
:root[data-theme="dark"] .ds-toast--success{border-inline-start-color:var(--ds-color-success-fg)}
:root[data-theme="dark"] .ds-toast--warning{border-inline-start-color:var(--ds-color-warning-fg)}
:root[data-theme="dark"] .ds-toast--error{border-inline-start-color:var(--ds-color-error-fg)}
.ds-toast__close{background:none;border:0;color:inherit;cursor:pointer;padding:0;inline-size:var(--ds-control-height-sm);block-size:var(--ds-control-height-sm);display:grid;place-content:center;margin-block:calc(-1 * var(--ds-spacing-xs))}
.ds-toast__close:focus-visible{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-toast__region{position:fixed;z-index:60;display:flex;flex-direction:column;gap:var(--ds-spacing-sm);inset-block-end:var(--ds-space-page-md);inset-inline-end:var(--ds-space-page-md)}
.ds-toast__region[data-pos="top-end"]{inset-block-start:calc(var(--ds-space-page-md) + var(--ds-control-height-lg));inset-block-end:auto}
.ds-toast__region[data-pos="bottom-center"]{inset-inline:0;align-items:center}
.ds-skeleton{background:var(--ds-bg-selected);animation:pulse var(--ds-motion-duration-slower) var(--ds-motion-easing-standard) infinite alternate}
@keyframes pulse{to{opacity:.55}}
.ds-skeleton--text{block-size:var(--ds-spacing-sm);inline-size:100%}
.ds-skeleton--avatar{inline-size:var(--ds-avatar-size-md);block-size:var(--ds-avatar-size-md)}
.ds-skeleton--card{block-size:calc(var(--ds-spacing-3xl) + var(--ds-spacing-lg));inline-size:100%}
.ds-skeleton__stack{display:flex;flex-direction:column;gap:var(--ds-spacing-xs);inline-size:calc(var(--ds-spacing-3xl) * 2.5)}
.ds-divider{border:0;margin:0;background:var(--ds-border-default);block-size:var(--ds-border-width-hairline);inline-size:100%}
.ds-divider--v{inline-size:var(--ds-border-width-hairline);block-size:auto;align-self:stretch;min-block-size:var(--ds-control-height-md)}
.ds-searchbar{display:flex;align-items:center;gap:var(--ds-spacing-xs);min-block-size:var(--ds-control-height-md);padding-inline:var(--ds-control-padding-sm);background:var(--ds-bg-surface);border:var(--ds-border-width-hairline) solid var(--ds-border-strong);color:var(--ds-text-primary);min-inline-size:calc(var(--ds-spacing-3xl) * 2.8)}
.ds-searchbar .dsi{color:var(--ds-icon-secondary)}
.ds-searchbar input{all:unset;flex:1;min-inline-size:0;font:inherit}
.ds-searchbar input::placeholder{color:var(--ds-text-disabled)}
.ds-searchbar:focus-within,.ds-searchbar.is-focus{box-shadow:var(--ds-effect-focus);border-color:var(--ds-border-focus)}
.ds-searchbar.is-disabled{background:var(--ds-bg-muted);border-color:var(--ds-border-default);color:var(--ds-text-disabled)}
.ds-searchbar.is-disabled .dsi{color:var(--ds-icon-disabled)}
.ds-searchbar[data-size="sm"]{min-block-size:var(--ds-control-height-sm)}
.ds-searchbar[data-size="lg"]{min-block-size:var(--ds-control-height-lg)}
.ds-searchbar__clear{background:none;border:0;color:var(--ds-icon-secondary);cursor:pointer;display:grid;place-content:center;padding:0}
.ds-searchbar__kbd{font-family:var(--ds-font-family-mono);font-size:var(--ds-font-size-xs);color:var(--ds-text-secondary);box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-default);padding:0 var(--ds-spacing-2xs)}
.ds-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-xs)}
.ds-filterbar__chip{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xs);font:inherit;font-size:var(--ds-type-caption-size);font-weight:var(--ds-type-ui-weight);min-block-size:var(--ds-control-height-sm);padding-inline:var(--ds-spacing-sm);background:var(--ds-bg-surface);color:var(--ds-text-primary);border:var(--ds-border-width-hairline) solid var(--ds-border-strong);cursor:pointer}
.ds-filterbar__chip[aria-pressed="true"]{background:var(--ds-control-checked);color:var(--ds-control-checked-mark);border-color:var(--ds-control-checked)}
.ds-filterbar__chip:focus-visible,.ds-filterbar__chip.is-focus{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-filterbar__chip:disabled{color:var(--ds-text-disabled);border-color:var(--ds-border-default);cursor:not-allowed}
.ds-toolbar{inline-size:100%;display:flex;align-items:center;gap:var(--ds-spacing-2xs);padding:var(--ds-spacing-2xs);background:var(--ds-bg-surface);border:var(--ds-border-width-hairline) solid var(--ds-border-default)}
.ds-toolbar--compact{padding:0;gap:0}
.ds-toolbar--compact .ds-button{min-block-size:var(--ds-control-height-sm);padding-inline:var(--ds-spacing-xs)}
.ds-toolbar[data-pos="bottom"]{border-inline:0;border-block-end:0;box-shadow:var(--ds-effect-elevation-1)}
.ds-toolbar__sp{flex:1}
.ds-actionmenu--bulk{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-sm);padding:var(--ds-spacing-xs) var(--ds-spacing-md);background:var(--ds-bg-inverse);color:var(--ds-text-inverse)}
.ds-actionmenu--bulk .ds-button--ghost{color:var(--ds-text-inverse)}
.ds-actionmenu--bulk .ds-button--ghost:hover{background:var(--ds-color-neutral-800)}
:root[data-theme="dark"] .ds-actionmenu--bulk .ds-button--ghost:hover{background:var(--ds-color-neutral-200)}
.ds-actionmenu__count{font-weight:var(--ds-font-weight-semibold);margin-inline-end:auto}
.ds-promptinput{display:flex;flex-direction:column;gap:var(--ds-spacing-xs);background:var(--ds-bg-surface);border:var(--ds-border-width-hairline) solid var(--ds-border-strong);padding:var(--ds-spacing-sm);min-inline-size:calc(var(--ds-spacing-3xl) * 3.6)}
.ds-promptinput textarea{all:unset;font:inherit;min-block-size:calc(var(--ds-type-body-size) * 3);color:var(--ds-text-primary);white-space:pre-wrap}
.ds-promptinput textarea::placeholder{color:var(--ds-text-disabled)}
.ds-promptinput[data-size="sm"] textarea{min-block-size:var(--ds-type-body-size)}
.ds-promptinput:focus-within,.ds-promptinput.is-focus{box-shadow:var(--ds-effect-focus);border-color:var(--ds-border-focus)}
.ds-promptinput.is-error{border-color:var(--ds-border-error);box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-error)}
.ds-promptinput.is-disabled{background:var(--ds-bg-muted);border-color:var(--ds-border-default);color:var(--ds-text-disabled)}
.ds-promptinput__row{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-spacing-sm)}
.ds-promptinput__hint{font-size:var(--ds-type-caption-size);color:var(--ds-text-secondary);display:inline-flex;align-items:center;gap:var(--ds-spacing-2xs)}
.ds-promptinput__out{color:var(--ds-text-primary);font-size:var(--ds-type-body-size)}
.ds-promptinput__caret{display:inline-block;inline-size:var(--ds-spacing-xs);block-size:var(--ds-type-body-size);background:var(--ds-text-primary);vertical-align:text-bottom;animation:blink var(--ds-motion-duration-slower) steps(2) infinite}
@keyframes blink{to{opacity:0}}
.ds-tag{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xs);font-size:var(--ds-type-caption-size);padding:var(--ds-spacing-3xs) var(--ds-spacing-sm);background:var(--ds-bg-selected);color:var(--ds-text-primary);white-space:nowrap}
.ds-tag--outline{background:transparent;box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-strong)}
.ds-tag[data-size="sm"]{font-size:var(--ds-type-label-sm-size);padding:var(--ds-spacing-3xs) var(--ds-spacing-xs)}
.ds-tag__x{background:none;border:0;padding:0;color:inherit;cursor:pointer;display:grid;place-content:center;margin-inline-end:calc(-1 * var(--ds-spacing-2xs))}
.ds-tag__x:focus-visible{outline:none;box-shadow:var(--ds-effect-focus)}
.ds-entitychip{display:inline-flex;align-items:center;gap:var(--ds-spacing-xs);font-size:var(--ds-type-body-size);padding:var(--ds-spacing-3xs) var(--ds-spacing-sm) var(--ds-spacing-3xs) var(--ds-spacing-3xs);box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-default);background:var(--ds-bg-surface);white-space:nowrap}
.ds-entitychip[data-size="sm"]{font-size:var(--ds-type-caption-size);padding-inline-end:var(--ds-spacing-xs)}
.ds-entitychip__sub{color:var(--ds-text-secondary);font-size:var(--ds-type-caption-size)}
.ds-tagpill{display:inline-flex;align-items:center;gap:var(--ds-spacing-xs);font-weight:var(--ds-type-ui-weight);color:var(--ds-text-primary);white-space:nowrap}
.ds-tagpill::before{content:"";inline-size:var(--ds-spacing-xs);block-size:var(--ds-spacing-xs);background:var(--ds-icon-status-neutral)}
.ds-tagpill{font-size:var(--ds-type-body-size)}
.ds-tagpill[data-size="sm"]{font-size:var(--ds-type-caption-size);gap:var(--ds-spacing-2xs)}
.ds-tagpill[data-size="sm"]::before{inline-size:var(--ds-spacing-2xs);block-size:var(--ds-spacing-2xs)}
.ds-tagpill--success::before{background:var(--ds-icon-status-success)}
.ds-tagpill--warning::before{background:var(--ds-icon-status-warning)}
.ds-tagpill--error::before{background:var(--ds-icon-status-error)}
.ds-tagpill--info::before{background:var(--ds-icon-status-neutral)}
.ds-select__val{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ds-formfield[data-datefield] input{unicode-bidi:plaintext}
.ds-tagpill--decision::before{background:var(--ds-decision-line);inline-size:var(--ds-border-width-decision);block-size:var(--ds-type-body-size)}
.ds-filecard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--ds-spacing-sm);align-items:center;padding:var(--ds-spacing-sm);background:var(--ds-bg-surface);box-shadow:inset 0 0 0 var(--ds-border-width-hairline) var(--ds-border-default);min-inline-size:calc(var(--ds-spacing-3xl) * 3)}
.ds-filecard[data-size="lg"]{grid-template-columns:minmax(0,1fr);gap:var(--ds-spacing-xs)}
.ds-filecard__thumb{display:grid;place-items:center;inline-size:var(--ds-avatar-size-md);block-size:var(--ds-avatar-size-md);background:var(--ds-bg-muted);color:var(--ds-icon-secondary)}
.ds-filecard[data-size="lg"] .ds-filecard__thumb{inline-size:100%;block-size:calc(var(--ds-spacing-3xl) + var(--ds-spacing-md))}
.ds-filecard__name,.ds-filecard__meta{display:block}
.ds-filecard__name{font-weight:var(--ds-type-ui-weight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ds-filecard__meta{font-size:var(--ds-type-caption-size);color:var(--ds-text-secondary)}
.ds-metarow{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--ds-spacing-2xs) var(--ds-spacing-md);margin:0;font-size:var(--ds-type-body-size)}
.ds-metarow dt{color:var(--ds-text-secondary)}
.ds-metarow dd{margin:0}
.ds-metarow[data-size="sm"]{font-size:var(--ds-type-caption-size)}
.ds-metarow--stacked{grid-template-columns:repeat(auto-fit,minmax(calc(var(--ds-spacing-3xl) * 1.3),1fr));gap:var(--ds-spacing-md)}
.ds-metarow--stacked div{display:flex;flex-direction:column;gap:var(--ds-spacing-3xs)}
.ds-metarow .mono{font-family:var(--ds-font-family-mono)}
.ds-tagpill--decision[data-size="sm"]::before{inline-size:var(--ds-border-width-decision);block-size:var(--ds-type-caption-size)}


/* Support classes used by the reference markup, lifted from the showcase. */
.accq{margin:0;font-size:inherit}
.amrow{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-spacing-md);padding:var(--ds-spacing-xs) var(--ds-spacing-md);background:var(--ds-bg-surface);border:var(--ds-border-width-hairline) solid var(--ds-border-default);inline-size:min(100%,calc(var(--ds-spacing-3xl) * 5))}
.cap{font-size:var(--ds-type-caption-size);color:var(--ds-text-secondary);margin:var(--ds-spacing-sm) 0 0}
.dtrow{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--ds-spacing-xs)}
.dvbox{display:flex;flex-direction:column;gap:var(--ds-spacing-xs);inline-size:calc(var(--ds-spacing-3xl) * 2)}
.dvrow{display:flex;gap:var(--ds-spacing-sm);align-items:center}
.scroll{overflow-x:auto;position:relative}
.scroll:focus-visible{outline:none;box-shadow:var(--ds-effect-focus)}