/* Article detail page */
.container { max-width:900px; margin:0 auto; padding:120px 5% 4rem; }
.back-link { display:inline-block; margin-bottom:2rem; color:rgba(255,255,255,.8); text-decoration:none; transition:.3s; }
.back-link:hover { color:white; transform:translateX(-5px); }
article { background:rgba(255,255,255,0.12); backdrop-filter:blur(12px); border-radius:16px; padding:3rem; border:1px solid rgba(255,255,255,0.25); }
h1 { font-size:2.4rem; margin-bottom:1rem; line-height:1.2; }
.article-meta { font-size:1rem; opacity:.85; margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid rgba(255,255,255,0.2); }
.article-content { font-size:1.1rem; line-height:1.8; }
.article-content p { margin-bottom:1.5rem; }
.article-content h2 { font-size:1.8rem; margin:2rem 0 1rem; }
.article-content h3 { font-size:1.4rem; margin:1.5rem 0 .8rem; }
.article-content ul, .article-content ol { margin-left:2rem; margin-bottom:1.5rem; }
.article-content li { margin-bottom:.5rem; }
.article-content a { color:#a8edea; text-decoration:underline; }
.article-content a:hover { color:white; }
.article-content blockquote { border-left:4px solid rgba(255,255,255,0.4); padding-left:1.5rem; margin:1.5rem 0; font-style:italic; opacity:.9; }
.article-content code { background:rgba(0,0,0,0.3); padding:.2rem .5rem; border-radius:4px; font-family:'Courier New', monospace; }
.article-content pre { background:rgba(0,0,0,0.3); padding:1rem; border-radius:8px; overflow-x:auto; margin-bottom:1.5rem; }