:root{color-scheme:light;--ink:#22271f;--muted:#536359;--accent:#39702b;--line:#dce3d6}*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:1000px;margin:auto;padding:28px 28px 20px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}a{color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}nav{max-width:1000px;margin:24px auto;padding:0 28px;display:flex;gap:10px 22px;flex-wrap:wrap;font-size:14px}main{max-width:1000px;margin:auto;padding:20px 28px 80px}h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.04em;line-height:1.1}h2{font-size:32px;letter-spacing:-.03em;line-height:1.2;margin:52px 0 20px}h3{font-size:25px;line-height:1.3;margin:32px 0 16px}h4{font-size:19px}p,li{max-width:78ch}figure{margin:28px 0}img{display:block;max-width:100%;height:auto}figure img{margin-inline:auto}figcaption{font-size:14px;color:var(--muted);margin-top:12px}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}th,td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}thead{background:#f1f5ee}code{font-size:.9em;background:#f1f5ee;padding:2px 5px}#filter-reference-in-depth>section{border-top:1px solid var(--line);margin-top:42px;padding-top:8px}#filter-reference-in-depth figure img{width:656px}#filter-reference-in-depth figure{overflow-x:auto}#filter-reference-in-depth figure img{max-width:none}#how-it-works img{max-height:660px}#filter-reference-in-depth a{overflow-wrap:anywhere}@media(max-width:700px){body{font-size:16px}header,main{padding-left:20px;padding-right:20px}nav{padding:0 20px}table{font-size:12px;line-height:1.5}th,td{padding:10px 6px}h2{font-size:28px}#filter-reference-in-depth figure img{width:656px}#filter-reference-in-depth figure{padding-bottom:10px}}

.filter-illustration{overflow-x:auto;margin:28px 0;padding-bottom:10px}.filter-illustration img{width:656px;max-width:none}.filter-illustration:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:700px){.filter-illustration:before{content:"Swipe to compare all three images →";display:block;font-size:12px;color:var(--muted);margin-bottom:10px}}