.sys-space-scale{border-top:1px solid var(--sys-rule);margin:24px 0 40px}.sys-space-row,.sys-space-scale{border-bottom:1px solid var(--sys-rule)}.sys-space-row{display:grid;grid-template-columns:90px 1fr 90px;grid-gap:24px;gap:24px;padding:14px 0;align-items:center}.sys-space-row:last-child{border-bottom:none}.sys-space-token{font-family:var(--sys-mono);font-size:12px;color:var(--sys-dim);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;letter-spacing:.02em}.sys-space-bar{background:var(--orange);height:14px;display:block}.sys-space-px{font-family:var(--sys-mono);font-size:12px;color:var(--sys-muted);text-align:right;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.sys-grid-demo{background:white;border:1px solid var(--sys-rule);padding:32px;margin:24px 0 40px;position:relative}.sys-grid-demo .gd-headline{font-family:var(--font-display);font-weight:900;font-size:40px;letter-spacing:-.012em;color:var(--sys-ink);margin:0 0 16px;line-height:1}.sys-grid-demo .gd-headline .dot{color:var(--orange)}.sys-grid-demo .gd-body{font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--sys-muted);max-width:56ch;margin:0}.sys-grid-demo .gd-overlay{position:absolute;inset:32px;pointer-events:none;background-image:repeating-linear-gradient(180deg,rgba(232,105,42,.12) 0,rgba(232,105,42,.12) 1px,transparent 0,transparent 8px)}