.sg-page{max-width:960px;color:var(--ink);margin:0 auto;padding:48px 24px 80px}@media(min-width:700px){.sg-page{padding:64px 48px 100px}}.sg-header{border-bottom:1px solid var(--hairline);margin-bottom:56px;padding-bottom:32px}.sg-title{letter-spacing:-.02em;color:var(--ink);margin-bottom:8px;font-family:Fraunces,serif;font-size:36px;font-weight:500}.sg-subtitle{color:var(--text-mute);font-family:IBM Plex Sans,sans-serif;font-size:16px;line-height:1.5}@media(min-width:700px){.sg-title{font-size:48px}.sg-subtitle{font-size:18px}}.sg-section{margin-bottom:56px}.sg-section-title{letter-spacing:-.015em;color:var(--ink);border-bottom:1px solid var(--hairline-soft);margin-bottom:24px;padding-bottom:12px;font-family:Fraunces,serif;font-size:22px;font-weight:500}@media(min-width:700px){.sg-section-title{font-size:28px}}.sg-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media(min-width:700px){.sg-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.sg-swatch-card{background:var(--paper);border:1px solid var(--hairline);border-radius:12px;overflow:hidden}.sg-swatch{border-bottom:1px solid var(--hairline-soft);width:100%;height:80px}.sg-swatch-info{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.sg-token{color:var(--accent);letter-spacing:.02em;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.sg-hex{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:12px}.sg-label{color:var(--text-mute);font-family:IBM Plex Sans,sans-serif;font-size:12px;line-height:1.35}.sg-type-grid{grid-template-columns:1fr;gap:16px;margin-bottom:40px;display:grid}@media(min-width:700px){.sg-type-grid{grid-template-columns:repeat(3,1fr)}}.sg-type-card{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;padding:20px}.sg-type-sample{color:var(--ink);margin-bottom:14px;font-size:32px;line-height:1.1}.sg-type-info{flex-direction:column;gap:4px;display:flex}.sg-type-name{color:var(--ink);font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600}.sg-type-class{color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:11px}.sg-type-usage{color:var(--text-mute);margin-top:4px;font-family:IBM Plex Sans,sans-serif;font-size:12px}.sg-type-scale{flex-direction:column;gap:16px;display:flex}.sg-scale-row{align-items:baseline;gap:16px;display:flex}.sg-scale-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;min-width:72px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.sg-scale-display{letter-spacing:-.02em;color:var(--ink);font-family:Fraunces,serif;font-size:36px;font-weight:500}.sg-scale-h1{letter-spacing:-.018em;color:var(--ink);font-family:Fraunces,serif;font-size:28px;font-weight:500}.sg-scale-h2{letter-spacing:-.015em;color:var(--ink);font-family:Fraunces,serif;font-size:22px;font-weight:500}.sg-scale-body{color:var(--ink-soft);font-family:IBM Plex Sans,sans-serif;font-size:15px;line-height:1.55}.sg-scale-caption{color:var(--text-mute);font-family:IBM Plex Sans,sans-serif;font-size:12px}@media(min-width:700px){.sg-scale-display{font-size:48px}.sg-scale-h1{font-size:36px}.sg-scale-h2{font-size:28px}}.sg-util-group{margin-bottom:28px}.sg-util-group-title{color:var(--ink);margin-bottom:12px;font-family:Fraunces,serif;font-size:16px;font-weight:500}.sg-util-list{flex-direction:column;gap:10px;list-style:none;display:flex}.sg-util-item{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}@media(min-width:700px){.sg-util-item{flex-direction:row;align-items:center;gap:16px}}.sg-util-class{color:var(--accent);flex-shrink:0;min-width:180px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.sg-util-desc{color:var(--ink-soft);font-family:IBM Plex Sans,sans-serif;font-size:13px}.sg-specimen-grid{grid-template-columns:1fr;gap:16px;margin-top:24px;display:grid}@media(min-width:700px){.sg-specimen-grid{grid-template-columns:repeat(2,1fr)}}.sg-specimen{background:var(--paper);border:1px solid var(--hairline);border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.sg-specimen-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.sg-avatar-row{align-items:center;gap:10px;display:flex}.sg-body{color:var(--ink-soft);margin-bottom:16px;font-family:IBM Plex Sans,sans-serif;font-size:15px;line-height:1.6}.sg-list{flex-direction:column;gap:8px;padding-left:20px;list-style:outside;display:flex}.sg-list li{color:var(--ink-soft);font-family:IBM Plex Sans,sans-serif;font-size:14px;line-height:1.5}.sg-list li strong{color:var(--ink);font-weight:600}.sg-footer{border-top:1px solid var(--hairline);text-align:center;margin-top:64px;padding-top:32px}.sg-footer-text{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:11px}