.blog-container{display:flex;gap:40px;max-width:1200px;margin:40px auto;padding:0 20px}
.blog-content{flex:2;min-width:0;background:white;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,0.08);padding:40px}
.blog-post{overflow:hidden}
.blog-header{padding:0 0 20px 0}
.blog-title{font-size: clamp(1.5rem, 4vw, 2rem);color:var(--primary-blue);margin-bottom:20px;line-height:1.3}
.blog-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;color:#666;font-size:0.9rem}
.blog-meta > div{display:flex;align-items:center;gap:8px}
.blog-meta i{color:var(--primary-red);width:16px}
.blog-share{margin-top:25px;padding-top:20px;border-top:1px solid #eee}
.blog-share-title{font-weight:600;margin-bottom:12px;color:var(--primary-blue)}
.blog-share-buttons{display:flex;gap:10px}
.share-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;transition:all 0.3s ease}
.share-whatsapp{background:#25D366}
.share-facebook{background:#1877F2}
.share-linkedin{background:#0077B5}
.share-twitter{background:#1DA1F2}
.share-button:hover{transform:translateY(-2px)}
.share-button svg{width:20px;height:20px;fill:white}
.blog-body{line-height:1.7;color:#444}
.blog-body h2{font-size: clamp(1.25rem, 3vw, 1.5rem);color:var(--primary-blue);margin:30px 0 15px;padding-bottom:8px;border-bottom:1px solid #eaeaea}
.blog-body h3{font-size: clamp(1.1rem, 2.5vw, 1.25rem);color:var(--secondary-color);margin:25px 0 12px}
.blog-body p{margin-bottom:15px}
.blog-body ul,.blog-body ol{margin-bottom:15px;padding-left:25px}
.blog-body li{margin-bottom:8px}
.wiki-toc{background:#f8f9fa;border:1px solid #a2a9b1;padding:20px;margin-bottom:30px;border-radius:4px;font-size:0.9rem}
.wiki-toc h2{font-size:1.2rem;margin-bottom:10px;color:var(--primary-blue);border-bottom:none;padding-bottom:0}
.wiki-toc ol{counter-reset:item;padding-left:20px}
.wiki-toc ol ol{padding-left:25px}
.wiki-toc li{display:block;margin-bottom:5px}
.wiki-toc li:before{content:counters(item,".") ". ";counter-increment:item;font-weight:bold}
.wiki-toc a{color:var(--secondary-color);text-decoration:none}
.wiki-toc a:hover{text-decoration:underline}
.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:20px 0;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.blog-body img{max-width:100%;height:auto;display:block;margin:20px auto;border:1px solid #ddd;padding:5px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.blog-body table{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.blog-body th,.blog-body td{border:1px solid #ddd;padding:12px 15px;text-align:left}
.blog-body th{background-color:var(--primary-blue);color:white;font-weight:600}
.blog-body tr:nth-child(even){background-color:#f9f9f9}
.blog-body tr:hover{background-color:#f1f1f1}
.back-to-top{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #eaeaea}
.back-to-top a{color:var(--secondary-color);text-decoration:none;font-weight:500}
.back-to-top a:hover{text-decoration:underline}
.blog-sidebar{position:sticky;flex:1;align-self:flex-start;transition:all 0.3s ease;max-height:calc(100vh - 40px);overflow-y:auto}
.sg-quote-form{background:#f9f9f9;border-radius:8px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,0.05);margin-bottom:30px}
.sg-quote-title{font-size:20px;color:var(--primary-blue);margin-bottom:20px;text-align:center;font-weight:600}
.sg-form-group{margin-bottom:15px}
.sg-form-control{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all 0.3s}
.sg-form-control:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px rgba(24,35,84,0.2)}
textarea.sg-form-control{min-height:120px;resize:vertical}
.sg-file-upload{margin-top:10px}
.sg-form-btn{background-color:var(--primary-red);color:white;border:none;padding:12px 20px;border-radius:4px;font-weight:600;cursor:pointer;transition:all 0.3s;width:100%;text-transform:uppercase;letter-spacing:0.5px}
.sg-form-btn:hover{background-color:#82211c}
.sg-contact-info{background:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,0.05)}
.sg-contact-info h4{font-size:18px;color:var(--primary-blue);margin-bottom:15px;font-weight:600}
.sg-contact-info p{margin-bottom:10px;display:flex;align-items:center}
.sg-contact-info i{margin-right:10px;color:var(--primary-red);width:20px}
.blog-pagination{max-width:1200px;margin:40px auto;padding:0 20px}
.pagination-links{display:flex;justify-content:space-between;gap:20px}
.prev-post,.next-post{flex:1;display:flex;align-items:center;gap:15px;padding:20px;background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;cursor:pointer}
.prev-post:hover,.next-post:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.12)}
.prev-post{text-align:left}
.next-post{text-align:right;flex-direction:row-reverse}
.nav-content{flex:1}
.nav-label{display:block;font-size:0.8rem;color:#666;margin-bottom:5px}
.post-title{font-weight:600;color:var(--primary-blue);line-height:1.4}
@media (max-width:992px){.blog-container{flex-direction:column;gap:30px}
.blog-sidebar{position:static;top:auto;max-height:none;overflow-y:visible}
.blog-container{flex-direction:column}
}@media (max-width:768px){.blog-container{margin:20px auto;padding:0 15px}
.blog-content{padding:25px}
.blog-title{font-size:1.6rem}
.blog-meta{gap:15px}
.wiki-toc{padding:15px}
.blog-body h2{font-size:1.35rem}
.blog-body h3{font-size:1.15rem}
.blog-body table{display:block;overflow-x:auto}
.sg-quote-form{padding:20px}
.pagination-links{flex-direction:column}
}@media (max-width:480px){.blog-content{padding:20px 15px}
.blog-title{font-size:1.4rem}
.blog-meta{flex-direction:column;gap:10px}
.wiki-toc{padding:12px}
.wiki-toc h2{font-size:1.1rem}
.blog-body h2{font-size:1.25rem}
.blog-body h3{font-size:1.1rem}
.blog-body th,.blog-body td{padding:8px 10px;font-size:0.9rem}
.blog-share-buttons{justify-content:center}
.blog-sidebar{margin-top:20px}
}