:root{--text-color: rgba(0, 0, 0, .8);--text-muted: rgba(0, 0, 0, .5);--bg-color: #faf9f7;--link-color: #5199de;--nav-hover-bg: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .1);--font-size-base: 16px;--max-width: 480px;--nav-width: 88px;--nav-gap: 56px;--space: 24px}[data-theme=dark]{--text-color: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .5);--bg-color: #111;--link-color: #6aabf7;--nav-hover-bg: rgba(255, 255, 255, .07);--border-color: rgba(255, 255, 255, .14)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Neue Haas Grotesk Text Pro,Neue Haas Grotesk,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:26px;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;padding:calc(var(--space) * 3) var(--space);transition:background-color .2s,color .2s}.layout{width:100%;max-width:var(--max-width);margin:0 auto;padding-top:12vh;display:flex;flex-direction:column;gap:var(--space)}.content{display:flex;flex-direction:column;gap:var(--space)}.content{animation:page-fade-in .25s ease-out}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.content{animation:none}}.nav{display:flex;align-items:center;gap:18px}.nav-links{display:flex;gap:18px}.nav-links a{color:var(--text-muted);text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text-color);opacity:1}.nav-links a.active{color:var(--text-color)}main,main section{display:flex;flex-direction:column;gap:var(--space)}p{color:var(--text-color);line-height:inherit}a{color:var(--link-color);text-decoration:none;transition:opacity .15s}a:hover{opacity:.6}.footer{display:flex;align-items:center;justify-content:space-between;min-height:30px;font-size:12px;color:var(--text-muted)}.svg-container{width:100%;max-width:220px;margin:0 auto;display:flex;justify-content:center;align-items:center}.svg-container svg{width:100%;height:auto}.theme-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background-color .15s,color .15s,border-color .15s}.theme-toggle:hover{background-color:var(--nav-hover-bg);color:var(--text-color)}.theme-toggle:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}@media (max-width: 600px){body{padding:calc(var(--space) * 2) 20px}.svg-container{max-width:180px}}