.article-detail-page{background-color:#f8f9fa;padding:120px 20px 60px;font-family:Kanit,sans-serif}.article-container{background-color:#fff;border-radius:12px;max-width:800px;margin:0 auto;padding:30px 40px;box-shadow:0 4px 20px #00000014}.back-to-list-btn{color:#252154;align-items:center;gap:8px;margin-bottom:30px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.back-to-list-btn:hover{color:#3d3a68}.article-header{margin-bottom:30px}.article-meta{color:#6c757d;flex-direction:column;gap:10px;margin-bottom:15px;font-size:.9rem;display:flex}.article-meta span{align-items:center;gap:8px;display:flex}.article-header h1{color:#252154;margin:0;font-size:2.5rem;line-height:1.3}.article-cover-image{background-color:#f0f0f0;border-radius:12px;width:100%;height:auto;margin-bottom:40px;position:relative;overflow:hidden}.article-content{color:#343a40;font-size:1.1rem;line-height:1.8}.article-content p,.article-content ul,.article-content ol{margin-bottom:1.5em}.article-content ul,.article-content ol{padding-left:20px}.article-content img{border-radius:8px;max-width:100%;height:auto;margin:1.5em auto;display:block}.article-not-found{text-align:center;padding:120px 20px}