*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#131316;
  --panel:#1a1b20;
  --border:rgba(255,255,255,0.08);
  --border-strong:rgba(255,255,255,0.14);
  --text:#d4d4d4;
  --text-bright:#f0f0f0;
  --text-dim:#8a8a8a;
  --text-faint:#5c5c5c;
  --green:#34d399;
  --blue:#7dd3fc;
  --link:#7dd3fc;
  --tok-keyword:#c4b5fd;
  --tok-function:#7dd3fc;
  --tok-string:#86efac;
  --tok-key:#fcd34d;
  --tok-number:#fdba74;
  --tok-type:#5eead4;
  --tok-punct:#8a8a8a;
  --tok-comment:#7a7a7a;
  --max:46rem;
  --chrome-font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html[data-theme="glass"]{--bg:#101418;--panel:rgba(255,255,255,0.04);--text:#d7dee5}
html[data-theme="phosphor"]{--bg:#030a05;--panel:#04120a;--border:rgba(51,255,153,0.16);--border-strong:rgba(51,255,153,0.3);--text:#b8e6c9;--text-bright:#d8ffe6;--text-dim:#6fae86;--link:#33ff99;--tok-keyword:#eafff2;--tok-function:#33ff99;--tok-string:#7fcf9c;--tok-key:#d8ffe6;--tok-number:#eafff2;--tok-type:#33ff99;--tok-punct:#4f8a66;--tok-comment:#4f8a66}
html[data-theme="ghost"]{--bg:transparent;--panel:transparent;--border:rgba(0,0,0,0.1);--border-strong:rgba(0,0,0,0.24);--text:#2b2b2b;--text-bright:#0f0f0f;--text-dim:#5f5f5f;--text-faint:#767676;--blue:#0b63b6;--link:#0b63b6;--tok-keyword:#6d28d9;--tok-function:#075985;--tok-string:#166534;--tok-key:#92400e;--tok-number:#9a3412;--tok-type:#115e59;--tok-punct:#6b6b6b;--tok-comment:#6b6b6b}
html,body{background:var(--bg)}
body{
  font-family:'Overpass Mono','Menlo','Monaco','Courier New',monospace;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  line-height:1.65;
  min-height:100vh;
}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem 4rem}
.site-header{
  display:flex;align-items:center;gap:1rem;
  padding:1.25rem 0;
  border-bottom:1px solid var(--border);
  margin-bottom:2.5rem;
  font-family:var(--chrome-font);
}
.site-name{font-weight:700;color:var(--text-bright);font-size:1rem}
.site-nav{margin-left:auto;display:flex;gap:1rem;font-size:0.85rem}
.site-nav a{color:var(--text-dim)}
.site-nav a[aria-current="page"]{color:var(--text-bright)}
.site-nav a:hover{color:var(--text-bright)}
.theme-dots{display:flex;align-items:center;gap:6px}
.theme-dot{width:11px;height:11px;border-radius:50%;border:1px solid var(--border-strong);padding:0;cursor:pointer}
.theme-dot[data-theme-set="midnight"]{background:#23242c}
.theme-dot[data-theme-set="glass"]{background:linear-gradient(135deg,#3b82a0,#1e3a4c)}
.theme-dot[data-theme-set="phosphor"]{background:#052e16}
.theme-dot[data-theme-set="ghost"]{background:transparent}
.theme-dot[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--blue)}
.blog-title{font-size:2rem;color:var(--text-bright);letter-spacing:-0.01em;line-height:1.2}
.blog-tag{color:var(--text-dim);font-size:0.85rem;margin:0.5rem 0 2.5rem}
.year{font-family:var(--chrome-font);font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-dim);margin:2rem 0 0.25rem}
.post-row{
  display:grid;grid-template-columns:4.5rem 5.5rem 1fr;gap:0.75rem;align-items:baseline;
  padding:0.8rem 0.5rem;border-bottom:1px solid var(--border);border-radius:6px;
}
a.post-row:hover{background:var(--panel);text-decoration:none}
.post-date{color:var(--text-dim);font-size:0.75rem;white-space:nowrap}
.post-minutes{color:var(--text-faint);font-size:0.75rem;white-space:nowrap}
.post-name{color:var(--text-bright);font-size:0.9rem}
.post-excerpt{grid-column:3;color:var(--text-dim);font-size:0.78rem;margin-top:0.15rem}
.post-meta{color:var(--text-dim);font-size:0.8rem;margin:0.5rem 0 2rem}
.post-hero{display:block;width:100%;height:auto;margin:0 0 2rem;border:1px solid var(--border);border-radius:8px;background:#fefeff}
.post-body{font-size:0.9rem}
.post-body p{margin:0 0 1.25rem}
.post-body h2{font-size:1.05rem;color:var(--text-bright);margin:2.25rem 0 0.75rem}
.post-body h3{font-size:0.92rem;color:var(--text-bright);margin:1.75rem 0 0.6rem}
.post-body code{font-size:0.82em;background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:0.1em 0.35em}
.post-body pre{position:relative;background:var(--panel);border:1px solid var(--border);border-left:2px solid var(--border-strong);border-radius:6px;padding:0.9rem 1rem;margin:0 0 1.25rem;overflow-x:auto;font-size:0.78rem;line-height:1.55;color:var(--text)}
.post-body pre[data-lang]::before{content:attr(data-lang);position:absolute;top:0.35rem;right:0.6rem;font-family:var(--chrome-font);font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-faint)}
.post-body pre[data-lang="json"]{border-left-color:var(--tok-key)}
.post-body pre[data-lang="sql"]{border-left-color:var(--tok-function)}
.post-body pre[data-lang="dbt"]{border-left-color:var(--tok-keyword)}
.post-body pre[data-lang="shell"],.post-body pre[data-lang="table"]{border-left-color:var(--tok-type)}
.post-body pre code{font-size:1em;background:none;border:0;padding:0}
.tok-keyword{color:var(--tok-keyword)}
.tok-function{color:var(--tok-function)}
.tok-string{color:var(--tok-string)}
.tok-key{color:var(--tok-key)}
.tok-number{color:var(--tok-number)}
.tok-type{color:var(--tok-type)}
.tok-punct{color:var(--tok-punct)}
.tok-comment{color:var(--tok-comment)}
.back-link{display:inline-block;font-size:0.8rem;margin-bottom:1.5rem;color:var(--text-dim)}
.back-link:hover{color:var(--text-bright)}
.empty{color:var(--text-dim);font-size:0.85rem;padding:2rem 0}
.site-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--text-faint);font-size:0.75rem;display:flex;gap:1rem}
.site-footer a{color:var(--text-dim)}
@media(max-width:560px){
  .post-row{grid-template-columns:1fr;gap:0.1rem}
  .post-excerpt{grid-column:1}
}