@layer theme{:root{--bg:#faf9f5;--fg:#111113;--border:#dedcd5;--accent:#7d4a03;--accent-hover:#5f3802;--accent-glow:#7a36041f;--muted:#383842;--muted-bg:#f0eee8;--color-bg:var(--bg);--color-fg:var(--fg);--color-border:var(--border);--color-accent:var(--accent);--color-accent-hover:var(--accent-hover);--color-accent-glow:var(--accent-glow);--color-muted:var(--muted);--color-muted-bg:var(--muted-bg);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-body:var(--font-sans);--font-ui:var(--font-mono);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--text-sm:clamp(.8125rem, .78rem + .2vw, .875rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-xl:clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-2xl:clamp(1.875rem, 1.65rem + 1.125vw, 2.441rem);--text-3xl:clamp(2.344rem, 2rem + 1.72vw, 3.203rem);--line-height-body:1.65;--line-height-heading:1.2;--radius:4px;--border-width:1px}:root[data-theme=dark]{--bg:#09090b;--fg:#f4f4f7;--border:#23232a;--accent:#faa614;--accent-hover:#ffc642;--accent-glow:#f59e0b2e;--muted:#a6a6b8;--muted-bg:#141419}@media (prefers-color-scheme:dark){:root{--bg:#09090b;--fg:#f4f4f7;--border:#23232a;--accent:#faa614;--accent-hover:#ffc642;--accent-glow:#f59e0b2e;--muted:#a6a6b8;--muted-bg:#141419}}}@layer base{html,body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-height-body);box-sizing:border-box;scroll-behavior:smooth;min-height:100vh;margin:0;padding:0}*,:before,:after{box-sizing:inherit}:focus-visible{outline:2.5px solid var(--accent)!important;outline-offset:3px!important;box-shadow:0 0 0 1px var(--bg)!important}h1,h2,h3,h4{font-family:var(--font-body);line-height:var(--line-height-heading);color:var(--fg);margin-block-start:var(--space-8);margin-block-end:var(--space-4);font-weight:700}h1{font-size:var(--text-3xl);letter-spacing:-.04em}h2{font-size:var(--text-2xl);letter-spacing:-.03em}h3{font-size:var(--text-xl);letter-spacing:-.025em}h4{font-size:var(--text-lg);letter-spacing:-.02em}p,ul,ol,blockquote,pre,table{max-width:65ch;margin-block-start:0;margin-block-end:var(--space-4)}a{color:var(--accent);text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}a:hover{color:var(--accent-hover);text-decoration-thickness:2px}nav,button,input,th,code,pre,kbd{font-family:var(--font-mono);font-size:var(--text-sm)}code{background-color:var(--muted-bg);border:var(--border-width) solid var(--border);padding:.125em .35em;font-size:.9em}pre{background-color:var(--muted-bg);padding:var(--space-4);border:var(--border-width) solid var(--border);max-width:100%;margin-block:var(--space-4);position:relative;overflow-x:auto}pre code{font-size:var(--text-sm);background:0 0;border:none;padding:0;line-height:1.5;display:block}blockquote{border-inline-start:3px solid var(--fg);color:var(--muted);margin-inline-start:0;padding-inline-start:var(--space-4);font-style:italic}hr{border:none;border-block-start:var(--border-width) solid var(--border);margin-block:var(--space-8);max-width:100%}table{border-collapse:collapse;width:100%;max-width:100%;font-size:var(--text-sm);margin-block-end:var(--space-4)}th,td{border:var(--border-width) solid var(--border);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}th{background-color:var(--muted-bg);font-weight:600}ul,ol{padding-inline-start:var(--space-6)}li{margin-block-end:var(--space-2)}kbd{font-size:.75rem;font-family:var(--font-mono);background-color:var(--muted-bg);border:var(--border-width) solid var(--border);padding:.1em .4em;line-height:1;display:inline-block}}@layer components{.layout-container{max-width:86ch;padding-inline:var(--space-4);padding-block:var(--space-6);margin-inline:auto}.stack{gap:var(--space-4);flex-direction:column;display:flex}.cluster{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.row-between{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.section{margin-bottom:var(--space-8)}.hero-title{margin:0;font-size:clamp(2rem,1.8rem + 1.5vw,3rem);line-height:1.15}.hero-subtitle{font-family:var(--font-mono);font-size:var(--text-base);color:var(--accent);margin-block:var(--space-1) var(--space-2);font-weight:600}.mono-muted{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted)}.nav-primary{justify-content:space-between;gap:var(--space-4);border-block-end:var(--border-width) solid var(--border);padding-block:var(--space-4);flex-wrap:wrap;align-items:center;margin-block-end:var(--space-8);display:flex}.nav-brand{font-family:var(--font-mono);font-weight:700;font-size:var(--text-base);color:var(--fg);letter-spacing:-.02em;align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.nav-links{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.nav-primary a{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none}.nav-primary a:hover,.nav-primary a[aria-current=page]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px}.breadcrumbs{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";margin-right:var(--space-2);color:var(--muted)}.skip-link{width:1px;height:1px;position:absolute;top:-1000px;left:-1000px;overflow:hidden}.skip-link:focus{top:var(--space-2);left:var(--space-2);background:var(--bg);width:auto;height:auto;color:var(--fg);border:var(--border-width) solid var(--fg);padding:var(--space-2) var(--space-4);z-index:9999;font-family:var(--font-mono);text-decoration:none;position:fixed}.card{border:var(--border-width) solid var(--border);padding:var(--space-6);background-color:var(--bg);border-radius:var(--radius);transition:border-color .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.card-hover:hover{border-color:var(--accent);box-shadow:0 8px 30px -8px var(--accent-glow);transform:translateY(-2px)}.badge{border:var(--border-width) solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);background-color:var(--muted-bg);color:var(--fg);white-space:nowrap;align-items:center;padding:.15rem .55rem;font-size:.75rem;text-decoration:none;display:inline-flex}.badge-accent{border-color:var(--accent);color:var(--accent);font-weight:600}.btn{appearance:none;border:var(--border-width) solid var(--border);color:var(--fg);padding:var(--space-2) var(--space-4);cursor:pointer;border-radius:var(--radius);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);font-weight:500;font-family:var(--font-mono);font-size:var(--text-sm);background-color:#0000;min-height:38px;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--fg);background-color:var(--muted-bg)}.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:600}.btn-primary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.post-item{padding-block:var(--space-4);border-block-end:var(--border-width) solid var(--border)}.post-item:first-of-type{padding-block-start:0}.post-item:last-of-type{border-block-end:none;padding-block-end:0}.post-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.post-title{font-size:var(--text-lg);color:var(--fg);font-weight:600;text-decoration:none}.post-title:hover{color:var(--accent);text-decoration:underline}.post-date{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);white-space:nowrap}.footer-site{border-block-start:var(--border-width) solid var(--border);padding-block:var(--space-8);margin-block-start:var(--space-12)}.footer-top{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toc-container{background:var(--muted-bg);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-block:var(--space-6)}.toc-title{font-family:var(--font-mono);font-size:var(--text-sm);margin-top:0;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.toc-list{font-family:var(--font-mono);font-size:var(--text-sm);margin:0;padding-left:0;list-style:none}.toc-list li{margin-bottom:var(--space-2)}.toc-list li.toc-depth-3{padding-left:var(--space-4)}.toc-link{color:var(--fg);border-radius:2px;padding:.15rem .35rem;text-decoration:none;transition:color .15s,background-color .15s;display:inline-block}.toc-link:hover,.toc-link:focus-visible{color:var(--accent);background-color:var(--bg);text-decoration:underline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.card-hover:hover{transform:none!important}}@media (forced-colors:active){:focus-visible{outline-offset:3px!important;outline:3px solid highlight!important}.badge,.btn,button{border:1px solid buttontext!important}}@media print{body{color:#000!important;background:#fff!important;font-size:11pt!important;line-height:1.5!important}header,footer,.skip-link{display:none!important}.layout-container{max-width:100%!important;margin:0!important;padding:0!important}a{color:#000!important;text-decoration:underline!important}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}pre,blockquote,table{break-inside:avoid;page-break-inside:avoid}h1,h2,h3{break-after:avoid;page-break-after:avoid}}