.article-container{margin:2rem auto;max-width:900px;padding:0 1rem}.back-to-blog{color:#1a365d;display:inline-block;font-weight:500;margin-bottom:2rem;text-decoration:none;transition:color .2s ease}.back-to-blog:hover{color:#2c5282;text-decoration:underline}.article-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.article-header{padding:2rem 2rem 1rem}.article-categories{display:flex;gap:.5rem;margin-bottom:1rem}.article-category{background-color:#1a365d;border-radius:4px;color:#fff;font-size:.8rem;padding:.3rem .8rem}.article-title{color:#1a365d;font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.article-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;margin-bottom:1.5rem}.article-date,.article-modified,.article-reading-time{align-items:center;display:flex}.article-reading-time{gap:.3rem}.article-reading-time svg{color:#0076ce}.article-featured-image{max-height:500px;overflow:hidden;width:100%}.article-featured-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-body{color:#2d3748;font-size:1.1rem;line-height:1.6;padding:2rem}.article-body p{margin-bottom:1.5rem}.article-body h2{color:#1a365d;font-size:1.8rem;margin:2rem 0 1rem}.article-body h3{color:#2d3748;font-size:1.5rem;margin:1.5rem 0 1rem}.article-body a{color:#3182ce;text-decoration:underline}.article-body a:hover{color:#2c5282}.article-body img{border-radius:4px;height:auto;margin:1.5rem 0;max-width:100%}.article-body ol,.article-body ul{margin-bottom:1.5rem;padding-left:2rem}.article-body li{margin-bottom:.5rem}.article-loading{align-items:center;color:#4a5568;display:flex;font-size:1.2rem;height:50vh;justify-content:center}.article-error{padding:4rem 1rem;text-align:center}.article-error h2{color:#e53e3e;font-size:1.5rem;margin-bottom:1.5rem}.article-social-share{background-color:#f5f8fc;border-radius:.5rem;margin:2rem 0;padding:1.5rem}.article-social-share h4{color:#333;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.social-share-buttons{display:flex;flex-wrap:wrap;gap:1rem}.social-share-btn{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-weight:500;justify-content:center;padding:.6rem 1rem;text-decoration:none;transition:opacity .2s}.social-share-btn:hover{opacity:.9}.social-share-btn.facebook{background-color:#1877f2}.social-share-btn.twitter{background-color:#1da1f2}.social-share-btn.linkedin{background-color:#0a66c2}.related-articles{margin:3rem 1rem 2rem}.related-articles h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.related-articles-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.related-article-card{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s,box-shadow .3s}.related-article-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.15);transform:translateY(-5px)}.related-article-image{height:160px;overflow:hidden}.related-article-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.related-article-card h4{color:#333;font-size:1rem;margin:0;padding:1rem}@media (max-width:768px){.article-title{font-size:2rem}.article-body{font-size:1rem;padding:1.5rem}.related-articles-grid{grid-template-columns:1fr}}