@font-face{font-family:InterVar;src:url(/fonts/inter-var.woff2) format("woff2-variations");font-weight:300 800;font-display:optional;font-style:normal}@font-face{font-family:Bricolage;src:url(/fonts/bricolage-var.woff2) format("woff2-variations");font-weight:200 800;font-display:optional;font-style:normal}:root{--accent: #5b3df5;--accent-dark: #b3a2ff;--accent-2: #e8338f;--accent-3: #ff8a3d;--grad-mark: linear-gradient(135deg, #5b3df5 0%, #b43cf0 52%, #ff4f9a 100%);--grad-text: linear-gradient(100deg, #5b3df5 0%, #a335e6 50%, #e8338f 100%);--grad-btn: linear-gradient(110deg, #5b3df5 0%, #9b34e6 55%, #d6307f 100%);--grad-hero: linear-gradient(135deg, #271a74 0%, #5d2bd0 55%, #b83aa8 100%);--bg: #fbfaff;--bg-soft: #f4f1ff;--bg-sunk: #ece8fb;--text: #14102b;--text-soft: #4a4468;--text-faint: #6a6485;--border: #e3def5;--border-strong: #cdc5ea;--link: var(--accent);--accent-ink: #ffffff;--accent-wash: #efeaff;--note: #2563eb;--note-wash: #eff6ff;--caution: #b45309;--caution-wash: #fffbeb;--info: #0f766e;--info-wash: #f0fdfa;--good: #15803d;--good-wash: #f0fdf4;--good-line: #bbf7d0;--bad: #b91c1c;--bad-wash: #fef2f2;--bad-line: #fecaca;--focus: var(--accent);--glow-a: rgb(180 60 240 / .2);--glow-b: rgb(91 61 245 / .17);--glow-c: rgb(255 79 154 / .16);--dot: rgb(91 61 245 / .2);--shadow: 0 1px 2px rgb(40 20 120 / .05), 0 10px 30px rgb(40 20 120 / .08);--font: "InterVar", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Bricolage", "InterVar", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--topbar-h: 4rem;--wrap: 1120px;--content-w: 720px;--toc-w: 220px;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--accent: var(--accent-dark);--grad-text: linear-gradient(100deg, #a592ff 0%, #d484ff 50%, #ff7ab6 100%);--bg: #0c0a18;--bg-soft: #141127;--bg-sunk: #1b1733;--text: #f0edff;--text-soft: #bcb6d8;--text-faint: #8f89ad;--border: #2a2547;--border-strong: #3b3560;--accent-ink: #0c0a18;--accent-wash: #231d4d;--note: #93c5fd;--note-wash: #13203a;--caution: #fcd34d;--caution-wash: #2a2111;--info: #5eead4;--info-wash: #0f2925;--good: #86efac;--good-wash: #0e2417;--good-line: #1f4d2e;--bad: #fca5a5;--bad-wash: #2a1414;--bad-line: #5a2424;--glow-a: rgb(180 60 240 / .26);--glow-b: rgb(91 61 245 / .3);--glow-c: rgb(255 79 154 / .18);--dot: rgb(179 162 255 / .22);--shadow: none;color-scheme:dark}}:root[data-theme=dark]{--accent: var(--accent-dark);--grad-text: linear-gradient(100deg, #a592ff 0%, #d484ff 50%, #ff7ab6 100%);--bg: #0c0a18;--bg-soft: #141127;--bg-sunk: #1b1733;--text: #f0edff;--text-soft: #bcb6d8;--text-faint: #8f89ad;--border: #2a2547;--border-strong: #3b3560;--accent-ink: #0c0a18;--accent-wash: #231d4d;--note: #93c5fd;--note-wash: #13203a;--caution: #fcd34d;--caution-wash: #2a2111;--info: #5eead4;--info-wash: #0f2925;--good: #86efac;--good-wash: #0e2417;--good-line: #1f4d2e;--bad: #fca5a5;--bad-wash: #2a1414;--bad-line: #5a2424;--glow-a: rgb(180 60 240 / .26);--glow-b: rgb(91 61 245 / .3);--glow-c: rgb(255 79 154 / .18);--dot: rgb(179 162 255 / .22);--shadow: none;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topbar-h) + 1rem)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.7;font-feature-settings:"cv11","ss01"}img,svg{max-width:100%;height:auto}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.015em;color:var(--text);font-weight:700}h1{font-size:clamp(1.9rem,1.4rem + 1.8vw,2.5rem);margin:.2em 0 .5em;letter-spacing:-.025em}h2{font-size:1.5rem;margin:2.2em 0 .6em}h3{font-size:1.2rem;margin:1.8em 0 .5em}p,ul,ol,table,figure{margin:0 0 1.1em}code{font-family:var(--mono);font-size:.88em;background:var(--bg-sunk);padding:.1em .35em;border-radius:5px}hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:.75rem;top:-3rem;z-index:100;background:var(--accent);color:var(--accent-ink);padding:.5rem .9rem;border-radius:6px}.skip-link:focus{top:.75rem}.muted{color:var(--text-soft)}.small{font-size:.875rem}.table-wrap{overflow-x:auto;margin:0 0 1.4em;border:1px solid var(--border);border-radius:var(--radius)}.table-wrap table{margin:0}table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.5;font-variant-numeric:tabular-nums}th,td{text-align:left;vertical-align:top;padding:.6rem .8rem;border-bottom:1px solid var(--border)}thead th{background:var(--bg-soft);font-weight:650;font-size:.82rem;letter-spacing:.01em;color:var(--text-soft)}tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}@media(max-width:640px){.table-stack{overflow:visible;border:0;border-radius:0}.table-stack table,.table-stack tbody,.table-stack tr,.table-stack td,.table-stack th{display:block;width:100%}.table-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.table-stack tr{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding-bottom:.3rem;background:var(--bg)}.table-stack tbody tr:last-child td,.table-stack tbody tr:last-child th{border-bottom:0}.table-stack tr>:first-child{font-weight:650;background:var(--bg-soft);border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;margin-bottom:.3rem}.table-stack tr>:first-child:before{content:none}.table-stack td:first-child{display:block}.table-stack td{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem;padding:.3rem .8rem;border-bottom:0}.table-stack td:before{content:attr(data-label);color:var(--text-faint);font-weight:600;font-size:.8rem}}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--border)}.topbar-in{max-width:var(--wrap);margin:0 auto;height:var(--topbar-h);display:flex;align-items:center;gap:.75rem;padding:0 1.25rem}.brand{color:var(--text);text-decoration:none;margin-right:.5rem}.logo{display:inline-flex;align-items:center;gap:.6rem}.logo-mark{display:block;flex:none;width:var(--s);height:var(--s);border-radius:29%;overflow:hidden;background:var(--grad-mark);box-shadow:0 5px 16px #b43cf057}.logo-mark svg{display:block}.logo-word{font-family:var(--display);font-weight:800;font-size:1.28rem;letter-spacing:-.035em;line-height:1;white-space:nowrap}.logo-one{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.mainnav{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.mainnav ul{display:flex;gap:.15rem;list-style:none;margin:0;padding:0}.mainnav ul a{display:block;padding:.5rem .95rem;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--text-soft);text-decoration:none}.mainnav ul a:hover{color:var(--text);background:var(--bg-soft)}.mainnav ul a[aria-current=page]{color:var(--accent);background:var(--accent-wash)}.icon-btn{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text-soft);cursor:pointer;padding:0}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.icon-btn svg{width:18px;height:18px}.menu-btn{display:none}.search-form{display:flex;align-items:center;position:relative}.search-form input{width:13rem;height:2.4rem;padding:0 .9rem 0 2.3rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font:inherit;font-size:.9rem}.search-form svg{position:absolute;left:.85rem;width:15px;height:15px;color:var(--text-faint);pointer-events:none}.theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:block}:root:not([data-theme=light]) .theme-toggle .moon{display:none}}.page{display:grid;grid-template-columns:minmax(0,var(--content-w)) var(--toc-w);gap:3rem;justify-content:center;padding:2.25rem 1.5rem 5rem}.page.layout-wide{grid-template-columns:minmax(0,var(--wrap))}.page.layout-no-toc{grid-template-columns:minmax(0,var(--content-w))}.page.layout-full{display:block;padding:0 0 4rem}main{min-width:0}.toc{position:sticky;top:calc(var(--topbar-h) + 2rem);align-self:start;max-height:calc(100vh - var(--topbar-h) - 4rem);overflow-y:auto;font-size:.84rem;line-height:1.45}.toc .toc-title{font-weight:650;color:var(--text);margin:0 0 .6rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.toc ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--border)}.toc li a{display:block;color:var(--text-soft);text-decoration:none;padding:.22rem 0 .22rem .8rem}.toc li.d3 a{padding-left:1.6rem}.toc li a:hover{color:var(--accent)}.toc-mobile{display:none;border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1.5rem;font-size:.9rem}.toc-mobile summary{cursor:pointer;padding:.6rem .9rem;font-weight:600}.toc-mobile ul{margin:0;padding:0 .9rem .8rem 1.8rem}.toc-mobile li.d3{margin-left:1rem}@media(max-width:1199px){.page{grid-template-columns:minmax(0,var(--content-w));padding:1.75rem 1.5rem 4rem}.page.layout-wide{grid-template-columns:minmax(0,var(--wrap))}.toc{display:none}.toc-mobile{display:block}}@media(max-width:899px){.menu-btn{display:inline-grid}.brand{margin-right:auto}.mainnav{display:none;position:absolute;top:var(--topbar-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:.75rem;padding:.9rem 1.25rem 1.25rem;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}body[data-drawer=open] .mainnav{display:flex}.mainnav ul{flex-direction:column}.mainnav ul a{padding:.7rem .9rem;border-radius:12px;font-size:1rem}.search-form input{width:100%}}@media(max-width:560px){.page{padding:1.25rem 1rem 3rem}.logo-word{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.crumbs{font-size:.84rem;color:var(--text-faint);margin:0 0 .5rem}.crumbs ol{list-style:none;margin:0;padding:0}.crumbs li{display:inline}.crumbs li+li:before{content:"/";margin:0 .4rem;color:var(--border-strong)}.crumbs a{color:var(--text-soft);text-decoration-color:var(--border-strong)}.crumbs a:hover{color:var(--accent)}.byline{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;font-size:.88rem;color:var(--text-soft);margin:0 0 1.75rem}.byline a{color:var(--text);font-weight:600;text-decoration:none}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;padding:.12rem .55rem;border-radius:999px;background:var(--bg-sunk);color:var(--text-soft);border:1px solid var(--border);white-space:nowrap}.badge.accent{background:var(--accent-wash);color:var(--accent);border-color:transparent}.lede{font-size:1.12rem;color:var(--text-soft)}.answer{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--bg-soft);border-radius:var(--radius);padding:1rem 1.2rem;margin:0 0 1.5rem}.answer .label,.takeaways .label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin:0 0 .3rem}.answer p:last-child{margin:0}.takeaways{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem .4rem;margin:0 0 2rem}.takeaways ul{padding-left:1.2rem}.callout{border-radius:var(--radius);padding:.9rem 1.1rem;margin:0 0 1.4em;border:1px solid var(--border);background:var(--note-wash)}.callout .callout-title{font-weight:700;color:var(--note);margin:0 0 .2rem}.callout.caution{background:var(--caution-wash)}.callout.caution .callout-title{color:var(--caution)}.callout.info{background:var(--info-wash)}.callout.info .callout-title{color:var(--info)}.callout>:last-child{margin-bottom:0}.hero{margin:0 0 1.75rem}.hero img{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--border)}figure figcaption{font-size:.85rem;color:var(--text-faint);margin-top:.5rem}.diagram{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg-soft)}.diagram svg{display:block;width:100%;height:auto;color:var(--text)}.faq details{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 .6rem}.faq summary{cursor:pointer;padding:.75rem 1rem;font-weight:600}.faq details>div{padding:0 1rem .2rem}.sources ol{font-size:.9rem;padding-left:1.3rem}.sources li{margin-bottom:.45rem}.author-box{display:flex;gap:1rem;border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;margin:2.5rem 0 0;background:var(--bg-soft)}.author-box .avatar{flex:none;width:3rem;height:3rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700}.author-box p{margin:.2rem 0 0;font-size:.92rem;color:var(--text-soft)}.related ul{list-style:none;padding:0;display:grid;gap:.6rem}.card-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.75rem}.card{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;text-decoration:none;color:var(--text);background:var(--bg)}a.card:hover{border-color:var(--accent)}.card .card-title{font-weight:650;display:block;margin:.25rem 0 .2rem}.card .card-meta{font-size:.82rem;color:var(--text-faint)}.card p{margin:0;color:var(--text-soft);font-size:.93rem}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.8rem;list-style:none;padding:0;margin:0 0 2rem}.quick-picks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.7rem}.quick-picks li{border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem}.quick-picks .pick-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.quick-picks .pick-tool{font-weight:700}.quick-picks p{margin:.2rem 0 0;font-size:.9rem;color:var(--text-soft)}.tool{border-top:1px solid var(--border);padding-top:.5rem;margin-top:2rem}.tool h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-top:1rem}.tool .rank{color:var(--text-faint);font-variant-numeric:tabular-nums}.tool dl{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:.45rem 1rem;font-size:.93rem;margin:0 0 1rem}.tool dt{color:var(--text-faint);font-weight:600}.tool dd{margin:0}.tool-shot{margin:.8rem 0 1.1rem}.tool-shot img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius)}.tool-shot figcaption a{color:var(--text-faint)}.pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0 0 1.25rem;font-size:.95rem}.pros-cons>div{border-radius:var(--radius);padding:.9rem 1rem .6rem;border:1px solid}.pros-cons .pros{background:var(--good-wash);border-color:var(--good-line);border-top:4px solid var(--good)}.pros-cons .cons{background:var(--bad-wash);border-color:var(--bad-line);border-top:4px solid var(--bad)}.pros-cons .pc-title{margin:0 0 .5rem;font-weight:750;font-size:.85rem;text-transform:uppercase;letter-spacing:.07em}.pros-cons .pros .pc-title{color:var(--good)}.pros-cons .cons .pc-title{color:var(--bad)}.pros-cons ul{list-style:none;padding:0;margin:0}.pros-cons li{position:relative;padding-left:1.6rem;margin:0 0 .45rem;line-height:1.5}.pros-cons li:before{position:absolute;left:0;top:.05rem;width:1.15rem;height:1.15rem;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:var(--bg)}.pros-cons .pros li:before{content:"✓";background:var(--good)}.pros-cons .cons li:before{content:"✕";background:var(--bad)}.test-slot{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:.7rem 1rem;font-size:.9rem;color:var(--text-soft);margin:1rem 0 0}@media(max-width:560px){.tool dl{grid-template-columns:minmax(0,1fr);gap:.1rem}.tool dd{margin-bottom:.5rem}.pros-cons{grid-template-columns:minmax(0,1fr)}}pre.prompt{white-space:pre-wrap;background:var(--bg-sunk);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;font-size:.88rem;line-height:1.55}pre.prompt code{background:none;padding:0}.bench-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1rem;margin:0 0 1rem}.bench-cell{margin:0;border:1px solid var(--border);border-radius:var(--radius);padding:.6rem}.bench-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,6rem),1fr));gap:.35rem}.bench-images img{width:100%;height:auto;border-radius:6px;display:block}.bench-cell figcaption{font-size:.84rem;margin-top:.5rem;color:var(--text-soft)}.verdicts{font-size:.93rem}.form{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--bg-soft);margin:0 0 1.5rem}.form .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.form .field{margin:0 0 1rem}.form label{display:block;font-weight:600;font-size:.92rem;margin:0 0 .35rem}.form input[type=text],.form input[type=email],.form input[type=url],.form select,.form textarea{width:100%;font:inherit;font-size:.95rem;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:8px;padding:.55rem .7rem}.form textarea{resize:vertical;line-height:1.5}.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.form .check{display:flex;gap:.6rem;align-items:flex-start;margin:0 0 1rem}.form .check input{margin-top:.3rem;width:1.05rem;height:1.05rem;flex:none;accent-color:var(--accent)}.form .check label{font-weight:400;font-size:.92rem}.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.button{display:inline-block;font:inherit;font-weight:650;background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:.65rem 1.2rem;cursor:pointer;text-decoration:none}.button:hover{filter:brightness(1.08)}@media(max-width:560px){.form .row{grid-template-columns:minmax(0,1fr)}}.footer{border-top:1px solid var(--border);padding:3rem 1.25rem 2.5rem;font-size:.92rem;color:var(--text-soft);background:radial-gradient(36rem 16rem at 100% 100%,var(--glow-c),transparent 70%),radial-gradient(30rem 14rem at 0% 100%,var(--glow-b),transparent 70%),var(--bg-soft)}.footer-inner{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:2rem 3rem}.footer-brand .logo-word{color:var(--text)}.footer-brand p{margin:.9rem 0 0;max-width:22rem}.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.footer-cols h2{font-family:var(--font);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0 0 .7rem}.footer-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.footer a{color:var(--text-soft);text-decoration:none}.footer a:hover{color:var(--accent);text-decoration:underline}.footer-note{grid-column:1 / -1;margin:0;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-faint)}@media(max-width:720px){.footer-inner{grid-template-columns:minmax(0,1fr)}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.pagefind-ui{--pagefind-ui-primary: var(--accent);--pagefind-ui-text: var(--text);--pagefind-ui-background: var(--bg);--pagefind-ui-border: var(--border);--pagefind-ui-tag: var(--bg-sunk);--pagefind-ui-font: var(--font);--pagefind-ui-border-radius: 8px}.table-sticky th:first-child{position:sticky;left:0;background:var(--bg);z-index:1;min-width:8rem}.table-sticky thead th:first-child{background:var(--bg-soft)}td[data-label=Points]{white-space:nowrap}h1,h2,h3{font-family:var(--display);font-weight:750;letter-spacing:-.028em}h1{font-weight:800;letter-spacing:-.035em;line-height:1.08}h2{font-size:1.6rem}.grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{margin:0 0 .7rem;font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";display:inline-block;width:1.5rem;height:.2rem;border-radius:2px;background:var(--grad-mark);vertical-align:middle;margin-right:.6rem}.h-tight{margin-top:1.8em}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}.badge{background:var(--bg-soft);border-color:var(--border)}.badge.accent{background:var(--accent-wash);color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--grad-btn);color:#fff;border-radius:999px;padding:.8rem 1.5rem;font-weight:700;box-shadow:0 8px 22px #9632dc52;transition:transform .15s ease,box-shadow .15s ease}.button:hover{filter:none;transform:translateY(-2px);box-shadow:0 12px 28px #9632dc66}.button.ghost{background:var(--bg);color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.button.ghost:hover{border-color:var(--accent);color:var(--accent);box-shadow:none}.card{border-radius:18px;border-color:var(--border);background:var(--bg);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}a.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:var(--shadow)}.card .card-title{font-family:var(--display);font-size:1.15rem;letter-spacing:-.02em}.answer{position:relative;border-left-width:1px;border-radius:18px;padding-left:1.5rem;background:var(--bg-soft);overflow:hidden}.answer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--grad-mark)}.takeaways{border-radius:18px}.callout,.table-wrap{border-radius:16px}.pagehead{margin:.25rem 0 1.75rem}.pagehead h1{font-size:clamp(2.2rem,1.3rem + 3.2vw,3.5rem);margin:0 0 .45em}.pagehead .lede{max-width:46rem}.pagehead-cat{display:flex;align-items:center;gap:1.5rem}.pagehead-cat .glyph{box-shadow:0 12px 34px color-mix(in srgb,var(--c2) 40%,transparent)}.statbar{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.2rem 0 0;font-size:.9rem}.statbar li{padding:.35rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-soft)}.statbar strong{color:var(--text)}.jumplist{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.2rem 0 0}.jumplist a{display:block;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-soft);font-size:.9rem;font-weight:600;text-decoration:none}.jumplist a:hover{color:var(--accent);border-color:var(--accent)}.glyph{display:inline-block;flex:none;width:var(--gs);height:var(--gs);border-radius:30%;overflow:hidden;background:linear-gradient(140deg,var(--c1),var(--c2));box-shadow:0 6px 18px color-mix(in srgb,var(--c2) 36%,transparent)}.glyph svg{display:block}.home-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem;align-items:center;padding:clamp(2.5rem,6vw,5rem) max(1.25rem,calc((100vw - var(--wrap)) / 2 + 1.25rem)) clamp(3.5rem,7vw,6rem)}.home-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(56rem 28rem at 88% -12%,var(--glow-a),transparent 62%),radial-gradient(40rem 26rem at 0% 0%,var(--glow-b),transparent 62%),radial-gradient(34rem 22rem at 68% 112%,var(--glow-c),transparent 62%)}.home-hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,var(--dot) 1.3px,transparent 1.7px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 72% 40%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse 70% 80% at 72% 40%,#000 0%,transparent 72%)}.home-hero h1{font-size:clamp(2.5rem,1.2rem + 4.6vw,4.6rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 .45em}.home-hero .lede{font-size:1.18rem;max-width:34rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.8rem 0 0}.hero-art{position:relative;width:100%;max-width:28rem;aspect-ratio:1;margin-inline:auto}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.orb-a{inset:12% 14% 20% 10%;background:radial-gradient(circle at 30% 30%,#7c5cff,transparent 70%)}.orb-b{inset:30% 0 6% 30%;background:radial-gradient(circle at 60% 60%,#ff4f9a,transparent 70%)}.float{position:absolute;animation:bob 7s ease-in-out infinite}.float .glyph{box-shadow:0 18px 40px #28147847;border:2px solid rgb(255 255 255 / .55)}.float-1{left:28%;top:26%;z-index:2}.float-2{left:2%;top:8%;animation-delay:-1.5s}.float-3{right:2%;top:2%;animation-delay:-3s}.float-4{left:0;bottom:10%;animation-delay:-4.5s}.float-5{right:6%;bottom:14%;animation-delay:-2.2s}.float-6{left:44%;bottom:-2%;animation-delay:-5.4s}@keyframes bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}.ways ul{max-width:var(--wrap);margin:-2rem auto 0;padding:0 1.25rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;position:relative}.way{display:flex;flex-direction:column;gap:.4rem;height:100%;padding:1.4rem 1.5rem;border:1px solid var(--border);border-radius:22px;background:var(--bg);color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease}.way:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.way-n{font-family:var(--display);font-weight:800;font-size:.85rem;letter-spacing:.1em;color:var(--accent)}.way-title{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em}.way-desc{color:var(--text-soft);font-size:.96rem;flex:1}.way-go{margin-top:.4rem;font-weight:700;font-size:.88rem;color:var(--accent)}.way-go:after{content:" →"}.band{padding:4.5rem 0 3.5rem}.band-soft{background:var(--bg-soft);margin-top:1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.band h2,.rules h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.6rem);margin:0 0 .3em}.band-lede{margin:0 0 .5rem;max-width:40rem}.rules{padding-top:3.5rem;padding-bottom:1rem}.rulelist{counter-reset:r;list-style:none;padding:0;margin:1.5rem 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rulelist li{counter-increment:r;position:relative;padding:1.1rem 1.2rem 1.1rem 4rem;border:1px solid var(--border);border-radius:18px;background:var(--bg);color:var(--text-soft)}.rulelist li strong{color:var(--text)}.rulelist li:before{content:counter(r);position:absolute;left:1.1rem;top:1.05rem;width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#fff;background:var(--grad-btn)}.typecards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:.9rem;list-style:none;padding:0;margin:1.25rem 0 0}.typecard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem 1rem;align-items:center;height:100%;padding:1.05rem 1.15rem;border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.typecard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:var(--shadow)}.typecard-body{display:grid;gap:.2rem;min-width:0}.typecard-name{font-family:var(--display);font-weight:750;font-size:1.12rem;letter-spacing:-.02em;line-height:1.2}.typecard-def{color:var(--text-soft);font-size:.88rem;line-height:1.45}.typecard .n{grid-column:1 / -1;justify-self:start}.n{font-size:.76rem;font-weight:700;padding:.12rem .6rem;border-radius:999px;background:var(--accent-wash);color:var(--accent);white-space:nowrap}.typechips,.catpills{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding:0;margin:1rem 0 .5rem}.typechips a,.catpills a{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .8rem .35rem .4rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);font-weight:600;font-size:.92rem;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.catpills a{padding-left:.95rem}.typechips a:hover,.catpills a:hover{border-color:var(--accent);transform:translateY(-1px)}.typechips .glyph{box-shadow:none}.catgroup{margin:2.6rem 0 0}.catgroup h2{margin:0 0 .2em}.catgroup>.muted{margin:0 0 .4rem}.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,25rem),1fr));gap:1rem;align-items:start;list-style:none;padding:0;margin:1rem 0 2rem}.tcard{display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1.15rem 1.25rem 1rem;border:1px solid var(--border);border-radius:22px;background:var(--bg);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.tcard:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow)}.tcard[hidden]{display:none}.tcard-head{display:flex;align-items:center;gap:.9rem}.tcard-title{min-width:0}.tcard-name{font-size:1.28rem;margin:0;line-height:1.15;overflow-wrap:anywhere}.tcard-name a{color:var(--text);text-decoration:none}.tcard-name a:hover{color:var(--accent);text-decoration:underline}.tcard-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 0}.tcard-badges .badge{white-space:normal}.dir-warn{background:var(--caution-wash);color:var(--caution);border-color:transparent;text-transform:capitalize}.tcard-best{margin:0;color:var(--text-soft);font-size:.95rem;line-height:1.55}.tcard-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin:0;padding:.85rem 0 .15rem;border-top:1px dashed var(--border-strong)}.tcard-facts>div{min-width:0}.tcard-facts dt{font-size:.7rem;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.tcard-facts dd{margin:.1rem 0 0;font-size:.92rem;line-height:1.4;overflow-wrap:anywhere}.tcard-facts .dir-nd dd{color:var(--text-faint)}.tcard-more{margin:.6rem 0 1rem;padding-top:.2rem;border-top:0}.tcard details{margin-top:.15rem;border-top:1px dashed var(--border-strong);padding-top:.65rem}.tcard details>summary{cursor:pointer;font-size:.9rem;font-weight:650;color:var(--accent);margin-bottom:.5rem}.dir-meta{font-size:.85rem;color:var(--text-soft)}.dir-filters{border:1px solid var(--border);border-radius:18px;background:var(--bg-soft);margin:1rem 0}.dir-filters[hidden],.dir-empty[hidden]{display:none}.dir-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:.85rem 1.1rem;font-weight:700}.dir-filters>summary #dir-count{font-weight:600;font-size:.88rem;color:var(--accent)}.dir-filters form{padding:0 1.1rem 1rem}.dir-reset{margin-top:.9rem;font:inherit;font-size:.88rem;background:none;border:0;color:var(--link);cursor:pointer;text-decoration:underline;padding:0}.dir-filter-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.9rem 1.4rem}.dir-filter-groups fieldset{border:0;padding:0;margin:0;min-width:0}.dir-filter-groups legend{font-size:.76rem;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;padding:0;margin-bottom:.3rem}.dir-filter-groups label{display:flex;align-items:baseline;gap:.4rem;font-size:.9rem;padding:.12rem 0;cursor:pointer}.dir-filter-groups input{accent-color:var(--accent)}.dir-n{margin-left:auto;color:var(--text-faint);font-size:.8rem}.dir-empty{color:var(--text-soft)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:.8rem;list-style:none;padding:0;margin:0 0 .8rem}.stats li{padding:1rem 1.15rem;border:1px solid var(--border);border-radius:18px;background:var(--bg)}.stat-n{display:block;font-family:var(--display);font-weight:800;font-size:2.1rem;letter-spacing:-.04em;line-height:1;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-of{font-size:1.1rem;opacity:.75}.stat-cap{display:block;margin-top:.35rem;font-size:.88rem;color:var(--text-soft)}.post-lead{position:relative;overflow:hidden;display:grid;gap:.7rem;padding:clamp(1.5rem,4vw,2.6rem);border-radius:26px;background:var(--grad-hero);color:#fff;text-decoration:none;margin:0 0 1.25rem;isolation:isolate}.post-lead:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgb(255 255 255 / .22) 1.3px,transparent 1.7px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 90% at 100% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 60% 90% at 100% 0%,#000 0%,transparent 70%)}.post-meta{font-size:.82rem;font-weight:600;letter-spacing:.04em;opacity:.85}.post-title{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,1rem + 2.2vw,2.5rem);letter-spacing:-.035em;line-height:1.1;max-width:40rem}.post-desc{max-width:40rem;opacity:.92}.post-go{justify-self:start;margin-top:.4rem;padding:.55rem 1.2rem;border-radius:999px;background:#fff;color:#3b1fa8;font-weight:700;font-size:.92rem}.post-lead:hover .post-go{background:#f1ecff}.postlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:.9rem;list-style:none;padding:0;margin:1.25rem 0 1rem}.postlist .card{height:100%}@media(max-width:899px){.home-hero{grid-template-columns:minmax(0,1fr);padding-bottom:3rem}.hero-art{max-width:22rem}.ways ul{grid-template-columns:minmax(0,1fr);margin-top:-1rem}.rulelist{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.tcard-facts{grid-template-columns:minmax(0,1fr)}.pagehead-cat{flex-direction:column;align-items:flex-start;gap:1rem}.band{padding:3rem 0 2.5rem}.float .glyph{border-width:1px}}