/* Blog-specific styles. Tokens, base reset, .glow, buttons, nav and footer
   live in /assets/site.css — load that first. */
.topglow{position:absolute;top:0;left:0;right:0;height:600px;overflow:hidden;z-index:0;pointer-events:none}
.topglow .glow.g-teal{width:900px;height:700px;background:radial-gradient(circle,rgba(22,158,131,.35),transparent 66%);top:-250px;left:-130px}
.topglow .glow.g-indigo{width:840px;height:680px;background:radial-gradient(circle,rgba(66,72,196,.32),transparent 66%);top:-290px;right:-150px}

/* blog index */
.blog-main{max-width:780px;margin:0 auto;padding:56px 24px 100px;position:relative;z-index:2}
.blog-head{margin-bottom:44px}
.blog-head h1{font-size:clamp(36px,5.4vw,60px);margin-top:14px}
.blog-head .lede{color:var(--muted);font-size:17px;margin-top:18px;max-width:560px}
.post-meta{display:flex;align-items:center;gap:12px;color:var(--muted-2);font-family:'JetBrains Mono',monospace;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.1em}
.post-list{display:flex;flex-direction:column;gap:18px}
.post-card{display:block;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:26px;transition:background .2s,transform .2s var(--ease)}
.post-card:hover{background:var(--bg-2);transform:translateY(-2px)}
.post-card h2{font-family:'Inter';font-weight:700;text-transform:none;letter-spacing:0;line-height:1.3;font-size:20px;margin:10px 0 8px}
.post-card p{color:var(--muted);font-size:14.5px}
.post-card .more{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-weight:600;font-size:13.5px;color:var(--green)}

/* article */
.post-title{font-size:clamp(32px,4.6vw,52px);margin:16px 0 18px}
article.post{margin-top:40px;color:#DADAE0;font-size:16.5px}
article.post h2{font-family:'Inter';font-weight:700;text-transform:none;letter-spacing:0;line-height:1.35;font-size:23px;color:var(--txt);margin:40px 0 14px}
article.post p{margin-bottom:18px}
article.post ul,article.post ol{margin:0 0 18px 22px}
article.post li{margin-bottom:8px}
article.post a{color:var(--txt);border-bottom:1px solid var(--muted-2);padding-bottom:1px}
article.post a:hover{border-color:var(--txt)}
article.post strong{color:#fff}
.post-cta{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}
.post-cta p{color:var(--muted);margin-bottom:18px}
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;transition:color .15s}
.back-link:hover{color:var(--txt)}