:root{--accent-r: 192;--accent-g: 58;--accent-b: 32;--accent: rgb(var(--accent-r), var(--accent-g), var(--accent-b));--accent-dim: rgba(var(--accent-r), var(--accent-g), var(--accent-b), .08);--accent-mid: rgba(var(--accent-r), var(--accent-g), var(--accent-b), .25);--ink: #1a1410;--ink-light: #302820;--smudge: #6b5e52;--faded: #9a8e82;--rule: #c8bfb4;--paper: #f0ebe2;--paper-dark: #e6dfd4;--heading: "Familjen Grotesk", sans-serif;--body: "Familjen Grotesk", sans-serif;--reading: "Newsreader", Georgia, serif;--ui: "Familjen Grotesk", sans-serif;--mono: "Space Mono", "Courier New", monospace;--heading-weight: 700;--heading-spacing: -.03em;--body-size: 15px;--title-size: 18px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:var(--body-size);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--paper)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}.color-bar{position:fixed;top:0;left:0;width:4px;height:100%;z-index:1000;background:linear-gradient(180deg,#c03a20,#8b3a2a,#2e4464);opacity:.6}.color-bar-pip{position:fixed;top:0;left:0;width:4px;height:12px;z-index:1001;background:var(--paper);border-right:1px solid var(--rule);box-shadow:0 0 8px #00000026}.page{max-width:820px;margin:0 auto;padding:0 32px}header{padding:28px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink)}.site-id{font-family:var(--ui);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}.dot{width:8px;height:8px;background:var(--accent);transition:background .3s}nav{display:flex;gap:6px}nav a{font-family:var(--ui);color:var(--ink);text-decoration:none;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border:1px solid transparent;transition:all .15s}nav a:hover{border-color:var(--ink)}nav a.active{background:var(--ink);color:var(--paper)}footer{padding:24px 0 48px;display:flex;justify-content:space-between;align-items:center;font-family:var(--ui);font-size:10px;color:var(--faded);letter-spacing:.04em}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--smudge);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:color .15s}.footer-links a:hover{color:var(--accent)}.prose{max-width:680px}.prose h1,.prose h2,.prose h3{font-family:var(--heading);font-weight:var(--heading-weight);letter-spacing:var(--heading-spacing);color:var(--ink);margin-top:2em;margin-bottom:.5em;line-height:1.2}.prose h1{font-size:36px}.prose h2{font-size:26px}.prose h3{font-size:20px}.prose p{font-family:var(--reading);font-size:17px;line-height:1.75;color:var(--ink-light);margin-bottom:1.25em}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color .15s}.prose a:hover{color:var(--ink)}.prose img{width:100%;border:2px solid var(--ink);margin:2em 0}.prose blockquote{border-left:3px solid var(--accent);padding-left:20px;margin:1.5em 0;font-style:italic;color:var(--smudge)}.prose ul,.prose ol{font-family:var(--reading);font-size:17px;line-height:1.75;color:var(--ink-light);margin-bottom:1.25em;padding-left:1.5em}.prose li{margin-bottom:.4em}.prose code{font-family:var(--mono);font-size:.85em;background:var(--paper-dark);padding:2px 6px;border-radius:2px}.prose pre{background:var(--ink)!important;border:none;padding:24px;margin:1.5em 0;overflow-x:auto;font-size:13px;line-height:1.7}.prose pre code{background:none;padding:0;font-size:inherit}.prose hr{border:none;height:1px;background:var(--rule);margin:2.5em 0}@media(max-width:640px){.page{padding:0 20px}nav{gap:4px}nav a{font-size:10px;padding:3px 7px}.color-bar{display:none}}