.sg{max-width:var(--container-content);margin:0 auto;padding:var(--space-9) var(--space-6) var(--space-10);display:grid;grid-gap:var(--space-9);gap:var(--space-9)}.sg-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;border-bottom:var(--border-width-rule) solid var(--color-border-rule);padding-bottom:var(--space-5)}.sg-header p{color:var(--color-text-muted);max-width:60ch;margin-top:var(--space-2)}.sg-section{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.sg-section>header{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.sg-section>header p{color:var(--color-text-muted);max-width:70ch}.sg-ramp{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.sg-rampbar{display:flex;border-radius:var(--radius-md);overflow:hidden;border:var(--border-width-hairline) solid var(--color-border-strong)}.sg-rampcell{flex:1 1;min-width:0;height:calc(var(--space-10) * 1.75);display:grid;align-content:end;grid-gap:2px;gap:2px;padding:var(--space-2) var(--space-3)}.sg-rampcell .step{font:var(--type-body-sm);letter-spacing:var(--type-body-sm-ls);font-weight:var(--weight-semibold)}.sg-rampcell .hex{font:var(--type-caption);letter-spacing:var(--type-caption-ls);opacity:.8}@media (max-width:1120px){.sg-rampcell .hex{display:none}}.sg-table-wrap{border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-surface);box-shadow:var(--elevation-plate-sm);overflow-x:auto}.sg-table{width:100%;border-collapse:collapse}.sg-table th{text-align:left;border-bottom:var(--border-width-rule) solid var(--color-border-rule);color:var(--color-text-muted)}.sg-table td,.sg-table th{padding:var(--space-3) var(--space-4)}.sg-table td{border-bottom:var(--border-width-hairline) solid var(--color-border-hairline);vertical-align:middle}.sg-table tr:last-child td{border-bottom:none}.sg-dot{display:inline-block;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-xs);border:var(--border-width-hairline) solid var(--color-border-strong);vertical-align:-3px;margin-right:var(--space-2)}.sg-type-row{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-4) 0;border-bottom:var(--border-width-hairline) solid var(--color-border-hairline)}.sg-type-row:last-child{border-bottom:none}.sg-type-row .meta{color:var(--color-text-muted)}.sg-space-row{display:flex;align-items:center;gap:var(--space-4)}.sg-space-bar{background:var(--color-accent-base);height:var(--space-3);border-radius:var(--radius-xs)}.sg-shape-row{display:flex;gap:var(--space-6);flex-wrap:wrap;align-items:flex-end}.sg-shape{display:grid;grid-gap:var(--space-2);gap:var(--space-2);justify-items:center}.sg-shape .box{width:var(--space-10);height:var(--space-10);background:var(--color-bg-surface);border:var(--border-width-hairline) solid var(--color-border-strong)}.sg-shape .box.shadow-sm{box-shadow:var(--elevation-plate-sm)}.sg-shape .box.shadow-md{box-shadow:var(--elevation-plate-md)}.sg-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.sg-status-card{border-radius:var(--radius-md);padding:var(--space-4);display:grid;grid-gap:var(--space-2);gap:var(--space-2);border:var(--border-width-hairline) solid}.sg-home-link{color:inherit;text-decoration:none}.sg-header-tools{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.sg-nav{display:inline-flex;gap:var(--space-1)}.sg-nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-ls);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none}.sg-nav-link:hover{color:var(--color-text-primary)}.sg-nav-link.is-active{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.sg-main{display:grid;grid-gap:var(--space-9);gap:var(--space-9)}.sg-story{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-surface);border:var(--border-width-hairline) solid var(--color-border-hairline);border-radius:var(--radius-md)}.sg-row{display:flex;align-items:center;flex-wrap:wrap}.sg-col,.sg-row{gap:var(--space-3)}.sg-col{display:grid;grid-gap:var(--space-3);justify-items:start}.sg-muted{color:var(--color-text-muted)}.sg-form-grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}@media (min-width:768px){.sg-form-grid{grid-template-columns:1fr 1fr}}.sg-card-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:768px){.sg-card-grid{grid-template-columns:repeat(3,1fr)}}.sg-chart-stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:768px){.sg-chart-stack .sg-card-grid{grid-template-columns:1fr 1fr}}.sg-shell-demo{border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden;height:calc(var(--space-10) * 7)}.sg-shell-demo .shell{min-height:100%;height:100%}.sg-shell-demo .sidebar{position:static;height:100%}.docs-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-10) * 4),1fr))}.docs-card{display:grid;grid-gap:var(--space-2);gap:var(--space-2);align-content:start;padding:var(--space-4);background:var(--color-bg-surface);border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:box-shadow var(--duration-fast) var(--easing-standard),translate var(--duration-fast) var(--easing-standard)}.docs-card:focus-visible,.docs-card:hover{box-shadow:var(--elevation-plate-sm);translate:-1px -1px}.docs-card:focus-visible{outline:var(--border-width-rule) solid var(--color-focus-ring);outline-offset:2px}.docs-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.docs-card-name{font:var(--type-body);letter-spacing:var(--type-body-ls);font-weight:var(--weight-semibold)}.docs-status{font:var(--type-label);letter-spacing:var(--type-label-ls);text-transform:uppercase;border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);white-space:nowrap}.docs-card-desc,.docs-status{color:var(--color-text-muted)}.docs-card-desc{font:var(--type-body-sm);letter-spacing:var(--type-body-sm-ls);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.doc-head{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.doc-head .type-h1{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.doc-crumbs{font:var(--type-label);letter-spacing:var(--type-label-ls);text-transform:uppercase;color:var(--color-text-muted)}.doc-crumbs a{color:inherit}.doc-desc{max-width:72ch;color:var(--color-text-muted)}.doc-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.doc-tag{font:var(--type-label);letter-spacing:var(--type-label-ls);text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg-sunken);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2)}.doc-block{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding-top:var(--space-5);border-top:var(--border-width-hairline) solid var(--color-border-hairline);margin-top:var(--space-5)}.doc-body{color:var(--color-text-primary);max-width:78ch;white-space:pre-line}.doc-body,.doc-strong{font:var(--type-body);letter-spacing:var(--type-body-ls)}.doc-strong{font-weight:var(--weight-semibold)}.doc-principles{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-10) * 4.5),1fr))}.doc-guidelines{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:max-content 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.doc-guidelines li{display:grid;grid-column:span 2;grid-template-columns:subgrid;align-items:baseline}.doc-level{font:var(--type-label);letter-spacing:var(--type-label-ls);text-transform:uppercase;text-align:center;border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);border:var(--border-width-hairline) solid transparent}.doc-level.is-must{background:var(--color-bg-inverse);color:var(--color-text-inverse);border-color:var(--color-bg-inverse)}.doc-level.is-should{color:var(--color-text-muted);border-color:var(--color-border-strong)}.doc-level.is-should-not{background:var(--color-status-caution-wash);color:var(--color-status-caution-text);border-color:var(--color-status-caution-edge)}.doc-level.is-must-not{background:var(--color-status-danger-wash);color:var(--color-status-danger-text);border-color:var(--color-status-danger-edge)}.doc-required{font:var(--type-label);letter-spacing:var(--type-label-ls);text-transform:uppercase;color:var(--color-accent-text)}.doc-variants{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.doc-values,.doc-variant{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.doc-values{list-style:none;margin:0;padding:0}.doc-values li{font:var(--type-body);letter-spacing:var(--type-body-ls)}.doc-tokens{display:inline-flex;gap:var(--space-2);margin-left:var(--space-2);flex-wrap:wrap}.doc-raw{font-size:12px;border-radius:var(--radius-sm);padding:var(--space-3);overflow-x:auto}.doc-raw,.sg .doc-block code,.sg .docs-card code,.sg-main code{font-family:ui-monospace,monospace;background:var(--color-bg-sunken)}.sg .doc-block code,.sg .docs-card code,.sg-main code{font-size:.92em;border-radius:var(--radius-xs);padding:1px var(--space-1)}.sb{border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-surface)}.sb-bar{align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:var(--border-width-hairline) solid var(--color-border-hairline);background:var(--color-bg-surface)}.sb-bar,.sb-controls{display:flex;flex-wrap:wrap}.sb-controls{gap:var(--space-2)}.sb-tabs{display:inline-flex;gap:2px;background:var(--color-bg-sunken);border:var(--border-width-hairline) solid var(--color-border-hairline);border-radius:var(--radius-full);padding:2px}.sb-tabs button{font:var(--type-label);font-family:var(--font-body);letter-spacing:var(--type-label-ls);text-transform:uppercase;padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer}.sb-tabs button:focus-visible{outline:var(--border-width-rule) solid var(--color-focus-ring);outline-offset:1px}.sb-tabs button.is-active{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.sb-body{background:var(--color-bg-canvas);color:var(--color-text-primary);padding:var(--space-6);transition:background var(--duration-base) var(--easing-standard)}.sb-viewport{margin-inline:auto;transition:width var(--duration-gentle) var(--easing-standard)}.sb-viewport[data-width]{outline:var(--border-width-hairline) dashed var(--color-border-strong);outline-offset:8px;max-width:100%;overflow-x:auto}.sb-canvas{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.sb-preview-root{background:var(--color-bg-canvas);color:var(--color-text-primary);padding:var(--space-4);box-sizing:border-box}.sb-width-note{margin-top:var(--space-4);text-align:center;font:var(--type-caption);letter-spacing:var(--type-caption-ls);color:var(--color-text-muted)}.sb-code{position:relative;background:var(--color-bg-sunken)}.sb-code pre{margin:0;padding:var(--space-4);max-height:calc(var(--space-10) * 8);overflow:auto;font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:break-word}.sb-copy{position:absolute;top:var(--space-2);right:var(--space-2);font:var(--type-caption);font-family:var(--font-body);background:var(--color-bg-surface);border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);cursor:pointer;color:var(--color-text-primary)}.sb-links{display:flex;gap:var(--space-4);flex-wrap:wrap;font:var(--type-body-sm);letter-spacing:var(--type-body-sm-ls)}.sb-links a{color:var(--color-accent-text);text-decoration:none;border-bottom:var(--border-width-hairline) solid}.sb-pager{display:flex;justify-content:space-between;gap:var(--space-4);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-ls)}.sb-pager a{color:var(--color-text-muted);text-decoration:none}.sb-pager a:hover{color:var(--color-text-primary)}.cl-intro{max-width:64ch}.cl-release{border-top:var(--border-width-hairline) solid var(--color-border-strong);padding-top:var(--space-6);margin-top:var(--space-6)}.cl-release-head{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.cl-version{font:var(--type-label);letter-spacing:var(--type-label-ls);text-transform:uppercase;color:var(--color-text-primary);border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2)}.cl-date{font:var(--type-caption);letter-spacing:var(--type-caption-ls);color:var(--color-text-muted)}.cl-title{font:var(--type-h3);letter-spacing:var(--type-h3-ls);color:var(--color-text-primary)}.cl-notes{max-width:64ch;margin:0 0 var(--space-3)}.cl-changes{grid-gap:var(--space-3)}.cl-change,.cl-changes{display:grid;gap:var(--space-3)}.cl-change{grid-template-columns:96px 1fr;grid-gap:var(--space-3);align-items:baseline}.cl-type{font:var(--type-label);letter-spacing:var(--type-label-ls);text-transform:uppercase;color:var(--color-text-muted);text-align:center;border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-full);padding:var(--space-1) 0}.cl-type.is-deprecated,.cl-type.is-removed{color:var(--color-text-caution)}.cl-breaking{color:var(--color-text-danger)}.cl-migration{color:var(--color-text-muted);border-left:var(--border-width-rule) solid var(--color-border-rule);padding-left:var(--space-3);margin:var(--space-2) 0 0}.hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-6) 0}.hl-tile{display:grid;grid-gap:var(--space-1);gap:var(--space-1);border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-bg-raised)}.hl-num{font:var(--type-h1);letter-spacing:var(--type-h1-ls);color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hl-label{font:var(--type-label);letter-spacing:var(--type-label-ls);text-transform:uppercase}.hl-label,.hl-sub{color:var(--color-text-muted)}.hl-sub{font:var(--type-body-sm);letter-spacing:var(--type-body-sm-ls)}.hl-heading{margin-top:var(--space-6)}.hl-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}