#article-container{max-width:800px;margin:0 auto;padding:2rem}#article-container .article-content{color:#333;font-family:Segoe UI,system-ui,sans-serif;line-height:1.8}#article-container .article-title{color:#2c3e50;border-bottom:2px solid #eee;margin-bottom:1rem;padding-bottom:.5rem;font-size:2.5rem}#article-container .article-meta{color:#7f8c8d;gap:1rem;margin-bottom:2rem;font-size:.9rem;display:flex}#article-container .article-body{font-size:1.1rem}#article-container .article-body p{margin:1em 0}#article-container .article-body img{border-radius:8px;max-width:100%;height:auto;margin:1rem 0}#article-container .loading-spinner{text-align:center;color:#7f8c8d;padding:2rem}#article-container .loading-spinner .spinner{border:3px solid #0000001a;border-top-color:#3498db;border-radius:50%;width:2rem;height:2rem;margin-bottom:1rem;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}#article-container .error-message{color:#ff4757;text-align:center;background:#ffeef0;border:1px solid #fcc;border-radius:8px;padding:2rem}