.docs-page{gap:var(--space-18);padding-block:var(--space-16) var(--space-24);flex-direction:column;display:flex}.docs-intro{gap:var(--space-4);flex-direction:column;display:flex}.docs-intro__identity{align-items:center;gap:var(--space-3);display:flex}.docs-intro__identity strong{font-size:19px}.docs-intro__identity span{margin-left:var(--space-1);color:var(--color-meta-readable);font-family:var(--font-mono);font-size:12px}.docs-intro h1{letter-spacing:-.015em;max-width:18ch;font-size:42px;line-height:1.1}.docs-intro p,.docs-section p{margin:0}.docs-intro p{max-width:62ch}.docs-page code,.docs-page kbd{font-family:var(--font-mono)}.docs-page code{font-size:.84em}.docs-section{flex-direction:column;gap:18px;display:flex}.docs-section>h2{font-size:28px;line-height:1.15}.principles-grid{color:var(--color-ink-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px;font-size:15px;line-height:1.6;display:grid}.principles-grid strong{color:var(--color-ink)}.mark-layout,.spacing-layout,.form-layout{gap:var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.mark-layout>:last-child,.spacing-layout>:last-child{grid-column:1/-1}.mark-specimen,.lockup{padding:var(--space-6);align-items:flex-end;gap:22px;display:flex}.mark-size{flex-direction:column;align-items:center;gap:7px;display:flex}.mark-size span,.mono-note,.docs-note,.type-row code,.color-card__body code{color:var(--color-meta-readable);font-family:var(--font-mono)}.mark-size span{font-size:10.5px}.mono-note{max-width:420px;margin:10px 0 0;font-size:11px;line-height:1.6}.lockup{letter-spacing:-.01em;align-items:center;gap:13px;padding-inline:28px;font-size:26px;font-weight:700}.mark-rules,.spacing-rules,.form-rules{gap:var(--space-2);color:var(--color-ink-soft);flex-direction:column;font-size:13.5px;line-height:1.6;display:flex}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.color-card{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-field);overflow:hidden}.color-card__swatch{height:64px}.color-card__body{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.color-card__body strong{font-size:13.5px}.color-card__body code{font-size:11px}.color-card__body span{color:var(--color-ink-soft);font-size:12px;line-height:1.45}.docs-note{max-width:74ch;color:var(--color-ink-soft);font-family:var(--font-body);font-size:13.5px;line-height:1.7}.docs-note--wide{max-width:76ch;font-size:14.5px;line-height:1.8}.type-family-row{color:var(--color-ink-soft);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.type-family-row span{border:1px solid var(--color-rule);border-radius:var(--radius-button);background:var(--color-paper-raised);padding:10px 14px}.type-table{padding-inline:var(--space-6);border:1px solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper-field)}.type-row{align-items:baseline;gap:var(--space-6);padding-block:var(--space-4);border-bottom:1px solid var(--color-rule-soft);display:flex}.type-row:last-of-type{border-bottom:0}.type-row code{flex:none;width:200px;font-size:11px}.type-row span{color:var(--color-ink)}.type-display,.type-h2,.type-h3{font-family:var(--font-serif);font-weight:600}.type-display{font-size:30px}.type-h2{font-size:24px}.type-h3{font-size:18px}.type-body{font-size:16.5px}.type-small{font-size:14px}.type-overline{color:var(--color-olive-readable);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:12px}.type-code{font-family:var(--font-mono);font-size:13.5px}.type-table p{color:var(--color-ink-soft);padding-block:14px;font-size:13px}.space-scale{padding-top:var(--space-3);align-items:flex-end;gap:10px;display:flex}.space-scale>div{flex-direction:column;align-items:center;gap:6px;display:flex}.space-scale i{background:var(--color-terracotta);border-radius:3px;width:22px;max-height:96px;display:block}.space-scale code{color:var(--color-meta-readable);font-size:10.5px}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.component-card{flex-direction:column;gap:14px;min-width:0;padding:22px;display:flex}.component-card--wide{grid-column:1/-1}.component-card>p{color:var(--color-ink-soft);font-size:12.5px;line-height:1.6}.component-actions,.chips,.pager,.tabs{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.component-actions a:not(.button){font-size:14.5px;font-weight:500}.component-card .code-block{padding:14px 16px}.note-callout{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-raised);flex-direction:column;gap:5px;padding:14px 16px;display:flex}.note-callout p{color:var(--color-ink-soft);font-size:13.5px;line-height:1.6}.marker-table{border:1px solid var(--color-rule);border-radius:var(--radius-panel);border-spacing:0;text-align:left;width:100%;overflow:hidden}.marker-table th,.marker-table td{border-bottom:1px solid var(--color-rule-soft);padding:11px 16px;font-size:14px;line-height:1.5}.marker-table th{background:var(--color-paper-raised);color:var(--color-olive-readable);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;padding-block:10px;font-size:11px;font-weight:500}.marker-table td:first-child{font-family:var(--font-mono)}.marker-table tr:last-child td{border-bottom:0}.marker-table tbody tr:hover{background:var(--color-paper-raised)}.form-layout{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:28px}.specimen-form{gap:var(--space-2);flex-direction:column;display:flex}.specimen-form label,.specimen-form legend{color:var(--color-ink);font-size:13.5px;font-weight:600}.specimen-form input:not([type=checkbox]):not([type=radio]),.specimen-form select{border-radius:var(--radius-button);background:var(--color-paper-field);width:100%;min-height:42px;color:var(--color-ink);font-family:var(--font-body);border:1px solid #2b2a284d;padding:10px 12px;font-size:14.5px}.specimen-form input:focus{outline:2px solid var(--color-link);outline-offset:2px}.specimen-form fieldset{gap:var(--space-5);border:0;padding:0;display:flex}.check-row{align-items:center;gap:9px;min-height:24px;display:flex;font-size:14px!important;font-weight:400!important}.check-row input{accent-color:var(--color-link-readable)}.specimen-form button{cursor:pointer;border:0;align-self:flex-start}.form-error{color:var(--color-link-readable);font-family:var(--font-mono);font-size:11px}.tabs{border-bottom:1px solid var(--color-rule);gap:22px}.tabs span{color:var(--color-ink-soft);padding:0 2px 9px;font-size:14px;font-weight:500}.tabs .tabs__active{border-bottom:2px solid var(--color-link);color:var(--color-ink);margin-bottom:-1px;font-weight:600}.chips code,.chips kbd,.pager a{border:1px solid var(--color-rule);background:var(--color-paper-raised);color:var(--color-ink);border-radius:6px;padding:3px 9px;font-size:11px}.chips .chip-olive{color:var(--color-olive-readable)}.chips .chip-terracotta{color:var(--color-link-readable)}.chips kbd{border-bottom-width:2px;padding-inline:7px;font-size:11.5px}.olive-list{color:var(--color-ink);flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;line-height:1.55;list-style:none;display:flex}.olive-list li:before{color:var(--color-olive-readable);content:"·";margin-right:10px;font-weight:700}blockquote{font-family:var(--font-serif);flex-direction:column;gap:5px;margin:0;padding:2px 0 2px 18px;font-size:17px;font-style:italic;line-height:1.5;display:flex}blockquote cite{color:var(--color-meta-readable);font-family:var(--font-mono);font-size:11px;font-style:normal}.pager a{color:var(--color-link-readable);font-family:var(--font-mono);font-size:12px;text-decoration:none}.voice-grid{border:1px solid var(--color-rule);border-radius:var(--radius-panel);grid-template-columns:repeat(2,minmax(0,1fr));font-size:14px;line-height:1.6;display:grid;overflow:hidden}.voice-grid>div{flex-direction:column;gap:10px;padding:18px 22px;display:flex}.voice-grid>div:last-child{border-left:1px solid var(--color-rule);background:var(--color-paper-raised)}.voice-grid p{margin:0}.overline--terracotta{color:var(--color-link)}.docs-section--last{padding-bottom:var(--space-6)}@media (width<=720px){.docs-page{gap:var(--space-12);padding-block:var(--space-12) var(--space-18)}.docs-intro__identity span{display:none}.docs-intro h1{font-size:36px}.principles-grid,.mark-layout,.spacing-layout,.component-grid,.voice-grid,.form-layout{grid-template-columns:minmax(0,1fr)}.mark-layout>:last-child,.spacing-layout>:last-child,.component-card--wide{grid-column:auto}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}.type-row code{width:auto}.space-scale{justify-content:space-between;gap:4px}.space-scale i{width:18px}.marker-table{display:block;overflow-x:auto}.voice-grid>div:last-child{border-top:1px solid var(--color-rule);border-left:0}}