.sg-page-links{display:flex;gap:var(--uds-space-100);margin-bottom:var(--uds-space-300)}.sg-page-link{display:inline-flex;align-items:center;gap:var(--uds-space-075);font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-medium);font-family:var(--uds-font-family);padding:var(--uds-space-050) var(--uds-space-150);border-radius:var(--ds-radius-sm);border:1px solid var(--uds-color-border-primary);color:var(--uds-color-text-secondary);text-decoration:none;cursor:pointer;transition:background var(--ds-transition-fast),border-color var(--ds-transition-fast),color var(--ds-transition-fast);&:hover{background:var(--uds-color-surface-alt);border-color:var(--uds-color-border-interactive);color:var(--uds-color-text-interactive)}& .material-symbols-outlined{font-size:var(--uds-font-size-md);line-height:1}&[aria-disabled=true]{opacity:.4;pointer-events:none;cursor:not-allowed}}.sg-not-for-production{display:flex;align-items:flex-start;gap:var(--uds-space-150);padding:var(--uds-space-150) var(--uds-space-200);background:var(--uds-color-surface-warning-subtle);border:1px solid var(--uds-color-border-warning);border-radius:var(--ds-radius-md);font-family:var(--uds-font-family);font-size:var(--uds-font-size-sm);color:var(--uds-color-text-primary);line-height:1.5;margin-bottom:var(--uds-space-300);& .material-symbols-outlined{color:var(--uds-color-icon-warning);flex-shrink:0;font-size:20px}}.sg-recent-changes{margin-bottom:var(--uds-space-300);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-md);background:var(--uds-color-surface-subtle);font-family:var(--uds-font-family);&>summary{list-style:none;cursor:pointer;padding:var(--uds-space-150) var(--uds-space-200);display:flex;align-items:center;gap:var(--uds-space-100);font-size:var(--uds-font-size-sm);color:var(--uds-color-text-secondary);&::-webkit-details-marker{display:none}}&[open]>summary{border-bottom:1px solid var(--uds-color-border-secondary)}}.sg-recent-label{font-weight:var(--uds-font-weight-bold);color:var(--uds-color-text-primary)}.sg-recent-version{color:var(--uds-color-text-primary);font-weight:var(--uds-font-weight-medium)}.sg-recent-date{color:var(--uds-color-text-tertiary)}.sg-recent-toggle{margin-left:auto;color:var(--uds-color-text-interactive);font-weight:var(--uds-font-weight-medium)}.sg-recent-changes[open] .sg-recent-toggle:before{content:"Hide recent changes"}.sg-recent-changes[open] .sg-recent-toggle{font-size:0}.sg-recent-changes[open] .sg-recent-toggle:before{font-size:var(--uds-font-size-sm)}.sg-recent-inner{padding:var(--uds-space-200)}.sg-recent-release{margin-bottom:var(--uds-space-200);&:last-child{margin-bottom:0}}.sg-recent-release-title{font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-bold);color:var(--uds-color-text-primary);margin-bottom:var(--uds-space-100)}.sg-recent-release ul{list-style:none;padding:0;margin:0}.sg-recent-release li{font-size:var(--uds-font-size-sm);color:var(--uds-color-text-secondary);line-height:1.6;padding:var(--uds-space-050) 0}.sg-recent-type{display:inline-block;min-width:64px;padding:1px 8px;margin-right:var(--uds-space-100);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--ds-radius-sm);text-align:center}.sg-recent-type--added{background:var(--uds-color-surface-success-subtle);color:var(--uds-color-text-success)}.sg-recent-type--changed{background:var(--uds-color-surface-warning-subtle);color:var(--uds-color-text-warning)}.sg-recent-type--fixed{background:var(--uds-color-surface-info-subtle);color:var(--uds-color-text-info)}.sg-recent-type--deprecated,.sg-recent-type--removed{background:var(--uds-color-surface-error-subtle);color:var(--uds-color-text-error)}.sg-recent-full{display:inline-block;margin-top:var(--uds-space-100);font-size:var(--uds-font-size-sm);color:var(--uds-color-text-interactive);text-decoration:none;&:hover{text-decoration:underline}}.sg-example-only-banner{display:flex;align-items:center;gap:var(--uds-space-100);padding:var(--uds-space-100) var(--uds-space-200);background:var(--uds-color-surface-info-subtle);border:1px solid var(--uds-color-border-info);border-radius:var(--ds-radius-sm);font-family:var(--uds-font-family);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-medium);color:var(--uds-color-text-info);margin-bottom:var(--uds-space-300);& .material-symbols-outlined{font-size:16px;flex-shrink:0}& strong{font-weight:var(--uds-font-weight-bold);color:var(--uds-color-text-primary)}}.sg-download-btn{display:inline-flex;align-items:center;gap:var(--uds-space-100);padding:var(--uds-space-125) var(--uds-space-250);border-radius:var(--ds-radius-md);border:none;cursor:pointer;font-size:var(--uds-font-size-base);font-weight:var(--uds-font-weight-bold);font-family:var(--uds-font-family);background:var(--uds-color-surface-interactive-default);color:var(--uds-color-text-inverse);text-decoration:none;transition:background var(--ds-transition-fast);&:hover{background:var(--uds-color-surface-interactive-hover)}& .material-symbols-outlined{font-size:20px}}.sg-migration-block{padding:var(--uds-space-300);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-md);background:var(--uds-color-surface-subtle)}.sg-swatch-label{font-size:var(--uds-font-size-xs);color:var(--uds-color-text-secondary);text-align:center;line-height:1.3}.sg-example{border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-md);overflow:hidden;margin-bottom:var(--uds-space-300);box-shadow:var(--ds-shadow-sm)}.sg-example-preview{padding:var(--uds-space-300);display:flex;flex-wrap:wrap;gap:var(--uds-space-150);align-items:center;background:var(--uds-color-surface-main);&[data-direction=column]{flex-direction:column;align-items:flex-start}}.sg-example-code{border-top:1px solid var(--uds-color-border-secondary);& summary{display:flex;align-items:center;gap:var(--uds-space-075);padding:var(--uds-space-100) var(--uds-space-200);font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-medium);color:var(--uds-color-text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--uds-color-surface-subtle);list-style:none;&::-webkit-details-marker{display:none}&:before{content:"\25B6";font-size:9px;transition:transform var(--ds-transition-fast)}}&[open] summary:before{transform:rotate(90deg)}& pre{padding:var(--uds-space-200) var(--uds-space-250);margin:0;font-size:var(--uds-font-size-sm);font-family:SF Mono,Fira Code,JetBrains Mono,Menlo,monospace;overflow-x:auto;line-height:1.6;color:var(--uds-color-text-primary);background:var(--uds-color-surface-subtle)}}.sg-playground-code{padding:var(--uds-space-200) var(--uds-space-250);font-size:13px;line-height:1.6;border-radius:var(--ds-radius-md);font-family:SF Mono,Fira Code,JetBrains Mono,Menlo,monospace;background:var(--uds-color-surface-subtle);border:1px solid var(--uds-color-border-secondary);overflow-x:auto;white-space:pre-wrap;color:var(--uds-color-text-primary)}.sg-pg-control{display:flex;flex-direction:column;gap:4px}.sg-pg-label{font-size:11px;font-weight:var(--uds-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--uds-color-text-secondary)}.sg-pg-input,.sg-pg-select{font-family:var(--uds-font-family);font-size:13px;padding:6px 8px;border:1px solid var(--uds-color-border-primary);border-radius:var(--ds-radius-sm);background:var(--uds-color-surface-main);color:var(--uds-color-text-primary)}.sg-pg-checkbox{width:18px;height:18px;accent-color:var(--uds-color-surface-interactive-default)}.sg-icon-picker{position:relative}.sg-icon-picker-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;font-family:var(--uds-font-family);font-size:13px;cursor:pointer;border:1px solid var(--uds-color-border-primary);border-radius:var(--ds-radius-sm);background:var(--uds-color-surface-main);color:var(--uds-color-text-primary);text-align:left;&:hover{border-color:var(--uds-color-border-interactive)}& .material-symbols-outlined{font-size:20px;color:var(--uds-color-icon-secondary)}}.sg-icon-picker-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-icon-picker-dropdown{position:absolute;top:100%;left:0;right:0;z-index:var(--uds-z-index-dropdown);margin-top:4px;border:1px solid var(--uds-color-border-primary);border-radius:var(--ds-radius-md);background:var(--uds-color-surface-main);box-shadow:var(--ds-shadow-lg);max-height:320px;display:flex;flex-direction:column}.sg-icon-picker-search{font-family:var(--uds-font-family);font-size:13px;padding:10px 12px;border:none;border-bottom:1px solid var(--uds-color-border-secondary);outline:none;background:transparent;color:var(--uds-color-text-primary);border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;&::placeholder{color:var(--uds-color-text-secondary)}}.sg-icon-picker-results{overflow-y:auto;flex:1 1;padding:4px}.sg-icon-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:var(--ds-radius-sm);background:transparent;cursor:pointer;font-family:var(--uds-font-family);font-size:12px;color:var(--uds-color-text-primary);text-align:left;&:hover{background:var(--uds-color-surface-subtle)}&.active{background:var(--uds-color-surface-interactive-subtle-hover);color:var(--uds-color-text-interactive);& .material-symbols-outlined{color:var(--uds-color-icon-interactive)}}& .material-symbols-outlined{font-size:20px;color:var(--uds-color-icon-secondary)}}.sg-icon-picker-empty{padding:16px 12px;font-size:13px;color:var(--uds-color-text-secondary);text-align:center}.sg-impl-details{border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-md);overflow:hidden;& summary{padding:var(--uds-space-150) var(--uds-space-200);font-size:13px;font-weight:var(--uds-font-weight-bold);font-family:var(--uds-font-family);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--uds-color-surface-subtle);color:var(--uds-color-text-primary);display:flex;align-items:center;gap:8px;list-style:none;&::-webkit-details-marker{display:none}&:before{content:"";display:inline-block;width:0;height:0;border-left:5px solid var(--uds-color-text-secondary);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform var(--ds-transition-fast)}}&[open] summary:before{transform:rotate(90deg)}&[open] summary{border-bottom:1px solid var(--uds-color-border-secondary)}}.sg-impl-body{padding:0}.sg-impl-tabs{display:flex;gap:0;border-bottom:1px solid var(--uds-color-border-secondary);background:var(--uds-color-surface-subtle);padding:0 12px;font-family:var(--uds-font-family)}.sg-impl-tab{padding:8px 14px;font-size:12px;font-weight:var(--uds-font-weight-medium);cursor:pointer;background:transparent;color:var(--uds-color-text-secondary);border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--ds-transition-fast);&:hover{color:var(--uds-color-text-primary)}&[aria-selected=true]{color:var(--uds-color-text-interactive);border-bottom-color:var(--uds-color-border-interactive)}}.sg-impl-panel{display:none;position:relative;&.active{display:block}& pre{margin:0;padding:var(--uds-space-200) var(--uds-space-250);font-size:12px;line-height:1.65;font-family:SF Mono,Fira Code,JetBrains Mono,Menlo,monospace;background:var(--uds-color-surface-page-main);color:var(--uds-color-text-primary);overflow-x:auto;white-space:pre;max-height:480px;overflow-y:auto}}.sg-impl-tokens{padding:var(--uds-space-200) var(--uds-space-250);display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 24px;gap:4px 24px;font-size:12px;font-family:SF Mono,Fira Code,monospace;max-height:480px;overflow-y:auto;background:var(--uds-color-surface-page-main)}.sg-impl-token-group{grid-column:1/-1;font-weight:var(--uds-font-weight-bold);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--uds-color-text-secondary);padding:8px 0 4px;font-family:var(--uds-font-family);&:first-child{padding-top:0}}.sg-impl-token-row{display:flex;align-items:center;gap:8px;padding:3px 0;color:var(--uds-color-text-primary)}.sg-impl-token-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid var(--uds-color-border-secondary)}.sg-impl-token-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-impl-token-val{color:var(--uds-color-text-secondary);white-space:nowrap}.sg-readiness{display:flex;flex-direction:column;gap:var(--uds-space-200);margin:var(--uds-space-200) 0 var(--uds-space-250);padding:var(--uds-space-200) var(--uds-space-250);max-width:760px;background:var(--uds-color-surface-main);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-md);font-family:var(--uds-font-family);box-shadow:var(--ds-shadow-sm)}.sg-readiness__row{display:flex;flex-direction:column;gap:var(--uds-space-100);&+&{padding-top:var(--uds-space-200);border-top:1px solid var(--uds-color-border-tertiary)}}.sg-readiness__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--uds-space-100);font-size:var(--uds-font-size-xs);line-height:var(--uds-font-line-height-xs);color:var(--uds-color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--uds-font-weight-bold)}.sg-readiness__value{font-family:var(--uds-font-family);font-size:var(--uds-font-size-sm);line-height:var(--uds-font-line-height-sm);color:var(--uds-color-text-primary);font-weight:var(--uds-font-weight-medium);text-transform:none;letter-spacing:0}.sg-readiness__value--muted{color:var(--uds-color-text-secondary);font-weight:var(--uds-font-weight-regular)}.sg-readiness__cta{display:inline-flex;align-items:center;gap:var(--uds-space-050);font-size:var(--uds-font-size-xs);line-height:var(--uds-font-line-height-xs);color:var(--uds-color-text-interactive);text-transform:none;letter-spacing:0;font-weight:var(--uds-font-weight-medium);& .material-symbols-outlined{font-size:14px}}.sg-status-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--uds-space-075);gap:var(--uds-space-075);width:100%}.sg-status-bar__segment{display:flex;align-items:center;justify-content:center;min-height:28px;padding:var(--uds-space-050) var(--uds-space-100);border-radius:var(--ds-radius-sm);background:var(--uds-color-surface-subtle);color:var(--uds-color-text-secondary);font-size:var(--uds-font-size-xs);line-height:var(--uds-font-line-height-xs);font-weight:var(--uds-font-weight-medium);white-space:nowrap;transition:background var(--ds-transition-fast),color var(--ds-transition-fast);&[data-state=complete]{background:var(--uds-color-surface-alt);color:var(--uds-color-text-secondary)}&[data-state=current]{font-weight:var(--uds-font-weight-bold);&[data-status=placeholder]{background:var(--uds-color-surface-inverse);color:var(--uds-color-text-inverse)}&[data-status=blocked]{background:var(--uds-color-surface-error);color:var(--uds-color-text-inverse)}&[data-status=in-progress]{background:var(--uds-color-surface-warning);color:var(--uds-color-text-inverse)}&[data-status=review]{background:var(--uds-color-surface-warning-subtle);color:var(--uds-color-text-warning)}&[data-status=production]{background:var(--uds-color-surface-success);color:var(--uds-color-text-inverse)}&[data-status=deprecated]{background:var(--uds-color-surface-error);color:var(--uds-color-text-inverse);text-decoration:line-through}}}.sg-spec-bar{display:grid;grid-template-columns:repeat(22,minmax(0,1fr));grid-gap:3px;gap:3px;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:var(--ds-radius-sm);&:hover .sg-spec-bar__segment[data-filled=false]{background:var(--uds-color-surface-warning)}&:focus-visible{outline:2px solid var(--uds-color-border-outline-focus-visible);outline-offset:4px}}.sg-spec-bar__segment{height:10px;border-radius:2px;background:var(--uds-color-surface-warning-subtle);transition:background var(--ds-transition-fast);&[data-filled=true]{background:var(--uds-color-surface-success)}&[data-deferred=true]{background:repeating-linear-gradient(45deg,var(--uds-color-surface-subtle),var(--uds-color-surface-subtle) 3px,var(--uds-color-surface-alt) 3px,var(--uds-color-surface-alt) 6px)}}@media (max-width:760px){.sg-readiness{padding:var(--uds-space-150) var(--uds-space-200)}.sg-status-bar{grid-template-columns:1fr 1fr}.sg-status-bar__segment{min-height:32px}.sg-spec-bar{grid-template-columns:repeat(11,minmax(0,1fr))}}.sg-spec-popover{position:absolute;z-index:var(--uds-z-index-popover);width:360px;max-width:calc(100vw - var(--uds-space-300));max-height:480px;overflow-y:auto;background:var(--uds-color-surface-main);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);font-family:var(--uds-font-family)}.sg-spec-popover__header{display:flex;align-items:center;gap:var(--uds-space-100);padding:var(--uds-space-150) var(--uds-space-200);border-bottom:1px solid var(--uds-color-border-secondary);font-size:var(--uds-font-size-sm);color:var(--uds-color-text-primary);& strong{font-weight:var(--uds-font-weight-bold)}}.sg-spec-popover__pct{color:var(--uds-color-text-secondary)}.sg-spec-popover__close{margin-left:auto;background:transparent;border:none;padding:2px;color:var(--uds-color-text-secondary);cursor:pointer;line-height:1;border-radius:var(--ds-radius-sm);&:hover{background:var(--uds-color-surface-alt);color:var(--uds-color-text-primary)}& .material-symbols-outlined{font-size:18px}}.sg-spec-popover__footer,.sg-spec-popover__intro{margin:0;padding:var(--uds-space-150) var(--uds-space-200);font-size:var(--uds-font-size-xs);line-height:1.5;color:var(--uds-color-text-secondary)}.sg-spec-popover__footer{border-top:1px solid var(--uds-color-border-secondary);background:var(--uds-color-surface-subtle)}.sg-spec-popover__intro code{font-family:monospace;font-size:.9em;background:var(--uds-color-surface-alt);padding:1px 5px;border-radius:3px}.sg-spec-popover__group{padding:var(--uds-space-100) var(--uds-space-200) var(--uds-space-150);& h4{margin:0 0 var(--uds-space-100);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--uds-color-text-tertiary)}& ul{list-style:none;padding:0;margin:0}& li{display:flex;align-items:center;gap:var(--uds-space-100);padding:3px 0;font-size:var(--uds-font-size-sm)}}.sg-spec-popover__missing{color:var(--uds-color-text-secondary)}.sg-spec-popover__filled{color:var(--uds-color-text-primary)}.sg-spec-popover__check{color:var(--uds-color-icon-success);font-weight:var(--uds-font-weight-bold);width:14px;flex-shrink:0}.sg-spec-popover__dot{width:8px;height:8px;border-radius:50%;background:var(--uds-color-border-secondary);margin-left:3px;flex-shrink:0}.sg-guidelines-empty{padding:var(--uds-space-500) 0;color:var(--uds-color-text-tertiary);font-family:var(--uds-font-family);font-size:var(--uds-font-size-base);text-align:center}.sg-sidebar-dot{display:none}.sg-sidebar-portal-tooltip{position:fixed;top:0;bottom:auto;left:268px;right:auto;transform:translateY(-50%);max-width:280px;min-width:220px;padding:var(--uds-space-150) var(--uds-space-200);text-align:left;white-space:normal;font-size:var(--uds-font-size-sm);line-height:var(--uds-font-line-height-sm);z-index:var(--uds-z-index-tooltip);border-radius:var(--uds-border-radius-input);background:var(--uds-color-surface-inverse,#171717);color:var(--uds-color-text-inverse,#fff);box-shadow:var(--uds-shadow-depth-300);opacity:0;visibility:hidden;pointer-events:none;&[data-visible=true]{opacity:1;visibility:visible}}.sg-sidebar-tooltip__title{display:block;font-weight:var(--uds-font-weight-bold);color:var(--uds-color-text-primary);margin-bottom:var(--uds-space-150);font-size:var(--uds-font-size-base);line-height:var(--uds-font-line-height-base)}.sg-sidebar-tooltip__section{display:block;margin-top:var(--uds-space-150);&:first-of-type{margin-top:0}}.sg-sidebar-tooltip__section-label{color:var(--uds-color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--uds-font-weight-bold);margin-bottom:var(--uds-space-075)}.sg-sidebar-tooltip__caption,.sg-sidebar-tooltip__section-label{display:block;font-size:var(--uds-font-size-xs);line-height:var(--uds-font-line-height-xs)}.sg-sidebar-tooltip__caption{margin-top:var(--uds-space-075);color:var(--uds-color-text-secondary)}.sg-sidebar-tooltip__mini-bar{display:grid;grid-gap:3px;gap:3px;width:100%}.sg-sidebar-tooltip__mini-bar--status{grid-template-columns:repeat(5,minmax(0,1fr))}.sg-sidebar-tooltip__mini-bar--spec{grid-template-columns:repeat(22,minmax(0,1fr));gap:2px}.sg-sidebar-tooltip__mini-segment{display:block;height:8px;border-radius:2px;background:var(--uds-color-surface-subtle);&[data-state=complete]{background:var(--uds-color-surface-alt)}&[data-state=current][data-status=placeholder]{background:var(--uds-color-surface-inverse)}&[data-state=current][data-status=blocked]{background:var(--uds-color-surface-error)}&[data-state=current][data-status=in-progress]{background:var(--uds-color-surface-warning)}&[data-state=current][data-status=review]{background:var(--uds-color-surface-warning-subtle)}&[data-state=current][data-status=production]{background:var(--uds-color-surface-success)}&[data-state=current][data-status=deprecated]{background:var(--uds-color-surface-error)}}.sg-sidebar-tooltip__mini-segment--spec{height:6px;background:var(--uds-color-surface-warning-subtle)}.sg-sidebar-tooltip__mini-segment--spec[data-filled=true]{background:var(--uds-color-surface-success)}.sg-sidebar-tooltip__missing{display:block;margin-top:var(--uds-space-150);padding-top:var(--uds-space-100);border-top:1px solid var(--uds-color-border-tertiary);font-size:var(--uds-font-size-xs);line-height:var(--uds-font-line-height-xs);color:var(--uds-color-text-primary)}.ds-changelog-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--uds-space-300);gap:var(--uds-space-300);margin-top:var(--uds-space-200)}@media (min-width:1100px){.ds-changelog-layout{grid-template-columns:210px minmax(0,1fr)}}.ds-changelog-main{min-width:0}.ds-changelog-rail{display:none;font-size:var(--uds-font-size-sm);line-height:var(--uds-font-line-height-sm)}@media (min-width:1100px){.ds-changelog-rail{display:block;position:-webkit-sticky;position:sticky;top:var(--uds-space-300);align-self:flex-start;max-height:calc(100vh - var(--uds-space-700));overflow-y:auto;padding-right:var(--uds-space-200);border-right:1px solid var(--uds-color-border-secondary)}}.ds-changelog-filter-label,.ds-changelog-rail-heading{font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--uds-color-text-secondary);margin:0 0 var(--uds-space-100)}.ds-changelog-rail-list{list-style:none;margin:0;padding:0}.ds-changelog-rail-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;border:0;border-radius:var(--ds-radius-md);background:transparent;color:var(--uds-color-text-secondary);cursor:pointer;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:var(--uds-space-025) 0;padding:var(--uds-space-075) var(--uds-space-100);text-align:left;transition:background var(--ds-transition-fast),color var(--ds-transition-fast)}.ds-changelog-rail-link:hover{background:var(--uds-color-surface-subtle);color:var(--uds-color-text-primary)}.ds-changelog-rail-link[aria-current=true]{background:var(--uds-color-surface-interactive-subtle);color:var(--uds-color-text-interactive);font-weight:var(--uds-font-weight-medium)}.ds-changelog-rail-meta{display:block;color:var(--uds-color-text-secondary);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-regular);margin-top:1px}.ds-changelog-toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--uds-z-index-sticky);display:flex;flex-wrap:wrap;align-items:center;gap:var(--uds-space-200);padding:var(--uds-space-200) 0;margin-bottom:var(--uds-space-250);background:var(--uds-color-surface-page-main);border-bottom:1px solid var(--uds-color-border-secondary)}.ds-changelog-search{position:relative;flex:1 1 260px;min-width:220px}.ds-changelog-search-icon{position:absolute;left:var(--uds-space-150);top:50%;transform:translateY(-50%);font-size:18px;color:var(--uds-color-icon-secondary);pointer-events:none}.ds-changelog-search-input{width:100%;height:38px;padding:0 var(--uds-space-200) 0 calc(var(--uds-space-150) + 18px + var(--uds-space-100));border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-md);background:var(--uds-color-surface-main);color:var(--uds-color-text-primary);font-family:var(--uds-font-family);font-size:var(--uds-font-size-base)}.ds-changelog-search-input::placeholder{color:var(--uds-color-text-secondary)}.ds-changelog-search-input:focus-visible{outline:none;box-shadow:var(--ds-focus-ring);border-color:var(--uds-color-border-interactive)}.ds-changelog-component-filter-list,.ds-changelog-type-filters{display:flex;flex-wrap:wrap;gap:var(--uds-space-100)}.ds-changelog-component-filter-chip,.ds-changelog-filter-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--uds-space-075);min-height:28px;padding:0 var(--uds-space-150);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-full);background:var(--uds-color-surface-main);color:var(--uds-color-text-secondary);cursor:pointer;font-family:var(--uds-font-family);font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-medium);transition:background var(--ds-transition-fast),border-color var(--ds-transition-fast),color var(--ds-transition-fast),opacity var(--ds-transition-fast)}.ds-changelog-component-filter-chip:before,.ds-changelog-filter-chip:before{content:"";width:8px;height:8px;border-radius:var(--ds-radius-full);background:var(--uds-color-text-secondary)}.ds-changelog-filter-chip[data-type=added]:before,.ds-changelog-item[data-type=added] .ds-changelog-item-dot{background:var(--uds-color-text-success)}.ds-changelog-filter-chip[data-type=changed]:before,.ds-changelog-item[data-type=changed] .ds-changelog-item-dot{background:var(--uds-color-text-warning)}.ds-changelog-filter-chip[data-type=fixed]:before,.ds-changelog-item[data-type=fixed] .ds-changelog-item-dot{background:var(--uds-color-text-success)}.ds-changelog-filter-chip[data-type=deprecated]:before,.ds-changelog-filter-chip[data-type=removed]:before,.ds-changelog-item[data-type=deprecated] .ds-changelog-item-dot,.ds-changelog-item[data-type=removed] .ds-changelog-item-dot{background:var(--uds-color-text-error)}.ds-changelog-component-filter-chip:hover,.ds-changelog-filter-chip:hover{background:var(--uds-color-surface-interactive-subtle-hover);color:var(--uds-color-text-primary)}.ds-changelog-component-filter-chip[aria-pressed=true],.ds-changelog-filter-chip[aria-pressed=true]{background:var(--uds-color-surface-interactive-subtle);border-color:var(--uds-color-border-interactive);color:var(--uds-color-text-primary)}.ds-changelog-component-filter-chip[aria-pressed=false],.ds-changelog-filter-chip[aria-pressed=false]{opacity:.55}.ds-changelog-component-filter-chip:focus-visible,.ds-changelog-filter-chip:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.ds-changelog-component-filter{flex-basis:100%;padding-top:var(--uds-space-150);border-top:1px solid var(--uds-color-border-secondary)}.ds-changelog-empty{padding:var(--uds-space-400);text-align:center;color:var(--uds-color-text-secondary);font-size:var(--uds-font-size-base);background:var(--uds-color-surface-main);border:1px dashed var(--uds-color-border-secondary);border-radius:var(--ds-radius-lg)}.ds-changelog-stream{display:flex;flex-direction:column;gap:var(--uds-space-300)}.ds-changelog-card{background:var(--uds-color-surface-main);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);overflow:hidden}.ds-changelog-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--uds-space-200);padding:var(--uds-space-250) var(--uds-space-300);border-bottom:1px solid var(--uds-color-border-secondary);background:var(--ds-gradient-brand-subtle)}.ds-changelog-card-title{margin:0;font-size:var(--uds-font-size-lg);font-weight:var(--uds-font-weight-bold);color:var(--uds-color-text-primary);letter-spacing:-.01em}.ds-changelog-card-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--uds-space-100);color:var(--uds-color-text-secondary);font-size:var(--uds-font-size-xs)}.ds-changelog-card-meta span,.ds-changelog-version-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 var(--uds-space-100);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-full);background:var(--uds-color-surface-main);color:var(--uds-color-text-secondary)}.ds-changelog-card-body{padding:var(--uds-space-300)}.ds-changelog-section{margin-top:var(--uds-space-300)}.ds-changelog-section:first-child{margin-top:0}.ds-changelog-section-title{margin:0 0 var(--uds-space-150);color:var(--uds-color-text-secondary);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-bold);text-transform:uppercase;letter-spacing:.08em}.ds-changelog-component-group{margin-top:var(--uds-space-200);padding-top:var(--uds-space-200);border-top:1px solid var(--uds-color-border-secondary)}.ds-changelog-component-group:first-of-type{margin-top:0;padding-top:0;border-top:none}.ds-changelog-component-heading{margin:0 0 var(--uds-space-100);color:var(--uds-color-text-primary);font-size:var(--uds-font-size-base);font-weight:var(--uds-font-weight-medium)}.ds-changelog-item-list{list-style:none;margin:0;padding:0}.ds-changelog-item{display:grid;grid-template-columns:10px minmax(0,1fr);grid-gap:var(--uds-space-150);gap:var(--uds-space-150);color:var(--uds-color-text-primary);font-size:var(--uds-font-size-base);line-height:var(--uds-font-line-height-base)}.ds-changelog-item+.ds-changelog-item{margin-top:var(--uds-space-150)}.ds-changelog-item-dot{width:8px;height:8px;margin-top:7px;border-radius:var(--ds-radius-full);background:var(--uds-color-text-secondary)}.ds-changelog-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--uds-space-075);margin-bottom:var(--uds-space-050)}.ds-changelog-type{color:var(--uds-color-text-secondary);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.ds-changelog-type[data-type=added]{color:var(--uds-color-text-success)}.ds-changelog-type[data-type=changed]{color:var(--uds-color-text-warning)}.ds-changelog-type[data-type=fixed]{color:var(--uds-color-text-success)}.ds-changelog-type[data-type=deprecated],.ds-changelog-type[data-type=removed]{color:var(--uds-color-text-error)}.ds-changelog-component-tag{display:inline-flex;align-items:center;min-height:20px;padding:0 var(--uds-space-100);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-full);background:var(--uds-color-surface-subtle);color:var(--uds-color-text-secondary);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-medium)}.ds-changelog-item-text{margin:0}.ds-changelog-inline-code{font-size:.92em;padding:1px var(--uds-space-050);background:var(--uds-color-surface-subtle);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-sm)}.ds-changelog-inline-code,.ds-changelog-version-pill{font-family:var(--uds-font-family-mono,ui-monospace,SFMono-Regular,monospace)}.ds-changelog-version-pill{width:-moz-fit-content;width:fit-content;margin:0 0 var(--uds-space-150);font-size:var(--uds-font-size-xs)}.ds-changelog-card[hidden],.ds-changelog-item[hidden],.ds-changelog-section[hidden]{display:none!important}