.sitemap-section{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.sitemap-layout{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.sitemap-layout{gap:var(--space-2xl);grid-template-columns:17rem minmax(0,1fr);align-items:start}}.sitemap-toc-aside{position:relative}@media (width>=900px){.sitemap-toc-aside{top:calc(var(--header-h,4rem) + 1rem);max-height:calc(100vh - var(--header-h,4rem) - 2rem);align-self:start;padding-right:.25rem;position:sticky;overflow-y:auto}}.sitemap-toc{padding:var(--space-md) var(--space-md);background:var(--bg-alt);border:1px solid var(--border);border-left:3px solid var(--ink);gap:var(--space-sm);flex-direction:column;display:flex}.sitemap-toc-label{font-family:var(--font-sans);font-size:.7rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin:0}.sitemap-toc-row{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.sitemap-toc-row>li{display:flex}.sitemap-toc-row>li>.sitemap-toc-chip{width:100%}@media (width>=900px){.sitemap-toc-row{flex-direction:column;gap:.3rem}}@media (width>=1100px){.sitemap-toc-row+.sitemap-toc-label{margin-top:.35rem}}.sitemap-toc-chip{min-height:var(--tap-target);font-family:var(--font-sans);font-size:.85rem;font-weight:var(--fw-medium);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .85rem;text-decoration:none;display:flex}.sitemap-toc-chip:hover,.sitemap-toc-chip:focus-visible{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-1px)}.sitemap-toc-chip-label{font-weight:var(--fw-semibold);white-space:nowrap}.sitemap-toc-chip-count{font-family:var(--font-display);font-size:.78rem;font-weight:var(--fw-semibold);color:var(--text-muted);font-variant-numeric:tabular-nums;border-left:1px solid var(--border-soft);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex:none;padding-left:.4rem}.sitemap-toc-chip:hover .sitemap-toc-chip-count,.sitemap-toc-chip:focus-visible .sitemap-toc-chip-count{color:color-mix(in srgb, var(--paper) 75%, var(--ink) 25%);border-left-color:color-mix(in srgb, var(--paper) 35%, transparent)}.sitemap-toc-chip--list{background:var(--bg-alt);border-style:dashed}.sitemap-group{padding:var(--space-2xl) 0;border-top:1px solid var(--border);scroll-margin-top:calc(var(--header-h) + 2rem)}.sitemap-group:first-of-type{padding-top:var(--space-xl);border-top:0}.sitemap-group+.sitemap-group{margin-top:var(--space-md)}.sitemap-group-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-soft)}.sitemap-group-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--heading);margin:0 0 .25rem;line-height:1.1}.sitemap-group-intro{font-family:var(--font-sans);color:var(--text-soft);max-width:56ch;margin:0;font-size:.92rem;line-height:1.5}.sitemap-list{grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none;display:grid}.sitemap-list>li{border-bottom:1px dotted var(--border-soft)}.sitemap-list>li:last-child{border-bottom:0}.sitemap-entry{color:inherit;transition:background var(--dur-fast) var(--ease);border-radius:var(--radius-sm);grid-template-columns:1fr;gap:.15rem;padding:.65rem 0;text-decoration:none;display:grid}@media (width>=768px){.sitemap-entry{gap:var(--space-md);grid-template-columns:minmax(0,14rem) minmax(0,1fr) auto;align-items:baseline;margin-inline:-.5rem;padding:.7rem .5rem}}.sitemap-entry:hover,.sitemap-entry:focus-visible{background:var(--bg-alt);outline:none}.sitemap-entry-label{font-family:var(--font-display);font-size:1.02rem;font-weight:var(--fw-semibold);color:var(--heading);line-height:1.3}.sitemap-entry-note{font-family:var(--font-sans);color:var(--text-soft);min-width:0;font-size:.88rem;line-height:1.45}.sitemap-entry-url{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.78rem;overflow:hidden}@media (width<=767.99px){.sitemap-entry-url{display:none}}.sitemap-volume{margin:0 0 var(--space-sm);background:var(--surface);border:1px solid var(--border-soft)}.sitemap-volume-summary{align-items:center;gap:var(--space-md);cursor:pointer;transition:background var(--dur-fast) var(--ease);grid-template-columns:auto minmax(0,1fr) auto;padding:.75rem 1rem;list-style:none;display:grid}.sitemap-volume-summary::-webkit-details-marker{display:none}.sitemap-volume-summary::marker{content:""}.sitemap-volume-summary:hover,.sitemap-volume-summary:focus-visible{background:var(--bg-alt);outline:none}.sitemap-volume-roman{font-family:var(--font-display);font-size:1.4rem;font-weight:var(--fw-bold);color:var(--ink);letter-spacing:.04em;text-align:center;border-right:1px solid var(--border-soft);min-width:2.5rem;padding-right:var(--space-md)}.sitemap-volume-title{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sitemap-volume-name{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--fw-semibold);color:var(--heading)}.sitemap-volume-meta{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.04em;font-size:.78rem}.sitemap-volume-chevron{width:.85rem;height:.6rem;color:var(--text-muted);transition:transform var(--dur-fast) var(--ease)}.sitemap-volume[open] .sitemap-volume-chevron{color:var(--ink);transform:rotate(180deg)}.sitemap-works-list{border-top:1px solid var(--border-soft);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.sitemap-works-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.sitemap-works-list>li{border-bottom:1px dotted var(--border-soft)}.sitemap-works-list>li:nth-last-child(-n+2){border-bottom:0}.sitemap-work{color:inherit;transition:background var(--dur-fast) var(--ease);flex-direction:column;gap:.1rem;padding:.45rem 1rem;text-decoration:none;display:flex}.sitemap-work:hover,.sitemap-work:focus-visible{background:var(--bg-alt);outline:none}.sitemap-work-title{font-family:var(--font-display);font-size:.95rem;font-weight:var(--fw-semibold);color:var(--heading);line-height:1.3}.sitemap-work-meta{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-wrap:wrap;gap:.55rem;font-size:.74rem;display:inline-flex}.sitemap-footnote{margin-top:var(--space-2xl);text-align:center;font-family:var(--font-sans);color:var(--text-muted);border-top:1px solid var(--border-soft);padding-top:var(--space-md);font-size:.85rem}.sitemap-footnote a{color:var(--ink);border-bottom:1px solid var(--border)}.sitemap-footnote a:hover{border-bottom-color:var(--ink)}.sg-section{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border);scroll-margin-top:5rem}.sg-toc{margin:0 0 var(--space-2xl);padding:var(--space-md) var(--space-lg);background:var(--bg-alt);border:1px solid var(--border);border-left:3px solid var(--ink)}.sg-toc-label{margin:0 0 var(--space-sm);font-family:var(--font-sans);font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.sg-toc-list{flex-wrap:wrap;gap:.4rem .5rem;margin:0;padding:0;list-style:none;display:flex}.sg-toc-list a{font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);white-space:nowrap;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:center;padding:.4rem .85rem;font-size:.85rem;text-decoration:none;display:inline-flex}.sg-toc-list a:hover,.sg-toc-list a:focus-visible{background:var(--ink);color:var(--paper);border-color:var(--ink);outline:none}.sg-components-anchor{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:4px solid var(--ink)}.sg-components-anchor+.sg-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top-color:var(--border-soft)}.sg-section:first-of-type{margin-top:var(--space-2xl);border-top:0;padding-top:0}.sg-h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);margin:0 0 var(--space-md);color:var(--heading);letter-spacing:-.01em;line-height:1.15}.sg-intro{font-family:var(--font-sans);color:var(--text-soft);margin:0 0 var(--space-xl);max-width:60ch;font-size:.95rem;line-height:1.6}.sg-cluster{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.sg-swatch{background:var(--surface);border:1px solid var(--border);transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex-direction:column;display:flex;overflow:hidden}.sg-swatch-meta strong{font-family:var(--font-display);font-size:.95rem;font-weight:var(--fw-semibold);color:var(--heading)}.sg-swatch-meta code{color:var(--text-soft);background:0 0;border:0;padding:0;font-size:.78rem}.sg-swatch-meta span{color:var(--text-muted);font-size:.78rem}.sg-type-stack{gap:var(--space-md);display:grid}.sg-type-card{padding:var(--space-md);background:var(--surface);border:1px solid var(--border)}.sg-type-eyebrow{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .5rem;font-size:.72rem}.sg-type-sample{margin:0}.sg-spacing-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.sg-spacing-list>li{align-items:center;gap:var(--space-sm);font-family:var(--font-sans);grid-template-columns:9rem auto minmax(0,1fr);font-size:.85rem;display:grid}.sg-spacing-list code{background:var(--bg-alt);border:1px solid var(--border-soft);white-space:nowrap;padding:.1em .35em;font-size:.78rem}.sg-spacing-bar{background:var(--ink);max-width:100%;height:.5rem;display:inline-block}.sg-spacing-note{color:var(--text-muted);font-size:.82rem}@media (width<=560px){.sg-spacing-list>li{grid-template-columns:1fr;gap:.25rem}}.sg-logo-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=640px){.sg-logo-grid{grid-template-columns:repeat(3,1fr)}}.sg-logo-tile{border:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex}.sg-logo-stage{padding:var(--space-2xl) var(--space-md);font-family:var(--font-display);font-size:1.6rem;font-weight:var(--fw-bold);letter-spacing:-.01em;text-align:center;justify-content:center;align-items:center;line-height:1.05;display:flex}.sg-logo-stage--paper{background:var(--paper);color:var(--ink)}.sg-logo-stage--ink{background:var(--ink);color:var(--paper)}.sg-logo-stage--mono{background:var(--bg-alt);color:var(--ink);border-bottom:1px solid var(--border-soft)}.sg-logo-meta{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-soft);font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.04em;font-size:.78rem}.sg-logo-meta strong{font-family:var(--font-display);font-size:.9rem;font-weight:var(--fw-semibold);color:var(--heading);margin-bottom:.1rem;display:block}.sg-favicon-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.sg-favicon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){.sg-favicon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sg-favicon-tile{text-align:center;padding:var(--space-md);background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;display:flex}.sg-favicon-stage{width:100%;min-height:6rem;margin-bottom:var(--space-sm);background:var(--bg-alt);border:1px solid var(--border-soft);justify-content:center;align-items:center;display:flex}.sg-favicon-stage img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block}.sg-favicon-meta{font-family:var(--font-sans);color:var(--text-muted);font-size:.78rem;line-height:1.5}.sg-favicon-meta strong{font-family:var(--font-display);font-size:.95rem;font-weight:var(--fw-semibold);color:var(--heading);margin-bottom:.2rem;display:block}.sg-favicon-meta code{color:var(--text-soft);background:0 0;border:0;padding:0;font-size:.72rem}.sg-specimen{margin-bottom:var(--space-xl)}.sg-specimen:last-child{margin-bottom:0}.sg-specimen-name{font-family:var(--font-sans);font-size:.78rem;font-weight:var(--fw-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-sm)}.sg-specimen-row{letter-spacing:.02em;color:var(--ink);word-spacing:.05em;margin:0 0 .4rem;font-size:clamp(1.1rem,.85rem + 1vw,1.35rem);line-height:1.4}.sg-specimen-row--upper{text-transform:uppercase;letter-spacing:.05em}.sg-specimen-row--digits{font-variant-numeric:tabular-nums;letter-spacing:.04em}.sg-specimen-pangram{margin:var(--space-sm) 0 0;color:var(--text);font-size:clamp(1.05rem,.9rem + .6vw,1.25rem);line-height:1.5}.sg-specimen--garamond .sg-specimen-row,.sg-specimen--garamond .sg-specimen-pangram{font-family:var(--font-serif)}.sg-specimen--inter .sg-specimen-row,.sg-specimen--inter .sg-specimen-pangram{font-family:var(--font-sans)}.sg-specimen--italic .sg-specimen-pangram{font-style:italic}.sg-voice-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=640px){.sg-voice-grid{grid-template-columns:1fr 1fr}}.sg-voice-do,.sg-voice-dont{padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--ink)}.sg-voice-dont{border-top-color:var(--text-muted);border-top-style:dashed}.sg-voice-h3{margin:0 0 var(--space-sm);font-family:var(--font-sans);font-size:.78rem;font-weight:var(--fw-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.sg-voice-dont .sg-voice-h3{color:var(--text-muted)}.sg-voice-list{font-family:var(--font-serif);color:var(--text);margin:0;padding-left:1.1rem;font-size:.95rem;line-height:1.55}.sg-voice-list li+li{margin-top:.4rem}.sg-cover{padding-block:var(--space-2xl) var(--space-xl);background:var(--bg-alt);border-bottom:4px solid var(--ink);text-align:center}.sg-cover-title{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:clamp(2.4rem,1.6rem + 4vw,4.5rem);font-weight:var(--fw-bold);letter-spacing:-.015em;color:var(--heading);line-height:1.05}.sg-cover-lead{margin:0 auto var(--space-xl);max-width:38rem;font-family:var(--font-serif);color:var(--text-soft);font-size:clamp(1.05rem,.95rem + .4vw,1.2rem);line-height:1.55}.sg-cover-stats{gap:var(--space-md) var(--space-lg);text-align:left;border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:60rem;padding:0;padding-block:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;display:grid}@media (width>=640px){.sg-cover-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.sg-cover-stats{grid-template-columns:repeat(6,minmax(0,1fr))}}.sg-cover-stats>div{flex-direction:column;gap:.15rem;display:flex}.sg-cover-stats dt{font-family:var(--font-sans);font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.sg-cover-stats dd{font-family:var(--font-display);font-size:1.1rem;font-weight:var(--fw-semibold);color:var(--heading);font-variant-numeric:tabular-nums;margin:0}.sg-section-wrap{padding-top:var(--space-2xl);padding-bottom:var(--space-3xl)}.sg-layout{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1000px){.sg-layout{gap:var(--space-2xl);grid-template-columns:18rem minmax(0,1fr);align-items:start}}.sg-toc-aside{position:relative}@media (width>=1000px){.sg-toc-aside{top:calc(var(--header-h,4rem) + 1rem);max-height:calc(100vh - var(--header-h,4rem) - 2rem);align-self:start;padding-right:.25rem;position:sticky;overflow-y:auto}}.sg-toc{padding:var(--space-md) var(--space-lg);background:var(--bg-alt);border:1px solid var(--border);border-left:3px solid var(--ink);margin:0}.sg-toc-list{margin:0;padding:0;list-style:none}.sg-toc-chapter+.sg-toc-chapter{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-soft)}.sg-toc-chapter>span{font-family:var(--font-sans);font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;display:block}.sg-toc-chapter ul{flex-direction:column;gap:.05rem;margin:0;padding:0;list-style:none;display:flex}.sg-toc-chapter li a{font-family:var(--font-sans);color:var(--text);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-left:2px solid #0000;margin-left:-.5rem;padding:.35rem .5rem;font-size:.85rem;text-decoration:none;display:block}.sg-toc-chapter li a:hover,.sg-toc-chapter li a:focus-visible{color:var(--ink);background:var(--surface);border-left-color:var(--ink);outline:none}.sg-body{min-width:0}.sg-chapter{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:4px solid var(--ink)}.sg-chapter:first-child{border-top:0;margin-top:0;padding-top:0}.sg-chapter-num{font-family:var(--font-sans);font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .4rem}.sg-chapter-title{margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:clamp(1.8rem,1.4rem + 1.5vw,2.6rem);font-weight:var(--fw-bold);letter-spacing:-.01em;color:var(--heading);line-height:1.1}.sg-chapter-lead{max-width:56ch;font-family:var(--font-serif);color:var(--text-soft);margin:0;font-size:1.05rem;line-height:1.6}.sg-section-num{font-family:var(--font-sans);font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .3rem}.sg-h4{margin:var(--space-xl) 0 var(--space-sm);font-family:var(--font-display);font-size:1.1rem;font-weight:var(--fw-semibold);color:var(--heading)}.sg-principles{counter-reset:sgp;gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sg-principles>li{counter-increment:sgp;padding:var(--space-md) var(--space-lg) var(--space-md) calc(var(--space-2xl) + .5rem);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--ink);position:relative}.sg-principles>li:before{content:counter(sgp, decimal-leading-zero);left:var(--space-lg);top:var(--space-md);font-family:var(--font-display);font-size:1.1rem;font-weight:var(--fw-bold);color:var(--ink);font-variant-numeric:tabular-nums;position:absolute}.sg-principles>li>strong{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--fw-semibold);color:var(--heading);margin:0 0 .25rem;display:block}.sg-principles>li>p{font-family:var(--font-serif);color:var(--text);margin:0;font-size:.95rem;line-height:1.55}.sg-voice-attrs,.sg-rules{grid-template-columns:1fr;gap:0;margin:0;padding:0;display:grid}.sg-voice-attrs>div,.sg-rules>div{padding:var(--space-md) 0;border-bottom:1px solid var(--border-soft);grid-template-columns:1fr;gap:.2rem;display:grid}.sg-voice-attrs>div:last-child,.sg-rules>div:last-child{border-bottom:0}@media (width>=640px){.sg-voice-attrs>div,.sg-rules>div{gap:var(--space-md);grid-template-columns:14rem 1fr}}.sg-voice-attrs dt,.sg-rules dt{font-family:var(--font-display);font-size:1rem;font-weight:var(--fw-semibold);color:var(--heading);margin:0}.sg-voice-attrs dd,.sg-rules dd{font-family:var(--font-serif);color:var(--text);margin:0;font-size:.95rem;line-height:1.6}.sg-swatch-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=560px){.sg-swatch-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.sg-swatch-grid{grid-template-columns:repeat(3,1fr)}}.sg-swatch{background:var(--surface);border:1px solid var(--border);transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex-direction:column;margin:0;display:flex;overflow:hidden}.sg-swatch:hover{border-color:var(--ink);transform:translateY(-1px)}.sg-swatch-chip{border-bottom:1px solid var(--border);height:7rem}.sg-swatch-meta{padding:var(--space-md) var(--space-lg);font-family:var(--font-sans);flex-direction:column;gap:.5rem;font-size:.85rem;display:flex}.sg-swatch-name{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--fw-semibold);color:var(--heading);margin:0}.sg-swatch-vals{grid-template-columns:4.5rem 1fr;align-items:baseline;gap:.2rem .6rem;margin:0;display:grid}.sg-swatch-vals>div{display:contents}.sg-swatch-vals dt{font-size:.68rem;font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.sg-swatch-vals dd{font-family:var(--font-mono,ui-monospace, "SF Mono", Menlo, monospace);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:.78rem}.sg-swatch-ratio{font-family:var(--font-sans);font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:.04em;border:1px solid var(--border);background:var(--bg-alt);align-items:center;padding:.05em .5em;display:inline-flex}.sg-swatch-ratio.is-aaa{border-color:var(--ink);background:var(--ink);color:var(--paper)}.sg-swatch-ratio.is-aa{border-color:var(--ink);background:var(--surface);color:var(--ink)}.sg-swatch-ratio.is-ui{border-color:var(--text-muted);background:var(--surface);color:var(--text-muted)}.sg-swatch-role{font-family:var(--font-serif);color:var(--text-soft);margin:0;font-size:.92rem;font-style:italic}.sg-type-scale{margin-bottom:var(--space-xl);border-top:1px solid var(--border-soft);flex-direction:column;gap:0;display:flex}.sg-type-row{padding:var(--space-md) 0;border-bottom:1px solid var(--border-soft);grid-template-columns:1fr;gap:.4rem;display:grid}@media (width>=720px){.sg-type-row{gap:var(--space-lg);grid-template-columns:14rem 1fr;align-items:baseline}}.sg-type-row-label{font-family:var(--font-sans);font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.sg-type-row-sample{color:var(--ink);margin:0}.sg-do-dont{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=640px){.sg-do-dont{grid-template-columns:1fr 1fr}}.sg-do-dont-col{padding:var(--space-md) var(--space-lg);background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--ink)}.sg-do-dont-col--dont{border-top-color:var(--text-muted);border-top-style:dashed}.sg-do-dont-col h5{margin:0 0 var(--space-sm);font-family:var(--font-sans);font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.sg-do-dont-col--dont h5{color:var(--text-muted)}.sg-do-dont-col ul{font-family:var(--font-serif);color:var(--text);margin:0;padding-left:1.1rem;font-size:.95rem;line-height:1.55}.sg-do-dont-col li+li{margin-top:.4rem}.sg-aside{margin:var(--space-md) 0 0;padding:var(--space-sm) var(--space-md);background:var(--bg-alt);border-left:3px solid var(--border);font-family:var(--font-serif);color:var(--text-soft);font-size:.9rem;font-style:italic}.sg-demo{margin:var(--space-md) 0 0;border:1px solid var(--border);background:var(--surface);gap:0;display:grid}.sg-demo-render{padding:var(--space-lg) var(--space-xl);background:var(--paper);border-bottom:1px solid var(--border)}.sg-demo-code{padding:var(--space-md) var(--space-lg);background:var(--bg-alt);font-family:var(--font-mono,ui-monospace, "SF Mono", Menlo, monospace);color:var(--ink-soft);margin:0;font-size:.82rem;line-height:1.55;overflow-x:auto}.sg-demo-code code{font:inherit;color:inherit;background:0 0;border:0;padding:0}.sg-favicon-tile--wide{grid-column:span 2}