.traudu-demo{background:var(--traudu-canvas);color:var(--traudu-ink);min-height:100vh;font-family:var(--traudu-font-body)}.traudu-demo-nav{padding:var(--traudu-space-lg) var(--traudu-space-lg) var(--traudu-space-base);background:var(--traudu-warning-soft);color:var(--traudu-on-warning-soft);border-bottom:var(--traudu-layout-hairline) solid var(--traudu-warning)}.traudu-demo-picker summary{cursor:pointer;align-items:center;min-height:44px;text-decoration:underline;display:flex}.traudu-demo-title{font-size:var(--traudu-font-size-heading);font-weight:var(--traudu-font-weight-bold);align-items:center;gap:var(--traudu-space-md);flex-wrap:wrap;margin:0;display:flex}.traudu-demo-mock{border:var(--traudu-layout-hairline) solid currentcolor;border-radius:var(--traudu-radius-pill);padding:4px var(--traudu-space-md);font-size:var(--traudu-font-size-micro);font-weight:var(--traudu-font-weight-semibold);letter-spacing:var(--traudu-letter-spacing-wide)}.traudu-demo-lede{margin:var(--traudu-space-sm) 0 var(--traudu-space-base);max-width:72ch;font-size:var(--traudu-font-size-caption)}.traudu-demo-list{gap:var(--traudu-space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.traudu-demo-list a{min-height:var(--traudu-layout-min-touch-target);padding:0 var(--traudu-space-md);border:var(--traudu-layout-hairline) solid currentcolor;border-radius:var(--traudu-radius-sm);color:inherit;font-size:var(--traudu-font-size-micro);touch-action:manipulation;align-items:center;text-decoration:none;display:inline-flex}.traudu-demo-list a:hover{background:var(--traudu-surface)}.traudu-demo-list a[aria-current=page]{background:var(--traudu-surface);font-weight:var(--traudu-font-weight-bold);border-width:2px}.traudu-demo :focus-visible{outline:var(--traudu-layout-focus-ring-width) solid var(--traudu-focus-ring);outline-offset:2px}.traudu-demo-caption{margin:var(--traudu-space-base) calc(-1 * var(--traudu-space-lg)) 0;padding:var(--traudu-space-md) var(--traudu-space-lg);background:var(--traudu-surface-muted);color:var(--traudu-ink-muted);font-family:var(--traudu-font-mono);font-size:var(--traudu-font-size-micro);letter-spacing:var(--traudu-letter-spacing-wide);text-transform:uppercase}@media (prefers-reduced-motion:reduce){.traudu-demo *,.traudu-demo :before,.traudu-demo :after{transition:none!important;animation:none!important}}@media (forced-colors:active){.traudu-demo-list a,.traudu-demo-mock{border:2px solid buttontext}}