





.plate-tile .plate { display: block; width: 100%; aspect-ratio: 1 / 1; }
.pl-ascii       { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0; fill: var(--ink); } 
.pl-ascii-ink   { fill: var(--ink); }
.pl-ascii-grey  { fill: var(--grey-51); }
.pl-mono        { font-family: var(--font-mono); font-size: var(--fz-mono-6); letter-spacing: var(--track-code); fill: var(--ink); text-transform: uppercase; }
.pl-serif-display { font-family: var(--font-serif); font-size: var(--fz-h0); fill: var(--ink); }
.pl-serif-title   { font-family: var(--font-serif); font-size: var(--fz-page-title); fill: var(--ink); }
.pl-serif-heading { font-family: var(--font-serif); font-size: var(--fz-heading-3); fill: var(--ink); }
.pl-serif-body    { font-family: var(--font-serif); font-size: var(--fz-body); fill: var(--ink); }
.pl-serif-caps    { font-family: var(--font-serif); font-size: var(--fz-serif-8); letter-spacing: var(--track-caps); fill: var(--ink); text-transform: uppercase; }
.pl-rule          { fill: none; stroke: var(--line-quiet); stroke-width: var(--hairline); vector-effect: non-scaling-stroke; }
