.link-contrast-examples[data-astro-cid-gmparrmw]{color:#000;background:#fff}.link-contrast-examples[data-astro-cid-gmparrmw]>div[data-astro-cid-gmparrmw]+div[data-astro-cid-gmparrmw]{border-top:1px solid var(--line);margin-top:1.3rem;padding-top:1.3rem}.link-example-label[data-astro-cid-gmparrmw]{color:var(--muted);font-size:.72rem}.link-contrast-examples[data-astro-cid-gmparrmw] p[data-astro-cid-gmparrmw]{margin:.4rem 0 0}.link-underline[data-astro-cid-gmparrmw]{text-underline-offset:.2em;text-decoration-line:underline;text-decoration-thickness:2px}.color-only[data-astro-cid-gmparrmw]{color:#3737c9}.faint[data-astro-cid-gmparrmw]{text-decoration-color:#bdd9fa}.clear[data-astro-cid-gmparrmw]{text-decoration-color:#3564b1}:root{color:#242429;--accent:#3737c9;--muted:#5d5d66;--line:#dedee3;background:#fcfcfa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;line-height:1.75}*{box-sizing:border-box}body{margin:0}main{width:min(100% - 3rem,44rem);margin:3rem auto 5rem}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:#17174d;background:#e5e5ff}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;font-weight:600;line-height:1.2}h1{margin:0 0 2rem;font-size:clamp(2rem,6vw,2.7rem)}.prose>h2{border-top:1px solid var(--line);margin:4rem 0 1.4rem;padding-top:1.6rem;font-size:1.9rem}.prose>h3{margin:2.6rem 0 1rem;font-size:1.3rem}.prose p{margin-block:1.2rem}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin-block:1rem;padding-left:.25rem}.prose strong{font-weight:650}h2[id],h3[id]{scroll-margin-top:2rem}code{overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Code,monospace;font-size:.83em}:not(pre)>code{background:#eeeeef;border-radius:3px;padding:.12em .3em}table{border-collapse:collapse;width:100%;margin-block:2rem;font-size:.8rem;line-height:1.6;display:block;overflow-x:auto}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:5rem;padding:.8rem .7rem}th{background:#f1f1f0;font-weight:650}.example{border:1px solid var(--line);background:#fff;margin:2rem 0}.example-body{padding:1.8rem}.example figcaption{color:var(--muted);padding:0 1.2rem 1rem;font-size:.78rem;line-height:1.6}.keyboard{flex-wrap:wrap;justify-content:center;align-items:end;gap:1.5rem 2rem;display:flex}.key-group{justify-items:center;gap:.65rem;display:grid}.key-stack{gap:.35rem;width:6rem;display:grid}.keyboard kbd{height:2.65rem;font:inherit;background:#fcfcfc;border:1px solid #c5c5ce;border-bottom-width:3px;border-radius:5px;justify-content:space-between;align-items:center;padding:.4rem .6rem;display:flex}.keyboard kbd span{font-size:.65rem}.keyboard .key-symbol{font-size:1.1rem;line-height:1}.keyboard .tab-key{background:var(--accent);color:#fff;border-color:var(--accent)}.key-stack:has(.space-key){width:7.5rem}.keyboard .space-key{justify-content:center;position:relative}.keyboard .space-symbol{font-size:1.1rem;position:absolute;bottom:-.05rem}.arrow-keys{grid-template-columns:repeat(3,2.65rem);gap:.35rem;display:grid}.keyboard .arrow-keys kbd{justify-content:center;padding:.3rem;font-size:1.1rem}.arrow-up{grid-column:2}.arrow-up+kbd{grid-column:1}.key-group-label{color:var(--muted);font-size:.68rem}.alt-code{white-space:pre-wrap;margin:0;line-height:1.9}mark{color:#161b05;background:#e1f58b;padding:.12em 0}.chart-layout{grid-template-columns:1fr 1fr;align-items:center;gap:1.5rem;display:grid}.chart-layout svg{width:100%}.chart-layout p{margin:0;font-size:.78rem}.focus-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.focus-row+.focus-row{border-top:1px solid var(--line)}.focus-state{color:var(--muted);font-size:.78rem}.demo-buttons{gap:.8rem;display:flex}.demo-button{background:#f8f8f8;border:1px solid #bcbcc5;border-radius:2rem;padding:.35rem 1rem;font-size:.75rem}.illustrated-focus{outline:3px solid var(--accent);outline-offset:2px}.focus-links{font-size:.9rem}.illustrated-link{color:var(--accent);text-underline-offset:.2em;text-decoration:underline}.contrast-grid{text-align:center;grid-template-columns:1fr 1fr;display:grid}.contrast-grid span{color:#3737d6;background:#8581e5;padding:1.4rem .5rem;font:italic clamp(1.4rem,4vw,2rem) Georgia,serif}.contrast-grid span:nth-child(2){background:#fff}.contrast-grid span:nth-child(3){color:#fff;background:#3737d6}.contrast-grid span:nth-child(4){background:#c0bdf3}.contrast-scales{gap:1.4rem;display:grid}.contrast-letter-strip,.contrast-scale-axis,.contrast-brace-track{grid-template-columns:repeat(13,minmax(0,1fr));padding-inline:.8rem;display:grid}.contrast-letter-strip{padding-block:.35rem}.contrast-letter-strip>span{text-align:center;font-family:Arial,sans-serif;font-size:clamp(1rem,6.8vw,3.4rem);font-weight:400;line-height:1.25}.contrast-scale-axis>span{flex-direction:column;align-items:center;gap:.25rem;height:2.2rem;display:flex;position:relative}.contrast-scale-axis i{background:var(--line);width:1px;height:.65rem;display:block}.contrast-scale-axis small{white-space:nowrap;font-size:clamp(.53rem,1.5vw,.68rem)}.example-body .scale-note{color:var(--muted);margin:1rem 0 0;font-size:.78rem}.contrast-pair{border:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.contrast-pair>div{text-align:center;color:var(--sample-color);background:#fff;place-items:center;padding:1.5rem .5rem;display:grid}.contrast-pair>div+div{color:#fff;background:var(--sample-color)}.contrast-pair.large{font-size:24px}.contrast-pair.normal{font-size:16px}.contrast-pair.enhanced{font-size:2.5rem;font-weight:600}.example-body .ratio-label{text-align:center;margin:.7rem 0 0;font-size:.72rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=550px){:root{font-size:17px}main{width:calc(100% - 2rem);margin-top:2rem}.example-body{padding:1.2rem .8rem}.chart-layout{grid-template-columns:1fr}.chart-layout svg{max-width:240px;margin-inline:auto}}@media print{main{width:100%}.example{break-inside:avoid}:root{background:#fff;font-size:11pt}}.contrast-brace-track{align-items:end;min-height:2.4rem}.contrast-brace{color:var(--muted);flex-direction:column;align-items:center;min-width:0;padding-bottom:.25rem;display:flex}.contrast-brace span{font-size:.65rem;font-weight:650;line-height:1.4}.contrast-brace svg{width:100%;height:.85rem;display:block;overflow:visible}.contrast-no-pass{color:var(--muted);grid-column:1/-1;font-size:.7rem}.text-contrast-comparison{gap:1.5rem;display:grid}.example-body .text-contrast-label{margin:0 0 .6rem;font-size:.78rem;font-weight:600}