.blog-shell{background:var(--background);height:100vh;color:var(--foreground);font-family:var(--font-sans);--font-editorial:var(--font-serif), "Source Serif 4", Charter, "Sitka Text", Cambria, Georgia, serif;--blog-accent-1:#b4a2ff;--blog-accent-2:#00d4e0;--blog-accent-3:#13e3b8;--blog-accent-ink:linear-gradient(90deg, var(--blog-accent-1), var(--blog-accent-2) 55%, var(--blog-accent-3));--blog-pass:#00cfb5;--blog-pass-soft:#00cfb52e;--blog-pass-border:#00cfb580;--blog-fail:#ff515a;--blog-fail-soft:#ff515a2e;--blog-fail-border:#ff515a80;--blog-warn:#feaa00;--blog-warn-soft:#feaa0038;overflow:hidden auto}@supports (color:lab(0% 0 0)){.blog-shell{--blog-pass:lab(74.6682% -71.7019 -.453055);--blog-pass-soft:lab(74.6682% -71.7019 -.453055/.18);--blog-pass-border:lab(74.6682% -71.7019 -.453055/.5);--blog-fail:lab(60.3694% 76.6677 41.2409);--blog-fail-soft:lab(60.3694% 76.6677 41.2409/.18);--blog-fail-border:lab(60.3694% 76.6677 41.2409/.5);--blog-warn:lab(76.5582% 25.2362 89.0984);--blog-warn-soft:lab(76.5582% 25.2362 89.0984/.22)}}.blog-nav{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:28px 32px 0;font-size:14px;display:flex}.blog-nav-left,.blog-nav-right{align-items:center;gap:24px;display:flex}.blog-nav a{color:var(--muted-foreground);text-decoration:none;transition:color .14s}.blog-nav a:hover{color:var(--foreground)}.blog-nav-brand{color:var(--foreground);font-size:15px;font-weight:500}.blog-index{max-width:1120px;margin:0 auto;padding:72px 32px 120px}.blog-index-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin:0 0 16px;font-size:12px;font-weight:500}.blog-index-heading{font-family:var(--font-editorial);letter-spacing:-.022em;max-width:720px;margin:0 0 20px;font-size:44px;font-weight:500;line-height:1.08}.blog-index-sub{color:var(--muted-foreground);max-width:620px;margin:0 0 72px;font-size:18px;line-height:1.6}.blog-featured{color:inherit;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;margin-bottom:96px;text-decoration:none;transition:opacity .14s;display:grid}.blog-featured:hover{opacity:.92}.blog-cover{aspect-ratio:16/10;box-shadow:0 1px 0 var(--border), 0 24px 60px -24px #00000059;border-radius:12px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.blog-cover{box-shadow:0 1px 0 var(--border), 0 24px 60px -24px lab(0% 0 0/.35)}}.blog-cover:after{content:"";mix-blend-mode:overlay;pointer-events:none;background:radial-gradient(120% 80% at 20% 20%,#ffffff14,#0000 60%),radial-gradient(120% 80% at 80% 80%,#00000040,#0000 60%);background:radial-gradient(120% 80% at 20% 20%,lab(100% 0 0/.08),#0000 60%),radial-gradient(120% 80% at 80% 80%,lab(0% 0 0/.25),#0000 60%);position:absolute;inset:0}.blog-cover-small{aspect-ratio:16/10;width:160px;box-shadow:0 1px 0 var(--border);border-radius:8px;flex:0 0 160px;position:relative;overflow:hidden}.blog-featured-copy{flex-direction:column;gap:16px;display:flex}.blog-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.blog-featured-title{font-family:var(--font-editorial);letter-spacing:-.015em;margin:0;font-size:30px;font-weight:500;line-height:1.2}.blog-featured-desc{color:var(--muted-foreground);margin:0;font-size:17px;line-height:1.6}.blog-byline{color:var(--muted-foreground);font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin-top:4px;font-size:13px;display:flex}.blog-avatar{object-fit:cover;border:1px solid color-mix(in oklch, var(--border) 70%, transparent);width:36px;height:36px;box-shadow:0 0 0 1px var(--border);border-radius:50%;flex:none}.blog-byline-name{color:var(--foreground);font-weight:500}.blog-byline-dot{opacity:.5}.blog-list-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);border-bottom:1px solid var(--border);margin:0 0 24px;padding-bottom:16px;font-size:13px;font-weight:500}.blog-rows{margin:0;padding:0;list-style:none}.blog-row-wrap{display:block}.blog-row{isolation:isolate;min-height:42px;color:inherit;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;margin:8px 0;padding:10px 12px;text-decoration:none;transition:border-color .14s,background .14s,box-shadow .14s;display:flex;position:relative}.blog-row:hover{background:radial-gradient(circle, color-mix(in oklch, var(--blog-accent-1) 22%, transparent) .75px, transparent .75px) 0 0 / 10px 10px, color-mix(in oklch, var(--blog-accent-1) 4%, transparent);box-shadow:inset 3px 0 0 var(--blog-accent-1);border-color:color-mix(in oklch, var(--blog-accent-1) 15%, transparent)}.blog-row-title{letter-spacing:-.005em;color:var(--foreground);text-underline-offset:3px;flex:1;min-width:0;font-size:16px;font-weight:400;line-height:1.4;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .14s}.blog-row:hover .blog-row-title{-webkit-text-decoration-color:color-mix(in oklch, var(--blog-accent-1) 50%, transparent);text-decoration-color:color-mix(in oklch, var(--blog-accent-1) 50%, transparent)}.blog-row-meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.blog-row-avatars{align-items:center;display:flex}.blog-row-avatar{object-fit:cover;border:1px solid color-mix(in oklch, var(--border) 70%, transparent);width:20px;height:20px;box-shadow:0 0 0 1.5px var(--background);border-radius:50%;justify-content:center;align-items:center;display:flex}.blog-row-pill{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;padding:2px 7px;font-size:12px;font-weight:500;line-height:1.4}.blog-row-pill-research{color:#de4e4b;color:lab(54.1237% 56.7341 33.7839);border-color:#de4e4b66;border-color:lab(54.1237% 56.7341 33.7839/.4)}.blog-row-pill-design{color:#5b96fa;color:lab(61.692% 3.71066 -56.3957);border-color:#4983e566;border-color:lab(54.6544% 5.03746 -56.2459/.4)}.blog-row-date{font-family:var(--font-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:right;min-width:72px;font-size:12px}.blog-row-divider{border:0;border-top:1px solid var(--border);margin:0;transition:opacity .14s}.blog-row-wrap:has(.blog-row:hover)+.blog-row-wrap .blog-row-divider{opacity:0}.blog-row-wrap:has(.blog-row:hover) .blog-row-divider{opacity:0}.blog-post-shell{max-width:960px;margin:0 auto;padding:64px 32px 48px}.blog-post{min-width:0}.blog-post-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;margin-bottom:24px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.blog-post-title{font-family:var(--font-editorial);letter-spacing:-.022em;margin:0 0 20px;font-size:48px;font-weight:500;line-height:1.08}.blog-post-desc{color:var(--muted-foreground);margin:0 0 40px;font-size:20px;line-height:1.55}.blog-post-header-byline{border-top:1px dashed color-mix(in oklch, var(--border) 50%, transparent);border-bottom:1px dashed color-mix(in oklch, var(--border) 50%, transparent);color:var(--muted-foreground);align-items:center;gap:14px;margin-bottom:56px;padding:24px 0 32px;font-size:14px;display:flex}.blog-post-header-byline .blog-avatar{width:40px;height:40px}.blog-post-header-byline .blog-byline-name{color:var(--foreground);font-weight:500}.blog-post-hero-cover{aspect-ratio:2;box-shadow:0 1px 0 var(--border), 0 24px 60px -24px #00000059;border-radius:12px;margin-bottom:56px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.blog-post-hero-cover{box-shadow:0 1px 0 var(--border), 0 24px 60px -24px lab(0% 0 0/.35)}}.blog-post-hero-cover:after{content:"";mix-blend-mode:overlay;pointer-events:none;background:radial-gradient(120% 80% at 20% 20%,#ffffff14,#0000 60%),radial-gradient(120% 80% at 80% 80%,#00000040,#0000 60%);background:radial-gradient(120% 80% at 20% 20%,lab(100% 0 0/.08),#0000 60%),radial-gradient(120% 80% at 80% 80%,lab(0% 0 0/.25),#0000 60%);position:absolute;inset:0}.blog-post-body{color:var(--foreground);font-size:18px;line-height:1.72}.blog-post-body .lede{color:var(--foreground);margin:0 0 32px;font-size:21px;line-height:1.55}.blog-post-body p{margin:0 0 24px}.blog-post-body h2{font-family:var(--font-editorial);letter-spacing:-.015em;margin:64px 0 20px;scroll-margin-top:32px;font-size:30px;font-weight:500}.blog-post-body h3{font-family:var(--font-editorial);letter-spacing:-.01em;margin:44px 0 12px;scroll-margin-top:32px;font-size:23px;font-weight:500}.blog-post-body a{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .14s}.blog-post-body a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.blog-post-body strong{font-weight:600}.blog-post-body em{font-style:italic}.blog-post-body hr{text-align:center;border:0;justify-content:center;align-items:center;height:8px;margin:48px 0;display:flex}.blog-post-body hr:before{content:"⁎ ⁎ ⁎";color:var(--muted-foreground);letter-spacing:.5em;opacity:.6;font-size:14px}.blog-post-body code{font-family:var(--font-mono);background:var(--muted);color:var(--foreground);border-radius:4px;padding:2px 6px;font-size:.88em}.blog-post-body pre{font-family:var(--font-mono);background:var(--card);border:1px solid var(--border);border-radius:8px;margin:28px 0;padding:16px 20px;font-size:14px;line-height:1.6;overflow-x:auto}.blog-post-body pre code{background:0 0;padding:0}.blog-post-body ol,.blog-post-body ul{margin:0 0 28px;padding-left:24px}.blog-post-body li{margin-bottom:10px}.blog-post-body table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:28px 0;font-size:14px}.blog-post-body th,.blog-post-body td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}.blog-post-body th{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.blog-post-body td code{font-size:.82em}.blog-post-body .small{color:var(--muted-foreground);font-size:13px;line-height:1.6}.blog-figure{flex-direction:column;gap:10px;margin:40px 0;padding:0;display:flex}.blog-figure img{border:1px solid var(--border);background:var(--card);width:100%;height:auto;box-shadow:0 1px 0 var(--border), 0 24px 60px -28px #00000059;border-radius:10px;display:block}@supports (color:lab(0% 0 0)){.blog-figure img{box-shadow:0 1px 0 var(--border), 0 24px 60px -28px lab(0% 0 0/.35)}}.blog-figure figcaption{font-family:var(--font-sans);color:var(--muted-foreground);text-align:center;max-width:640px;margin:0 auto;padding:0 8px;font-size:13px;line-height:1.55}.td{border:1px solid var(--border);background:var(--card);border-radius:10px;margin:32px 0 40px;overflow:hidden}.blog-post-body .td-code{font-family:var(--font-mono);white-space:pre;border:none;border-bottom:1px solid var(--border);border-radius:0;margin:0;padding:20px 22px;font-size:13px;line-height:1.7;overflow-x:auto}.td-legend{margin:0;padding:6px 0;font-size:13px;list-style:none}.td-row{grid-template-columns:14px 110px 1fr 110px 90px;align-items:center;gap:14px;margin:0;padding:8px 20px;display:grid}.td-row+.td-row{border-top:1px dashed var(--border)}.td-dot{width:14px;height:14px;box-shadow:0 0 0 1px var(--border);border-radius:999px}.td-name{color:var(--foreground);font-weight:500}.td-desc{color:var(--muted-foreground)}.td-target{font-family:var(--font-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.td-badge{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.td-pass{color:var(--blog-pass);background:var(--blog-pass-soft)}.td-fail{color:var(--blog-fail);background:var(--blog-fail-soft)}@media (max-width:720px){.td-row{grid-template-columns:14px 1fr 90px;grid-template-areas:"dot name badge"".desc desc"".target target";row-gap:4px}.td-row>:first-child{grid-area:dot}.td-row>:nth-child(2){grid-area:name}.td-row>:nth-child(3){grid-area:desc}.td-row>:nth-child(4){text-align:left;grid-area:target}.td-row>:nth-child(5){grid-area:badge}}.cb{border:1px solid var(--border);background:var(--card);border-radius:10px;margin:36px 0 48px;padding:24px 24px 20px}.cb-scale-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);justify-content:space-between;margin-bottom:28px;font-size:11px;display:flex}.cb-track{border-radius:999px;height:14px;margin:0 8px;position:relative}.cb-zone{height:100%;position:absolute;top:0}.cb-zone:first-of-type{border-radius:999px 0 0 999px}.cb-zone:nth-of-type(4){border-radius:0 999px 999px 0}.cb-zone-fail{background:#fd736d38;background:lab(65.8493% 53.3364 30.7453/.22)}.cb-zone-aa-large{background:#f2af4838;background:lab(76.7033% 18.106 60.6421/.22)}.cb-zone-aa{background:#00c7ae2e;background:lab(71.8471% -56.6551 -.389028/.18)}.cb-zone-aaa{background:#00c7ae52;background:lab(71.8471% -56.6551 -.389028/.32)}.cb-threshold{background:var(--foreground);opacity:.5;width:1px;position:absolute;top:-6px;bottom:-6px}.cb-threshold-ghost{opacity:.2;border-left:1px dashed var(--foreground);background:0 0}.cb-threshold-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted-foreground);white-space:nowrap;font-size:10px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.cb-dot{z-index:2;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.cb-labels{margin:14px 8px 0;position:relative}.cb-label-wrap{text-align:center;white-space:nowrap;flex-direction:column;align-items:center;line-height:1.2;display:flex;position:absolute;transform:translate(-50%)}.cb-leader{background:var(--border);width:1px;position:absolute;left:50%;transform:translate(-50%)}.cb-label{background:var(--card);border-radius:4px;flex-direction:column;align-items:center;padding:2px 6px;display:inline-flex}.cb-label strong{color:var(--foreground);font-size:12px;font-weight:500}.cb-label em{font-style:normal;font-family:var(--font-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:11px}.cb-label-themery .cb-label strong,.cb-label-themery .cb-label em{color:var(--blog-pass)}.cb-axis{border-top:1px solid var(--border);height:18px;margin:16px 8px 0;padding-top:6px;position:relative}.cb-tick{font-family:var(--font-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;transform:translate(-50%)}@media (max-width:720px){.cb-label strong,.cb-label em{font-size:10px}}.cz{border:1px solid var(--border);background:var(--card);box-shadow:0 1px 0 var(--border), 0 24px 60px -28px #0006;border-radius:10px;margin:32px 0 40px;overflow:hidden}@supports (color:lab(0% 0 0)){.cz{box-shadow:0 1px 0 var(--border), 0 24px 60px -28px lab(0% 0 0/.4)}}.cz-chrome{border-bottom:1px solid #ffffff0d;border-bottom:1px solid lab(100% 0 0/.05);align-items:center;gap:12px;padding:10px 14px;display:flex}.cz-dots{gap:6px;display:inline-flex}.cz-dots>span{border-radius:999px;width:10px;height:10px;display:inline-block}.cz-title{font-family:var(--font-mono);font-size:11px}.blog-post-body .cz-code{font-family:var(--font-mono);white-space:pre;border:none;border-radius:0;margin:0;padding:22px 26px;font-size:15px;line-height:1.8;overflow-x:auto}.cz-caption{color:var(--muted-foreground);border-top:1px solid var(--border);background:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:12px;display:flex}.cz-caption code{font-family:var(--font-mono);color:var(--foreground);background:0 0;padding:0;font-size:11px}.cz-ratio{font-family:var(--font-mono);color:var(--blog-fail);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.rm{border:1px solid var(--border);background:var(--card);border-radius:10px;margin:32px 0 40px;font-size:13px;overflow:hidden}.rm-head,.rm-row{grid-template-columns:200px repeat(5,1fr);align-items:stretch;display:grid}.rm-head{background:var(--muted);color:var(--muted-foreground);border-bottom:1px solid var(--border)}.rm-head-theme,.rm-head-role{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.rm-head-role:last-child,.rm-row>:last-child{border-right:none}.rm-head-role strong{text-transform:uppercase;letter-spacing:.06em;color:var(--foreground);font-size:11px;font-weight:500}.rm-head-role em{font-style:normal;font-family:var(--font-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:10px}.rm-row+.rm-row{border-top:1px solid var(--border)}.rm-theme{border-right:1px solid var(--border);align-items:center;gap:12px;padding:14px;display:flex}.rm-theme strong{color:var(--foreground);margin-bottom:2px;font-size:13px;font-weight:500;display:block}.rm-theme em{font-size:11px;font-style:normal;font-family:var(--font-mono)}.rm-summary-pass{color:var(--blog-pass)}.rm-summary-fail{color:var(--blog-fail)}.rm-theme-bg{width:24px;height:24px;box-shadow:0 0 0 1px var(--border);border-radius:4px;flex:0 0 24px}.rm-cell{border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:64px;padding:12px 10px;display:flex}.rm-cell-swatch{font-family:var(--font-mono);font-size:13px;line-height:1}.rm-cell-ratio{font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500}.rm-pass{color:var(--blog-pass);background:var(--blog-pass-soft)}.rm-fail{color:var(--blog-fail);background:var(--blog-fail-soft)}@media (max-width:820px){.rm-head{display:none}.rm-row{grid-template-columns:repeat(5,1fr);grid-template-areas:"theme theme theme theme theme""c1 c2 c3 c4 c5";gap:0}.rm-theme{border-right:none;border-bottom:1px solid var(--border);grid-area:theme}.rm-cell{min-height:56px;padding:10px 6px}.rm-cell-swatch{font-size:11px}.rm-cell-ratio{font-size:10px}}.tcm{border:1px solid var(--border);background:var(--card);border-radius:10px;margin:32px 0 40px;font-size:13px;overflow:hidden}.tcm-head,.tcm-row{grid-template-columns:180px 1fr 90px 1fr 90px;align-items:stretch;gap:0;display:grid}.tcm-head{background:var(--muted);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.tcm-head>span{border-bottom:1px solid var(--border);padding:10px 14px}.tcm-row+.tcm-row{border-top:1px solid var(--border)}.tcm-row>*{padding:14px}.tcm-name{border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:8px;display:flex}.tcm-name strong{color:var(--foreground);font-size:14px;font-weight:500}.tcm-swatches{gap:4px;display:inline-flex}.tcm-swatch{width:14px;height:14px;box-shadow:0 0 0 1px var(--border);border-radius:3px;display:inline-block}.blog-post-body .tcm-code{font-family:var(--font-mono);white-space:pre;border:none;border-right:1px solid var(--border);border-radius:0;margin:0;padding:12px 14px;font-size:12px;line-height:1.6;overflow-x:auto}.tcm-badge{font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-right:1px solid var(--border);justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.tcm-row>.tcm-badge:last-child{border-right:none}.tcm-pass{color:var(--blog-pass);background:var(--blog-pass-soft)}.tcm-fail{color:var(--blog-fail);background:var(--blog-fail-soft)}@media (max-width:820px){.tcm-head{display:none}.tcm-row{grid-template-columns:1fr 80px;grid-template-areas:"name name""code1 badge1""code2 badge2";gap:10px;padding:12px}.tcm-row>*{border-radius:6px;padding:10px;border:1px solid var(--border)!important}.tcm-row>:first-child{flex-direction:row;grid-area:name;justify-content:space-between;align-items:center;border:none!important;padding:2px 0 6px!important}.tcm-row>:nth-child(2){grid-area:code1}.tcm-row>:nth-child(3){grid-area:badge1}.tcm-row>:nth-child(4){grid-area:code2}.tcm-row>:nth-child(5){grid-area:badge2}}.blog-post-body .blog-caption{font-family:var(--font-sans);color:var(--muted-foreground);text-align:center;max-width:640px;margin:-16px auto 40px;padding:0 12px;font-size:13px;line-height:1.55}.cbk{border:1px solid var(--border);box-shadow:0 1px 0 var(--border), 0 24px 60px -28px #00000059;border-radius:10px;margin:28px 0;overflow:hidden}@supports (color:lab(0% 0 0)){.cbk{box-shadow:0 1px 0 var(--border), 0 24px 60px -28px lab(0% 0 0/.35)}}.blog-post-body .cbk-pre{font-family:var(--font-mono);white-space:pre;background:0 0;border:none;border-radius:0;margin:0;padding:20px 22px;font-size:13.5px;line-height:1.7;overflow-x:auto}.cbk+.blog-caption{margin-top:-14px}.tune+.blog-caption,.icg+.blog-caption{margin-top:10px}.wcag-cover{aspect-ratio:2;box-shadow:0 1px 0 var(--border), 0 30px 80px -32px #0000008c;isolation:isolate;border:1px solid #ffffff0f;border:1px solid lab(100% 0 0/.06);border-radius:14px;margin-bottom:56px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.wcag-cover{box-shadow:0 1px 0 var(--border), 0 30px 80px -32px lab(0% 0 0/.55)}}.wcag-cover-glow{filter:blur(100px);pointer-events:none;opacity:.45;z-index:0;border-radius:999px;position:absolute}.wcag-cover-glow-a{background:color-mix(in oklch, var(--blog-accent-1) 70%, transparent);width:45%;height:110%;top:-30%;left:-8%}.wcag-cover-glow-b{background:color-mix(in oklch, var(--blog-accent-3) 65%, transparent);width:45%;height:110%;bottom:-30%;right:-8%}.wcag-cover-grid{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-image:linear-gradient(lab(100% 0 0/.04) 1px,#0000 1px),linear-gradient(90deg,lab(100% 0 0/.04) 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80%,#000 30%,#0000 85%);mask-image:radial-gradient(90% 80%,#000 30%,#0000 85%)}.wcag-cover-inner{z-index:2;grid-template-columns:1.1fr 1fr;gap:32px;height:100%;padding:36px 40px 28px;display:grid;position:relative}.wcag-cover-copy{flex-direction:column;justify-content:center;gap:14px;min-width:0;display:flex}.wcag-cover-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:#ffffff8c;color:lab(100% 0 0/.55);font-size:11px}.wcag-cover-title,.ts-cover-title{font-family:var(--font-editorial);letter-spacing:-.04em;background:var(--blog-accent-ink);color:#0000;text-shadow:0 0 40px color-mix(in oklch, var(--blog-accent-1) 60%, transparent), 0 0 80px color-mix(in oklch, var(--blog-accent-2) 35%, transparent);white-space:nowrap;-webkit-background-clip:text;background-clip:text;max-width:100%;margin:0;font-size:clamp(44px,7vw,76px);font-weight:500;line-height:.9;display:block}.wcag-cover-sub{font-family:var(--font-editorial);color:#ffffffc7;color:lab(100% 0 0/.78);max-width:34ch;font-size:20px;font-style:italic;line-height:1.4}.wcag-cover-legend{flex-wrap:wrap;gap:8px;margin-top:4px;display:inline-flex}.wcag-cover-chip{font-family:var(--font-mono);color:#ffffffb3;color:lab(100% 0 0/.7);letter-spacing:.04em;border:1px solid #ffffff1f;border:1px solid lab(100% 0 0/.12);border-radius:999px;padding:3px 8px;font-size:10px}.wcag-cover-chip-fail{border-color:var(--blog-fail-border);color:var(--blog-fail);background:var(--blog-fail-soft)}.wcag-cover-chip-pass{border-color:var(--blog-pass-border);color:var(--blog-pass);background:var(--blog-pass-soft)}.wcag-cover-chart{grid-template-columns:28px 1fr;gap:10px;min-width:0;display:grid;position:relative}.wcag-cover-chart-scale{border-right:1px dashed #ffffff14;border-right:1px dashed lab(100% 0 0/.08);height:100%;position:relative}.wcag-cover-chart-scale span{font-family:var(--font-mono);color:#fff6;color:lab(100% 0 0/.4);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;right:8px;transform:translateY(50%)}.wcag-cover-chart-plot{align-items:flex-end;gap:10px;padding:10px 0 22px;display:flex;position:relative}.wcag-cover-threshold{background:repeating-linear-gradient(90deg, color-mix(in oklch, var(--blog-accent-2) 70%, transparent) 0 6px, transparent 6px 12px);z-index:3;height:1px;position:absolute;left:0;right:0}.wcag-cover-threshold em{font-family:var(--font-mono);letter-spacing:.06em;color:var(--blog-accent-2);background:color-mix(in oklch, var(--blog-accent-2) 12%, transparent);border:1px solid color-mix(in oklch, var(--blog-accent-2) 40%, transparent);border-radius:4px;padding:2px 6px;font-size:10px;font-style:normal;position:absolute;top:-18px;right:0}.wcag-cover-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex;position:relative}.wcag-cover-bar{border-radius:6px 6px 0 0;width:100%;max-width:38px;transition:transform .2s;position:relative}.wcag-cover-bar.fail{border-bottom:2px solid var(--blog-fail)}.wcag-cover-bar.pass{border-bottom:2px solid var(--blog-pass)}.wcag-cover-bar.themery{outline:1px dashed color-mix(in oklch, var(--blog-accent-3) 60%, transparent);outline-offset:2px}.wcag-cover-bar-value{font-family:var(--font-mono);color:#ffffffd9;color:lab(100% 0 0/.85);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.wcag-cover-bar-name{font-family:var(--font-mono);color:#ffffff8c;color:lab(100% 0 0/.55);letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;font-size:10px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.wcag-cover-bar.themery+.wcag-cover-bar-name,.wcag-cover-bar-col:last-child .wcag-cover-bar-name{color:var(--blog-accent-3)}@media (max-width:820px){.wcag-cover{aspect-ratio:3/2}.wcag-cover-inner{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:20px;padding:24px}.wcag-cover-title,.ts-cover-title{font-size:clamp(40px,11vw,68px)}.wcag-cover-sub{font-size:16px}.wcag-cover-bar-name{font-size:8px}.wcag-cover-bar-value{font-size:9px;top:-16px}}.ts-cover{aspect-ratio:2;box-shadow:0 1px 0 var(--border), 0 30px 80px -32px #0000008c;isolation:isolate;border:1px solid #ffffff0f;border:1px solid lab(100% 0 0/.06);border-radius:14px;margin-bottom:56px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.ts-cover{box-shadow:0 1px 0 var(--border), 0 30px 80px -32px lab(0% 0 0/.55)}}.ts-cover-inner{z-index:2;grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;height:100%;padding:36px 40px;display:grid;position:relative}.ts-cover-ladder{flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ts-cover-tier{font-variant-numeric:tabular-nums;grid-template-columns:80px 1fr 36px;align-items:center;gap:12px;display:grid}.ts-cover-tier-name{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#ffffff8c;color:lab(100% 0 0/.55);font-size:10px}.ts-cover-tier-track{background:#ffffff0a;background:lab(100% 0 0/.04);border-radius:6px;height:28px;position:relative;overflow:hidden}.ts-cover-tier-bar{box-sizing:border-box;border-radius:6px;align-items:center;height:100%;padding:0 12px;display:inline-flex}.ts-cover-tier-sample{font-family:var(--font-mono);letter-spacing:-.01em;white-space:nowrap;mix-blend-mode:screen;filter:brightness(1.15);font-size:12px;font-weight:500}.ts-cover-tier-target{font-family:var(--font-mono);color:#ffffffd9;color:lab(100% 0 0/.85);text-align:right;font-size:13px;font-weight:500}@media (max-width:820px){.ts-cover{aspect-ratio:3/2}.ts-cover-inner{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:20px;padding:24px}.ts-cover-tier{grid-template-columns:68px 1fr 32px;gap:10px}.ts-cover-tier-name{font-size:9px}.ts-cover-tier-sample{font-size:11px}}.blog-post-body .blog-callout{border:1px solid color-mix(in oklch, var(--blog-accent-1) 40%, transparent);background:linear-gradient(135deg, color-mix(in oklch, var(--blog-accent-1) 14%, transparent), color-mix(in oklch, var(--blog-accent-2) 8%, transparent));box-shadow:inset 4px 0 0 var(--blog-accent-2), 0 1px 0 var(--border), 0 24px 60px -32px color-mix(in oklch, var(--blog-accent-1) 50%, transparent);border-radius:12px;margin:44px 0 48px;padding:22px 26px 22px 28px;position:relative;overflow:hidden}.blog-post-body .blog-callout:after{content:"";background:radial-gradient(80% 60% at 100% 0%, color-mix(in oklch, var(--blog-accent-3) 16%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}.blog-callout-tag{text-transform:uppercase;letter-spacing:.14em;color:var(--blog-accent-2);margin-bottom:8px;font-size:10px;font-weight:600;display:inline-block}.blog-post-body .blog-callout p{color:var(--foreground);font-size:19px;line-height:1.5;font-family:var(--font-editorial);letter-spacing:-.005em;margin:0}.blog-post-body .blog-callout strong{background:var(--blog-accent-ink);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.bm{border:1px solid var(--border);background:radial-gradient(120% 70% at 0% 0%, color-mix(in oklch, var(--blog-accent-1) 12%, transparent), transparent 55%), radial-gradient(120% 70% at 100% 0%, color-mix(in oklch, var(--blog-accent-3) 10%, transparent), transparent 55%), var(--card);box-shadow:0 1px 0 var(--border), 0 30px 80px -32px #00000080;border-radius:14px;margin:36px 0 44px;overflow:hidden}@supports (color:lab(0% 0 0)){.bm{box-shadow:0 1px 0 var(--border), 0 30px 80px -32px lab(0% 0 0/.5)}}.bm-header{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:22px 24px;display:grid}.bm-header-main{flex-direction:column;gap:4px;min-width:0;display:flex}.bm-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground);font-size:10px;font-weight:500}.bm-name{font-family:var(--font-editorial);letter-spacing:-.015em;background:var(--blog-accent-ink);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:500;line-height:1.1}.bm-swatches{gap:8px;display:inline-flex}.bm-swatch{border-radius:999px;width:16px;height:16px;display:inline-block}.bm-score{border:1px solid var(--border);background:var(--background);border-radius:8px;gap:0;display:inline-flex;overflow:hidden}.bm-score-cell{border-right:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:74px;padding:8px 14px;display:flex}.bm-score-cell:last-child{border-right:none}.bm-score-num{font-family:var(--font-mono);color:var(--foreground);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;line-height:1}.bm-score-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:10px}.bm-score-pass .bm-score-num{color:var(--blog-pass)}.bm-code{font-family:var(--font-mono);border-bottom:1px solid var(--border);grid-template-columns:44px 1fr;font-size:13.5px;line-height:1.75;display:grid;position:relative;overflow:hidden}.bm-code:before{content:"";background:radial-gradient(60% 60% at 80% 0%, color-mix(in oklch, var(--blog-accent-1) 12%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.bm-code-gutter{color:#ffffff38;color:lab(100% 0 0/.22);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff0d;border-right:1px solid lab(100% 0 0/.05);flex-direction:column;padding:22px 0 22px 14px;font-size:12px;display:flex}.blog-post-body .bm-code-body{font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;background:0 0;border:none;border-radius:0;margin:0;padding:22px 22px 22px 18px;overflow-x:auto}.bm-bars{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:18px 24px 22px;display:flex}.bm-bar-row{font-variant-numeric:tabular-nums;grid-template-columns:190px 1fr 60px 52px;align-items:center;gap:16px;display:grid}.bm-bar-label{align-items:center;gap:10px;font-size:13px;display:inline-flex}.bm-bar-dot{border-radius:999px;flex:0 0 10px;width:10px;height:10px}.bm-bar-label strong{color:var(--foreground);font-weight:500}.bm-bar-label em{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-style:normal}.bm-bar-track{background:var(--muted);border-radius:999px;height:8px;position:relative;overflow:visible}.bm-bar-fill{border-radius:999px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 12px -2px}.bm-bar-target{background:var(--foreground);opacity:.35;border-radius:999px;width:2px;position:absolute;top:-4px;bottom:-4px;transform:translate(-1px)}.bm-bar-ratio{font-family:var(--font-mono);color:var(--foreground);text-align:right;font-size:13px;font-weight:500}.bm-bar-target-num{font-family:var(--font-mono);color:var(--muted-foreground);text-align:left;font-size:11px}.bm-targets{flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px 20px;display:flex}.bm-targets-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground);font-size:10px;font-weight:500}.bm-chips{flex-wrap:wrap;gap:8px;display:flex}.bm-chip{border:1px solid var(--border);background:var(--background);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:12px;transition:border-color .14s,transform .14s;display:inline-flex}.bm-chip:hover{border-color:var(--blog-pass-border);transform:translateY(-1px)}.bm-chip-check{background:var(--blog-pass-soft);width:14px;height:14px;color:var(--blog-pass);border-radius:999px;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.bm-chip-name{color:var(--foreground);font-weight:500}.bm-chip-ext{font-family:var(--font-mono);color:var(--muted-foreground);font-size:10.5px}@media (max-width:820px){.bm-header{grid-template-columns:1fr;gap:14px}.bm-score{align-self:stretch}.bm-score-cell{flex:1}.bm-bar-row{grid-template-columns:1fr auto;grid-template-areas:"label ratio""track track";row-gap:6px}.bm-bar-row>:first-child{grid-area:label}.bm-bar-row>:nth-child(2){grid-area:track}.bm-bar-row>:nth-child(3){text-align:right;grid-area:ratio}.bm-bar-row>:nth-child(4){display:none}.bm-code{grid-template-columns:34px 1fr;font-size:12.5px}.bm-name{font-size:22px}}.blog-post-body .blog-method{border:1px solid var(--border);background:var(--card);border-radius:12px;margin:24px 0 40px;overflow:hidden}.blog-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;display:grid}.blog-method-grid>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 22px}.blog-method-grid>div:nth-child(2n){border-right:none}.blog-method-grid>div:nth-last-child(-n+2){border-bottom:none}.blog-method-grid dt{text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);margin-bottom:6px;font-size:10px;font-weight:600}.blog-method-grid dd{color:var(--foreground);margin:0;font-size:14px;line-height:1.55}.blog-post-body .blog-method-grid code{padding:1px 5px;font-size:12px}.blog-method-scopes{border-top:1px solid var(--border);background:var(--muted);padding:16px 22px 18px}.blog-method-scopes-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);margin-bottom:10px;font-size:10px;font-weight:600;display:block}.blog-method-scopes ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 18px;display:grid;margin:0!important;padding:0!important;list-style:none!important}.blog-method-scopes li{font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:13px;display:flex;margin:0!important}.blog-method-scopes li strong{color:var(--foreground);min-width:90px;font-weight:500}.blog-post-body .blog-method-scopes code{color:var(--muted-foreground);background:var(--background);padding:1px 5px;font-size:11.5px}@media (max-width:720px){.blog-method-grid{grid-template-columns:1fr}.blog-method-grid>div{border-right:none;border-bottom:1px solid var(--border)}.blog-method-grid>div:last-child{border-bottom:none}}.blog-related{max-width:1120px;margin:32px auto 96px;padding:0 32px}.blog-related-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);border-bottom:1px solid var(--border);margin:0 0 24px;padding-bottom:16px;font-size:11px;font-weight:500}.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.blog-related-card{color:inherit;flex-direction:column;gap:16px;text-decoration:none;transition:opacity .14s;display:flex}.blog-related-card:hover{opacity:.88}.blog-related-card .blog-cover{aspect-ratio:16/10;border-radius:10px}.blog-related-card-hero{aspect-ratio:16/10;isolation:isolate;box-shadow:0 1px 0 var(--border), 0 20px 50px -24px #0006;border-radius:10px;transition:transform .2s;overflow:hidden}@supports (color:lab(0% 0 0)){.blog-related-card-hero{box-shadow:0 1px 0 var(--border), 0 20px 50px -24px lab(0% 0 0/.4)}}.blog-related-card:hover .blog-related-card-hero{transform:translateY(-2px)}.blog-related-card-hero>.wcag-cover,.blog-related-card-hero>.ts-cover{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:none;border-radius:0;margin:0}.blog-related-card-hero .wcag-cover-inner,.blog-related-card-hero .ts-cover-inner{gap:14px;padding:16px 18px}.blog-related-card-hero .wcag-cover-kicker{letter-spacing:.14em;font-size:9px}.blog-related-card-hero .wcag-cover-title,.blog-related-card-hero .ts-cover-title{text-shadow:0 0 18px color-mix(in oklch, var(--blog-accent-1) 55%, transparent), 0 0 36px color-mix(in oklch, var(--blog-accent-2) 30%, transparent);font-size:clamp(28px,6vw,42px)}.blog-related-card-hero .wcag-cover-sub,.blog-related-card-hero .ts-cover-inner .wcag-cover-sub,.blog-related-card-hero .wcag-cover-legend,.blog-related-card-hero .wcag-cover-chart-scale,.blog-related-card-hero .wcag-cover-threshold em,.blog-related-card-hero .wcag-cover-bar-value,.blog-related-card-hero .wcag-cover-bar-name,.blog-related-card-hero .ts-cover-tier-name,.blog-related-card-hero .ts-cover-tier-target,.blog-related-card-hero .ts-cover-tier-sample{display:none}.blog-related-card-hero .wcag-cover-chart{grid-template-columns:1fr;gap:0}.blog-related-card-hero .wcag-cover-chart-plot{gap:5px;padding:6px 0}.blog-related-card-hero .wcag-cover-bar{border-radius:3px 3px 0 0;max-width:none}.blog-related-card-hero .ts-cover-tier{grid-template-columns:1fr;gap:0}.blog-related-card-hero .ts-cover-ladder{gap:5px}.blog-related-card-hero .ts-cover-tier-track{height:14px}.blog-related-card-hero .ts-cover-tier-bar{padding:0}.blog-related-card-title{font-family:var(--font-editorial);letter-spacing:-.01em;margin:0;font-size:21px;font-weight:500;line-height:1.3}.blog-related-card-meta{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:13px}@media (max-width:768px){.blog-index-heading{font-size:30px}.blog-featured{grid-template-columns:1fr;gap:24px;margin-bottom:64px}.blog-featured-title{font-size:24px}.blog-row{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 12px}.blog-row-date{text-align:left;min-width:0}.blog-post-title{font-size:34px}.blog-post-desc{font-size:18px}.blog-post-body{font-size:17px}.blog-post-body .lede{font-size:19px}.blog-post-body h2{font-size:24px}.blog-post-body h3{font-size:19px}.blog-related-grid{grid-template-columns:1fr}}.tune{border:1px solid var(--border);background:radial-gradient(120% 80% at 0% 0%, color-mix(in oklch, var(--blog-accent-1) 8%, transparent), transparent 60%), radial-gradient(120% 80% at 100% 100%, color-mix(in oklch, var(--blog-accent-2) 8%, transparent), transparent 60%), var(--card);color:var(--foreground);border-radius:14px;margin:32px 0 10px;padding:24px 24px 20px}.tune-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:16px;display:flex}.tune-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:4px;font-size:11px;display:block}.tune-title{letter-spacing:-.01em;font-size:18px;font-weight:600}.tune-legend{font-family:var(--font-mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;gap:14px;font-size:11px;display:flex}.tune-legend-item{align-items:center;gap:6px;display:inline-flex}.tune-legend-floor{background:color-mix(in oklch, var(--blog-accent-2) 80%, transparent);width:2px;height:12px;box-shadow:0 0 6px color-mix(in oklch, var(--blog-accent-2) 60%, transparent)}.tune-legend-zone{background:color-mix(in oklch, var(--blog-pass) 22%, transparent);border:1px solid color-mix(in oklch, var(--blog-pass) 40%, transparent);border-radius:3px;width:18px;height:8px}.tune-legend-knob{background:var(--blog-accent-1);width:10px;height:10px;box-shadow:0 0 8px var(--blog-accent-1);border-radius:50%}.blog-post-body .tune-rows,.tune-rows{flex-direction:column;gap:22px;margin:28px 0 26px;padding-left:0;list-style:none;display:flex}.tune-row{grid-template-columns:180px 1fr 150px;align-items:center;gap:18px;display:grid}.tune-row-label{align-items:center;gap:12px;min-width:0;display:flex}.tune-swatch{width:28px;height:28px;box-shadow:0 0 0 1px color-mix(in oklch, var(--foreground) 15%, transparent);border-radius:6px;flex-shrink:0}.tune-row-text{flex-direction:column;min-width:0;display:flex}.tune-row-name{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--foreground);font-size:12px;font-weight:500}.tune-row-tier{color:var(--muted-foreground);margin-top:2px;font-size:11px}.tune-track{border:1px solid var(--border);height:34px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 5%, transparent);background:linear-gradient(90deg,#0a0919 0%,#45404f 50%,#f3f2f8 100%);border-radius:999px;position:relative;overflow:hidden}.tune-track-end{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;pointer-events:none;z-index:1;font-size:9px;position:absolute;top:50%;transform:translateY(-50%)}.tune-track-end-lo{color:#f3f2f8b3;color:lab(95.6997% 1.14259 -2.77396/.7);left:10px}.tune-track-end-hi{color:#0a0919b3;color:lab(2.9113% 2.65966 -8.66392/.7);right:10px}.tune-track-zone{background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--blog-pass) 14%, transparent) 0 6px, color-mix(in oklch, var(--blog-pass) 6%, transparent) 6px 12px);pointer-events:none;border-left:none;position:absolute;top:0;bottom:0}.tune-track-floor{background:color-mix(in oklch, var(--blog-accent-2) 85%, transparent);width:2px;box-shadow:0 0 8px color-mix(in oklch, var(--blog-accent-2) 70%, transparent), 0 0 0 1px #0a0919b3;pointer-events:none;z-index:2;position:absolute;top:-4px;bottom:-4px;transform:translate(-1px)}@supports (color:lab(0% 0 0)){.tune-track-floor{box-shadow:0 0 8px color-mix(in oklch, var(--blog-accent-2) 70%, transparent), 0 0 0 1px lab(2.9113% 2.65966 -8.66392/.7)}}.tune-track-floor-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--blog-accent-2);white-space:nowrap;background:color-mix(in oklch, var(--blog-accent-2) 10%, transparent);border:1px solid color-mix(in oklch, var(--blog-accent-2) 35%, transparent);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.tune-track-knob{z-index:3;border:2px solid #0a0919cc;border:2px solid lab(2.9113% 2.65966 -8.66392/.8);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.tune-track-knob:after{content:"";border:1px solid color-mix(in oklch, var(--foreground) 25%, transparent);border-radius:50%;position:absolute;inset:-5px}.tune-row-meta{font-family:var(--font-mono);flex-direction:column;align-items:flex-end;gap:4px;display:flex}.tune-pill{letter-spacing:.02em;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.tune-pill-pass{color:var(--blog-pass);background:var(--blog-pass-soft);border:1px solid var(--blog-pass-border)}.tune-pill-fail{color:var(--blog-fail);background:var(--blog-fail-soft);border:1px solid var(--blog-fail-border)}.tune-hue{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:10px}.tune-foot{border-top:1px dashed var(--border);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:10px;margin:22px 0 0;padding-top:16px;font-size:11px;display:flex}.tune-foot-key{color:var(--muted-foreground)}.tune-foot-val{color:var(--blog-accent-3);font-weight:600}@media (max-width:640px){.tune-row{grid-template-columns:1fr;gap:8px}.tune-row-meta{flex-direction:row;justify-content:space-between;align-items:center}}.icg{border:1px solid var(--border);background:radial-gradient(90% 70% at 100% 0%, color-mix(in oklch, var(--blog-accent-1) 10%, transparent), transparent 55%), radial-gradient(90% 70% at 0% 100%, color-mix(in oklch, var(--blog-accent-3) 9%, transparent), transparent 55%), var(--card);border-radius:14px;margin:32px 0 10px;padding:24px}.icg-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:16px;display:flex}.icg-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:4px;font-size:11px;display:block}.icg-title{letter-spacing:-.01em;font-size:18px;font-weight:600}.icg-source{font-family:var(--font-mono);color:var(--muted-foreground);align-items:center;gap:8px;font-size:11px;display:inline-flex}.icg-source-label{text-transform:uppercase;letter-spacing:.1em}.icg-source-file{background:color-mix(in oklch, var(--foreground) 6%, transparent);border:1px solid var(--border);color:var(--foreground);border-radius:6px;padding:3px 8px;font-size:11px}.icg-palette{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px;display:grid}.icg-palette-cell{background:color-mix(in oklch, var(--foreground) 3%, transparent);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.icg-palette-swatch{width:100%;height:20px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 10%, transparent);border-radius:4px}.icg-palette-name{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-size:10px}.icg-palette-hex{font-family:var(--font-mono);color:var(--foreground);font-size:11px}.icg-arrow{align-items:center;gap:10px;margin:18px 0;display:flex}.icg-arrow-line{background:repeating-linear-gradient(90deg, color-mix(in oklch, var(--foreground) 20%, transparent) 0 4px, transparent 4px 10px);flex:1;height:1px}.icg-arrow-tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--blog-accent-2);border:1px solid color-mix(in oklch, var(--blog-accent-2) 40%, transparent);background:color-mix(in oklch, var(--blog-accent-2) 10%, transparent);border-radius:999px;padding:3px 8px;font-size:10px}.icg-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.icg-tile{border:1px solid var(--border);background:#0a0919;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px -12px #00000080}.icg-tile-chrome{border-bottom:1px solid color-mix(in oklch, var(--foreground) 10%, transparent);background:#1d1d2dc7;background:lab(11.3317% 3.63488 -10.6963/.78);align-items:center;gap:10px;padding:8px 12px;display:flex}.icg-dots{gap:5px;display:inline-flex}.icg-dots span{background:color-mix(in oklch, var(--foreground) 25%, transparent);border-radius:50%;width:8px;height:8px}.icg-dots span:first-child{background:#ff5f57}.icg-dots span:nth-child(2){background:#febc2e}.icg-dots span:nth-child(3){background:#28c840}.icg-tile-name{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#e3e4eccc;color:lab(90.6855% .740588 -4.03023/.8);font-size:10px}.icg-tile-tab{background:color-mix(in oklch, var(--blog-accent-1) 12%, transparent);border:1px solid color-mix(in oklch, var(--blog-accent-1) 30%, transparent);color:#e3e4ecd9;color:lab(90.6855% .740588 -4.03024/.85);font-family:var(--font-mono);border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px}.icg-tile-jetbrains .icg-tile-chrome{background:#110e25b3;background:lab(4.93455% 5.8117 -14.6285/.7)}.icg-tile-zed .icg-tile-chrome{background:#0d1123b3;background:lab(5.27463% 2.37886 -12.7245/.7)}.icg-tile-neovim .icg-tile-chrome{background:#0a1123b3;background:lab(5.16418% 1.63687 -13.4458/.7)}.icg-code{font-family:var(--font-mono);white-space:pre;margin:0;padding:14px 16px;font-size:12px;line-height:1.6;overflow-x:auto}@media (max-width:640px){.icg-palette{grid-template-columns:repeat(3,1fr)}.icg-grid{grid-template-columns:1fr}.icg-head{flex-direction:column;align-items:flex-start}}