#guide>.head{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:24px}#guide>.head>p:first-child{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:16px}#guide>.head>p:first-child>small{color:var(--color-text-muted);font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}#guide>.head>h1{font-size:56px;line-height:1;letter-spacing:-2px}#guide>.head>p:last-child{max-width:768px;font-size:20px;line-height:1.75}#guide>.layout{display:grid;grid-template-columns:272px minmax(0,1fr);align-items:start;gap:64px}#guide>.layout>aside{position:sticky;top:96px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:20px;padding:32px;background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:var(--shadow-hard)}#guide>.layout>aside>strong{color:var(--color-ink);font-family:var(--font-mono);font-size:14px;letter-spacing:1px;text-transform:uppercase}#guide>.layout>aside>ol{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:12px;counter-reset:toc}#guide>.layout>aside>ol>li{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;gap:8px;counter-increment:toc}#guide>.layout>aside>ol>li:before{content:counter(toc,decimal-leading-zero);color:var(--color-accent);font-family:var(--font-mono);font-size:13px;font-weight:700}#guide>.layout>aside>ol>li>a{color:var(--color-ink);font-size:15px;font-weight:600;line-height:1.4;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color var(--ease),color var(--ease)}#guide>.layout>aside>ol>li>a:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}#guide>.layout>aside>.btn{padding:12px 16px;font-size:14px}#guide>.layout>article{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:64px;counter-reset:chapter}#guide>.layout>article>section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:16px;counter-increment:chapter;scroll-margin-top:96px}#guide>.layout>article>section>h2{font-size:32px;line-height:1.15;letter-spacing:-1px}#guide>.layout>article>section>h2:before{content:counter(chapter,decimal-leading-zero);display:block;color:transparent;font-size:72px;line-height:1;letter-spacing:-2px;margin-bottom:12px;-webkit-text-stroke:2px var(--color-ink)}#guide>.layout>article>section>p{color:var(--color-text);font-size:18px;line-height:1.8}#guide>.layout>article>section>ul{gap:16px;margin-top:4px}#guide>.layout>article>section>ul>li{color:var(--color-text);font-size:18px;line-height:1.6;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:16px}#guide>.layout>article>section>ul>li:before{content:"";width:12px;height:12px;flex-shrink:0;margin-top:8px;background:var(--color-accent);border:2px solid var(--color-ink);rotate:45deg}#guide>.layout>article>blockquote{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:32px;padding:32px;background:var(--color-accent);border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:var(--shadow-hard);rotate:-1deg}#guide>.layout>article>blockquote>svg{width:96px;height:auto;flex-shrink:0}#guide>.layout>article>blockquote>p{color:var(--color-on-accent);font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.25;flex:1}#guide>.layout>article>.takeaways{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:20px;padding:32px;background:var(--color-paper);border:2px dashed var(--color-ink);border-radius:var(--radius);rotate:.5deg}#guide>.layout>article>.takeaways>h2{font-size:24px}#guide>.layout>article>.takeaways>ul{gap:16px}#guide>.layout>article>.takeaways>ul>li{color:var(--color-ink);font-weight:600;line-height:1.6;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:12px}#guide>.layout>article>.takeaways>ul>li>svg{flex-shrink:0;margin-top:4px;color:var(--color-cash);stroke-width:3}@keyframes progress{to{scale:1 1}}@media(prefers-reduced-motion:no-preference){#guide>.head{animation:lift .5s ease backwards}#guide>.layout>aside{animation:lift .5s .12s ease backwards}#guide>.layout>article>blockquote>svg{animation:bob 4s ease-in-out infinite}}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){#guide:before{content:"";position:fixed;top:64px;right:0;left:0;z-index:19;height:4px;background:var(--color-accent);scale:0 1;transform-origin:0 50%;animation:progress linear both;animation-timeline:scroll(root)}}}@media(max-width:1023px){#guide>.head>h1{font-size:44px}#guide>.layout{grid-template-columns:1fr;gap:48px}#guide>.layout>aside{position:static}}@media(max-width:767px){#guide>.head>h1{font-size:36px;letter-spacing:-1px}#guide>.head>p:last-child{font-size:18px}#guide>.layout>article>blockquote{flex-direction:column;align-items:flex-start}#guide>.layout>article>section>h2:before{font-size:56px}}