/* ── Blog Post Content Styles ── */
main { max-width: 820px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
article { background: rgba(255,255,255,0.03); border: 1px solid var(--glass-border); border-radius: 32px; padding: 2.5rem; }
.back-btn { display: inline-block; color: var(--text-sub); text-decoration: none; font-size: 0.9rem; font-weight: 600; margin-bottom: 2rem; padding: 8px 18px; border: 1px solid var(--glass-border); border-radius: 100px; transition: 0.3s; }
.back-btn:hover { color: var(--primary); border-color: var(--primary); }
.post-header { text-align: center; margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 1px solid var(--glass-border); }
.post-header h1 { font-size: 1.9rem; font-weight: 900; line-height: 1.35; margin: 1rem 0; background: linear-gradient(to right, #fff, var(--primary)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
article section { margin-bottom: 2rem; }
article h2 { font-size: 1.3rem; font-weight: 700; color: var(--primary); margin: 2rem 0 1rem; }
article h3 { font-size: 1.1rem; font-weight: 700; color: var(--text-main); margin: 1.5rem 0 0.8rem; }
article p { color: var(--text-sub); line-height: 1.8; margin-bottom: 1rem; }
article strong { color: var(--text-main); }
@media (max-width: 768px) { main { padding: 1.5rem 1rem 3rem; } article { padding: 1.5rem; border-radius: 20px; } .post-header h1 { font-size: 1.4rem; } }