:root{--ground:#F6F5F1;--raise:#EFEDE6;--card:#FFFFFF;--card-hi:#F5F7FF;--line:#E3E0D7;--line-2:#CFCBC0;--line-ctl:#8A877D;--fg:#12141C;--fg-2:#3B3F4C;--fg-3:#5F6370;--accent:#2B4BF2;--accent-hi:#1D37C9;--accent-dim:#E8ECFF;--on-accent:#FFFFFF;--ok:#17693A;--g-ok-bg:#E3F3E8;--g-ok-fg:#17693A;--g-ok-bd:#B5DCC2;--g-mid-bg:#FBF0D2;--g-mid-fg:#855700;--g-mid-bd:#E9D095;--g-bad-bg:#FCE5E1;--g-bad-fg:#A23427;--g-bad-bd:#EFBBB3;--ink:#12141C;--ink-2:#1D2030;--r:8px;--rc:12px;--tile-gap:14px;--gut:clamp(20px,4.5vw,60px);--maxw:1140px;--shadow:0 1px 2px rgb(18 20 28 / .04),0 10px 28px rgb(18 20 28 / .07);--font-sans:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Space Grotesk","Space Grotesk Fallback","Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}*{box-sizing:border-box}.body>*,.body-grid>*,.ehead-in>*,.prose{min-width:0}.prose,.phead-sub,.lede{overflow-wrap:anywhere}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--ground);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;font-synthesis-weight:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.022em}p{margin:0}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tablewrap,.cmpwrap{position:relative}.skip{position:absolute;left:-9999px;top:0;z-index:40}.skip:focus{position:fixed;left:var(--gut);top:8px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:14px;padding:10px 16px;border-radius:var(--r);outline:2px solid var(--fg);outline-offset:2px}main:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}.prose a,.sub-sec a,.lede a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose a:hover,.sub-sec a:hover{color:var(--accent-hi)}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:24px;height:24px;flex:none;display:block}.bm-bar{fill:var(--ink)}.bm-tick{stroke:var(--accent)}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1}.brand-alt{color:var(--accent)}.brand-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);border-left:1px solid var(--line-2);padding-left:10px;line-height:1.4}.mast{position:sticky;top:0;z-index:30;background:#f6f5f1db;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.mast-in{display:flex;align-items:center;gap:30px;height:66px}.mast-nav{display:flex;gap:4px;margin-right:auto;font-size:14.5px;color:var(--fg-2)}.mast-nav a{padding:7px 12px;border-radius:99px;position:relative;transition:color .15s ease,background .15s ease}.mast-nav a:hover{color:var(--fg);background:#12141c0d}.mast-nav a.on{color:var(--accent);background:var(--accent-dim);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border-radius:var(--r);font-size:14px;font-weight:500;letter-spacing:-.005em;border:1px solid transparent;white-space:nowrap;background:transparent;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.btn-solid{background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:0 1px #12141c1f,0 6px 16px #2b4bf238}.btn-solid:hover{background:var(--accent-hi)}.btn-solid:active{transform:translateY(1px)}.btn-ghost{background:var(--card);border-color:var(--line-2);color:var(--fg)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{height:48px;padding:0 26px;font-size:15.5px}.btn-mini{height:30px;padding:0 13px;font-size:13px;background:var(--card);border-color:var(--line-2);color:var(--fg-2)}.btn-mini:hover{border-color:var(--accent);color:var(--accent)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;background:currentColor;border-radius:2px;vertical-align:1px}body :is(.diff-card,.cards>li>.card,.niches a,.cats .cat,.vgrid .v-card,.rel a,.grp article,.acompare .ac,.mistakes article,.vs article){border:1px solid var(--line);border-radius:var(--rc)}body :is(.cards>li>.card,.niches a,.cats .cat,.rel a):hover{border-color:var(--accent);box-shadow:var(--shadow)}body :is(.phead,.ehead){position:relative;isolation:isolate}body :is(.phead,.ehead):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px;-webkit-mask-image:linear-gradient(180deg,rgb(0 0 0 / .9),transparent 92%);mask-image:linear-gradient(180deg,rgb(0 0 0 / .9),transparent 92%)}body .band.band{background-image:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 24px);background-size:100% 7px;background-repeat:no-repeat;background-position:0 0}body .closer.closer{background:var(--ink);color:#fff;border-top:0}body .closer.closer :is(p,.closer-sub){color:#b8bccb}body .closer.closer .btn-ghost{background:transparent;color:#fff;border-color:#4a4f62}body .closer.closer .btn-ghost:hover{border-color:#8fa2ff;color:#c9d2ff}.foot{border-top:1px solid var(--line);background:var(--raise)}.foot-in{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;padding-block:clamp(38px,5vw,54px)}.foot-tag{margin-top:14px;color:var(--fg);font-size:15px;font-family:var(--font-display);font-weight:500}.foot-desc{margin-top:12px;max-width:48ch;font-size:13.5px;line-height:1.65;color:var(--fg-3)}.foot-mail{margin-top:12px;font-size:14px}.foot-mail a{color:var(--accent)}.foot-mail a:hover{text-decoration:underline}.nav-toggle{display:none;width:44px;height:44px;margin-left:auto;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);color:var(--fg);cursor:pointer;font:inherit;padding:0}.nav-toggle:hover{border-color:var(--accent);color:var(--accent)}.nav-bars{display:grid;gap:4px;width:18px}.nav-bars i{display:block;height:2px;background:currentColor;border-radius:1px}@media(max-width:900px){.nav-toggle{display:flex}.mast-in>.btn-solid{display:none}.mast-in{gap:16px}.mast-nav{position:absolute;left:0;right:0;top:100%;display:grid;gap:0;padding:6px var(--gut) 12px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 18px 40px #12141c1f;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .22s ease,visibility .22s}.nav-open .mast-nav{max-height:80vh;overflow-y:auto;visibility:visible}.mast-nav a{display:flex;align-items:center;min-height:48px;padding:0 12px;font-size:16px;border-radius:var(--r)}.mast-nav a+a{margin-top:2px}}.foot-nav{display:flex;flex-wrap:wrap;gap:14px 26px;font-size:14.5px;color:var(--fg-2);max-width:520px}.foot-nav a{display:inline-flex;align-items:center;min-height:24px}.foot-nav a:hover{color:var(--accent)}@media(max-width:640px){.foot-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:4px}.foot-nav a{min-height:44px;border-bottom:1px solid var(--line)}}.to-top{position:fixed;right:clamp(16px,3vw,28px);bottom:calc(clamp(16px,3vw,28px) + env(safe-area-inset-bottom,0px));z-index:40;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:99px;background:var(--ink);color:#fff;box-shadow:0 8px 22px #12141c38;cursor:pointer;font:inherit;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,background .14s ease}.to-top.is-in{opacity:1;transform:none}.to-top:hover{background:var(--accent)}.to-top:active{transform:translateY(1px)}.to-top svg{display:block}@media(max-width:520px){.to-top{width:44px;height:44px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}}@media print{.to-top{display:none}}.foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--fg-3)}@media(max-width:760px){.mast-in{height:60px}}@media(max-width:380px){.brand-tag{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}