:root{--accent: #e8b923;--accent-dark: #8a6a00;--accent-soft: #fbf1d3;--ink: #17181a;--muted: #62615c;--bg: #ffffff;--surface: #f7f6f3;--border: #e7e4dc;--dark: #111113;--dark-soft: #1c1d20;--on-dark: #f3f1ea;--on-dark-muted: #a8a59b;--shadow: 0 1px 2px rgba(17, 17, 19, .06), 0 10px 26px rgba(17, 17, 19, .08);--radius: 12px;--circuit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M0 24 H16 M16 24 V8 H32 M32 8 H48 M16 24 V40 H32 M32 40 H48' stroke='%23e8b923' stroke-opacity='0.16' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='24' r='2.2' fill='%23e8b923' fill-opacity='0.2'/%3E%3Ccircle cx='32' cy='8' r='2.2' fill='%23e8b923' fill-opacity='0.2'/%3E%3Ccircle cx='32' cy='40' r='2.2' fill='%23e8b923' fill-opacity='0.2'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand-name{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.01em}header{position:sticky;top:0;z-index:10;background-color:var(--dark);background-image:var(--circuit);background-size:48px 48px;border-top:3px solid var(--accent);border-bottom:1px solid rgba(232,185,35,.25);padding:.9rem 1.5rem}.header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--on-dark)}.brand img{height:42px;width:auto;box-shadow:none;border-radius:0}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-size:1.25rem;font-weight:700;color:var(--on-dark)}.tagline{color:var(--on-dark-muted);font-size:.8rem;margin:0}nav{display:flex;gap:1.5rem}nav a{position:relative;text-decoration:none;color:var(--on-dark);font-weight:600;font-size:.92rem;padding-bottom:3px}nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .2s ease}nav a:hover:after{transform:scaleX(1);transform-origin:left}nav a:hover{color:var(--accent)}main{max-width:800px;margin:0 auto;padding:3rem 1.5rem 4rem}h1{font-size:2.1rem;margin-bottom:.3rem}h2{font-size:1.35rem;margin-top:2.5rem;padding-left:.75rem;border-left:3px solid var(--accent)}.lede{color:var(--muted);font-size:1.05rem;margin-top:0}a{color:var(--accent-dark)}a:hover{color:var(--accent)}img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 1px 3px #00000014}ul:not(.post-list):not(.card-grid){padding-left:1.1rem}ul:not(.post-list):not(.card-grid) li::marker{color:var(--accent-dark)}.post-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.post-list li{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:1rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.post-list li:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.post-list a{font-weight:600;text-decoration:none;color:var(--ink)}.post-list a:hover{color:var(--accent-dark)}.post-date{color:var(--muted);font-size:.78rem;display:block;margin-bottom:.3rem;letter-spacing:.03em;text-transform:uppercase}.card-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem}.card-grid li{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card-grid li:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.card-grid a{display:block;padding:1rem 1.1rem;font-weight:600;text-decoration:none;color:var(--ink)}.card-grid a:hover{color:var(--accent-dark)}pre{border-radius:var(--radius);border:1px solid rgba(232,185,35,.15)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}footer{text-align:center;color:var(--on-dark-muted);font-size:.85rem;padding:2.5rem 1.5rem;border-top:3px solid var(--accent);background-color:var(--dark);background-image:var(--circuit);background-size:48px 48px}footer a{color:var(--on-dark-muted);text-decoration:underline;text-underline-offset:2px}footer a:hover{color:var(--accent)}
