.article-container{padding:20px}.article-single-card{margin-top:20px;padding:20px;box-shadow:0 4px 10px #0000001a}.article-single-image{object-fit:contain;width:auto;max-width:100%;max-height:400px;margin:0 auto;display:block}.article-title{margin-bottom:10px;font-weight:700}.article-meta{color:gray;margin-bottom:15px;display:block}.article-content{color:#333;text-align:justify;margin-top:15px;font-size:18px;line-height:1.8}.article-content p{text-indent:1em;margin-bottom:15px}.article-content h1,.article-content h2,.article-content h3{margin-top:20px;margin-bottom:10px;font-weight:700}.article-content ul,.article-content ol{margin-left:20px;padding-left:20px}.article-content li{margin-bottom:10px}.article-content a{color:#1976d2;font-weight:500;text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content blockquote{color:#555;border-left:4px solid #1976d2;margin:20px 0;padding-left:15px;font-style:italic}.article-content code{color:#d32f2f;background-color:#f5f5f5;border-radius:4px;padding:2px 5px;font-family:Courier New,Courier,monospace}.article-content img{border-radius:5px;max-width:100%;height:auto;margin:15px auto;display:block}@media (max-width:768px){.article-content{font-size:16px;line-height:1.6}.article-content p{text-indent:.5em}}@media (max-width:480px){.article-content{font-size:14px;line-height:1.5}.article-content p{text-indent:.5em}}.article-tags,.article-cats{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.article-tag{color:#333;background-color:#e0e0e0;border-radius:16px;padding:4px 8px;font-size:12px}.back-button{margin-bottom:20px}