.peppe-type-family-note{font-size:var(--type-size-xs);font-weight:var(--type-weight-regular);color:var(--color-ink-tertiary);line-height:var(--type-leading-normal);margin-top:var(--space-4);display:block}dd .peppe-type-family-note,.peppe-type-specimen-card__meta dd .peppe-type-family-note{font-size:inherit;color:var(--color-ink-tertiary);margin-top:0;display:inline}.peppe-type-specimen-grid{gap:var(--space-32);margin:var(--space-32) 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.peppe-type-specimen-card{background:var(--color-surface-shell);border:1px solid var(--color-surface-divider);border-radius:var(--radius-lg);padding:var(--space-32);flex-direction:column;display:flex}.peppe-type-specimen-card__label{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);margin:0 0 var(--space-4);display:block}.peppe-type-specimen-card__role-tag{margin:0 0 var(--space-24);padding:var(--space-2) var(--space-8);border:1px solid var(--color-surface-divider);background:var(--color-surface-base);font-family:var(--type-family-sans);font-size:10px;font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);line-height:var(--type-leading-tight);border-radius:999px;align-self:flex-start;align-items:center;display:inline-flex}.peppe-type-specimen-card__sample{margin:0 0 var(--space-24);font-size:var(--type-size-display-lg);color:var(--color-ink-primary);line-height:.95}.peppe-type-specimen-card__sample--sans{font-family:var(--type-family-sans);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-tight)}.peppe-type-specimen-card__sample--serif{font-family:var(--type-family-serif);font-weight:var(--type-weight-regular);letter-spacing:-.03em}.peppe-type-specimen-card__meta{gap:var(--space-4) var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--color-surface-divider);grid-template-columns:max-content 1fr;margin:0;display:grid}.peppe-type-specimen-card__meta dt{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);line-height:var(--type-leading-normal)}.peppe-type-specimen-card__meta dd{font-family:var(--type-family-sans);font-size:var(--type-size-sm);color:var(--color-ink-primary);line-height:var(--type-leading-normal);margin:0}.peppe-type-specimen-card__meta dd code{font-family:var(--type-family-sans);font-size:var(--type-size-sm);color:var(--color-ink-secondary);background:var(--color-surface-carved);padding:0 var(--space-4);border-radius:var(--radius-sm)}.peppe-type-scale-section{border-top:1px solid var(--color-surface-divider);padding-top:var(--space-32);margin-top:var(--space-32)}.peppe-type-scale-section:first-of-type{margin-top:var(--space-32);border-top:none;padding-top:0}.peppe-type-scale-section__heading{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);margin:0 0 var(--space-24) 0;justify-content:space-between;align-items:baseline;display:flex}.peppe-type-scale-section__aside{font-family:var(--type-family-serif);font-style:italic;font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);letter-spacing:0;text-transform:none;color:var(--color-ink-secondary)}.peppe-type-scale-row{column-gap:var(--space-24);row-gap:var(--space-24);grid-template-columns:max-content max-content 1fr;align-items:baseline;margin:0;padding:0;list-style:none;display:grid}.peppe-type-scale-row__item{display:contents}.peppe-type-scale-row__tag{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);white-space:nowrap}.peppe-type-scale-row__specs{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-regular);color:var(--color-ink-tertiary);white-space:nowrap}.peppe-type-sample--ink-secondary{color:var(--color-ink-secondary)}.peppe-type-web-scale{margin:var(--space-32) 0;border:1px solid var(--color-surface-divider);border-radius:var(--radius-lg);background:var(--color-surface-base);flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.peppe-type-web-scale__group-header{background:var(--color-surface-carved);padding:var(--space-8) var(--space-24);border-bottom:1px solid var(--color-surface-divider)}.peppe-type-web-scale__group-header+.peppe-type-web-scale__group-header{border-top:1px solid var(--color-surface-divider)}.peppe-type-web-scale__group-header span{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);line-height:var(--type-leading-tight)}.peppe-type-web-scale__entry{border-bottom:1px solid var(--color-surface-divider)}.peppe-type-web-scale__entry:last-child{border-bottom:none}.peppe-type-web-scale__sample-band{background:var(--color-surface-carved);padding:var(--space-32) var(--space-24);border-bottom:1px solid var(--color-surface-divider);gap:var(--space-16);flex-direction:column;display:flex}.peppe-type-web-scale__tag-label{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);line-height:var(--type-leading-tight)}.peppe-type-web-scale__sample-band .peppe-type-sample{white-space:normal;overflow-wrap:anywhere;max-width:none}.peppe-type-web-scale__token-table{background:var(--color-surface-base);padding:var(--space-24)}.peppe-type-web-scale__tokens{gap:var(--space-4) var(--space-16);grid-template-columns:max-content 1fr;margin:0;display:grid}.peppe-type-web-scale__tokens dt{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);white-space:nowrap;line-height:normal}.peppe-type-web-scale__tokens dd{font-family:var(--type-family-sans);font-size:var(--type-size-sm);color:var(--color-ink-primary);margin:0;line-height:normal}.peppe-type-web-scale__tokens code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-type-anchor-demo{color:var(--color-functional-info);text-underline-offset:3px;transition:text-decoration-color var(--duration-micro) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.peppe-type-anchor-demo:hover{-webkit-text-decoration-color:var(--color-functional-info);text-decoration-color:var(--color-functional-info)}.peppe-type-anchor-demo:focus-visible{outline:var(--focus-ring-width) solid var(--color-functional-info);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.peppe-type-context-grid{gap:var(--space-16);margin-top:var(--space-32);grid-template-columns:repeat(3,1fr);display:grid}.peppe-type-context-card{background:var(--color-surface-base);border:1px solid var(--color-surface-divider);border-radius:var(--radius-lg);padding:var(--space-24);gap:var(--space-16);flex-direction:column;display:flex}.peppe-type-context-card__kicker{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);line-height:var(--type-leading-tight)}.peppe-type-context-card__sample{min-height:var(--space-48);scrollbar-width:thin;scrollbar-color:var(--color-surface-divider) transparent;align-items:flex-start;display:flex;overflow-x:auto}.peppe-type-context-card__tokens{gap:var(--space-4) var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--color-surface-divider);grid-template-columns:auto 1fr;margin:0;display:grid}.peppe-type-context-card__tokens dt{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;line-height:var(--type-leading-snug);white-space:nowrap}.peppe-type-context-card__tokens dd{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-regular);color:var(--color-ink-secondary);line-height:var(--type-leading-snug);margin:0}.peppe-type-context-card__tokens code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-type-sample{white-space:nowrap;color:var(--color-ink-primary);line-height:var(--type-leading-tight);display:block}.peppe-type-sample--display-lg{font-family:var(--type-family-serif);font-size:var(--type-size-display-lg);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-tight);line-height:var(--type-leading-tight)}.peppe-type-sample--display{font-family:var(--type-family-serif);font-size:var(--type-size-display);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-tight);line-height:var(--type-leading-tight)}.peppe-type-sample--xl{font-family:var(--type-family-serif);font-size:var(--type-size-xl);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-tight);line-height:var(--type-leading-snug)}.peppe-type-sample--2xl{font-family:var(--type-family-serif);font-size:var(--type-size-2xl);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-tight);line-height:var(--type-leading-tight)}.peppe-type-sample--heading-lg{font-family:var(--type-family-serif);font-size:var(--type-size-heading-lg);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-tight);line-height:var(--type-leading-tight)}.peppe-type-sample--heading-md{font-family:var(--type-family-sans);font-size:var(--type-size-heading-md);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-normal);line-height:var(--type-leading-tight)}.peppe-type-sample--lg{font-family:var(--type-family-sans);font-size:var(--type-size-lg);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-leading-snug)}.peppe-type-sample--md{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);letter-spacing:var(--type-tracking-normal);line-height:var(--type-leading-normal);white-space:normal;max-width:45ch}.peppe-type-sample--sm{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);letter-spacing:var(--type-tracking-normal);line-height:var(--type-leading-normal);white-space:normal;max-width:45ch}.peppe-type-sample--xs{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;line-height:var(--type-leading-tight)}.peppe-type-sample--medium{font-weight:var(--type-weight-medium)}.peppe-type-sample--ink-primary{color:var(--color-ink-primary)}.peppe-type-sample--xs-heading{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-leading-tight);text-transform:none;color:var(--color-ink-primary)}@media (max-width:1024px){.peppe-type-context-grid{grid-template-columns:repeat(2,1fr)}.peppe-type-scale-section{padding-top:var(--space-24);margin-top:var(--space-24)}.peppe-type-specimen-card{padding:var(--space-24)}.peppe-type-web-scale__sample-band{padding:var(--space-24) var(--space-24)}.peppe-type-web-scale__token-table{padding:var(--space-24)}.peppe-type-web-scale__group-header{padding:var(--space-8) var(--space-24)}}@media (max-width:768px){.peppe-type-context-grid{gap:var(--space-8);grid-template-columns:1fr}.peppe-type-specimen-grid{gap:var(--space-16);margin:var(--space-24) 0;grid-template-columns:1fr}.peppe-type-specimen-card{padding:var(--space-16)}.peppe-type-specimen-card__sample{font-size:var(--type-size-display)}.peppe-type-scale-row{gap:var(--space-16);flex-direction:column;display:flex}.peppe-type-scale-row__item{align-items:baseline;column-gap:var(--space-16);row-gap:var(--space-8);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-surface-divider);flex-wrap:wrap;display:flex}.peppe-type-scale-row__tag,.peppe-type-scale-row__specs{flex-shrink:0}.peppe-type-scale-row__item>.peppe-type-sample{flex-basis:100%}.peppe-type-scale-row__item:last-child{border-bottom:none;padding-bottom:0}.peppe-type-web-scale__sample-band{padding:var(--space-24) var(--space-16)}.peppe-type-web-scale__token-table{padding:var(--space-16)}.peppe-type-web-scale__group-header{padding:var(--space-8) var(--space-16)}.peppe-type-scale-section{padding-top:var(--space-16);margin-top:var(--space-16)}.peppe-type-context-card{padding:var(--space-16)}.peppe-type-sample--md,.peppe-type-sample--sm{max-width:none}}