@font-face{font-family:system;src:local('Arial')}*{box-sizing:border-box}[hidden]{display:none!important}:root{font-family:system,-apple-system,sans-serif;color:#18251f;background:#f4f3ed;font-synthesis:none;--line:#d5dad0;--muted:#55645b;--green:#275b40}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:#397653}button,input,select,summary{font:inherit}a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b7c457;outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px}.skip:focus{top:8px;z-index:10}header{margin:0 4vw;padding:26px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font:11px ui-monospace,monospace;letter-spacing:1px;gap:20px}.home{text-decoration:none;font-weight:800}.home span{font-weight:400}main{max-width:1600px;margin:auto;padding:0 4vw}.intro{padding:58px 0 32px;max-width:1100px}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:2px;color:var(--green)}h1{font-family:Georgia,serif;letter-spacing:-6px;font-size:clamp(48px,9vw,132px);font-weight:400;line-height:1;margin:16px 0 24px}h1 span{color:#86a768}.lede{font-size:25px;line-height:1.3;margin:0 0 16px}.description{max-width:760px;color:var(--muted);font-size:16px;line-height:1.6}.stats{display:flex;gap:50px;flex-wrap:wrap;margin:34px 0 0}.stats div{display:grid;gap:8px}.stats b{font:36px Georgia,serif}.stats span{font:10px ui-monospace,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.method{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:28px;font-size:14px}.method>summary{cursor:pointer;font-weight:bold;min-height:24px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;line-height:1.7;color:var(--muted)}h3{color:#18251f;margin-bottom:8px}.method li{padding-bottom:4px}.toolbar{display:flex;gap:18px;align-items:end;margin:0 0 24px}.toolbar label{display:grid;gap:8px;font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.6px}.toolbar label:first-child{flex:1;max-width:460px}input,select{border:1px solid #b5c0b2;background:#fff;padding:12px 14px;border-radius:4px;color:#18251f;font:14px system;min-height:44px;width:100%}#result-count{margin-left:auto;color:var(--muted);font:12px ui-monospace,monospace;padding-bottom:3px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;scroll-margin-top:20px}.card:target{outline:3px solid #86a768}.card-top{padding:16px;min-height:82px;display:flex;flex-direction:column;gap:9px}.badge{font:11px ui-monospace,monospace;color:#485b50}.badge.accepted{color:#275b40;font-weight:bold}.category{font-size:12px;color:#65716a}.pair{display:grid;grid-template-columns:1fr 1fr;min-height:206px}.sample{position:relative;padding:27px 12px 12px;display:flex;align-items:center;flex-direction:column;gap:14px;overflow:hidden}.sample.light{background:#f6f5f0;color:#586354}.sample.dark{background:#10151c;color:#b1bcb5}.sample>span{position:absolute;top:9px;left:12px;font:9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:1px}.large{width:112px;height:112px;max-width:100%;object-fit:contain}.small{display:flex;align-items:center;gap:8px}.small img{object-fit:contain}.small small{font:9px ui-monospace,monospace}.body{padding:18px 20px 20px}h2{font-size:17px;margin:0 0 14px;overflow-wrap:anywhere}h2 a{text-decoration:none}.critique{font-size:14px;line-height:1.65;color:#4c5d51;margin-bottom:16px}.priority{font:11px ui-monospace,monospace;color:var(--green);border-top:1px solid #e5e9e2;padding-top:14px}details{font-size:12px;color:#536057;line-height:1.6}summary{cursor:pointer;padding:5px 0;min-height:30px}details p{overflow-wrap:anywhere}details a{overflow-wrap:anywhere}.no-mark{height:206px;background:repeating-linear-gradient(135deg,#f4f4ef,#f4f4ef 12px,#f0f1eb 12px,#f0f1eb 13px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:15px;color:#6a756c}.no-mark span{font:10px ui-monospace,monospace}.registry{background:#f4f3ed;border:1px dashed #a8b5a6;padding:12px;margin-top:12px;display:flex;gap:12px}.registry p{margin:0}footer{margin:50px 4vw 0;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:10px ui-monospace,monospace;color:#536057}#empty{padding:40px;border:1px dashed #adb8a9}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:30px}}@media(max-width:620px){header{font-size:9px;padding:20px 0;flex-wrap:wrap;gap:10px}.intro{padding-top:38px}h1{letter-spacing:-3px}.lede{font-size:22px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:22px}.method-grid{grid-template-columns:1fr;gap:0}.grid{grid-template-columns:1fr;gap:20px}.toolbar{flex-wrap:wrap;gap:14px}.toolbar label,.toolbar label:first-child{width:100%;max-width:none}.toolbar #result-count{margin:0}.pair{min-height:216px}.large{width:124px;height:124px}footer{flex-direction:column;line-height:1.8}.description{font-size:15px}}