:root {
  color-scheme: light;
  --vt-bg: #f7f7fa;
  --vt-panel: #fff;
  --vt-ink: #252333;
  --vt-muted: #75727f;
  --vt-line: #e8e6ed;
  --vt-accent: #6744c3;
  --vt-tint: #eeebf6;
  --guide-shadow: #25233314;
  --guide-brand-text-start: #5941a9;
  --guide-brand-text-end: #5941a9;
}
:root.dark {
  color-scheme: dark;
  --vt-bg: #15141b;
  --vt-panel: #1d1c25;
  --vt-ink: #f0eef5;
  --vt-muted: #aaa5b8;
  --vt-line: #34313e;
  --vt-accent: #b69bec;
  --vt-tint: #2b233d;
  --guide-shadow: #00000040;
  --guide-brand-text-start: #b7b4f6;
  --guide-brand-text-end: #b7b4f6;
  --guide-logo-top-start: #a78bfa;
  --guide-logo-top-end: #818cf8;
  --guide-logo-bottom-start: #6366f1;
  --guide-logo-bottom-end: #60a5fa;
}
@media (prefers-color-scheme: dark) {
  :root:not(.light) {
  color-scheme: dark;
  --vt-bg: #15141b;
  --vt-panel: #1d1c25;
  --vt-ink: #f0eef5;
  --vt-muted: #aaa5b8;
  --vt-line: #34313e;
  --vt-accent: #b69bec;
  --vt-tint: #2b233d;
  --guide-shadow: #00000040;
  --guide-brand-text-start: #b7b4f6;
  --guide-brand-text-end: #b7b4f6;
  --guide-logo-top-start: #a78bfa;
  --guide-logo-top-end: #818cf8;
  --guide-logo-bottom-start: #6366f1;
  --guide-logo-bottom-end: #60a5fa;
  }
}
*{box-sizing:border-box}body{margin:0;background:var(--vt-bg);color:var(--vt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--vt-accent);outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;background:var(--vt-panel);border-bottom:1px solid var(--vt-line);padding:20px max(24px,calc((100vw - 1200px)/2));gap:30px}.brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;letter-spacing:-.5px}.brand span{background:linear-gradient(to right,var(--guide-brand-text-start),var(--guide-brand-text-end));color:transparent;background-clip:text}nav{display:flex;gap:28px;font-size:13px;color:var(--vt-muted)}nav a:hover{color:var(--vt-accent)}main{max-width:850px;margin:80px auto;padding:0 24px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--vt-muted)}h1{font-size:clamp(40px,6vw,65px);line-height:1.08;font-weight:500;letter-spacing:-2.5px;max-width:650px;margin:24px 0}.intro{color:var(--vt-muted);line-height:1.8;font-size:17px}.action{display:inline-flex;gap:30px;padding:16px 22px;background:#6744c3;color:#fff;border-radius:9px;font-size:14px;margin:22px 0 54px}.action:hover{background:#5735b0}section{background:var(--vt-panel);border:1px solid var(--vt-line);border-radius:15px;padding:5px 30px}article{display:flex;gap:28px;padding:28px 0;border-bottom:1px solid var(--vt-line)}article:last-child{border:0}.number{color:var(--vt-accent);font:italic 28px Georgia,serif;margin-top:14px}h2{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:10px 0}article p,aside{font-size:14px;color:var(--vt-muted);line-height:1.9;margin:10px 0}aside{padding:24px 0}aside a{color:var(--vt-accent)}.related{border-top:1px solid var(--vt-line);padding-top:25px;flex-wrap:wrap;line-height:1.8}footer{max-width:1200px;margin:auto;padding:30px 24px;display:flex;justify-content:space-between;gap:20px;color:var(--vt-muted);font-size:12px;border-top:1px solid var(--vt-line)}@media(max-width:600px){header{padding:20px;flex-wrap:wrap;gap:20px}nav{gap:24px}main{margin:42px auto}h1{letter-spacing:-1.5px}section{padding:5px 22px}article{gap:20px}footer{flex-direction:column}}
.more{position:relative}.more summary{cursor:pointer;border-radius:6px}.more summary:focus-visible{outline:2px solid var(--vt-accent);outline-offset:5px}.more[open] summary{color:var(--vt-accent)}.more>div{position:absolute;right:0;top:30px;z-index:10;display:grid;gap:2px;min-width:200px;padding:8px;border:1px solid var(--vt-line);border-radius:12px;background:var(--vt-panel);box-shadow:0 12px 30px var(--guide-shadow)}.more>div a{padding:10px 12px;border-radius:6px}.more>div a:hover{background:var(--vt-tint)}.mobile-link{display:none}@media(max-width:600px){.desktop-link{display:none}.more>div .mobile-link{display:block}header nav{width:100%;justify-content:space-between;gap:12px}}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }