:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Work Sans", system-ui, sans-serif;--font-sans: "Work Sans", system-ui, sans-serif;--font-mono: "Work Sans", system-ui, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.875rem, .8rem + .375vw, .9375rem);--text-base: clamp(1rem, .925rem + .375vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .5vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.25rem);--text-5xl: clamp(2.75rem, 2rem + 3.75vw, 4.5rem);--text-6xl: clamp(3.5rem, 2.5rem + 5vw, 6rem);--color-paper: #FFFCF9;--color-paper-warm: #FBF8F4;--color-paper-cream: #F7F3ED;--color-paper-dark: #1C1917;--color-ink: #1C1917;--color-ink-secondary: #44403C;--color-ink-tertiary: #78716C;--color-ink-faded: #A8A29E;--color-ink-ghost: #D6D3D1;--color-accent: #FF6243;--color-accent-hover: #FF2E05;--color-accent-soft: #FED7AA;--color-accent-bg: #FFF7ED;--color-highlight-teal: var(--color-accent);--color-highlight-teal-soft: var(--color-accent-soft);--color-highlight-terracotta: #C2410C;--color-highlight-terracotta-soft: #FFEDD5;--color-danger: #DC2626;--color-danger-soft: #FEE2E2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--section-gap: clamp(4rem, 8vw, 7rem);--content-width: 65ch;--content-width-wide: 85ch;--content-width-max: 1200px;--sidebar-width: 220px;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .05);--shadow-md: 0 4px 12px rgba(28, 25, 23, .08);--shadow-lg: 0 12px 40px rgba(28, 25, 23, .12);--shadow-xl: 0 24px 60px rgba(28, 25, 23, .16);--grain-opacity: 0;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s}.guide-page{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;letter-spacing:-.01em}.guide-display{font-family:var(--font-display);font-weight:400;font-optical-sizing:auto;font-variation-settings:"SOFT" 50,"WONK" 1;letter-spacing:-.03em;line-height:1.1;color:var(--color-ink)}.guide-display-xl{font-size:var(--text-6xl)}.guide-display-lg{font-size:var(--text-5xl)}.guide-display-md{font-size:var(--text-4xl)}.guide-heading{font-family:var(--font-display);font-weight:500;font-variation-settings:"SOFT" 30,"WONK" 0;letter-spacing:-.02em;line-height:1.2;color:var(--color-ink)}.guide-heading-lg{font-size:var(--text-3xl)}.guide-heading-md{font-size:var(--text-2xl)}.guide-heading-sm{font-size:var(--text-xl)}.guide-body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.75;color:var(--color-ink-secondary)}.guide-body-lg{font-size:var(--text-lg);line-height:1.8}.guide-lead{font-family:var(--font-body);font-size:var(--text-xl);line-height:1.65;color:var(--color-ink-secondary);font-weight:400}.guide-meta{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-tertiary)}.guide-mono{font-family:var(--font-mono);font-size:.9em;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.guide-prose{max-width:var(--content-width);margin-inline:auto}.guide-prose>*+*{margin-top:1.5em}.guide-prose h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;font-variation-settings:"SOFT" 30,"WONK" 0;letter-spacing:-.02em;line-height:1.25;color:var(--color-ink);margin-top:2.5em;margin-bottom:.75em}.guide-prose h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:-.01em;line-height:1.3;color:var(--color-ink);margin-top:2em;margin-bottom:.5em}.guide-prose p{font-family:var(--font-body);color:var(--color-ink-secondary);line-height:1.7}.guide-prose strong{font-weight:600;color:var(--color-ink)}.guide-prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:var(--color-accent-soft);text-underline-offset:3px;text-decoration-thickness:2px;transition:text-decoration-color var(--duration-fast) ease}.guide-prose a:hover{text-decoration-color:var(--color-accent)}.guide-prose ul{list-style:none;padding-left:0}.guide-prose ul li{position:relative;padding-left:1.75em;margin-bottom:.75em}.guide-prose ul li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover))}.guide-prose ol{list-style:none;padding-left:0;counter-reset:guide-counter}.guide-prose ol li{position:relative;padding-left:2.5em;margin-bottom:1em;counter-increment:guide-counter}.guide-prose ol li:before{content:counter(guide-counter);position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-accent);background:var(--color-accent-bg);width:1.75em;height:1.75em;border-radius:50%;display:flex;align-items:center;justify-content:center}.guide-prose blockquote{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1;color:var(--color-ink);border-left:3px solid var(--color-accent);padding-left:1.5em;margin:2em 0}.guide-pull-quote{position:relative;max-width:var(--content-width-wide);margin:var(--space-16) auto;padding:var(--space-12) var(--space-8);text-align:center}.guide-pull-quote:before{content:'"';position:absolute;top:0;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:8rem;font-weight:300;line-height:1;color:var(--color-accent-soft);opacity:.5;pointer-events:none}.guide-pull-quote__text{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1;line-height:1.4;color:var(--color-ink);position:relative;z-index:1}.guide-pull-quote__attribution{margin-top:var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-ink-tertiary);text-transform:uppercase;letter-spacing:.1em}.guide-callout{position:relative;padding:var(--space-6) var(--space-8);border-radius:12px;margin:var(--space-8) 0}.guide-callout__title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.guide-callout--tip .guide-callout__title{color:var(--color-accent)}.guide-callout--warning .guide-callout__title{color:var(--color-highlight-terracotta)}.guide-callout--danger .guide-callout__title{color:var(--color-danger)}.guide-callout__content{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-secondary);line-height:1.6}.guide-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:9999}.guide-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));transition:width 50ms linear}.guide-animate-in{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.guide-animate-in.is-visible{opacity:1;transform:translateY(0)}.guide-stagger>*{opacity:0;transform:translateY(20px)}.guide-stagger.is-visible>*:nth-child(1){animation:guideStaggerIn .6s var(--ease-out-expo) 0ms forwards}.guide-stagger.is-visible>*:nth-child(2){animation:guideStaggerIn .6s var(--ease-out-expo) 80ms forwards}.guide-stagger.is-visible>*:nth-child(3){animation:guideStaggerIn .6s var(--ease-out-expo) .16s forwards}.guide-stagger.is-visible>*:nth-child(4){animation:guideStaggerIn .6s var(--ease-out-expo) .24s forwards}.guide-stagger.is-visible>*:nth-child(5){animation:guideStaggerIn .6s var(--ease-out-expo) .32s forwards}.guide-stagger.is-visible>*:nth-child(6){animation:guideStaggerIn .6s var(--ease-out-expo) .4s forwards}.guide-stagger.is-visible>*:nth-child(n+7){animation:guideStaggerIn .6s var(--ease-out-expo) .48s forwards}@keyframes guideStaggerIn{to{opacity:1;transform:translateY(0)}}.guide-hover-lift{transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.guide-hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes guideAccordionOpen{0%{opacity:0;transform:translateY(-10px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.guide-accordion-content{animation:guideAccordionOpen .4s var(--ease-spring) forwards;transform-origin:top}@media (max-width: 768px){:root{--section-gap: clamp(3rem, 6vw, 5rem)}.guide-pull-quote{padding:var(--space-8) var(--space-4)}.guide-pull-quote:before{font-size:5rem}}.guide-section--dark{background-color:var(--color-paper-dark);color:var(--color-paper)}.guide-section--dark .guide-heading,.guide-section--dark .guide-display{color:var(--color-paper)}.guide-section--dark .guide-body,.guide-section--dark .guide-prose p{color:var(--color-ink-ghost)}.guide-section--dark:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--color-paper));pointer-events:none}.guide-divider{width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:2px;margin:var(--space-8) 0}.guide-divider--center{margin-inline:auto}.guide-flourish{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-12) 0;color:var(--color-ink-ghost)}.guide-flourish:before,.guide-flourish:after{content:"";flex:1;max-width:100px;height:1px;background:currentColor}.guide-flourish__icon{font-size:1.25rem}html{scroll-behavior:smooth;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body.guide-page{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-moz-selection{background:var(--color-accent-soft);color:var(--color-ink)}::selection{background:var(--color-accent-soft);color:var(--color-ink)}html{scroll-padding-top:80px}