.brand-guide{background:var(--background);color:var(--copy);padding-top:9rem}.guide-container{max-width:1280px;margin-inline:auto;padding-inline:24px}.guide-section{padding-block:4rem;scroll-margin-top:1rem}.guide-section-heading{margin-bottom:2rem}.guide-section-heading>span{display:block;font-size:12px;color:var(--caption);margin-bottom:12px}.guide-section-heading h2{font-family:var(--font-space-grotesk),sans-serif;font-weight:500;color:var(--ink);font-size:30px;line-height:1.2}.logo-specimen{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:32px;border:1px solid var(--border)}.logo-specimen p{font-size:12px}.logo-specimen .light svg path{fill:#18181b}.logo-specimen .light svg>g>path{fill:#9a9999}.font-specimen{padding:28px;border:1px solid var(--border);background:var(--muted);color:var(--ink);display:flex;flex-direction:column;gap:28px}.type-table{width:100%;min-width:580px;border-collapse:collapse;color:var(--ink);text-align:left}.type-table caption{caption-side:bottom;text-align:left;padding-top:16px;color:var(--caption);font-size:12px}.type-table thead th{color:var(--caption);font-size:12px;font-weight:400;padding:0 16px 16px 0}.type-table tbody th,.type-table td{padding:20px 16px 20px 0;border-top:1px solid var(--border);vertical-align:middle}.type-table td{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.type-table tbody th{min-width:280px;font-weight:400}.color-swatch{min-height:88px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgb(0 0 0/8%)}.color-swatch strong{display:block;font-size:14px;font-weight:600}.color-swatch span{display:block;font-size:12px;margin-top:4px}.color-swatch code{font-size:12px;flex-shrink:0}.guide-component-title{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:16px}.component-stage{border:1px solid var(--border);padding:24px;background:var(--card)}.guide-primary,.guide-secondary{min-height:44px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:16px;transition:background .15s}.guide-primary{background:var(--accent);color:white}.guide-primary:hover{background:#015575}.guide-primary:disabled{cursor:not-allowed;background:var(--muted);color:var(--caption)}.guide-secondary{border:1px solid var(--caption);color:var(--ink)}.guide-secondary:hover{background:var(--muted)}.guide-label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--copy);font-weight:500}.guide-input{min-height:44px;width:100%;min-width:0;border:1px solid var(--caption);padding:10px 12px;font-size:16px;font-weight:400;background:var(--background);color:var(--ink)}.guide-input::-moz-placeholder{color:var(--caption)}.guide-input::placeholder{color:var(--caption)}.guide-input:disabled{background:var(--muted);border-color:var(--border);cursor:not-allowed}.guide-input[aria-invalid=true]{border-color:#b91c1c}.guide-tag{display:inline-block;padding:5px 12px;font-size:12px}.guide-details{border-bottom:1px solid var(--border)}.guide-details summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;color:var(--ink);font-size:14px;cursor:pointer;list-style:none}.guide-details summary::-webkit-details-marker{display:none}.guide-details[open] summary svg{transform:rotate(45deg)}.guide-details p{font-size:14px;line-height:1.7;padding-bottom:16px}@media (min-width:768px){.guide-section-heading h2{font-size:40px}}@media (min-width:1024px){.guide-container{padding-inline:40px}.brand-guide{padding-top:10rem}.guide-section{padding-block:5rem}}@media (max-width:420px){.color-swatch{align-items:flex-start;flex-direction:column;gap:8px}.component-stage{padding:16px}}