:root{color-scheme:dark;--bg: #0e0506;--bg-2: #180a0c;--bg-3: #23100f;--fg: #f3e6e3;--muted: #a8918e;--blood: #c23a46;--cyan: #3ef2e6;--blood-hi: #ce5b65;--blood-lo: #a5313c;--paper: #e6d9c6;--paper-ink: #140708;--gothic: "Grenze Gotisch", serif;--mono: "Space Mono", ui-monospace, monospace;--gutter: clamp(16px, 4vw, 48px);--line: color-mix(in srgb, var(--fg) 22%, transparent)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:url(/img/grain-light.webp) var(--bg);color:var(--fg);font-family:var(--mono);font-size:.95rem;line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit}img,svg,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:default}::selection{background:var(--cyan);color:var(--bg)}:focus-visible{outline:2px solid currentColor;outline-offset:3px}[hidden]{display:none!important}.skip{position:absolute;left:var(--gutter);top:-100px;z-index:60;background:var(--cyan);color:var(--bg);padding:.5rem .9rem;text-decoration:none;font-weight:700}.skip:focus{top:8px}.skip:focus-visible{outline:2px solid var(--fg);outline-offset:2px}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.red{color:var(--blood-hi)}.cyan{color:var(--cyan)}.lang-switch{display:inline-flex;align-items:center}.lang-select{appearance:none;border:0;border-radius:0;margin:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;width:calc(7ch + 7 * .16em + 1.2em);min-height:26px;padding:0 1.2em 0 0;background:linear-gradient(45deg,transparent 50%,var(--accent, var(--cyan)) 50%) calc(100% - .5em) 55% / .3em .3em no-repeat,linear-gradient(135deg,var(--accent, var(--cyan)) 50%,transparent 50%) calc(100% - .2em) 55% / .3em .3em no-repeat}.lang-select:hover{color:var(--accent, var(--cyan))}.lang-select option{background:var(--bg);color:var(--fg);text-transform:none;letter-spacing:0}@media(forced-colors:active){.lang-select{appearance:auto;width:auto;padding:0}}.root-page{display:grid;place-items:center}.root-page a{color:var(--cyan)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/atkinson-hyperlegible-next-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}:root{color-scheme:light dark;--sans: "Atkinson Hyperlegible Next", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--pair-fg: #f4efe4;--pair-bg: #233047;--n-bg: #f2f1ee;--n-bg-2: #e7e5e0;--n-fg: #161615;--n-muted: #5b5954;--n-line: #c9c6bf;--ok: #0b5c96;--ok-text: #fff;--fail: #a3400c;--accent: var(--n-fg);--radius: 14px}:root{--scheme-icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m7.5.5c1.3280962 0 2.5698071.36985953 3.6277499 1.01219586-3.14075981.19184303-5.6277499 2.79938976-5.6277499 5.98780414 0 3.1884144 2.48699009 5.7959611 5.6269199 5.9885898-1.0571128.6415507-2.2988237 1.0114102-3.6269199 1.0114102-3.86599325 0-7-3.1340068-7-7 0-3.86599325 3.13400675-7 7-7z%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate%284 3%29%22/%3E%3C/svg%3E")}:root[data-scheme=light]{color-scheme:light}:root[data-scheme=dark]{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]){--n-bg: #131312;--n-bg-2: #1d1d1b;--n-fg: #eceae5;--n-muted: #a6a39c;--n-line: #3a3936;--ok: #8fcaf5;--ok-text: #0b1d2b;--fail: #ffa576;--scheme-icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate%28-210 -1%29%22%3E%3Cg%3E%3Cpath d=%22m220.5 2.5v2%22/%3E%3Cpath d=%22m227 5-1.5 1.5%22/%3E%3Ccircle cx=%22220.5%22 cy=%2211.5%22 r=%224%22/%3E%3Cpath d=%22m214 5 1.5 1.5%22/%3E%3Cpath d=%22m220.5 20.5v-2%22/%3E%3Cpath d=%22m227 18-1.5-1.5%22/%3E%3Cpath d=%22m214 18 1.5-1.5%22/%3E%3Cpath d=%22m211.5 11.5h2%22/%3E%3Cpath d=%22m227.5 11.5h2%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}:root[data-scheme=dark]{--n-bg: #131312;--n-bg-2: #1d1d1b;--n-fg: #eceae5;--n-muted: #a6a39c;--n-line: #3a3936;--ok: #8fcaf5;--ok-text: #0b1d2b;--fail: #ffa576;--scheme-icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate%28-210 -1%29%22%3E%3Cg%3E%3Cpath d=%22m220.5 2.5v2%22/%3E%3Cpath d=%22m227 5-1.5 1.5%22/%3E%3Ccircle cx=%22220.5%22 cy=%2211.5%22 r=%224%22/%3E%3Cpath d=%22m214 5 1.5 1.5%22/%3E%3Cpath d=%22m220.5 20.5v-2%22/%3E%3Cpath d=%22m227 18-1.5-1.5%22/%3E%3Cpath d=%22m214 18 1.5-1.5%22/%3E%3Cpath d=%22m211.5 11.5h2%22/%3E%3Cpath d=%22m227.5 11.5h2%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}body{background:var(--n-bg);color:var(--n-fg);font-family:var(--sans);font-size:1rem;line-height:1.5;font-variant-numeric:tabular-nums}::selection{background:var(--n-fg);color:var(--n-bg)}.skip{background:var(--n-fg);color:var(--n-bg)}.skip:focus-visible{outline-color:var(--n-fg)}.note{color:var(--n-muted);font-size:.88rem}.caption{overflow-wrap:anywhere;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--n-muted)}code,.field input[type=text],textarea,#matrix code{font-family:var(--mono)}abbr{text-decoration:none}:root{--max-width: 1240px;--side: max(var(--gutter), calc((100% - var(--max-width)) / 2 + var(--gutter)))}.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 1rem;padding:14px var(--side);border-bottom:1px solid var(--n-line)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.15rem;letter-spacing:-.01em;padding:4px 0}.pair-dot{width:26px;height:26px;border-radius:50%;background:linear-gradient(90deg,var(--pair-fg) 50%,var(--pair-bg) 50%);box-shadow:0 0 0 1px var(--n-line)}.top .lang-select{font-size:.9rem}.top-tools{display:flex;align-items:center;gap:12px}.scheme-btn{width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:1.25rem;background:transparent;color:var(--n-fg);border-color:var(--n-line)}.scheme-btn:hover{border-color:var(--n-fg)}.scheme-btn .icon{--icon: var(--scheme-icon);rotate:var(--turn, 0deg);transition:rotate .45s cubic-bezier(.3,1.4,.5,1)}main{padding:24px var(--gutter) 72px;max-width:var(--max-width);margin:0 auto}.stage{background:var(--pair-bg);color:var(--pair-fg);border-radius:var(--radius);padding:clamp(36px,7vw,96px) clamp(20px,5vw,72px) clamp(28px,5vw,56px);transition:background-color .25s,color .25s}.stage{container-type:inline-size}h1{font-weight:800;font-size:clamp(2rem,12vw,8.3rem);line-height:.9;letter-spacing:-.035em;text-wrap:balance}h1.fitted{font-size:clamp(2rem,calc(var(--k) * 100cqi),8.3rem)}.intro{max-width:34ch;margin-top:1.4rem;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.4}.ui-sample{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem}.ui-filled,.ui-outline{padding:8px 18px;border-radius:999px;font-weight:600;border:2px solid var(--pair-fg)}.ui-filled{background:var(--pair-fg);color:var(--pair-bg)}.unreadable{margin:16px 0 0;padding:10px 14px;border-radius:10px;background:var(--n-bg-2);color:var(--n-fg);font-size:.92rem}.bench{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;margin-top:24px}.bench:focus{outline:none}.pair,.reading{background:var(--n-bg-2);border-radius:var(--radius);padding:clamp(18px,3vw,28px)}.pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px 12px;align-content:start;align-items:end}.pair .note{grid-column:1 / -1}.color label{display:block;font-weight:600;margin-bottom:8px}.field{display:grid;gap:8px}.swatch-btn{inline-size:100%;block-size:88px;border-radius:10px;border:1px solid var(--n-line);padding:0}#fg-pick{background:var(--pair-fg)}#bg-pick{background:var(--pair-bg)}.swatch-btn:hover:not(:disabled){background:inherit;border-color:var(--n-fg)}#fg-pick:hover{background:var(--pair-fg)}#bg-pick:hover{background:var(--pair-bg)}.swatch-btn[aria-expanded=true]{outline:2px solid var(--n-fg);outline-offset:2px}.color{position:relative}.picker{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(280px,calc(100vw - 32px));display:grid;gap:12px;padding:12px;border-radius:var(--radius);background:var(--n-bg);box-shadow:0 0 0 1px var(--n-line),0 14px 40px #00000040}.color[data-side=bg] .picker{left:auto;right:0}.area{position:relative;aspect-ratio:1.25;border-radius:10px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--h) 100% 50%))}.area:focus-visible{outline:2px solid var(--n-fg);outline-offset:2px}.handle{position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;translate:-50% -50%;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000;pointer-events:none}.hue input{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:999px;cursor:pointer;display:block;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hue input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:hsl(var(--h) 100% 50%);border:2px solid #fff;box-shadow:0 0 0 1px #000}.hue input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:hsl(var(--h) 100% 50%);border:2px solid #fff;box-shadow:0 0 0 1px #000}.hue input:focus-visible{outline:2px solid var(--n-fg);outline-offset:3px}.field input[type=text]{width:100%;min-width:0;border:1px solid var(--n-line);border-radius:8px;background:var(--n-bg);padding:8px 10px;font-size:.95rem}.field input:focus-visible{outline:2px solid var(--n-fg);outline-offset:2px}.field input[aria-invalid=true]{border-color:var(--fail)}.color-name{font-size:.85rem;color:var(--n-muted);margin-top:6px}.error{color:var(--fail);font-size:.85rem;margin-top:4px}.error:empty{display:none}.warning{color:var(--fail)}button{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--n-fg);background:var(--n-fg);color:var(--n-bg);font-weight:600}button:hover:not(:disabled){background:transparent;color:var(--n-fg)}:focus-visible{outline:2px solid var(--n-fg);outline-offset:2px}button.secondary{background:transparent;color:var(--n-fg);border-color:var(--n-line)}button.secondary:hover{border-color:var(--n-fg)}.swap{align-self:center;margin-top:30px;width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:1.3rem;background:transparent;color:var(--n-fg);border-color:var(--n-line)}.swap:hover:not(:disabled){border-color:var(--n-fg)}.swap .icon{rotate:var(--turn, 0deg);transition:rotate .45s cubic-bezier(.3,1.4,.5,1)}.has-tip{position:relative}.tip{--dx: 0px;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px;z-index:30;padding:5px 10px;border-radius:8px;background:var(--n-fg);color:var(--n-bg);font-size:.8rem;font-weight:600;line-height:1.3;width:max-content;max-width:min(18rem,calc(100vw - 32px));opacity:0;pointer-events:none;transition:opacity .15s,translate .15s;transform:translate(var(--dx))}.tip:after{content:"";position:absolute;top:100%;left:50%;translate:-50% 0;border:5px solid transparent;border-top-color:var(--n-fg)}.has-tip:is(:hover,:focus-visible) .tip{opacity:1;translate:-50% 0;pointer-events:auto}.has-tip.tip-dismissed .tip{opacity:0;pointer-events:none}.swatch-btn .tip{left:0;translate:0 4px}#bg-pick .tip{left:auto;right:0}.swatch-btn:is(:hover,:focus-visible) .tip{translate:0 0}.swatch-btn .tip:after{left:24px}#bg-pick .tip:after{left:auto;right:24px;translate:50% 0}.scheme-btn .tip{bottom:auto;top:calc(100% + 8px);left:auto;right:0;translate:0 -4px}.scheme-btn:is(:hover,:focus-visible) .tip{translate:0 0}.scheme-btn .tip:after{inset:auto 20px 100% auto;translate:50% 0;border-top-color:transparent;border-bottom-color:var(--n-fg)}.figures{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:end}.figure{display:grid;gap:2px}.figure output{font-weight:800;line-height:.95;letter-spacing:-.03em;font-size:min(clamp(2.4rem,5vw,3.6rem),15vw)}.figure.main-figure output{font-size:min(clamp(3.4rem,9vw,6.4rem),19vw)}.apca-level{font-size:.85rem;color:var(--n-muted)}.bench[data-level=fail] #ratio{color:var(--fail)}.scale{--p3: 36.08%;--p45: 49.4%;--p7: 63.91%;position:relative;height:54px;margin:22px 0 18px}.track{position:absolute;left:0;right:0;top:22px;height:10px;border-radius:999px;overflow:hidden;display:flex;background:var(--n-bg);box-shadow:inset 0 0 0 1px var(--n-line)}.track i{display:block;height:100%}.z-fail{width:var(--p3);background:repeating-linear-gradient(-45deg,var(--n-line) 0 3px,transparent 3px 7px)}.z-large{width:calc(var(--p45) - var(--p3));background:color-mix(in srgb,var(--n-fg) 22%,transparent)}.z-aa{width:calc(var(--p7) - var(--p45));background:color-mix(in srgb,var(--n-fg) 50%,transparent)}.z-aaa{flex:1;background:var(--n-fg)}.tick{position:absolute;top:0;translate:-50% 0;font-size:.75rem;font-weight:600;color:var(--n-muted)}.t3{left:var(--p3)}.t45{left:var(--p45)}.t7{left:var(--p7)}.needle{position:absolute;top:14px;left:clamp(0%,var(--pos, 50%),100%);width:4px;height:26px;translate:-50% 0;border-radius:2px;background:var(--n-fg);box-shadow:0 0 0 2px var(--n-bg-2);transition:left .25s}.needle:after{content:"";position:absolute;left:50%;top:30px;translate:-50% 0;border:6px solid transparent;border-bottom-color:var(--n-fg)}.reading h3{margin-bottom:4px}.criteria{list-style:none}.criteria li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--n-line);font-size:.95rem}.criteria li:last-child{border-bottom:0}.threshold{color:var(--n-muted);font-size:.85rem}.verdict{display:inline-flex;align-items:center;justify-content:center;gap:.3em;min-width:7.5em;font-size:.8rem;font-weight:700;padding:2px 10px;border-radius:999px;border:1.5px solid}.icon,.verdict:before{display:inline-block;flex:none;width:1.25em;height:1.25em;background:currentColor;mask:var(--icon) center / contain no-repeat}.verdict:before{content:""}[data-ok="1"]>.verdict{color:var(--ok-text);background:var(--ok);border-color:var(--ok);--icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m.5 5.5 3 3 8.028-8%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate%285 6%29%22/%3E%3C/svg%3E")}[data-ok="0"]>.verdict{color:var(--fail);background:transparent;border-color:var(--fail);--icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate%285 5%29%22%3E%3Cpath d=%22m10.5 10.5-10-10z%22/%3E%3Cpath d=%22m10.5.5-10 10%22/%3E%3C/g%3E%3C/svg%3E")}.i-swap{--icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22matrix%280 1 -1 0 18.5 2.5%29%22%3E%3Cg transform=%22matrix%280 -1 1 0 .5 16.5%29%22%3E%3Cpath d=%22m16 0v5h-5%22 transform=%22matrix%280 1 1 0 11 -11%29%22/%3E%3Cpath d=%22m16 5c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3%22/%3E%3C/g%3E%3Cg transform=%22matrix%280 1 -1 0 14 1%29%22%3E%3Cpath d=%22m16 0v5h-5%22 transform=%22matrix%280 1 1 0 11 -11%29%22/%3E%3Cpath d=%22m16 5c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.i-copy{--icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate%282 2%29%22%3E%3Cpath d=%22m16.5 10.5v-8c0-1.1045695-.8954305-2-2-2h-8c-1.1045695 0-2 .8954305-2 2v8c0 1.1045695.8954305 2 2 2h8c1.1045695 0 2-.8954305 2-2z%22/%3E%3Cpath d=%22m4.5 4.50345827h-2c-1.1045695 0-2 .8954305-2 2v7.99654173c0 1.1045695.8954305 2 2 2h.00345528l8.00000002-.0138241c1.1032187-.001906 1.9965447-.8967767 1.9965447-1.9999971v-1.9827205%22/%3E%3Cpath d=%22m10.5 3.5v6%22/%3E%3Cpath d=%22m10.5 3.5v6%22 transform=%22matrix%280 1 -1 0 17 -4%29%22/%3E%3C/g%3E%3C/svg%3E")}.block{margin-top:clamp(56px,8vw,96px)}.block h2{font-weight:800;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.02em;line-height:1;margin-bottom:8px}.suggestions{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.suggestion{display:grid;gap:10px;align-content:start;padding:16px;border-radius:var(--radius);background:var(--n-bg-2)}.suggestion .label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--n-muted)}.suggestion[data-empty] .note{font-size:.9rem}.mini{background:var(--pair-bg);color:var(--pair-fg);font-weight:800;font-size:2.2rem;line-height:1;padding:18px 14px;border-radius:10px}.suggestion code{font-size:.9rem}.buttons{display:flex;gap:8px}.buttons button{min-height:34px;font-size:.88rem}.buttons button.secondary{min-width:34px;padding:0 10px}.lines{list-style:none;margin-top:20px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--n-line)}.lines li{display:grid;grid-template-columns:10rem minmax(0,1fr) 8rem;align-items:stretch}.lines li+li{border-top:1px solid var(--n-line)}.px{display:grid;align-content:center;gap:2px;padding:8px 12px;font-size:.78rem;color:var(--n-muted);background:var(--n-bg-2)}.px strong{color:var(--n-fg);font-size:.88rem;font-weight:700}.sample{background:var(--pair-bg);color:var(--pair-fg);padding:.3em 16px;line-height:1.25;overflow-wrap:anywhere;font-family:var(--sans)}.lines .verdict{align-self:center;justify-self:center}.toggle-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 4px}.toggle-group .group-label{margin-right:4px;font-weight:600}.toggle-group button{min-height:36px;padding:0 14px;background:transparent;color:var(--n-fg);border-color:var(--n-line)}.toggle-group button[aria-pressed=true]{background:var(--n-fg);color:var(--n-bg);border-color:var(--n-fg)}.toggle-group button[aria-pressed=false]:hover{background:transparent;border-color:var(--n-fg)}.toggle-group button[aria-pressed=true]:hover{background:var(--n-fg);color:var(--n-bg)}.tweaks .sub{font-size:1.15rem;font-weight:700;margin:28px 0 4px}.tweaks .sub+.suggestions,.tweaks .sub+.simulations{margin-top:12px}.simulations{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}.simulation{display:grid;gap:6px;align-content:start;padding:12px;border-radius:var(--radius);background:var(--n-bg-2)}.sim-sample{background:var(--pair-bg);color:var(--pair-fg);border-radius:10px;padding:18px 14px;font-weight:700;font-size:1.05rem;line-height:1.25;margin-bottom:4px}.simulation h3{font-size:1rem}.sim-value{font-weight:700;font-variant-numeric:tabular-nums}.simulation .verdict{justify-self:start}.fix{font-size:.88rem;margin-top:4px}.palette-form{display:grid;gap:8px;max-width:32rem;margin:18px 0 10px}.palette-form textarea{background:var(--n-bg-2);border:1px solid var(--n-line);border-radius:10px;padding:10px 12px;resize:vertical;font-size:.9rem}.palette-form textarea:focus-visible{outline:2px solid var(--n-fg);outline-offset:2px}.palette-form button{justify-self:start}.table-scroll{overflow-x:auto;margin:14px 0 10px;border-radius:var(--radius);border:1px solid var(--n-line)}.table-scroll:focus-visible{outline:2px solid var(--n-fg);outline-offset:2px}#matrix{border-collapse:collapse;font-size:.85rem}#matrix th{font-weight:500;padding:6px 10px;background:var(--n-bg-2);text-align:left;white-space:nowrap}#matrix th[scope=row]{position:sticky;left:0;z-index:1}#matrix th code{font-size:.78rem}.chip{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px var(--n-line);margin-right:6px;vertical-align:-1px}#matrix td{min-width:76px;height:58px;text-align:center;border:2px solid var(--n-bg)}#matrix td.same{color:var(--n-muted)}.cell-value{display:block;font-weight:800;font-size:1.05rem}.cell-level{display:block;font-size:.72rem;font-weight:600}#matrix td[data-ok="0"] .cell-value{text-decoration:line-through}#matrix td[data-ok="0"] .icon{--icon: url("data:image/svg+xml,%3Csvg height=%2221%22 viewBox=%220 0 21 21%22 width=%2221%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22currentColor%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate%285 5%29%22%3E%3Cpath d=%22m10.5 10.5-10-10z%22/%3E%3Cpath d=%22m10.5.5-10 10%22/%3E%3C/g%3E%3C/svg%3E")}.how dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px}.how dt{font-weight:700;font-size:1.1rem;margin-bottom:6px}.how dd{color:var(--n-muted)}.site-footer{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding:20px var(--side);border-top:1px solid var(--n-line);color:var(--n-muted);font-size:.88rem}.site-footer a{color:var(--n-fg)}.license{flex-basis:100%}.license summary{cursor:pointer;width:fit-content;padding:4px 0;color:var(--n-fg);text-decoration:underline;text-underline-offset:3px}.license-intro{max-width:75ch;margin-top:8px}.license div{max-width:75ch;margin-top:10px;display:grid;gap:.7em;font-size:.8rem;line-height:1.5}.license ul{padding-left:1.2em;display:grid;gap:.4em}.license-title{font-size:.85rem;font-weight:700;color:var(--n-fg);margin-top:.4em}@media(max-width:960px){.bench{grid-template-columns:minmax(0,1fr)}.suggestions,.simulations{grid-template-columns:repeat(2,minmax(0,1fr))}.how dl{grid-template-columns:minmax(0,1fr);gap:20px}}@media(max-width:560px){.pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px 8px}.swatch-btn{block-size:64px}.lines li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"px verdict" "sample sample";background:var(--n-bg-2)}.lines .px{grid-area:px;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}.lines .sample{grid-area:sample;padding:.35em 12px .45em}.lines .verdict{grid-area:verdict;margin:6px 10px 6px 0}.suggestions,.simulations,.figures{grid-template-columns:minmax(0,1fr)}.criteria li{grid-template-columns:minmax(0,1fr) auto}.criteria .threshold{grid-row:2}.verdict{min-width:0}}@media(forced-colors:active){.stage,.swatch-btn,.pair-dot,.mini,.sim-sample,.sample,#matrix td,.chip,.area,.hue input,.ui-filled{forced-color-adjust:none}.swatch-btn,.pair-dot,.mini,.sim-sample,.chip{outline:1px solid CanvasText}.icon,.verdict:before{forced-color-adjust:none;background:CanvasText}button .icon{background:ButtonText}[data-ok="1"]>.verdict{border-width:3px}[data-ok="0"]>.verdict{border-style:dashed}.toggle-group button[aria-pressed=true]{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.track{forced-color-adjust:none;box-shadow:inset 0 0 0 1px CanvasText;background:Canvas}.z-fail{background:repeating-linear-gradient(-45deg,GrayText 0 3px,transparent 3px 7px)}.z-large{background:GrayText}.z-aa,.z-aaa{background:CanvasText}.needle,.needle:after{forced-color-adjust:none;background:Highlight;border-bottom-color:Highlight}.needle:after{background:none}.tip{border:1px solid CanvasText}}