.blog-post{padding:0;display:grid;gap:0;overflow:hidden}.blog-post-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:1.8rem;padding:2.2rem 2.4rem;background:radial-gradient(circle at 20% 20%,rgba(120,170,255,.18),transparent 55%),linear-gradient(180deg,#0a1220e6,#050912d9);border-bottom:1px solid rgba(var(--border-color-rgb),.35);position:relative}.blog-post-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(120,170,255,.08) 0 1px,transparent 1px 14px);opacity:.4;pointer-events:none}.blog-post-hero>*{position:relative;z-index:1}.blog-post-kicker{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.55)}.blog-post-title{font-size:2.2rem;letter-spacing:.08em;color:var(--text-color-bright)}.blog-post-description{color:rgba(var(--text-color-rgb),.78);max-width:640px;line-height:1.55}.blog-post-meta-card{display:grid;gap:.65rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(var(--border-color-rgb),.45);background:#060a12d1;box-shadow:inset 0 1px #ffffff0d}.blog-post-meta-title{font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.55)}.blog-post-meta-list{display:grid;gap:.55rem}.blog-post-meta-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem;align-items:center;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.blog-post-meta-label{color:rgba(var(--text-color-rgb),.55);min-width:0}.blog-post-meta-value{color:#ffd250e0;text-align:right;min-width:0;word-break:break-word}.blog-post-body{display:grid;gap:1.6rem;padding:2rem 2.4rem 2.4rem}.blog-post-hero-aside{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.9rem;align-content:start}.blog-post-tags-card{display:grid;gap:.6rem;padding:.8rem .95rem;border-radius:16px;border:1px solid rgba(var(--border-color-rgb),.35);background:#060a12b8;box-shadow:inset 0 1px #ffffff0a}.blog-post-tags-label{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.5)}.blog-post-content{display:grid;gap:1.1rem;line-height:1.8;font-size:.98rem;color:rgba(var(--text-color-rgb),.82)}.blog-post-reading{border-radius:22px;border:1px solid rgba(var(--border-color-rgb),.35);background:linear-gradient(180deg,#080c16e6,#050912e0),radial-gradient(circle at 12% 12%,rgba(255,210,80,.08),transparent 55%);padding:1.8rem 2rem;box-shadow:0 18px 40px #00000047}.blog-post-content h2,.blog-post-content h3{letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.92)}.blog-post-content h2{font-size:1.15rem}.blog-post-content h3{font-size:1rem}.blog-post-content a{color:#ffd250e6}.blog-post-content ul,.blog-post-content ol{padding-left:1.2rem;display:grid;gap:.4rem}.blog-post-content blockquote{margin:0;padding:.9rem 1.1rem;border-left:2px solid rgba(255,210,80,.7);background:#0509128c;color:rgba(var(--text-color-rgb),.78)}.blog-post-content code{font-family:Iosevka,Share Tech Mono,monospace;font-size:.86rem;background:#050912cc;padding:.15rem .35rem;border-radius:6px}.blog-post-content pre{padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(var(--border-color-rgb),.25);background:#050912b3;overflow-x:auto}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.45rem}.blog-tag{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(var(--border-color-rgb),.3);color:rgba(var(--text-color-rgb),.65)}.blog-post-back{display:inline-flex;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;color:rgba(var(--text-color-rgb),.7);padding:.5rem .7rem;border-radius:999px;border:1px solid rgba(var(--border-color-rgb),.35);text-align:center;margin-bottom:.6rem}.blog-post-back:hover{color:var(--accent-color-white);border-color:#ffd25099;box-shadow:0 0 12px #ffd25033}@media(max-width:768px){.blog-post{padding:0}.blog-post-hero{grid-template-columns:1fr;padding:1.4rem 1.3rem}.blog-post-meta-row{grid-template-columns:minmax(0,1fr);text-align:left}.blog-post-meta-value{text-align:left}.blog-post-title{font-size:1.6rem}.blog-post-meta-card{width:100%}.blog-post-body{padding:1.4rem 1.3rem 1.6rem}.blog-post-hero-aside{width:100%;grid-template-columns:1fr}.blog-post-reading{padding:1.2rem 1.1rem;border-radius:18px}}