.blog-container{display:grid;grid-template-columns:1fr 300px;column-gap:32px;min-height:100vh;max-width:1280px;margin:48px auto 80px;padding:0 24px;background:transparent;align-items:start}.blog-error-container{text-align:center;padding:50px 20px;max-width:600px;margin:120px auto}.singleBlog{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;font-family:Georgia,Times New Roman,Times,serif;animation:fadeIn .4s ease-in-out}.blog-header{padding:36px 40px 0}.blog-title{font-size:2.25rem;color:#0f172a;font-weight:800;line-height:1.25;margin:0 0 20px;letter-spacing:-.02em}.blog-author-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.author-avatar-sm{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;flex-shrink:0}.author-meta-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.author-meta-name{font-size:.88rem;font-weight:700;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-meta-details{font-size:.75rem;color:#94a3b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;align-items:center;gap:4px}.article-share-inline{display:flex;align-items:center;gap:6px;margin-left:auto}.share-inline-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.share-inline-btn:hover{background:#1976d2;color:#fff;border-color:#1976d2}.share-inline-btn.bookmarked{background:#4caf50;color:#fff;border-color:#4caf50}.blog-meta{display:none}.blog-category .category-label{display:inline-block;background-color:#1976d2;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.03em;text-transform:uppercase}.separator{margin:0;border:none;border-top:1px solid #f1f5f9}.blog-main-image{margin-top:0;aspect-ratio:16/9;overflow:hidden}.blog-main-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.blog-body-wrap{padding:32px 40px}.blog-main-body{margin-bottom:32px}.blog-main-body,.blog-para{font-size:1.05rem;line-height:1.85;color:#374151}.blog-main-body p,.blog-para p{margin-bottom:1.25rem}.blog-main-body img,.blog-para img{max-width:100%;height:auto;border-radius:8px;display:block;margin:24px auto}.blog-main-body a,.blog-para a{color:#1976d2;text-decoration:underline;transition:color .15s}.blog-main-body a:hover,.blog-para a:hover{color:#0d47a1}.blog-main-body h2{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin:2.25rem 0 .85rem;line-height:1.3;padding-left:.85rem;border-left:4px solid #1976d2}.blog-main-body h3{font-size:1.2rem;font-weight:700;color:#2c3e50;margin:1.6rem 0 .65rem}.blog-main-body b,.blog-main-body strong{font-weight:700;color:#1a1a2e}.blog-main-body ol,.blog-main-body ul{margin:.5rem 0 1.4rem;padding-left:1.75rem}.blog-main-body ul{list-style-type:disc}.blog-main-body ol{list-style-type:decimal}.blog-main-body li{margin-bottom:.5rem;line-height:1.78;color:#444}.blog-main-body li::marker{color:#1976d2;font-weight:700}.blog-main-body table{width:100%;border-collapse:collapse;margin:1.5rem 0 2rem;font-size:.95rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.07)}.blog-main-body thead{background-color:#1976d2;color:#fff}.blog-main-body thead th{padding:.75rem 1rem;text-align:left;font-weight:700;font-size:.93rem;border:none;color:#fff}.blog-main-body tbody tr:nth-child(2n){background-color:#f4f8ff}.blog-main-body tbody tr:hover{background-color:#e8f0fe;transition:background-color .15s}.blog-main-body td{padding:.7rem 1rem;border:1px solid #d0dff8;vertical-align:top;font-size:.93rem;color:#333}.blog-main-body .example,.blog-main-body div.example{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-left:5px solid #43a047;border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin:1.25rem 0;font-size:.97rem;color:#2e7d32;line-height:1.72}.blog-main-body .example strong,.blog-main-body div.example strong{color:#1b5e20}.blog-main-body .disclaimer,.blog-main-body p.disclaimer{background-color:#fff8e1;border-left:5px solid #f9a825;border-radius:0 8px 8px 0;padding:.9rem 1.25rem;margin:2rem 0 .5rem;font-size:.93rem;color:#5d4037;line-height:1.65;text-align:left}.blog-main-body .disclaimer strong,.blog-main-body p.disclaimer strong{color:#e65100}.blog-main-body .faq-section{margin:2.5rem 0}.blog-main-body .faq-section>h2{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin:0 0 1.25rem;padding-left:.85rem;border-left:4px solid #1976d2}.blog-main-body .faq-item{border:1px solid #e3eaf5;border-radius:8px;margin-bottom:.85rem;overflow:hidden;box-shadow:0 1px 4px rgba(25,118,210,.06);transition:box-shadow .2s}.blog-main-body .faq-item:hover{box-shadow:0 3px 12px rgba(25,118,210,.13)}.blog-main-body .faq-question{font-size:1.02rem;font-weight:700;color:#1565c0;background:#f0f6ff;margin:0;padding:.9rem 1.2rem;border-bottom:1px solid #dce8f8;line-height:1.45}.blog-main-body .faq-answer{padding:.85rem 1.2rem;background:#fff}.blog-main-body .faq-answer p{margin:0;color:#444;font-size:.97rem;line-height:1.72}blockquote{border-left:4px solid #5b18db;padding:.85rem 1.25rem;margin:1.5rem 0;background-color:#f8f6ff;border-radius:0 8px 8px 0;font-style:italic;color:#4a4a6a}.optional-images{margin:28px 0}.optional-images figure{text-align:center}.optional-images img{width:100%;max-height:480px;object-fit:contain;border-radius:10px;background-color:#f8fafc;box-shadow:0 4px 16px rgba(0,0,0,.1)}.optional-images figcaption{margin-top:10px;font-size:.85rem;color:#94a3b8;font-style:italic}.blog-list{margin-bottom:32px;background-color:#f8fafc;padding:20px 24px;border-radius:10px;border-left:4px solid #1976d2}.list-heading{font-size:1.15rem;font-weight:700;margin-bottom:12px;color:#1976d2}.list-items{font-size:1rem;color:#444}.list-items li{margin-bottom:.45rem}.blog-tags-section{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px 40px;border-top:1px solid #f1f5f9}.blog-tags-label{font-size:.78rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;background:#f1f5f9;color:#475569;padding:4px 12px;border-radius:20px;font-size:.78rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:1px solid #e2e8f0;transition:all .15s;cursor:pointer}.tag:hover{background:#1976d2;color:#fff;border-color:#1976d2}.author-bio-card{display:flex;gap:20px;align-items:flex-start;padding:28px 40px;background:#f8fafc;border-top:1px solid #e2e8f0}.author-bio-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0;flex-shrink:0}.author-bio-content{flex:1;min-width:0}.author-bio-role{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#1976d2;margin:0 0 4px}.author-bio-name,.author-bio-role{font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.author-bio-name{font-size:1rem;color:#1a1a2e;margin:0 0 8px}.author-bio-text{font-size:.85rem;color:#64748b;line-height:1.65;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.blog-container{grid-template-columns:1fr 260px;gap:24px}}@media (max-width:768px){.blog-container{display:flex;flex-direction:column;padding:0 16px;margin-top:24px;margin-bottom:40px}.blog-header{padding:24px 20px 0}.blog-body-wrap{padding:24px 20px}.blog-tags-section{padding:16px 20px}.author-bio-card{padding:20px;flex-direction:column;gap:14px}.blog-title{font-size:1.65rem}.blog-author-meta{gap:8px}.article-share-inline{margin-left:0;margin-top:4px}.blog-main-body,.blog-para{font-size:1rem;line-height:1.75}.blog-main-body h2{font-size:1.3rem;margin:1.8rem 0 .7rem}.blog-main-body h3{font-size:1.05rem}.blog-main-body table{font-size:.87rem}.blog-main-body td,.blog-main-body thead th{padding:.55rem .7rem}.sidebar-container{position:static;gap:16px}}@media (max-width:480px){.blog-container{padding:0 12px;margin-top:16px}.blog-header{padding:18px 16px 0}.blog-body-wrap{padding:18px 16px}.blog-tags-section{padding:14px 16px}.author-bio-card{padding:16px}.blog-title{font-size:1.4rem;letter-spacing:-.01em}.blog-main-body,.blog-para{font-size:.95rem}.blog-main-body h2{font-size:1.15rem;padding-left:.65rem}.blog-main-body h3{font-size:1rem}.blog-main-body table{font-size:.82rem}.blog-main-body td,.blog-main-body thead th{padding:.45rem .55rem}.blog-main-body .disclaimer,.blog-main-body p.disclaimer{font-size:.85rem;padding:.7rem .9rem}}