.article-page .font-rows{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0 0 var(--cf-space-300);list-style:none;font-size:var(--cf-font-size-325)}.article-page .font-rows li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:baseline;-webkit-padding-start:var(--cf-space-150);padding-inline-start:var(--cf-space-150);-webkit-border-start:2px solid var(--cf-color-border);border-inline-start:2px solid var(--cf-color-border)}.article-page .font-rows li[data-kind=strong]{border-inline-start-color:var(--cf-color-primary-solid)}.article-page .font-label{color:var(--cf-color-text-secondary);overflow-wrap:anywhere}.article-page .font-value{font-family:var(--cf-font-mono);text-align:end;overflow-wrap:anywhere}.article-page .font-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0 0 var(--cf-space-300);padding:0;list-style:none}.article-page .font-frames li{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);font-size:var(--cf-font-size-300);color:var(--cf-color-text-secondary)}.article-page .font-frames img{display:block;width:100%;height:auto;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100);background:var(--cf-color-surface)}.article-page .font-slider{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);max-width:28rem;font-size:var(--cf-font-size-325)}.article-page .font-slider input{width:100%}.article-page .font-timelines{display:grid;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);margin:0 0 var(--cf-space-300);padding:0;list-style:none}.article-page .font-timelines li{display:grid;grid-template-columns:6rem minmax(0,1fr);grid-gap:var(--cf-space-100) var(--cf-space-200);gap:var(--cf-space-100) var(--cf-space-200);align-items:center;font-size:var(--cf-font-size-300)}.article-page .font-timeline-name{font-family:var(--cf-font-mono);color:var(--cf-color-text-strong)}.article-page .font-timeline-bar{display:flex;gap:var(--cf-space-050);min-height:var(--cf-space-300)}.article-page .font-timeline-part{flex-basis:0;min-width:var(--cf-space-050);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-050);background:var(--cf-color-surface-sunken)}.article-page .font-timeline-part[data-shows=invisible]{border-style:dashed;background:var(--cf-color-surface)}.article-page .font-timeline-part[data-shows=fallback]{border-color:var(--cf-color-warning-border);background:var(--cf-color-warning-subtle)}.article-page .font-timeline-part[data-shows=font]{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle)}.article-page .font-timeline-text{grid-column:2;color:var(--cf-color-text-secondary)}.article-page .font-sample{margin:0 0 var(--cf-space-300);font-size:var(--cf-font-size-550);color:var(--cf-color-text-strong)}@media(max-width:560px){.article-page .font-rows li{grid-template-columns:minmax(0,1fr);gap:var(--cf-space-050)}.article-page .font-value{text-align:start}.article-page .font-timelines li{grid-template-columns:minmax(0,1fr)}.article-page .font-timeline-text{grid-column:1}}