@font-face{font-family:Red Hat Display;src:url(/fonts/RedHatDisplay/RedHatDisplay-Variable.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Red Hat Display;src:url(/fonts/RedHatDisplay/RedHatDisplay-VariableItalic.woff2) format("woff2");font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans/GeneralSans-Variable.woff2) format("woff2");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans/GeneralSans-VariableItalic.woff2) format("woff2");font-weight:200 700;font-style:italic;font-display:swap}:root{--font-heading: "Red Hat Display", sans-serif;--font-body: "General Sans", sans-serif;--color-bg: #0C0C0B;--color-text: #F0EAE0;--color-text-muted: #9E9891;--color-accent: #C8401A;--color-accent-gold: #C9A84C;--color-rule: #262320;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 60% at 50% 40%,#1a1714 0%,var(--color-bg) 100%);background-attachment:fixed;color:var(--color-text);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.logotype{font-family:var(--font-heading);font-weight:900;font-size:clamp(2.25rem,4vw,3.5rem);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);line-height:1;display:block}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-up{animation:slide-up .6s cubic-bezier(.22,1,.36,1) var(--delay, 0ms) both}.animate-fade{animation:fade-in .8s ease-out var(--delay, 0ms) both}.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035}.layout{position:relative;z-index:2;display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--color-rule);padding:2.5rem 1.5rem;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.site-brand{font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);text-decoration:none;display:block;margin-bottom:.35rem}.guide-label{font-family:var(--font-body);font-size:.8rem;font-weight:400;color:var(--color-text-muted);text-decoration:none;display:block;margin-bottom:1.5rem}.sidebar-rule{border:none;border-top:1px solid var(--color-rule);margin-bottom:1.5rem}.nav{display:flex;flex-direction:column;gap:.15rem}.nav-link{font-family:var(--font-body);font-size:.82rem;font-weight:400;color:var(--color-text-muted);text-decoration:none;padding:.45rem .6rem;border-radius:2px;border-left:2px solid transparent;transition:color .15s ease,border-color .15s ease,background .15s ease}.nav-link:hover{color:var(--color-text);background:#c8401a0f}.nav-link--active{color:var(--color-text);border-left-color:var(--color-accent);font-weight:500}.layout .main{padding:3.5rem 3rem 6rem;max-width:760px}.page-header{margin-bottom:2.5rem}.page-title{font-family:var(--font-heading);font-weight:800;font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.75rem}.page-description{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem}.rule{border:none;border-top:1px solid var(--color-rule)}.prose{font-family:var(--font-body);font-size:clamp(.9rem,1.2vw,1rem);line-height:1.85;color:var(--color-text-muted)}.prose h2{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;letter-spacing:-.01em;color:var(--color-text);margin-top:2.5rem;margin-bottom:.75rem}.prose h3{font-family:var(--font-heading);font-weight:600;font-size:.95rem;color:var(--color-text);margin-top:1.75rem;margin-bottom:.5rem}.prose p{margin-bottom:1.25rem}.prose strong{color:var(--color-text);font-weight:600}.prose a{color:var(--color-accent-gold);text-decoration:underline;text-decoration-color:#c9a84c59;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}.prose a:hover{color:#e0be6a;text-decoration-color:#e0be6ab3}.prose ul,.prose ol{padding-left:1.4rem;margin-bottom:1.25rem}.prose li{margin-bottom:.4rem}.prose table{width:100%;border-collapse:collapse;font-size:.88rem;margin-bottom:1.5rem}.prose th{font-family:var(--font-body);font-weight:600;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);text-align:left;padding:.6rem 1rem;border-bottom:1px solid var(--color-rule)}.prose td{padding:.6rem 1rem;border-bottom:1px solid var(--color-rule);color:var(--color-text-muted);vertical-align:top}.prose tr:last-child td{border-bottom:none}.page-nav{display:flex;gap:1rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-rule)}.page-nav-link{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;flex:1}.page-nav-link--next{text-align:right;margin-left:auto}.page-nav-label{font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);opacity:.6}.page-nav-title{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--color-text);transition:color .15s ease}.page-nav-link:hover .page-nav-title{color:var(--color-accent)}.page-footer{margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--color-rule);font-family:var(--font-body);font-size:.82rem;color:var(--color-text-muted);line-height:1.6}.page-footer a{color:var(--color-text-muted);text-decoration:none;border-bottom:1px solid rgba(158,152,145,.3);transition:color .15s ease,border-color .15s ease}.page-footer a:hover{color:var(--color-text);border-bottom-color:#f0eae080}@media(max-width:768px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-rule);padding:1.5rem 1.25rem}.nav{flex-direction:row;flex-wrap:wrap;gap:.25rem}.nav-link{border-left:none;border-bottom:2px solid transparent;padding:.3rem .5rem}.nav-link--active{border-left-color:transparent;border-bottom-color:var(--color-accent)}.layout .main{padding:2rem 1.25rem 4rem}}
