.sedge-section{border-radius:var(--radius-2xl);padding:var(--space-7);color:var(--text-primary);position:relative}@media not (min-width:40rem){.sedge-section{padding-inline:0;padding-block:var(--space-3);border:none}}.sedge-section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin:0 0 var(--space-5);border-bottom:1px solid color-mix(in srgb,var(--text-primary)58%,transparent);padding-bottom:14px;display:flex}[data-group=Intro]{--section-tone:var(--sky-bold);--section-tone-soft:var(--sky-soft)}[data-group=Foundations]{--section-tone:var(--pink-bold);--section-tone-soft:var(--pink-soft)}[data-group=Components]{--section-tone:var(--green-bold);--section-tone-soft:var(--green-soft)}[data-group=Patterns]{--section-tone:var(--coral-bold);--section-tone-soft:var(--coral-soft)}[data-sedge-theme=dark] [data-group=Intro]{--section-tone:var(--sky-soft)}[data-sedge-theme=dark] [data-group=Foundations]{--section-tone:var(--pink-soft)}[data-sedge-theme=dark] [data-group=Components]{--section-tone:var(--green-soft)}[data-sedge-theme=dark] [data-group=Patterns]{--section-tone:var(--coral-soft)}.sedge-section-heading-title{overflow-wrap:anywhere;min-width:0;font-family:var(--font-heading);font-size:var(--type-section-size);font-weight:var(--type-section-weight);line-height:var(--type-section-leading);letter-spacing:var(--type-section-tracking);color:var(--text-primary);margin:0}.sedge-section-heading-mark{background:var(--section-tone,var(--iris-soft));width:.42em;height:.72em;margin-left:.12em;display:inline-block}.sedge-section-heading-group{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:.875rem;font-weight:var(--font-medium);flex-shrink:0;display:inline-flex}.sedge-section-heading-icon{width:18px;height:18px;color:var(--section-tone);flex-shrink:0}@media not (min-width:40rem){.sedge-section-heading-icon{width:16px;height:16px}.sedge-section-heading{align-items:flex-start;gap:var(--space-3);flex-direction:column-reverse}.sedge-section-heading-title{font-size:clamp(2rem,10vw,2.25rem)}.group-heading{font-size:clamp(1.75rem,8vw,var(--type-h1-size))}}.sedge-section-lede{max-width:50rem;margin:var(--space-6)0 var(--space-5);color:var(--text-primary);font-size:var(--type-lede-size);line-height:var(--type-lede-leading);letter-spacing:var(--type-lede-tracking)}@media not (min-width:40rem){.sedge-section-lede{margin-top:var(--space-4);font-size:1.25rem;line-height:1.18}}.sedge-section-description,.sedge-section-intro>p:not(.type-supporting):not(.type-eyebrow),:where(.sedge-section-content)>p:not(.type-supporting):not(.type-eyebrow){margin:0 0 var(--space-4);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal)}@media not (min-width:40rem){.sedge-section-description,.sedge-section-intro>p:not(.type-supporting):not(.type-eyebrow),:where(.sedge-section-content)>p:not(.type-supporting):not(.type-eyebrow){font-size:var(--text-sm)}}:where(.sedge-section-intro)>p:last-child,:where(.sedge-section-content)>p:last-child{margin-bottom:0}.sedge-subheading{align-items:center;gap:var(--space-3);margin:var(--space-9)0 var(--space-6);border-bottom:1px solid color-mix(in srgb,var(--text-primary)30%,transparent);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:uppercase;padding-bottom:.875rem;display:flex}.sedge-subheading:before{content:"";background:var(--section-tone,var(--iris-bold));flex:none;width:.4375rem;height:.6875rem}@media not (min-width:40rem){.sedge-subheading{margin:var(--space-7)0 var(--space-5)}}.sedge-section-content>.sedge-subheading:first-child,.sedge-section-content>:first-child>.sedge-subheading:first-child,.sedge-section-content>:first-child>:first-child>.sedge-subheading:first-child,.sedge-section-intro+.sedge-subheading,.sedge-section-intro+*>.sedge-subheading:first-child{margin-top:var(--space-7)}@media not (min-width:40rem){.sedge-section-content>.sedge-subheading:first-child,.sedge-section-content>:first-child>.sedge-subheading:first-child,.sedge-section-content>:first-child>:first-child>.sedge-subheading:first-child,.sedge-section-intro+.sedge-subheading,.sedge-section-intro+*>.sedge-subheading:first-child{margin-top:var(--space-6)}}.sedge-numbered-list{counter-reset:sedge-item;margin:0;padding:0;list-style:none}.sedge-numbered-list>li{grid-template-columns:var(--space-6)minmax(0,1fr);align-items:baseline;gap:var(--space-4);padding:var(--space-4)0;border-bottom:1px solid color-mix(in srgb,var(--text-primary)20%,transparent);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);counter-increment:sedge-item;display:grid}.sedge-numbered-list>li:before{content:counter(sedge-item,decimal-leading-zero);color:var(--section-tone,var(--iris-bold));font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.04em}.sedge-numbered-list>li:first-child{padding-top:0}
.approach-principles{margin-top:var(--space-7)}.approach-label{margin-top:0}.approach-list{margin:0;padding:0;list-style:none}.approach-principle{grid-template-columns:var(--space-6)minmax(0,.85fr)minmax(0,1.75fr);align-items:center;gap:var(--space-4);padding:var(--space-5)0;border-top:var(--border-thin)solid color-mix(in srgb,var(--text-primary)30%,transparent);display:grid}.approach-principle:first-child{padding-top:var(--space-3);border-top:0}.approach-number{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.04em;color:var(--lightningcss-light,var(--sky-bold))var(--lightningcss-dark,var(--sky-soft))}.approach-principle h4{font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-leading);letter-spacing:var(--type-heading-tracking);margin:0}.approach-principle p{margin:0}@media not (min-width:40rem){.approach-principle{grid-template-columns:var(--space-5)minmax(0,1fr);align-items:baseline;gap:var(--space-2)var(--space-3)}.approach-principle p{grid-column:2}}
.logo-state-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.logo-state-example{justify-content:center;align-items:center;gap:var(--space-2);background:var(--surface-wash-soft);flex-direction:column;min-height:9rem;display:flex}.logo-state-label{color:var(--text-secondary)}.logo-variant-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.logo-variant-grid .logo-state-example{min-height:7rem}@media not (min-width:40rem){.logo-state-grid,.logo-variant-grid{gap:var(--space-2)}.logo-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-state-example{min-height:8rem}}
.swatch-grid{gap:var(--space-6)var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:48rem){.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.swatch-pair{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.swatch-tile{cursor:pointer;appearance:none;border:0;border-radius:0;width:100%;height:4.25rem;padding:0;display:block;position:relative}.swatch-tile--ground{height:3.5rem}.swatch-copy{top:var(--space-2);right:var(--space-2);opacity:0;transition:opacity var(--motion-hover-duration)var(--motion-hover-ease),transform var(--motion-hover-duration)var(--motion-hover-ease);display:inline-flex;position:absolute}.swatch-copy svg{width:.75rem;height:.75rem}.swatch-tile:hover .swatch-copy,.swatch-tile:focus-visible .swatch-copy,.swatch-tile[data-copied] .swatch-copy{opacity:1}.swatch-tile:hover .swatch-copy{transform:scale(1.1)}.swatch-done{bottom:var(--space-2);left:var(--space-2);background:var(--cream);color:var(--charcoal);font-size:.6875rem;font-weight:var(--font-medium);padding:2px 6px;line-height:1.3;position:absolute}.swatch-name{margin-top:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);display:block}.swatch-values{color:var(--text-secondary);font-family:var(--font-mono);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2px;font-size:.65625rem;line-height:1.5;display:grid}.swatch-values--single{grid-template-columns:1fr}.text-role-list{gap:var(--space-4);display:grid}@media (min-width:48rem){.text-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.text-role-box{padding:var(--space-4);border:1px solid color-mix(in srgb,var(--text-primary)20%,transparent)}.text-role-box--inverse{background:var(--espresso);color:var(--text-inverse);border-color:#0000}.text-role-row{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.text-role-row+.text-role-row{margin-top:var(--space-3)}.text-role-row code{font-family:var(--font-mono);font-size:var(--text-xs)}@media (prefers-reduced-motion:reduce){.swatch-copy{transition:none}.swatch-tile:hover .swatch-copy{transform:none}}
.typo-muted{color:var(--text-secondary);margin-top:2px;display:block}.typo-typeface{align-items:end;gap:var(--space-7);grid-template-columns:minmax(0,15rem) minmax(0,1fr);display:grid}.typo-typeface-aa{font-size:clamp(7rem,16vw,12.5rem);font-weight:var(--font-regular);letter-spacing:-.06em;color:var(--text-primary);line-height:.8}.typo-typeface-name{letter-spacing:-.03em;margin:0;font-size:2.125rem;line-height:1.1}.typo-typeface-alphabet{margin:var(--space-4)0 var(--space-3);letter-spacing:-.01em;word-break:break-all;font-size:1.375rem;line-height:1.35}.typo-weight-row{gap:var(--space-6)var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.typo-weight-item{min-width:0}.typo-weight-item.is-muted{opacity:.55}.typo-weight-sample{margin:0 0 var(--space-2);letter-spacing:-.03em;font-size:2.5rem;line-height:1.1}.typo-weight-label{font-size:.8125rem;font-weight:var(--font-medium);display:block}.typo-scale-list{margin-top:calc(var(--space-6)*-1);border-bottom:1px solid color-mix(in srgb,var(--text-primary)20%,transparent)}.typo-scale-row{grid-template-columns:13.75rem minmax(0,1fr);gap:0;display:grid}.typo-scale-row+.typo-scale-row{border-top:1px solid color-mix(in srgb,var(--text-primary)14%,transparent)}.typo-scale-info{padding:1.625rem var(--space-6)1.625rem 0}.typo-scale-role{font-size:.9375rem;font-weight:var(--font-medium);display:block}.typo-scale-class{font-family:var(--font-mono);margin-top:4px;font-size:.6875rem;display:block}.typo-scale-meta{color:var(--text-secondary);font-size:var(--text-xs);margin-top:6px;line-height:1.4;display:block}.typo-scale-used{color:var(--text-secondary);font-size:var(--text-xs);margin-top:4px;font-style:italic;display:block}.typo-scale-sample-cell{min-width:0;padding:1.625rem 0 1.625rem var(--space-6);border-left:1px solid color-mix(in srgb,var(--text-primary)20%,transparent);flex-direction:column;justify-content:center;display:flex}.typo-scale-sample{max-width:36rem;color:var(--text-primary);overflow-wrap:anywhere;margin:0}.typo-scale-sample.type-title,.typo-scale-sample.type-section,.typo-scale-sample.type-lede{max-width:none}.typo-scale-sample.type-title{font-size:clamp(3.5rem,9vw,7.5rem)}.typo-scale-sample+.typo-scale-sample{margin-top:6px}.typo-scale-mark{background:var(--section-tone,var(--emerald-soft));width:.42em;height:.72em;margin-left:.12em;display:inline-block}.typo-scale-label-sample.sedge-subheading{border:0;margin:0;padding:0}.typo-tracking-row{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.typo-tracking-sample{min-height:2.75rem;margin:0 0 var(--space-3);align-items:flex-end;line-height:1;display:flex}.typo-tracking-sample--tight{white-space:nowrap;letter-spacing:-.06em;font-size:2.25rem}.typo-tracking-sample--normal{letter-spacing:0;font-size:1.375rem}@media not (min-width:40rem){.typo-scale-list{margin-top:calc(var(--space-5)*-1)}.typo-typeface,.typo-scale-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.typo-scale-info{padding:var(--space-4)0 var(--space-2)}.typo-scale-sample-cell{padding:var(--space-2)0 var(--space-4)var(--space-4)}.typo-weight-row,.typo-tracking-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.typo-inline-code-sample{max-width:36rem;margin:0}
.icon-table{margin-top:calc(var(--space-6)*-1);border-bottom:1px solid color-mix(in srgb,var(--text-primary)20%,transparent);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.icon-table-cell{min-width:0;padding:var(--space-6)var(--space-5)}.icon-table-cell+.icon-table-cell{border-left:1px solid color-mix(in srgb,var(--text-primary)20%,transparent)}.icon-table-cell:first-child{padding-left:0}.icon-size-preview,.icon-context-preview{min-height:4rem;margin-bottom:var(--space-4);align-items:center;display:flex}.icon-size-preview svg{color:var(--section-tone,var(--emerald-soft))}.icon-table-label{color:var(--text-primary);font-size:.9375rem;font-weight:var(--font-medium);display:block}.icon-table-code{color:var(--text-secondary);font-family:var(--font-mono);margin-top:4px;font-size:.6875rem;display:block}.icon-table-note{color:var(--text-secondary);font-size:var(--text-xs);margin-top:4px;display:block}.icon-library-link{align-items:center;gap:var(--space-1);margin-top:var(--space-4);color:var(--text-primary);text-underline-offset:.18em;text-decoration:underline;display:inline-flex}.icon-library-link:hover{-webkit-text-decoration-color:var(--section-tone,var(--emerald-soft));text-decoration-color:var(--section-tone,var(--emerald-soft));text-decoration-thickness:2px}.icon-context-pair{align-items:center;gap:var(--space-2);color:var(--text-primary);display:inline-flex}.icon-context-pair--nav{font-size:var(--text-sm)}.icon-context-pair--nav svg{color:var(--section-tone,var(--emerald-soft))}.icon-context-pair--meta{font-size:var(--text-xs)}.icon-context-preview--colors{gap:var(--space-4);color:var(--text-primary)}.icon-context-tone{color:var(--section-tone,var(--emerald-soft))}.icon-context-dark{padding:var(--space-2);background:var(--espresso);color:var(--cream);display:inline-flex}@media not (min-width:40rem){.icon-table{margin-top:calc(var(--space-5)*-1);grid-template-columns:minmax(0,1fr)}.icon-table-cell,.icon-table-cell:first-child{padding:var(--space-5)0}.icon-table-cell+.icon-table-cell{border-left:0;border-top:1px solid color-mix(in srgb,var(--text-primary)14%,transparent)}}
.spacing-table{margin-top:calc(var(--space-6)*-1);border-bottom:1px solid color-mix(in srgb,var(--text-primary)20%,transparent)}.spacing-row{align-items:center;gap:var(--space-4);min-height:2.75rem;padding:var(--space-2)0;grid-template-columns:6.5rem 3rem 8.5rem minmax(0,1fr);display:grid}.spacing-row--alias{grid-template-columns:6.5rem 5rem minmax(0,1fr)}.spacing-row+.spacing-row{border-top:1px solid color-mix(in srgb,var(--text-primary)12%,transparent)}.spacing-token{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs)}.spacing-px{color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.spacing-bar-cell{align-items:center;display:flex}.spacing-bar{height:var(--space-3);background:var(--section-tone,var(--emerald-soft));display:block}.spacing-used{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.spacing-everyday{border:1px solid color-mix(in srgb,var(--text-primary)30%,transparent);color:var(--text-secondary);padding:1px 6px;font-size:.6875rem;line-height:1.4}.spacing-anatomy{max-width:26rem;margin:var(--space-5)0 0;padding:0;list-style:none}.spacing-anatomy-block{padding:var(--space-3)var(--space-4);border:1px solid color-mix(in srgb,var(--text-primary)30%,transparent);color:var(--text-primary);font-size:var(--text-sm);display:block}.spacing-anatomy-gap{align-items:center;gap:var(--space-3);min-height:var(--space-6);color:var(--text-secondary);font-family:var(--font-mono);font-size:.6875rem;display:flex}.spacing-anatomy li:nth-child(2) .spacing-anatomy-gap{min-height:2rem}.spacing-anatomy li:nth-child(3) .spacing-anatomy-gap{min-height:1.5rem}.spacing-anatomy li:nth-child(4) .spacing-anatomy-gap{min-height:5rem}.spacing-anatomy li:nth-child(5) .spacing-anatomy-gap{min-height:2rem}.spacing-anatomy-measure{width:var(--space-2);margin-left:var(--space-4);background:var(--section-tone,var(--emerald-soft));opacity:.6;align-self:stretch}@media not (min-width:40rem){.spacing-table{margin-top:calc(var(--space-5)*-1)}.spacing-row{row-gap:var(--space-1);grid-template-columns:6rem 2.5rem minmax(0,1fr)}.spacing-row .spacing-used{grid-column:1/-1}.spacing-row--alias{grid-template-columns:6.5rem minmax(0,1fr)}}
.layout-figure{margin:0}.layout-frame{border:1px solid color-mix(in srgb,var(--text-primary)30%,transparent);grid-template-columns:1.5rem minmax(0,1fr) 1.5rem;height:7rem;display:grid}.layout-gutter{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--section-tone,var(--emerald-soft))45%,transparent)0 1px,transparent 1px 6px)}.layout-frame-inner{border-inline:1px dashed color-mix(in srgb,var(--text-primary)30%,transparent);justify-content:center;align-items:center;display:flex}.layout-frame-label{color:var(--text-secondary);font-family:var(--font-mono);font-size:.6875rem}.layout-caption{gap:var(--space-1);margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);flex-direction:column;line-height:1.5;display:flex}.layout-caption code,.layout-measure-label code{color:var(--text-primary);font-family:var(--font-mono);font-size:.6875rem}.layout-caption-title{color:var(--text-primary);font-size:.9375rem;font-weight:var(--font-medium)}.layout-shapes{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.layout-wire{height:12rem;padding:var(--space-3);border:1px solid color-mix(in srgb,var(--text-primary)30%,transparent);color:var(--text-secondary);flex-direction:column;font-size:.6875rem;display:flex}.layout-wire-header{height:3rem;padding-bottom:var(--space-2);color:var(--text-primary);letter-spacing:-.03em;align-items:flex-end;font-size:1.25rem;display:flex}.layout-wire-rule{height:1px;margin-bottom:var(--space-3);background:color-mix(in srgb,var(--text-primary)58%,transparent)}.layout-wire-nav{padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--text-primary)30%,transparent)}.layout-wire-body{flex:1;grid-template-columns:26% 6% minmax(0,1fr);display:grid}.layout-wire-rail,.layout-wire-main{padding:var(--space-2);border:1px solid color-mix(in srgb,var(--text-primary)20%,transparent)}.layout-wire-rail{background:color-mix(in srgb,var(--section-tone,var(--emerald-soft))22%,transparent)}.layout-wire-gap{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--section-tone,var(--emerald-soft))45%,transparent)0 1px,transparent 1px 6px)}.layout-table{margin-top:calc(var(--space-6)*-1);border-bottom:1px solid color-mix(in srgb,var(--text-primary)20%,transparent)}.layout-row{align-items:center;gap:var(--space-4);min-height:2.75rem;padding:var(--space-2)0;grid-template-columns:10rem 7.5rem minmax(0,1fr);display:grid}.layout-row+.layout-row{border-top:1px solid color-mix(in srgb,var(--text-primary)12%,transparent)}.layout-token{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs)}.layout-value{color:var(--text-secondary);font-size:var(--text-xs)}.layout-used{color:var(--text-primary);font-size:var(--text-sm)}.layout-measure-demo{margin-top:var(--space-6)}.layout-measure-label{margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);display:block}.layout-measure-demo p{margin:0 0 var(--space-5);padding-right:var(--space-2);border-right:2px solid var(--section-tone,var(--emerald-soft));font-size:var(--text-base);line-height:1.6}@media not (min-width:40rem){.layout-shapes{grid-template-columns:minmax(0,1fr)}.layout-table{margin-top:calc(var(--space-5)*-1)}.layout-row{row-gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto}.layout-used{grid-column:1/-1}}[data-sedge-theme=dark] .layout-gutter,[data-sedge-theme=dark] .layout-wire-gap{background:repeating-linear-gradient(-45deg,var(--section-tone)0 1px,transparent 1px 6px)}[data-sedge-theme=dark] .layout-wire-rail{background:color-mix(in srgb,var(--section-tone)45%,transparent)}
.shape-table{margin-top:calc(var(--space-6)*-1);border-bottom:1px solid color-mix(in srgb,var(--text-primary)20%,transparent)}.shape-row{align-items:center;gap:var(--space-4);padding:var(--space-3)0;grid-template-columns:7.5rem 3.5rem 4rem minmax(0,1fr);display:grid}.shape-row+.shape-row{border-top:1px solid color-mix(in srgb,var(--text-primary)12%,transparent)}.shape-token{font-family:var(--font-mono);font-size:var(--text-xs)}.shape-px{color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.shape-corner{background:var(--section-tone,var(--emerald-soft));width:2.5rem;height:2.5rem;display:block}.shape-used{font-size:var(--text-sm)}.shape-aliases{gap:var(--space-2)var(--space-6);margin-top:var(--space-4);color:var(--text-secondary);flex-wrap:wrap;display:flex}.shape-aliases code{color:var(--text-primary);font-family:var(--font-mono);font-size:.6875rem}.shape-grid{margin-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--text-primary)20%,transparent);border-left:1px solid color-mix(in srgb,var(--text-primary)20%,transparent);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.shape-cell{align-items:center;gap:var(--space-3);padding:var(--space-6)var(--space-4)var(--space-4);border-right:1px solid color-mix(in srgb,var(--text-primary)20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text-primary)20%,transparent);flex-direction:column;margin:0;display:flex}.shape-accent{width:5.5rem;height:5.5rem}.shape-name{color:var(--text-secondary);font-family:var(--font-mono);font-size:.6875rem}@media not (min-width:40rem){.shape-table{margin-top:calc(var(--space-5)*-1)}.shape-row{row-gap:var(--space-1);grid-template-columns:7rem 2.5rem 2.5rem}.shape-used{grid-column:1/-1}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-accent{width:4.5rem;height:4.5rem}}
.elev-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.elev-cell,.elev-figure{margin:0}.elev-plate{background-image:radial-gradient(color-mix(in srgb,var(--text-primary)14%,transparent)1px,transparent 1px);background-size:16px 16px;justify-content:center;align-items:center;height:9rem;display:flex}.elev-surface{width:70%;height:5.5rem;padding:var(--space-3);background:var(--bg-default);color:var(--text-primary);font-size:var(--text-sm);align-items:flex-end;display:flex}.elev-surface--rule{border:1px solid color-mix(in srgb,var(--text-primary)30%,transparent)}.elev-surface--tint{background:var(--pink-soft);color:var(--charcoal)}.elev-surface--shadow{box-shadow:0 8px 20px #18181b1a}.elev-cell--avoid .elev-plate{opacity:.5}.elev-cell--avoid .elev-label{text-decoration:line-through;text-decoration-thickness:1px}.elev-cell figcaption,.elev-figure figcaption{margin-top:var(--space-3);flex-direction:column;gap:2px;display:flex}.elev-label{color:var(--text-primary);font-size:.9375rem;font-weight:var(--font-medium)}.elev-note{color:var(--text-secondary);font-size:var(--text-xs)}.elev-note code,.elev-token{color:var(--text-primary);font-family:var(--font-mono);font-size:.6875rem}.elev-float-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.elev-page{gap:var(--space-2);height:12rem;padding:var(--space-5);border:1px solid color-mix(in srgb,var(--text-primary)30%,transparent);background:var(--bg-default);flex-direction:column;display:flex;position:relative;overflow:hidden}.elev-page--dim:after{content:"";background:color-mix(in srgb,var(--charcoal)28%,transparent);position:absolute;inset:0}.elev-page-line{background:color-mix(in srgb,var(--text-primary)14%,transparent);width:80%;height:.5rem;display:block}.elev-page-line--title{width:45%;height:1rem;margin-bottom:var(--space-2);background:color-mix(in srgb,var(--text-primary)30%,transparent)}.elev-page-line--short{width:55%}.elev-drawer{gap:var(--space-2);width:42%;padding:var(--space-4);border-left:1px solid var(--charcoal);background:var(--cream);box-shadow:var(--shadow-drawer);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.elev-dialog{z-index:1;gap:var(--space-2);width:55%;padding:var(--space-4);border:1px solid var(--charcoal);background:var(--cream);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.elev-drawer .elev-page-line,.elev-dialog .elev-page-line{background:color-mix(in srgb,var(--charcoal)14%,transparent);width:90%}.elev-drawer .elev-page-line--title,.elev-dialog .elev-page-line--title{background:var(--section-tone,var(--emerald-soft));width:60%}.elev-table{margin-top:calc(var(--space-6)*-1);border-bottom:1px solid color-mix(in srgb,var(--text-primary)20%,transparent)}.elev-row{align-items:center;gap:var(--space-4);padding:var(--space-4)0;grid-template-columns:13rem 9rem 4rem minmax(0,1fr);display:grid}.elev-row+.elev-row{border-top:1px solid color-mix(in srgb,var(--text-primary)12%,transparent)}.elev-value{color:var(--text-secondary);font-size:var(--text-xs)}.elev-swatch{border:1px solid color-mix(in srgb,var(--text-primary)14%,transparent);background:var(--bg-default);width:2.5rem;height:2.5rem;display:block}.elev-used{font-size:var(--text-sm)}@media not (min-width:40rem){.elev-grid,.elev-float-grid{grid-template-columns:minmax(0,1fr)}.elev-table{margin-top:calc(var(--space-5)*-1)}.elev-row{row-gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto}.elev-swatch-cell{display:none}.elev-used{grid-column:1/-1}}
.motion-token-group{margin-bottom:var(--space-5)}.motion-token-list{flex-direction:column;gap:.625rem;display:flex}.motion-token-row{align-items:center;gap:var(--space-4);display:flex}.motion-token-name{width:11.875rem;color:var(--text-muted);font-size:var(--text-xs)}.motion-token-value{color:var(--text-secondary);font-size:var(--text-xs)}.motion-demo-group{gap:10px;max-width:520px;margin-top:20px;display:grid}.motion-demo-title{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.motion-demo-note{color:var(--text-muted);font-size:var(--text-xs);margin:2px 0 0}.motion-demo-rows{gap:8px;display:grid}.motion-demo-row{grid-template-columns:8rem minmax(8rem,1fr);align-items:center;gap:12px;display:grid}.motion-demo-row code{color:var(--text-secondary);font-size:var(--text-xs)}.motion-demo-track{border-radius:var(--radius-pill);background:color-mix(in srgb,var(--pink-soft)30%,transparent);height:18px;overflow:hidden}.motion-demo-runner{width:calc(100% - 18px);height:18px}.motion-demo-box{border-radius:var(--radius-xs);background:var(--lightningcss-light,var(--pink-bold))var(--lightningcss-dark,var(--pink-soft));width:18px;height:18px;display:block}@keyframes motion-demo{0%{transform:translate(0)}to{transform:translate(100%)}}@media not (min-width:40rem){.motion-demo-row{grid-template-columns:6.5rem minmax(7rem,1fr);gap:8px}}.motion-cursor-copy{margin:0 0 var(--space-6);color:var(--text-secondary);font-size:var(--text-sm)}.motion-cursor-examples{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.motion-cursor-example{text-align:center}.motion-cursor-area{border:1px dashed var(--pink-soft);border-radius:var(--radius-md);width:7rem;height:4rem}.motion-cursor-caption{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}
.a11y-blocks{max-width:40rem}.a11y-copy{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.a11y-demo{margin-top:var(--space-3)}
.btn-doc-table{margin-top:calc(var(--space-6)*-1);border-bottom:1px solid color-mix(in srgb,var(--text-primary)20%,transparent);overflow-x:auto}.btn-doc-row{grid-template-columns:13rem repeat(4,minmax(9.5rem,1fr));align-items:center;min-width:46rem;display:grid}.btn-doc-row+.btn-doc-row{border-top:1px solid color-mix(in srgb,var(--text-primary)12%,transparent)}.btn-doc-row--head{padding:var(--space-3)0 var(--space-2)}.btn-doc-head{color:var(--text-secondary);font-size:var(--text-xs)}.btn-doc-info{padding:var(--space-5)var(--space-5)var(--space-5)0;flex-direction:column;gap:2px;display:flex}.btn-doc-cell{padding:var(--space-5)var(--space-3)var(--space-5)0}.btn-doc-label{color:var(--text-primary);font-size:.9375rem;font-weight:var(--font-medium);display:block}.btn-doc-note{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.45;display:block}.btn-doc-shapes{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.btn-doc-figure{margin:0}.btn-doc-figure figcaption{margin-top:var(--space-3);flex-direction:column;gap:2px;display:flex}.btn-doc-plate{border:1px solid color-mix(in srgb,var(--text-primary)20%,transparent);justify-content:center;align-items:center;height:8rem;display:flex}.btn-doc-pages{margin-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--text-primary)20%,transparent)}.btn-doc-page{align-items:center;gap:var(--space-4);padding:var(--space-4)0;border-bottom:1px solid color-mix(in srgb,var(--text-primary)12%,transparent);grid-template-columns:13rem minmax(0,1fr);display:grid}.btn-doc-page-buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-doc-sizes{align-items:flex-end;gap:var(--space-7);flex-wrap:wrap;display:flex}.btn-doc-size{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}@media not (min-width:40rem){.btn-doc-table{margin-top:calc(var(--space-5)*-1)}.btn-doc-shapes{grid-template-columns:minmax(0,1fr)}.btn-doc-page{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}}
.link-demo{--page-accent:var(--lightningcss-light,var(--green-bold))var(--lightningcss-dark,var(--green-soft))}[data-sedge-theme] .link-demo .text-link{--link-accent:var(--page-accent)}.link-sample{max-width:40rem;margin:0 0 var(--space-6);color:var(--text-primary);font-size:1.0625rem;line-height:1.65}.link-sample--small{font-size:var(--text-sm)}.link-state-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.link-state-cell{align-items:flex-start;gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.link-state-label{color:var(--text-muted);font-size:var(--text-xs)}@media not (min-width:40rem){.link-state-grid{grid-template-columns:1fr}}
.code-blocks-grid{gap:var(--space-4);margin-bottom:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.code-blocks-sample{gap:var(--space-2);min-width:0;display:grid}
.callout-demo-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}
.card-demo-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media not (min-width:40rem){.card-demo-grid{grid-template-columns:minmax(0,1fr)}}
.modal-demo-row{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.modal-guidance{max-width:40rem}.modal-guidance-name{font-weight:var(--font-semibold)}
.badge-demo-row{align-items:center;gap:var(--space-3)var(--space-5);flex-wrap:wrap;display:flex}
.tooltip-wrapper--static .tooltip{z-index:1;opacity:1;visibility:visible;transform:translate(-50%)}.tooltip-wrapper--static .tooltip-trigger{cursor:default}.tooltip-demo-row{align-items:flex-start;gap:var(--space-8)var(--space-6);padding:3rem 0 var(--space-4);flex-wrap:wrap;display:flex}.tooltip-demo-cell{align-items:center;gap:var(--space-5);flex-direction:column;width:min(17rem,100%);display:flex}.tooltip-demo-label{color:var(--text-muted);font-size:var(--text-xs)}.tooltip-info-trigger{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);display:inline-flex}.tooltip-info-trigger svg{width:16px;height:16px;color:var(--page-accent)}.tooltip-truncated-trigger{width:13.5rem;color:var(--text-primary);font-size:var(--text-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
.form-demo{--page-accent:var(--lightningcss-light,var(--green-bold))var(--lightningcss-dark,var(--green-soft));--page-accent-tint:var(--green-soft);max-width:45rem}.form-demo-grid{gap:var(--space-6);max-width:460px;display:grid}.form-demo-row{gap:var(--space-7);flex-wrap:wrap;display:flex}
.pattern-preview{border:var(--border-thin)solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-subtle);overflow:hidden}[data-sedge-theme] .page-shell-example-label{color:var(--lightningcss-light,var(--coral-bold))var(--lightningcss-dark,var(--coral-soft))}.page-shell-example-copy{max-width:var(--measure-sm);margin:var(--space-2)0 0;color:var(--text-secondary)}.editorial-header-examples{gap:var(--space-7);flex-direction:column;display:flex}.pattern-preview--editorial-header{background:0 0;border:0;border-radius:0;justify-content:center;display:flex}.pattern-preview--editorial-header .editorial-page-header{width:100%}.pattern-preview--editorial-header .editorial-page-header-layout{grid-template-rows:minmax(10rem,auto) auto;grid-template-columns:4rem minmax(0,1fr)}.pattern-preview--editorial-header .editorial-page-header-title{right:var(--space-4);left:var(--space-4);font-size:clamp(3.25rem,7vw,4.5rem)}.pattern-preview--editorial-header .editorial-page-header-description{min-height:auto;padding:var(--space-4)var(--space-5)}.pattern-preview--post{background:var(--charcoal);border:0;border-radius:0;padding:.5rem;container-type:inline-size}.pattern-preview--post .post-layout{width:100%}.pattern-preview--post .post-layout.page-shell{border-radius:0}.pattern-preview .mobile-contents{display:none}.pattern-preview--post .post-header-title{font-size:clamp(3.5rem,18cqi,5rem)}.pattern-preview .article-layout{padding-block:var(--space-6)}.pattern-preview .article-layout-body h4{font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:var(--type-h4-leading)}@media not (min-width:40rem){.pattern-preview--editorial-header{overflow:visible}}.page-header-anatomy{--anatomy-badge-bg:var(--coral-soft);--anatomy-badge-text:var(--charcoal)}.page-header-anatomy .page-shell{background:var(--bg-default);padding:0}.page-header-anatomy .post-header-utility{margin-top:0}.page-header-anatomy .post-header-utility-start,.page-header-anatomy .post-header-utility-end,.page-header-anatomy .post-header-eyebrow,.page-header-anatomy .post-header-title,.page-header-anatomy .post-header-lede,.page-header-anatomy .post-header-publishing-details,.page-header-anatomy .post-header-tags{position:relative}.page-header-anatomy .post-header-utility-start:after,.page-header-anatomy .post-header-utility-end:after,.page-header-anatomy .post-header-eyebrow:after,.page-header-anatomy .post-header-title:after,.page-header-anatomy .post-header-lede:after,.page-header-anatomy .post-header-publishing-details:after,.page-header-anatomy .post-header-tags:after{background:var(--anatomy-badge-bg);width:1.125rem;height:1.125rem;color:var(--anatomy-badge-text);font-family:var(--font-sans);font-size:.6875rem;font-style:normal;font-weight:var(--font-semibold);letter-spacing:0;text-transform:none;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:-.5rem;left:-.75rem}.page-header-anatomy .post-header-utility-start:after{content:"1"}.page-header-anatomy .post-header-utility-end:after{content:"2";left:auto;right:-.75rem}.page-header-anatomy .post-header-eyebrow:after{content:"3"}.page-header-anatomy .post-header-title:after{content:"4";top:0}.page-header-anatomy .post-header-lede:after{content:"5"}.page-header-anatomy .post-header-publishing-details:after{content:"6"}.page-header-anatomy .post-header-tags:after{content:"7";left:auto;right:-.75rem}.page-header-key{gap:var(--space-2);margin:var(--space-5)0 var(--space-7);padding:0;list-style:none;display:grid}.page-header-key li{align-items:baseline;gap:var(--space-3);display:flex}.page-header-key-n{background:var(--anatomy-badge-bg,var(--coral-soft));width:1.125rem;height:1.125rem;color:var(--charcoal);font-size:.6875rem;font-weight:var(--font-semibold);border-radius:50%;flex:none;place-items:center;display:inline-grid;transform:translateY(-1px)}.pattern-preview--footer{margin-bottom:var(--space-7);background:var(--cream);border:0;border-radius:0}.pattern-preview--footer .site-footer{margin-top:var(--space-6)}.post-phone-note{margin-bottom:var(--space-5)}.post-phone-grid{gap:var(--space-5);margin:0 0 var(--space-7);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:start;display:grid}.post-phone{gap:var(--space-2);margin:0;display:grid}.post-phone .mobile-contents--snapshot{z-index:auto;border:1px solid color-mix(in srgb,var(--charcoal)20%,transparent);border-radius:var(--radius-xs);pointer-events:none;display:block;position:relative;inset:auto;overflow:hidden;transform:none}.nav-doc-note{margin-bottom:var(--space-5)}.nav-doc-contents{max-width:22rem;margin-bottom:var(--space-7)}.nav-doc-contents .post-contents{position:static}.nav-doc-end{--page-accent:var(--lightningcss-light,var(--coral-bold))var(--lightningcss-dark,var(--coral-soft));margin-bottom:var(--space-7)}.nav-doc-end .post-end{margin-top:0}.nav-doc-breadcrumbs{margin-bottom:var(--space-7)}.link-breadcrumbs{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--text-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.link-breadcrumb-separator{color:var(--text-muted)}.link-breadcrumb-current{color:var(--text-primary);font-weight:var(--font-medium)}[data-sedge-theme=dark] .nav-doc-contents .post-contents a,[data-sedge-theme=dark] .nav-doc-contents .post-contents-label,[data-sedge-theme=dark] .nav-doc-end .post-end-link{color:var(--cream)}[data-sedge-theme=dark] .pattern-preview--footer{--text-primary:var(--charcoal);--text-secondary:color-mix(in srgb,var(--charcoal)70%,transparent);--text-muted:color-mix(in srgb,var(--charcoal)55%,transparent);color:var(--charcoal)}