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