:root{--void:#030305;--ink:#f3f1eb;--muted:#8e8b84;--faint:#59575d;--line:rgba(243,241,235,.11);--line-hot:rgba(243,241,235,.22);--ease:cubic-bezier(.16,1,.3,1);--max:1120px;--gutter:clamp(24px,6vw,80px)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--void);color-scheme:dark}body{min-width:320px;background:var(--void);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:300;line-height:1.55;letter-spacing:-.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}.container{width:min(var(--max),calc(100% - var(--gutter) - var(--gutter)));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:var(--void);padding:10px 14px;text-decoration:none}.skip-link:focus{top:16px}.nav{position:absolute;z-index:80;top:0;left:0;right:0;height:76px}.nav-inner{width:min(var(--max),calc(100% - var(--gutter) - var(--gutter)));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:13px;letter-spacing:.22em;font-weight:450}.brand img{width:24px;height:24px;filter:invert(1);opacity:.9}.nav-links{display:flex;align-items:center;gap:clamp(18px,2.7vw,36px)}.nav-links a{text-decoration:none;color:var(--muted);font-size:11px;letter-spacing:.11em;text-transform:uppercase}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.menu{display:none;border:0;background:none;color:var(--ink);font:inherit;font-size:11px;letter-spacing:.11em;text-transform:uppercase;padding:12px}.guide-placeholder{padding:clamp(145px,16vw,200px) 0 clamp(110px,14vw,170px)}.guide-back{display:inline-block;color:var(--muted);font:500 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.guide-back:hover{color:var(--ink)}.guide-placeholder-meta{display:flex;justify-content:space-between;gap:24px;margin-top:64px;padding-top:18px;border-top:1px solid var(--line)}.meta,.guide-status{color:var(--faint);font:500 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}.guide-placeholder h1{max-width:820px;margin-top:34px;font-size:clamp(42px,6vw,72px);font-weight:300;line-height:1.05;letter-spacing:-.045em}.guide-summary{max-width:680px;margin-top:26px;color:var(--muted);font-size:17px;line-height:1.65}.guide-empty{max-width:680px;margin-top:76px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-empty h2{font-size:18px;font-weight:450;letter-spacing:-.015em}.guide-empty p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.65}.guide-next{display:grid;grid-template-columns:100px minmax(0,1fr) 18px;gap:22px;align-items:center;max-width:680px;margin-top:36px;text-decoration:none}.guide-next span:first-child{color:var(--faint);font:500 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.guide-next strong{font-size:14px;font-weight:400}.guide-next span:last-child{color:var(--muted);transition:translate .24s var(--ease)}.guide-next:hover span:last-child{translate:4px 0}.site-footer{padding:44px 0;border-top:1px solid var(--line)}.footer-row{display:flex;justify-content:space-between;gap:24px;color:var(--faint);font:500 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}.footer-row a{text-decoration:none}.footer-row a:hover{color:var(--ink)}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(max-width:700px){.nav{height:66px}.menu{display:block}.nav-links{position:absolute;left:0;right:0;top:66px;padding:24px;display:none;flex-direction:column;align-items:flex-start;background:rgba(3,3,5,.97)}.nav-links.open{display:flex}.nav-links a{font-size:13px;padding:7px 0}.guide-placeholder{padding:120px 0 100px}.guide-placeholder-meta{margin-top:48px}.guide-placeholder h1{font-size:clamp(39px,12vw,54px)}.guide-summary{font-size:15px}.guide-empty{margin-top:58px}.guide-next{grid-template-columns:1fr 18px}.guide-next span:first-child{grid-column:1/-1}.guide-next strong{grid-column:1}.guide-next span:last-child{grid-column:2}.footer-row{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
