.guide-page .reading-rail{display:none}@media (min-width:1024px){.guide-page--article .reading-rail{z-index:var(--z-sticky);background:color-mix(in oklab,var(--ink) 10%,transparent);pointer-events:none;border-radius:2px;width:2px;height:56svh;display:block;position:fixed;top:22svh;right:14px;overflow:hidden}.guide-page--article .reading-rail>span{border-radius:inherit;background:linear-gradient(180deg,var(--violet),var(--blush-300));width:100%;height:100%;display:block}}@media (prefers-reduced-motion:reduce){.guide-page--article .reading-rail{display:none}}.guide-page .guide-index.section-pad{padding-block:var(--section-pad-tight)}.guide-page .guide-grid{border-color:var(--line)}.guide-page .guide-card{border-color:var(--line);min-height:auto;transition:background var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);background:0 0;padding:24px 22px 22px}.guide-page .guide-card>div{font-family:var(--font-mono);font-weight:500;font-size:var(--t-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.guide-page .guide-card h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h3);letter-spacing:-.02em;text-wrap:balance;max-width:16ch;margin:22px 0 10px;line-height:1.02}.guide-page .guide-card p{font-size:var(--t-small);color:var(--slate);max-width:38ch;line-height:1.6}.guide-page .guide-card footer{font-family:var(--font-mono);font-weight:500;font-size:var(--t-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-top:auto;padding-top:18px}.guide-page .guide-card footer i{color:var(--violet);transition:transform var(--dur-2) var(--ease-out);font-size:1.1rem}.guide-page .guide-card>em{font-family:var(--font-display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1.2px color-mix(in oklab,var(--violet) 30%,transparent);font-size:clamp(72px,9vw,120px);font-weight:700;line-height:.78;bottom:-18px;right:-4px}@media (hover:hover){.guide-page .guide-card:hover{background:var(--violet-soft);transform:none}.guide-page .guide-card:hover h2{color:var(--violet-deep)}.guide-page .guide-card:hover footer i,.guide-page .guide-card:focus-visible footer i{transform:translate(5px)}.guide-page .guide-card:hover>em{-webkit-text-stroke-color:color-mix(in oklab,var(--violet) 55%,transparent)}}.guide-page .guide-card:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;background:var(--violet-soft)}.guide-page .guide-article{padding-block:clamp(34px,4.5vw,64px) clamp(56px,7vw,96px)}.guide-page .article-shell{max-width:var(--reading);padding-inline:var(--gutter)}.guide-page .back-link{min-height:48px;font-family:var(--font-mono);font-weight:500;font-size:var(--t-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);align-items:center;gap:8px;display:inline-flex}.guide-page .back-link span{transition:transform var(--dur-2) var(--ease-out)}@media (hover:hover){.guide-page .back-link:hover{color:var(--ink)}.guide-page .back-link:hover span{transform:translate(-4px)}}.guide-page .article-shell header{border-block-end:1px solid var(--line);padding:20px 0 30px}.guide-page .article-shell header>div{font-family:var(--font-mono);font-weight:500;font-size:var(--t-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);gap:14px}.guide-page .article-shell header h1{font-family:var(--font-display);font-weight:400;font-size:var(--t-display-l);letter-spacing:-.03em;text-wrap:balance;margin:16px 0 18px;line-height:.98}.guide-page .article-shell header p{font-size:var(--t-lede);color:var(--slate);max-width:56ch;line-height:1.55}.guide-page .article-shell ol{padding:8px 0 0}.guide-page .article-shell ol li{border-block-end:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);gap:18px;padding:20px 0}.guide-page .article-shell ol li>span{font-family:var(--font-mono);font-weight:500;font-size:var(--t-caption);letter-spacing:.1em;color:var(--violet);font-variant-numeric:tabular-nums;padding-top:.35em}.guide-page .article-shell ol li p{font-size:var(--t-body);max-width:var(--reading);margin:0;line-height:1.65}.guide-page .article-shell aside{border:1px solid var(--line);border-inline-start:3px solid var(--violet);background:0 0;border-radius:0 14px 14px 0;margin:30px 0;padding:18px 20px}.guide-page .article-shell aside strong{font-family:var(--font-mono);font-weight:500;font-size:var(--t-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--violet-dark);margin-bottom:4px;display:block}.guide-page .article-shell aside p{font-size:var(--t-small);color:var(--slate);margin:0;line-height:1.6}.guide-page .article-shell aside a{color:var(--violet-dark);background-image:linear-gradient(90deg,var(--pink),var(--violet));transition:background-size .42s var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;padding-bottom:2px}@media (hover:hover){.guide-page .article-shell aside a:hover{background-size:100% 2px}}.guide-page .article-shell aside a:focus-visible{background-size:100% 2px}.guide-page .article-actions{margin-top:30px}.guide-page .article-shell .walkthrough{margin-inline:auto}@media (max-width:767px){.guide-page .guide-article{padding-block:26px 48px}.guide-page .article-shell header{padding:16px 0 24px}.guide-page .article-shell header h1{font-size:clamp(30px,8.6vw,44px);line-height:1.02}.guide-page .article-shell header p{font-size:19px}.guide-page .article-shell ol li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 0}.guide-page .guide-card{padding:20px 18px}.guide-page .guide-card h2{margin:16px 0 8px}}.guide-page--article .article-shell .breadcrumbs{padding-block:4px 0}.guide-page .guide-card--watch{background:var(--violet-soft)}.guide-page .guide-card--watch:hover{background:var(--lilac-200)}.guide-page .guide-updated{font-family:var(--font-mono);font-size:var(--t-caption);letter-spacing:.02em;color:var(--muted);margin:26px 0 0}.guide-page .guide-watch strong:before{content:"▶ ";color:var(--violet)}.guide-page .guide-related{border-block-start:1px solid var(--line);margin:35px 0 0;padding-block-start:20px}.guide-page .guide-related strong{font-family:var(--font-mono);font-size:var(--t-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block}.guide-page .guide-related ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.guide-page .guide-related li{font-size:var(--t-small);align-items:baseline;gap:10px;display:flex}.guide-page .guide-related a{color:var(--ink);font-weight:600}.guide-page .guide-related a:hover{color:var(--violet-deep)}.guide-page .guide-related span{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--muted)}