:root{--color-bg: #11110f;--color-bg-raised: #191916;--color-bg-surface: rgba(242, 238, 228, .06);--color-bg-surface-hover: rgba(242, 238, 228, .1);--color-bg-glass: rgba(242, 238, 228, .05);--color-bg-glass-strong: rgba(242, 238, 228, .1);--color-paper: #191916;--color-paper-soft: #20201c;--color-text: #f2eee4;--color-text-soft: rgba(242, 238, 228, .72);--color-text-muted: rgba(242, 238, 228, .44);--color-accent: #c9b98f;--color-accent-hover: #ddd0ab;--color-accent-soft: rgba(201, 185, 143, .16);--color-accent-glow: rgba(201, 185, 143, .24);--color-blue: #4e6f9e;--color-clay: #b87543;--color-olive: #9a9b62;--color-tape: #c9b98f;--color-note: #e2d0a2;--color-grid-line: rgba(242, 238, 228, .055);--color-grid-line-strong: rgba(242, 238, 228, .08);--grid-size: 28px;--color-border: rgba(242, 238, 228, .1);--color-border-strong: rgba(242, 238, 228, .18);--color-media-border: rgba(201, 185, 143, .24);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 32px rgba(0, 0, 0, .24);--shadow-lg: 0 16px 50px rgba(0, 0, 0, .35);--shadow-media: 0 16px 48px rgba(0, 0, 0, .44);--shadow-drop: 0 18px 50px rgba(0, 0, 0, .45);--shadow-screenshot: var(--shadow-drop), inset 0 1px 0 rgba(255, 255, 255, .08);--filter-drop-shadow: drop-shadow(0 18px 50px rgba(0, 0, 0, .45));--color-media-bg: rgba(8, 8, 7, .82);--color-media-caption: rgba(242, 238, 228, .74);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-display: "Unbounded", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-hand: "Kalam", "Comic Sans MS", cursive;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 1.75rem;--content-max: 72rem;--article-max: 42rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100svh;background-color:var(--color-bg);background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-attachment:fixed;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}img{display:block;max-width:100%;height:auto}.grid-paper-subtle{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px}.grid-paper-medium{background-image:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px);background-size:24px 24px}.grid-paper-dense{background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:16px 16px}.grid-panel{background-color:var(--color-paper);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.manual-media{margin:0;border:1px solid var(--color-media-border);border-radius:var(--radius-lg);background:var(--color-media-bg);box-shadow:var(--shadow-drop);overflow:hidden}.manual-media img{width:100%;height:auto}.manual-media figcaption{padding:var(--space-sm) var(--space-md) var(--space-md);font-size:var(--text-sm);line-height:1.5;color:var(--color-media-caption);text-wrap:pretty;overflow-wrap:anywhere}.manual-media[data-wrap=right]{float:right;width:min(22rem,48%);margin:0 0 var(--space-lg) var(--space-lg)}.manual-media[data-wrap=left]{float:left;width:min(22rem,48%);margin:0 var(--space-lg) var(--space-lg) 0}@media(max-width:52rem){.manual-media[data-wrap]{float:none;width:100%;margin:0 0 var(--space-md)}}.article-content :is(h2,h3){clear:both}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl))}h2{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl))}h3{font-size:clamp(var(--text-xl),3vw,var(--text-2xl))}h4{font-size:var(--text-lg)}p+p{margin-top:var(--space-md)}code{font-size:.9em;padding:.15em .4em;border-radius:var(--radius-sm);background:var(--color-bg-surface)}pre{overflow-x:auto;padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-bg-raised);border:1px solid var(--color-border)}pre code{padding:0;background:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}::selection{background:var(--color-accent-soft);color:var(--color-text)}:target{scroll-margin-top:5rem}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover,*:active{scrollbar-color:var(--color-text-muted) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .3s}*:hover::-webkit-scrollbar-thumb,*:active::-webkit-scrollbar-thumb{background:var(--color-text-muted)}*:hover::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}