html{scroll-behavior:smooth;scroll-snap-type:y proximity}.sg-layout{max-width:1340px;margin:0 auto;padding:0 var(--s16);display:grid;grid-template-columns:1fr 160px;gap:var(--s12);align-items:start}.sg{grid-column:1;grid-row:1;padding:var(--s24) 0 var(--s64)}.sg-nav{grid-column:2;grid-row:1;position:sticky;top:120px;scroll-target-group:auto;display:flex;flex-direction:column}.sg-nav-label{font-size:var(--text-xs);font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-neutral);padding-bottom:var(--s3);margin-bottom:var(--s2);border-bottom:1px solid var(--border-neutral)}.sg-nav-link{padding:var(--s2) var(--s4);color:var(--text-neutral);font-size:var(--text-sm);text-decoration:none;border-left:2px solid transparent;transition:color 0.2s,border-color 0.2s,font-weight 0s;line-height:1.6}.sg-nav-link:hover,.sg-nav-link:target-current{color:var(--primary);border-left-color:var(--secondary);font-weight:600}.sg-section{margin-bottom:var(--s32);scroll-margin-top:100px;scroll-snap-align:start}.sg-section-label{font-size:var(--text-sm);font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-neutral);padding-bottom:var(--s4);border-bottom:1px solid var(--border-neutral);margin-bottom:var(--s8)}.sg-swatches{display:flex;flex-wrap:wrap;gap:var(--s4)}.sg-swatch{width:140px}.sg-chip{height:56px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,0.08);margin-bottom:var(--s2)}.sg-strip{display:flex;gap:2px;margin-bottom:var(--s6);align-items:flex-end}.sg-strip-name{width:90px;flex-shrink:0;font-size:var(--text-sm);color:var(--text-neutral);padding-right:var(--s4)}.sg-strip-cells{display:flex;flex:1;gap:2px}.sg-strip-cell{flex:1}.sg-strip-chip{height:40px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,0.06);margin-bottom:2px}.sg-strip-lbl{font-size:0.9rem;color:var(--text-neutral);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-type-row{padding:var(--s8) 0;border-bottom:1px solid var(--surface-neutral)}.sg-type-row:first-child{border-top:1px solid var(--surface-neutral)}.sg-type-meta{font-size:var(--text-sm);color:var(--text-neutral);line-height:1.7;margin-top:var(--s2)}.sg-specimen-hero{font-size:var(--hero);line-height:1.1}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}h4{font-size:var(--h4)}h5{font-size:var(--h5)}h6{font-size:var(--h6)}.sg-specimen-link a{color:var(--nelson-bright-blue);text-decoration:underline}code{font-family:monospace;background:var(--bg-primary);color:var(--primary);padding:0.15em 0.4em;border-radius:3px;font-size:var(--text-sm)}.sg-code-on-dark{font-family:monospace;background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.55);padding:0.15em 0.4em;border-radius:3px;font-size:var(--text-sm)}.sg-text-row{display:grid;grid-template-columns:100px 80px 1fr;gap:var(--s6);align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--surface-neutral);overflow:hidden}.sg-text-row:first-child{border-top:1px solid var(--surface-neutral)}.sg-spacing-row{display:flex;align-items:center;gap:var(--s6)}.sg-bar-track{flex:1;height:10px;background:var(--surface-neutral);border-radius:2px}.sg-bar{height:100%;background:var(--primary);border-radius:2px;opacity:0.7}.sg-radius-row{display:flex;flex-wrap:wrap;gap:var(--s12);align-items:flex-end}.sg-radius-item{text-align:center}.sg-radius-box{width:64px;height:64px;background:var(--primary);opacity:0.85;margin:0 auto var(--s2)}.sg-btn-row{display:flex;flex-wrap:wrap;gap:var(--s12) var(--s20);align-items:flex-start;margin-bottom:var(--s8)}.sg-btn-row--align-center{align-items:center}.sg-btn-group{display:flex;flex-direction:column;gap:var(--s4);align-items:flex-start}.sg-btn-state-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-neutral)}.sg-btn-state-label--light{color:rgba(255,255,255,0.6)}.sg-btn-dark-band{background:var(--nelson-blue);border-radius:var(--radius-lg);padding:var(--s8) var(--s8);margin-bottom:var(--s8)}.sg-bleed{margin-left:calc(-1 * var(--s16));margin-right:calc(-1 * var(--s16))}.sg-surface-band{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--s4)}.sg-surface-band .nc-section{padding:var(--s8) var(--s10)}.sg-banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}.sg-banner-swatch .nc-banner{padding:28px 0 22px;border-radius:var(--radius-lg);overflow:hidden}.sg-banner-swatch .nc-banner__row>div{max-width:none;padding:0 var(--s6)}.sg-banner-swatch .nc-banner h1{font-size:18px;line-height:24px}.sg-banner-swatch .nc-banner__sub{font-size:13px;margin-top:6px}.sg-banner-swatch .nc-banner__breadcrumb{font-size:11px;margin-bottom:8px}.sg-banner-lbl{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-neutral);margin-top:var(--s2)}.sg-banner-desc{font-size:var(--text-sm);color:var(--text-neutral);margin-top:var(--s1)}.sg-subsection-label{font-size:var(--text-sm);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--heading-neutral);margin:var(--s8) 0 var(--s3)}.sg-ref-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-bottom:var(--s6)}.sg-ref-table td{padding:var(--s2) var(--s4);border-bottom:1px solid var(--surface-neutral);vertical-align:top}.sg-ref-table td:first-child{width:260px;color:var(--text-neutral)}.sg-utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4) var(--s8);font-size:var(--text-sm)}