.post-page{padding:calc(var(--nav-height) + 40px) 0 80px;min-height:100vh;position:relative;z-index:1}.post-page .container{max-width:720px;margin:0 auto;padding:0 24px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;margin-bottom:32px}.back-link:hover{color:var(--accent)}.post-roundup-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 20px;margin-bottom:28px;background:linear-gradient(to right,var(--accent-subtle),transparent);border:1px solid var(--accent-glow);border-left:3px solid var(--accent);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);font-size:.95rem;transition:all var(--transition-base)}.post-roundup-banner:hover{background:linear-gradient(to right,var(--accent-subtle),var(--accent-subtle));transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}.post-roundup-label{color:var(--text-primary);font-weight:500}.post-roundup-cta{color:var(--accent);font-weight:600;font-size:.9rem;white-space:nowrap}.post{background:transparent}.post-header{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--border)}.post-tags{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px}.post-tags li span{display:inline-block;padding:3px 10px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);background:#ffffff08;border:1px solid var(--border);border-radius:100px;text-transform:lowercase}.post h1{font-family:var(--font-heading);font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 18px;color:var(--text-bright, #fafafa)}.post-meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim);flex-wrap:wrap}.post-meta .dot{opacity:.5}.post-lede{font-size:1.12rem;line-height:1.6;color:var(--text-dim);margin:18px 0 0;font-style:italic}.post-body{font-size:1.04rem;line-height:1.75;color:var(--text)}.post-body p{margin:0 0 22px}.post-body h2{font-family:var(--font-heading);font-weight:700;font-size:1.6rem;letter-spacing:-.02em;margin:44px 0 16px;color:var(--text-bright, #fafafa)}.post-body h3{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;letter-spacing:-.01em;margin:36px 0 14px;color:var(--text-bright, #fafafa)}.post-body h4{font-size:1.05rem;margin:28px 0 10px;color:var(--text-bright, #fafafa)}.post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.post-body a:hover{text-decoration-thickness:2px}.post-body strong{color:var(--text-bright, #fafafa);font-weight:700}.post-body em{font-style:italic;color:var(--text)}.post-body ul,.post-body ol{padding-left:1.6em;margin:0 0 22px}.post-body li{margin:0 0 8px}.post-body blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 18px;margin:28px 0;color:var(--text-dim);font-style:italic}.post-body code{font-family:var(--font-mono);font-size:.9em;background:#ffffff0f;padding:2px 6px;border-radius:4px;color:var(--accent)}.post-body pre{background:#07070c;border:1px solid var(--border);border-radius:10px;padding:18px 22px;overflow-x:auto;margin:0 0 22px;font-size:.88em;line-height:1.5}.post-body pre code{background:none;padding:0;color:var(--text);border-radius:0}.post-body hr{border:none;border-top:1px solid var(--border);margin:40px 0}.post-body img{max-width:100%;border-radius:10px;margin:22px 0}.post-related{margin-top:56px;padding:32px 0 0;border-top:1px solid var(--border)}.post-related h2{font-family:var(--font-heading);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0 0 20px}.post-related ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}.post-related li{margin:0}.post-related a{display:block;padding:18px 20px;border:1px solid var(--border);border-radius:10px;background:#ffffff04;color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease}.post-related a:hover{border-color:var(--accent);background:#ff6b2b08}.post-related a strong{display:block;font-size:1rem;color:var(--text-bright, #fafafa);margin-bottom:4px;text-decoration:none}.post-related a span{display:block;font-size:.88rem;color:var(--text-dim);line-height:1.55}.post-footer{margin-top:64px;padding:28px 0 0;border-top:1px solid var(--border);text-align:center;color:var(--text-dim);font-size:.92rem}.post-footer a{color:var(--accent);text-decoration:none;margin:0 4px}.post-footer a:hover{text-decoration:underline}
