@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root,[data-theme=dark]{color-scheme:dark;--bt-bg: #161826;--bt-text: #e9e9ed;--bt-accent: #9184d9;--bt-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--mut: #9397ab;--faint: #75798c;--brd: #3f424d;--panel: #232532;--inputbg: #1c1e2b;--acc-soft: #d2cefd;--acc-deep: #b5abfc;--glow: rgba(145, 132, 217, .32)}[data-theme=light]{color-scheme:light;--bt-bg: #e4e7f5;--bt-text: #292b31;--bt-divider: color-mix(in srgb, #292b31 16%, transparent);--mut: #595d6c;--faint: #75798c;--brd: #b2b6ca;--panel: #f3f5fe;--inputbg: #e4e7f5;--acc-soft: #5d5294;--acc-deep: #5d5294;--glow: rgba(145, 132, 217, .45)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bt-bg);color:var(--bt-text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.65;font-size:15px}:focus{outline:none}:focus-visible{outline:2px solid var(--bt-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--bt-accent) 30%,transparent)}.site-header{position:sticky;top:0;z-index:2;background:var(--bt-bg);border-bottom:1px solid var(--bt-divider)}.site-header nav{height:54px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:12px;font-weight:500;font-size:15px;text-decoration:none;color:var(--bt-text);letter-spacing:-.01em}.wordmark img{border-radius:5px}.wordmark .brand span{color:var(--bt-accent)}.nav-links{display:flex;gap:18px;align-items:center}.nav-links a{color:var(--mut);text-decoration:none;font-size:13px;transition:color .15s}.nav-links a:hover{color:var(--acc-soft)}.nav-links a.cta{border:1px solid var(--bt-accent);border-radius:8px;color:var(--acc-soft);font-weight:500;padding:7px 16px;transition:background .15s}.nav-links a.cta:hover{background:color-mix(in srgb,var(--bt-accent) 14%,transparent)}.theme-pill{position:relative;display:inline-block;width:38px;height:21px;padding:0;border:1px solid var(--brd);border-radius:11px;background:transparent;cursor:pointer;transition:border-color .15s}.theme-pill:hover{border-color:var(--bt-accent)}.theme-pill .knob{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--bt-accent);color:var(--bt-bg);display:inline-flex;align-items:center;justify-content:center;transition:transform .18s}.theme-pill .knob svg{width:9px;height:9px}.theme-pill .knob .sun{display:none}.theme-pill[aria-checked=true] .knob{transform:translate(17px)}.theme-pill[aria-checked=true] .knob .sun{display:block}.theme-pill[aria-checked=true] .knob .moon{display:none}main{max-width:48rem;margin:0 auto 0 max(1.25rem,calc(50vw - 33rem));padding:4rem 1.25rem 5rem}article h1{font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-.02em;margin:0 0 .9rem;text-wrap:balance}article h2{font-size:25px;font-weight:500;letter-spacing:-.015em;margin:2.75rem 0 .75rem}article h3{font-size:20px;font-weight:500;margin:2rem 0 .5rem}article p,article li{color:var(--bt-text);text-wrap:pretty}article>p:first-of-type{font-size:17px;color:var(--mut)}article a{color:var(--acc-soft);text-decoration:none;text-underline-offset:3px}article a:hover{text-decoration:underline}article img{max-width:100%}article code{background:var(--inputbg);border:1px solid var(--brd);border-radius:4px;padding:.1em .35em;font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}article pre{background:var(--inputbg);border:1px solid var(--brd);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;line-height:1.5}article pre code{background:none;border:none;padding:0;font-size:.85rem}article blockquote{margin:1.5rem 0;padding:.25rem 1.25rem;border-left:2px solid var(--bt-accent);color:var(--mut)}article table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:14px;display:block;overflow-x:auto}article th,article td{border-bottom:1px solid var(--bt-divider);padding:.5rem .75rem;text-align:left;vertical-align:top}article th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--mut)}.try-editor{display:inline-block;border:1px solid var(--bt-accent);border-radius:8px;color:var(--acc-soft)!important;text-decoration:none!important;font-weight:500;font-size:13px;padding:8px 18px;margin:.5rem 0 1rem;transition:background .15s}.try-editor:hover{background:color-mix(in srgb,var(--bt-accent) 14%,transparent)}.draft-banner{font-size:13px;font-weight:500;color:var(--acc-soft);border:1px dashed var(--bt-accent);border-radius:8px;padding:.6rem 1rem;margin:0 0 2rem}.disclosure{font-size:13px;color:var(--mut);background:var(--panel);border:1px solid var(--brd);border-radius:8px;padding:.6rem 1rem;margin:1.5rem 0}.ad-slot{margin:2.5rem 0}.reading{margin-top:3.5rem;border:1px solid var(--brd);background:var(--panel);border-radius:14px;padding:1.75rem 2rem}.reading h2{margin:0 0 .4rem;font-size:17px;font-weight:500}.reading p{margin:0 0 1rem;color:var(--mut);font-size:13.5px}.reading ul{margin:0;padding-left:1.1rem;font-size:14px}.reading li{margin-bottom:.6rem;color:var(--mut)}.reading li a{color:var(--acc-soft);text-decoration:none;text-underline-offset:3px}.reading li a:hover{text-decoration:underline}.reading .authors{color:var(--bt-text)}.reading .affiliate-note{margin:1rem 0 0;font-size:12px;color:var(--faint)}.site-footer{border-top:1px solid var(--bt-divider);padding:1.5rem 1.25rem 2.5rem;text-align:center;color:var(--mut);font-size:13px}.site-footer a{color:var(--mut);text-decoration:none}.site-footer a:hover{color:var(--acc-soft)}main.guide-index-main{max-width:76rem;margin:0 auto;padding-top:0}.guide-index-article{width:100%}.learn-hero{position:relative;padding:clamp(4rem,8vw,7rem) 0 clamp(4rem,7vw,6.5rem);border-bottom:1px solid var(--bt-divider);overflow:hidden}.learn-hero:after{content:"";position:absolute;right:2%;top:18%;width:19rem;height:19rem;border:1px solid color-mix(in srgb,var(--bt-accent) 24%,transparent);border-radius:50%;box-shadow:0 0 0 3.5rem color-mix(in srgb,var(--bt-accent) 4%,transparent),0 0 0 7rem color-mix(in srgb,var(--bt-accent) 3%,transparent);pointer-events:none}article .learn-hero .eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1.25rem;color:var(--acc-soft);font-size:11px;font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase}.learn-hero .eyebrow span{color:var(--faint)}article .learn-hero h1{position:relative;z-index:1;max-width:46rem;margin-bottom:1.5rem;font-size:clamp(44px,6vw,74px);font-weight:520;line-height:.98;letter-spacing:-.05em}.learn-hero h1 span{color:var(--mut)}article .learn-hero .learn-intro{position:relative;z-index:1;max-width:41rem;margin:0;color:var(--mut);font-size:17px;line-height:1.7}.start-guide{position:relative;z-index:1;display:inline-flex;align-items:center;gap:1rem;margin-top:2rem;padding:.7rem 1rem;border:1px solid var(--bt-accent);border-radius:8px;color:var(--acc-soft);font-size:13px;font-weight:500;line-height:1;transition:background .15s,gap .15s}.start-guide:hover{gap:1.25rem;background:color-mix(in srgb,var(--bt-accent) 12%,transparent);text-decoration:none}.guide-library{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(3rem,7vw,6rem);padding-top:4.5rem}.guide-nav-inner{position:sticky;top:86px}article .guide-nav-label{margin:0 0 1.15rem;color:var(--faint);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.guide-nav ol{margin:0;padding:0;list-style:none}.guide-nav li{margin:0;border-top:1px solid var(--bt-divider)}.guide-nav li:last-child{border-bottom:1px solid var(--bt-divider)}.guide-nav a{display:grid;grid-template-columns:1.75rem 1fr;gap:.5rem;padding:.68rem 0;color:var(--mut);font-size:11.5px;line-height:1.35;text-decoration:none;transition:color .15s,padding-left .15s}.guide-nav a span{color:var(--faint);font-variant-numeric:tabular-nums}.guide-nav a:hover{padding-left:.25rem;color:var(--acc-soft);text-decoration:none}.guide-section{margin-bottom:4.75rem;scroll-margin-top:5rem}.section-heading{display:grid;grid-template-columns:minmax(9rem,.55fr) 1fr;gap:2rem;align-items:baseline;margin-bottom:1.25rem}article .section-heading h2{margin:0;font-size:20px}article .section-heading p{margin:0;color:var(--mut);font-size:12.5px}.guide-cards{margin:0;padding:0;list-style:none;border-top:1px solid var(--bt-divider)}.guide-cards li{margin:0;border-bottom:1px solid var(--bt-divider);scroll-margin-top:5rem}.guide-cards a{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 1.5rem;gap:1rem;align-items:start;margin:0 -1rem;padding:1.6rem 1rem;color:var(--bt-text);text-decoration:none;transition:background .15s,border-color .15s}.guide-cards a:hover{background:color-mix(in srgb,var(--panel) 72%,transparent);text-decoration:none}.guide-number{padding-top:.2rem;color:var(--faint);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.guide-copy{display:flex;flex-direction:column;gap:.5rem}.guide-title{max-width:39rem;color:var(--acc-soft);font-size:18px;font-weight:500;line-height:1.35;letter-spacing:-.015em;text-wrap:balance}.guide-description{max-width:43rem;color:var(--mut);font-size:13px;line-height:1.6;text-wrap:pretty}.guide-arrow{color:var(--faint);font-size:15px;transition:color .15s,transform .15s}.guide-cards a:hover .guide-arrow{color:var(--acc-soft);transform:translate(2px,-2px)}@media(max-width:900px){main{margin:0 auto}.learn-hero:after{right:-10rem}.guide-library{grid-template-columns:1fr;gap:3.5rem}.guide-nav-inner{position:static}.guide-nav ol{columns:2;column-gap:2rem}.guide-nav li{break-inside:avoid}}@media(max-width:600px){.site-header nav{padding:0 1.25rem}.nav-links{gap:13px}.nav-links a{display:none}main.guide-index-main{padding-right:1.25rem;padding-left:1.25rem}.learn-hero{padding:3.75rem 0 4rem}article .learn-hero h1{font-size:clamp(40px,13vw,56px)}article .learn-hero .learn-intro{font-size:15px}.guide-library{padding-top:3rem}.guide-nav ol{columns:1}.section-heading{grid-template-columns:1fr;gap:.25rem}.guide-cards a{grid-template-columns:2rem minmax(0,1fr) 1rem;gap:.5rem}.guide-description{font-size:12.5px}}
