.post-page{background:var(--bg);min-height:100vh;padding:8rem 1.5rem 4rem;position:relative;overflow:hidden}.post-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(#1bccfe1a,#0000 70%);width:min(900px,90vw);height:420px;position:absolute;top:-140px;left:50%;transform:translate(-50%)}.post-article{z-index:1;max-width:900px;margin:0 auto;position:relative}.post-title{max-width:24ch;font-family:var(--font-title);letter-spacing:-1.2px;color:#e5e5e5;text-wrap:balance;margin-bottom:1rem;font-size:clamp(2.4rem,5vw,48px);font-weight:400;line-height:1.15}.light .post-title{color:#2d2d2d}.post-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.7rem;display:flex}.post-dot{background:var(--muted);border-radius:50%;width:3px;height:3px}.post-cover{border:1px solid var(--stroke);aspect-ratio:16/9;background:var(--surface);border-radius:1.5rem;margin:2.75rem 0 3rem;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;display:block}.post-content{max-width:720px;margin:0 auto}.post-p{font-family:var(--font-reading);letter-spacing:.18px;color:#e5e5e5;text-wrap:pretty;margin-bottom:1.6rem;font-size:18px;font-weight:400;line-height:32px}.light .post-p{color:#2d2d2d}.light .post-glow{opacity:.55}.post-h2{font-family:var(--font-title);letter-spacing:-.6px;color:#e5e5e5;margin:3rem 0 1.2rem;font-size:30px;font-weight:700;line-height:54px}.light .post-h2{color:#2d2d2d}.post-footer{border-top:1px solid var(--stroke);justify-content:space-between;align-items:center;gap:1rem;max-width:720px;margin:3rem auto 0;padding-top:1.5rem;font-size:.75rem;display:flex}.post-footer a{color:var(--muted);text-decoration:none;transition:color .2s}.post-footer a:hover{color:var(--accent)}@media (max-width:640px){.post-page{padding:6.5rem 1rem 3rem}.post-title{max-width:none}.post-cover{aspect-ratio:4/3}.post-p{font-size:18px;line-height:32px}}.post-h3{font-family:var(--font-title);color:#e5e5e5;margin:2.25rem 0 .9rem;font-size:22px;font-weight:600;line-height:1.4}.light .post-h3{color:#2d2d2d}.post-ul,.post-ol{font-family:var(--font-reading);letter-spacing:.18px;color:#e5e5e5;margin:0 0 1.6rem;padding-left:1.5rem;font-size:18px;line-height:32px}.post-ul{list-style:outside}.post-ol{list-style:decimal}.light .post-ul,.light .post-ol{color:#2d2d2d}.post-ul li,.post-ol li{margin-bottom:.4rem}.post-ul li::marker{color:var(--muted)}.post-ol li::marker{color:var(--muted)}.post-li-p{margin-bottom:.35rem}.post-quote{border-left:2px solid var(--accent);margin:2rem 0;padding-left:1.25rem}.post-quote .post-p{margin-bottom:.8rem}.post-quote .post-p:last-child{margin-bottom:0}.post-link{color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.post-code{background:#ffffff14;border-radius:.3rem;padding:.1rem .35rem;font-size:.85em}.light .post-code{background:#0000000f}.post-pre{border:1px solid var(--stroke);color:#e5e5e5;background:#0a0a0a;border-radius:.8rem;margin:0 0 1.6rem;padding:1rem 1.1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.light .post-pre{color:#2d2d2d;background:#f4f4f4}.post-hr{border:none;border-top:1px solid var(--stroke);margin:2.5rem 0}.post-mark{color:inherit;border-radius:.2em;padding:0 .15em}.post-mark-cyan{background:#1bccfe40}.post-mark-yellow{background:#facc1547}.post-mark-pink{background:#f472b642}.post-mark-gray{background:#a3a3a338}.post-size-sm{font-size:16px}.post-size-lg{font-size:22px}.post-preview-banner{z-index:2;border:1px dashed var(--accent);max-width:900px;color:var(--muted);border-radius:.7rem;margin:0 auto 1.5rem;padding:.6rem .9rem;font-size:.75rem;position:relative}.post-nav{border-top:1px solid var(--stroke);grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin:3.5rem 0 0;padding-top:1.75rem;display:grid}.post-nav-card{border:1px solid var(--stroke);min-width:0;color:inherit;background:#1414144d;border-radius:1.5rem;align-items:center;gap:.9rem;padding:.85rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex}.light .post-nav-card{background:var(--surface)}.post-nav-card:hover{background:var(--surface);border-color:#1bccfe59;transform:translateY(-2px)}.post-nav-card.is-next{text-align:right;flex-direction:row-reverse}.post-nav-thumb{background:var(--stroke);border-radius:1rem;flex-shrink:0;width:84px;height:84px;overflow:hidden}.post-nav-thumb img{object-fit:cover;width:100%;height:100%;display:block}.post-nav-text{flex-direction:column;gap:.3rem;min-width:0;display:flex}.post-nav-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.65rem;transition:color .2s}.post-nav-card:hover .post-nav-label{color:var(--accent)}.post-nav-title{font-family:var(--font-title);color:#e5e5e5;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.1rem;line-height:1.35;display:-webkit-box;overflow:hidden}.light .post-nav-title{color:#2d2d2d}.post-nav-spacer{display:block}@media (max-width:640px){.post-nav{grid-template-columns:1fr}.post-nav-thumb{width:68px;height:68px}.post-nav-spacer{display:none}}@media (prefers-reduced-motion:reduce){.post-nav-card,.post-nav-card:hover{transition:none;transform:none}}.post-cover.has-ratio img{object-fit:contain}