.figure[data-astro-cid-olc77mcw]{width:100%;height:auto;display:block}.guide[data-astro-cid-olc77mcw]{stroke:var(--color-mute-200)}.axis[data-astro-cid-olc77mcw]{stroke:var(--color-ink-700)}.radius[data-astro-cid-olc77mcw]{stroke:var(--color-mute-400)}.accent[data-astro-cid-olc77mcw]{stroke:var(--color-plum-300)}.dot[data-astro-cid-olc77mcw]{fill:var(--color-mute-400);stroke:none}.dot[data-astro-cid-olc77mcw].accent{fill:var(--color-plum-300)}.overlap[data-astro-cid-olc77mcw]{stroke:var(--color-plum-300);stroke-linecap:butt}.mark[data-astro-cid-olc77mcw]{stroke:var(--color-white);opacity:.22}.mark[data-astro-cid-olc77mcw] .wave[data-astro-cid-olc77mcw]{stroke:var(--color-plum-300)}.toc[data-astro-cid-wbkmhira],.misuses[data-astro-cid-wbkmhira],.swatches[data-astro-cid-wbkmhira],.table-wrap[data-astro-cid-wbkmhira],.figure-block[data-astro-cid-wbkmhira],.ramp[data-astro-cid-wbkmhira]{--breakout:max(0px, min(var(--gutter), calc((var(--measure-wide) - 100%) / 2)));margin-inline:calc(-1 * var(--breakout))}@media screen and (width<=767px){.toc[data-astro-cid-wbkmhira],.misuses[data-astro-cid-wbkmhira],.swatches[data-astro-cid-wbkmhira],.table-wrap[data-astro-cid-wbkmhira],.figure-block[data-astro-cid-wbkmhira],.ramp[data-astro-cid-wbkmhira]{--breakout:0px}}.toc[data-astro-cid-wbkmhira]{margin-block:0 var(--spacing-8);padding:var(--spacing-6);border:1px solid var(--color-ink-700);border-radius:12px}.toc-label[data-astro-cid-wbkmhira]{margin:0 0 var(--spacing-3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute-400)}.toc[data-astro-cid-wbkmhira] ol[data-astro-cid-wbkmhira]{gap:var(--spacing-2);counter-reset:chapter;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:0;padding:0;list-style:none;display:grid}.toc[data-astro-cid-wbkmhira] li[data-astro-cid-wbkmhira]{counter-increment:chapter}.toc[data-astro-cid-wbkmhira] li[data-astro-cid-wbkmhira]:before{content:counter(chapter) ". ";color:var(--color-mute-400)}.download[data-astro-cid-wbkmhira]{margin-block:0 var(--spacing-8);font-size:var(--text-sm)}.stage[data-astro-cid-wbkmhira]{padding:var(--spacing-8) var(--spacing-6);margin-block:var(--spacing-6);border:1px solid var(--color-ink-700);border-radius:12px;justify-content:center;align-items:center;display:flex}.row[data-astro-cid-wbkmhira]{align-items:flex-end;gap:var(--spacing-8);margin-block:var(--spacing-6);flex-wrap:wrap;display:flex}.size[data-astro-cid-wbkmhira]{align-items:center;gap:var(--spacing-2);flex-direction:column;display:inline-flex}.size[data-astro-cid-wbkmhira] em[data-astro-cid-wbkmhira]{font-style:normal;font-size:var(--text-xs);color:var(--color-mute-400)}.size[data-astro-cid-wbkmhira][data-minimum] em[data-astro-cid-wbkmhira]{color:var(--color-plum-300)}.clear-box[data-astro-cid-wbkmhira]{padding:calc(var(--clear) * 96px / 100);outline:1px dashed var(--color-mute-400);outline-offset:0;display:inline-flex}.figure-block[data-astro-cid-wbkmhira]{margin-block:var(--spacing-8)}.figure-block[data-astro-cid-wbkmhira] .figure{max-width:340px;margin-inline:auto}figcaption[data-astro-cid-wbkmhira]{margin-top:var(--spacing-4);font-size:var(--text-sm);color:var(--color-mute-200)}.rules[data-astro-cid-wbkmhira]{gap:var(--spacing-3);display:grid}.aside[data-astro-cid-wbkmhira]{font-size:var(--text-sm);color:var(--color-mute-400);border-left:2px solid var(--color-ink-700);padding-left:var(--spacing-4)}.misuses[data-astro-cid-wbkmhira]{gap:var(--spacing-6);margin-block:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.misuse[data-astro-cid-wbkmhira]{padding:var(--spacing-6);border:1px solid var(--color-ink-700);border-radius:12px;margin:0}.misuse-stage[data-astro-cid-wbkmhira]{min-height:96px;margin-bottom:var(--spacing-4);justify-content:center;align-items:center;display:flex;overflow:hidden}.misuse[data-astro-cid-wbkmhira] figcaption[data-astro-cid-wbkmhira]{gap:var(--spacing-2);margin:0;display:grid}.misuse[data-astro-cid-wbkmhira] strong[data-astro-cid-wbkmhira]{color:var(--color-white)}.misuse[data-astro-cid-wbkmhira] span[data-astro-cid-wbkmhira]{font-size:var(--text-sm);color:var(--color-mute-400)}.misuse[data-astro-cid-wbkmhira][data-misuse=recolour] .mark{color:var(--color-bloom-cyan)}.misuse[data-astro-cid-wbkmhira][data-misuse=recolour] .mark .sonar{stroke:var(--color-bloom-amber)}.misuse[data-astro-cid-wbkmhira][data-misuse=opacity] .mark .sonar{opacity:1}.misuse[data-astro-cid-wbkmhira][data-misuse=stretch] .mark{transform:scaleX(1.55)}.misuse[data-astro-cid-wbkmhira][data-misuse=rotate] .mark{transform:rotate(-18deg)}.misuse[data-astro-cid-wbkmhira][data-misuse=busy] .misuse-stage[data-astro-cid-wbkmhira]{background:radial-gradient(circle at 30% 35%, var(--color-bloom-magenta), transparent 45%), radial-gradient(circle at 70% 60%, var(--color-bloom-cyan), transparent 40%), var(--color-mute-200);border-radius:8px}.group-note[data-astro-cid-wbkmhira]{font-size:var(--text-sm);color:var(--color-mute-400)}.swatches[data-astro-cid-wbkmhira]{gap:var(--spacing-3);margin-block:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:0;list-style:none;display:grid}.swatch[data-astro-cid-wbkmhira]{align-items:center;gap:0 var(--spacing-3);grid-template-columns:auto 1fr;grid-template-areas:"chip name""chip hex";display:grid}.chip[data-astro-cid-wbkmhira]{border:1px solid var(--color-ink-700);border-radius:8px;grid-area:chip;width:40px;height:40px}.swatch-name[data-astro-cid-wbkmhira]{font-size:var(--text-sm);color:var(--color-mute-200);grid-area:name}.swatch-hex[data-astro-cid-wbkmhira]{font-size:var(--text-sm);color:var(--color-mute-400);text-transform:uppercase;grid-area:hex}.table-wrap[data-astro-cid-wbkmhira]{margin-block:var(--spacing-6);overflow:auto hidden}table[data-astro-cid-wbkmhira]{border-collapse:collapse;width:100%;font-size:var(--text-sm);text-align:left}caption[data-astro-cid-wbkmhira]{text-align:left;font-size:var(--text-sm);color:var(--color-mute-400);padding-bottom:var(--spacing-3)}th[data-astro-cid-wbkmhira],td[data-astro-cid-wbkmhira]{padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 0;border-bottom:1px solid var(--color-ink-700);vertical-align:top;white-space:nowrap;font-weight:400}td[data-astro-cid-wbkmhira]:nth-child(2){white-space:normal;min-width:16ch}thead[data-astro-cid-wbkmhira] th[data-astro-cid-wbkmhira]{color:var(--color-mute-400);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}tbody[data-astro-cid-wbkmhira] th[data-astro-cid-wbkmhira]{color:var(--color-mute-200)}td[data-astro-cid-wbkmhira]{color:var(--color-mute-400)}.ratio[data-astro-cid-wbkmhira]{font-variant-numeric:tabular-nums;color:var(--color-white)}.pair[data-astro-cid-wbkmhira]{align-items:center;gap:var(--spacing-3);display:inline-flex}.pair-chip[data-astro-cid-wbkmhira]{border:1px solid var(--color-ink-700);width:34px;height:26px;font-size:var(--text-sm);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.pair-chip[data-astro-cid-wbkmhira][data-level=AA-large]{width:44px;height:34px;font-size:24px;line-height:1}.pair-chip[data-astro-cid-wbkmhira][data-level=non-text]:after,.pair-chip[data-astro-cid-wbkmhira][data-level=tracked]:after{content:"";background:currentColor;border-radius:1px;width:60%;height:2px}.ramp[data-astro-cid-wbkmhira]{gap:var(--spacing-6);margin-block:var(--spacing-6);display:grid}.ramp-meta[data-astro-cid-wbkmhira]{font-size:var(--text-xs);color:var(--color-mute-400);margin:0}.ramp-sample[data-astro-cid-wbkmhira]{letter-spacing:-.03em;color:var(--color-white);margin:0;line-height:1.05}.demo[data-astro-cid-wbkmhira]{background:var(--color-ink-800);border-radius:4px;width:90px;height:22px;display:inline-block;overflow:hidden}.demo[data-astro-cid-wbkmhira] i[data-astro-cid-wbkmhira]{border-radius:inherit;background:var(--color-plum-500);width:100%;height:100%;transition:transform var(--demo-duration) cubic-bezier(.16, 1, .3, 1);display:block;transform:translate(-100%)}.demo[data-astro-cid-wbkmhira]:hover i[data-astro-cid-wbkmhira]{transform:translate(0)}@media (prefers-reduced-motion:reduce){.demo[data-astro-cid-wbkmhira] i[data-astro-cid-wbkmhira]{transition:none;transform:translate(0)}}.print-cover[data-astro-cid-wbkmhira]{display:none}@media print{html{background:var(--ground-solid)!important;background-image:none!important;background-attachment:scroll!important}body:before,.site-header,.site-footer,.document .masthead,.document .bloom,.download[data-astro-cid-wbkmhira]{display:none!important}@page{size:A4;margin:16mm 16mm 20mm;background:var(--ground-solid)}.print-cover[data-astro-cid-wbkmhira]{align-content:center;justify-items:start;gap:var(--spacing-4);break-after:page;min-height:258mm;margin:0;display:grid}.print-cover-title[data-astro-cid-wbkmhira]{margin:var(--spacing-4) 0 0;font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-white);font-weight:600;line-height:1}.print-cover-lede[data-astro-cid-wbkmhira]{max-width:34em;font-size:var(--text-lg);color:var(--color-mute-200);margin:0}.print-cover-meta[data-astro-cid-wbkmhira]{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute-400);margin:0}.toc[data-astro-cid-wbkmhira]{break-after:page;border:0;align-content:center;min-height:258mm;margin:0;padding:0;display:grid}.toc[data-astro-cid-wbkmhira] ol[data-astro-cid-wbkmhira]{gap:var(--spacing-3);font-size:var(--text-lg);grid-template-columns:1fr}h2[data-astro-cid-wbkmhira]{break-before:page}h2[data-astro-cid-wbkmhira],h3[data-astro-cid-wbkmhira]{break-after:avoid}.stage[data-astro-cid-wbkmhira],.figure-block[data-astro-cid-wbkmhira],.swatches[data-astro-cid-wbkmhira],.ramp[data-astro-cid-wbkmhira],.rules[data-astro-cid-wbkmhira],.row[data-astro-cid-wbkmhira],.clear-box[data-astro-cid-wbkmhira],.group,tr[data-astro-cid-wbkmhira],.misuse[data-astro-cid-wbkmhira]{break-inside:avoid}thead[data-astro-cid-wbkmhira]{display:table-header-group}.demo[data-astro-cid-wbkmhira] i[data-astro-cid-wbkmhira]{transition:none!important;transform:translate(0)!important}}