/* Blog — Geist minimal (Space Grotesk + Inter) — promoted to main theme */
*{margin:0;padding:0;box-sizing:border-box}
html{background:#fcfcfc}
body{background:#fcfcfc; color:#111; font-family:"Inter", system-ui, sans-serif; min-height:100vh}
.m-head{max-width:36rem; margin:0 auto; padding:3.5rem 1.5rem 0}
.m-nav{font-size:.78rem; color:#888; letter-spacing:.02em}
.m-nav a{color:#888; text-decoration:none; border-bottom:none}
.m-nav .muted{color:#aaa}
.m-head h1{font-family:"Space Grotesk", system-ui, sans-serif; font-weight:600; font-size:clamp(2.8rem,7vw,4rem); letter-spacing:-.05em; line-height:1; margin:1.2rem 0 .4rem}
.m-head h1.secret{font-size:clamp(1.4rem,3.5vw,2rem); letter-spacing:-.08em; line-height:.9; margin:1.2rem 0 0; transform:scaleX(0.88); transform-origin:left; font-stretch:condensed}
.m-head h1.secret + h1{margin-top:.05rem}
.m-head h1 .dot{color:#2f5bd8}
.m-head .m-subtle{font-size:.72rem; letter-spacing:.06em; color:#aaa; margin:1rem 0 0; font-style:italic}
.m-head p{color:#666; font-size:.95rem; line-height:1.6; max-width:28rem}
.m-foot{max-width:36rem; margin:0 auto; padding:2rem 1.5rem 3rem; font-size:.78rem; color:#999; border-top:1px solid #eee; margin-top:2rem}
.m-foot a{color:#111}
.blog{--ink:#0a0a0a; --ink-soft:#8a8a8e; --paper:#fcfcfc; --line:#eeeeee; --accent:#111; --code-bg:#f2f2f2; color:var(--ink); max-width:36rem; margin:0 auto; padding:2.5rem 1.5rem 2rem; font-family:"Inter", system-ui, sans-serif; font-size:.98rem; line-height:1.75}
.blog .post-list{list-style:none; margin:0; padding:0; border-top:1px solid #111}
.blog .post-card{padding:2rem 0; border-bottom:1px solid #eee}
.blog .post-card + .post-card{border-top:none}
.blog .post-card-link{display:block; color:inherit; text-decoration:none}
.blog .post-card-link:visited{color:inherit}
.blog .post-card-title{font-family:"Space Grotesk", system-ui, sans-serif; font-weight:500; font-size:1.45rem; line-height:1.25; letter-spacing:-.03em; color:var(--ink); margin:0 0 0.45rem}
.blog .post-card-link:hover .post-card-title{color:#2f5bd8}
.blog .post-card:hover .post-card-title{color:#2f5bd8}
.blog .post-card-summary{color:#666; font-size:.92rem; line-height:1.65; margin-top:.6rem; text-decoration:none}
.blog .post-meta{display:flex; flex-wrap:wrap; gap:0.25rem 1.25rem; font-size:0.875rem; letter-spacing:0.04em; text-transform:uppercase; color:#999; margin:0.45rem 0 0}
.blog .post-meta .i{flex:none; vertical-align:-0.15em; opacity:.7}
.blog .post-meta-bit{display:inline-flex; align-items:center; gap:0.4rem}
.blog .tags{margin-top:.6rem}
.blog .tags li{border:none; background:#f2f2f2; color:#666; border-radius:999px; font-size:.68rem; letter-spacing:.04em; padding:.2rem .55rem}
.blog .back{display:inline-flex; align-items:center; gap:0.25rem; font-size:.78rem; color:#888; text-decoration:none; border-bottom:none; padding-bottom:0; margin-bottom:1.4rem}
.blog .post-header{border-bottom:1px solid #111; padding-bottom:1.8rem; margin:0 0 2.2rem}
.blog .to-top{display:flex; align-items:center; justify-content:center; gap:0.3rem; margin:3rem auto 0; font-size:0.78rem; letter-spacing:0.02em; color:#999; text-decoration:none; text-align:center}
.blog .to-top:hover{color:var(--ink)}
.blog .post-footer{text-align:center; font-size:0.72rem; letter-spacing:0.03em; color:#aaa; margin:1.25rem 0 0}
.blog .post-footer a{color:#fff; text-decoration:none; border-bottom:none}
.blog .post-title{font-family:"Space Grotesk", system-ui, sans-serif; font-weight:600; font-size:clamp(2rem,5vw,2.6rem); letter-spacing:-.04em; line-height:1.05; color:var(--ink)}
.blog .prose{color:#222; font-size:.98rem; line-height:1.8}
.blog .prose h2,.blog .prose h3{font-family:"Space Grotesk", system-ui, sans-serif; font-weight:600; letter-spacing:-.02em; margin:2.8rem 0 1rem; line-height:1.25}
.blog .prose h2{font-size:1.45rem}
.blog .prose h3{font-size:1.22rem}
.blog .prose p{margin:0 0 1.6rem}
.blog .prose img{display:block; width:100%; height:auto; margin:0 0 1.6rem; border-radius:10px}
.blog .prose ul,.blog .prose ol{margin:0 0 1.6rem; padding-left:1.4rem}
.blog .prose li{margin:0.45rem 0}
.blog .prose blockquote{margin:1.8rem 0; border-left:1.5px solid #111; color:#666; padding-left:1rem; background:none}
.blog .prose a{color:#111; text-decoration:none; border-bottom:none}
.blog .prose a:hover{color:#2f5bd8}
.blog .prose hr{border-top:1px solid #eee}
.blog .prose pre{border:1px solid #eee; background:#f7f7f7; border-radius:10px}
.blog .prose code{background:#f2f2f2}
@media(prefers-color-scheme: dark){
  html,body{background:#0e0e0f; color:#ececf1}
  .m-head h1{color:#f2f2f2}
  .m-head .m-subtle{color:#7a7a80}
  .m-head p{color:#9a9aa0}
  .m-nav a,.m-foot a{color:#9a9aa0; text-decoration:none; border-bottom:none}
  .m-nav a:hover{color:#ececf1}
  .blog{--ink:#f2f2f2; --ink-soft:#9a9aa0; --paper:#0e0e0f; --line:#222; --accent:#8aa8ff; --code-bg:#1a1a1e; color:var(--ink)}
  .blog .post-list{border-top-color:#222}
  .blog .post-card{border-bottom-color:#222}
  .blog .tags li{background:#1a1a1e; color:#9a9aa0}
  .blog .prose{color:#d6d6da}
  .blog .prose a{color:#f2f2f2; text-decoration:none; border-bottom:none}
  .blog .prose a:hover{color:#8aa8ff}
}