.hero-section{position:relative;overflow:hidden;min-height:650px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(rgba(15,23,42,0.80),rgba(15,23,42,0.90)),url('/static/images/seo-checker-hero.webp');background-position:center;background-size:cover;background-repeat:no-repeat;z-index:0}.hero-section .container-lg{position:relative;z-index:2}.hero-section h1{color:#fff;max-width:900px;margin-left:auto;margin-right:auto}.hero-section .hero-text{max-width:720px;color:rgba(255,255,255,0.85) !important}.hero-section .badge{backdrop-filter:blur(8px);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12)}.hero-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(37,99,235,0.20),transparent 40%);z-index:1;pointer-events:none}.hero-section .trust-badges .badge,.hero-section .hero-badge .badge{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.18);color:#fff;backdrop-filter:blur(8px);transition:all .2s ease}.hero-section .trust-badges .badge:hover,.hero-section .hero-badge .badge:hover{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.25);color:#fff;transform:translateY(-2px)}.hero-section .btn-outline{color:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.hero-section .btn-outline:hover{background:#fff;color:var(--primary);border-color:#fff}.hero-section .btn-outline:hover{color:var(--primary)}.blog-post-main{margin-top:100px;padding:0}#reading-progress{position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#06c,#00a3ff);z-index:9999;transition:width .1s ease}.published-date{font-size:.85rem;color:#2c5e2c;font-weight:500}.trust-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-item{display:flex;align-items:center;gap:.75rem}.trust-item .label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.trust-item .value{font-size:.8rem;color:var(--text-muted)}.last-updated{font-size:.8rem;color:#6c757d}.updated-badge{display:inline-block;background:#e8f4e8;color:#2c5e2c;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:20px;margin-left:.5rem;vertical-align:middle}.featured-image-box{position:relative}.image-overlay{position:absolute;bottom:1rem;left:1rem;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);padding:.5rem 1rem;border-radius:30px;display:flex;gap:1rem;color:white;font-size:.8rem}.image-overlay span{display:flex;align-items:center;gap:.3rem}.quick-answer{border-left:5px solid #06c;background:#f8fbff;border-radius:8px 12px 12px 8px}.quick-answer-content{font-size:1rem}.quick-answer-content p:first-child{margin-top:0}.quick-answer-content p:last-child{margin-bottom:0}.blog-main-content{max-width:760px;margin:0 auto}.blog-main-content p{font-size:1.125rem;line-height:1.9;margin-bottom:1.5rem;color:#2c3e50}.blog-main-content h2{margin-top:3rem;margin-bottom:1rem;font-size:2rem;font-weight:700;scroll-margin-top:100px;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.blog-main-content h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600;scroll-margin-top:100px}.blog-main-content h4{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.blog-main-content ul,.blog-main-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-main-content li{margin-bottom:.5rem;line-height:1.8}.featured-image-box img{border-radius:12px;max-width:100%;height:auto;object-fit:cover}.blog-main-content blockquote{border-left:4px solid #06c;padding:1rem 0 1rem 1.5rem;margin:1.5rem 0;font-style:italic;background:#f8f9fa;border-radius:0 8px 8px 0}.blog-main-content pre{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;color:#fff}.blog-main-content code{font-family:'Courier New',monospace;font-size:.9rem}.content-note{background:#fff8e6;border-left:4px solid #ffc107;padding:1rem 1.25rem;border-radius:8px;margin:1.5rem 0}.content-note strong{color:#856404}.content-tip{background:#e6f7e6;border-left:4px solid #28a745;padding:1rem 1.25rem;border-radius:8px;margin:1.5rem 0}.content-warning{background:#fff0f0;border-left:4px solid #dc3545;padding:1rem 1.25rem;border-radius:8px;margin:1.5rem 0}.author-box{display:flex;gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;margin:2rem 0;align-items:flex-start}.author-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.author-info h3{margin:0 0 .5rem 0;font-size:1.1rem;font-weight:700}.author-info p{margin:0;font-size:.9rem;color:#6c757d;line-height:1.5}.table-of-contents{background:linear-gradient(135deg,#f8f9fa 0,#f1f3f5 100%);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(0,0,0,0.05);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.table-of-contents:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)}.toc-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(0,102,204,0.2);display:flex;align-items:center;gap:.5rem;color:#1a1a1a}.sticky-toc{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.sticky-toc::-webkit-scrollbar{width:4px}.sticky-toc::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}.sticky-toc::-webkit-scrollbar-thumb{background:#c0c4c8;border-radius:4px}.sticky-toc::-webkit-scrollbar-thumb:hover{background:#06c}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.toc-list li{margin:0;padding:0}.toc-list li a{display:block;padding:.5rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;color:#4a5568;border-left:3px solid transparent;transition:all .2s ease;line-height:1.4}.toc-list li a:hover{color:#06c;background:rgba(0,102,204,0.05);border-left-color:#06c;padding-left:.875rem}.toc-list li.toc-h3 a{font-size:.85rem;font-weight:400;padding-left:1.5rem;color:#6c757d}.toc-list li.toc-h3 a:hover{color:#06c;padding-left:1.625rem}.toc-list li a.active{color:#06c;background:rgba(0,102,204,0.08);border-left-color:#06c;font-weight:600}.blog-main-content h2,.blog-main-content h3{scroll-margin-top:100px}.related-post-card img{width:100%;height:100px;object-fit:cover;border-radius:8px}.related-post-card .icon-svg{opacity:.5}.key-takeaway-item{padding:.5rem 0;border-bottom:1px solid #e9ecef}.key-takeaway-item:last-child{border-bottom:0}.key-takeaway-item .check-icon{color:#28a745;margin-right:.75rem;font-weight:bold}.hero-section{padding:2rem 0 1rem 0}.hero-text{max-width:800px;font-size:1.2rem}.ad-container{min-height:90px;background:#f8f9fa;border-radius:8px;overflow:hidden}.ad-container ins{background:transparent}.related-guide-link{transition:transform .2s ease,background .2s ease}.related-guide-link:hover{transform:translateX(5px);background:#e9ecef !important}@media(min-width:992px){.mobile-toc-only{display:none}.desktop-toc-sticky{display:block}}.blog-main-content{font-size:1.05rem;line-height:1.8;word-wrap:break-word}.blog-main-content p{margin-bottom:1.25rem}.blog-main-content h1,.blog-main-content h2,.blog-main-content h3,.blog-main-content h4,.blog-main-content h5,.blog-main-content h6{font-weight:700;line-height:1.3;margin-top:2rem;margin-bottom:1rem}.blog-main-content h1{font-size:2rem}.blog-main-content h2{font-size:1.75rem}.blog-main-content h3{font-size:1.5rem}.blog-main-content h4{font-size:1.25rem}.blog-main-content a{text-decoration:underline;text-underline-offset:2px}.blog-main-content img{max-width:100%;height:auto;border-radius:8px;display:block;margin:1.5rem auto}.blog-main-content iframe,.blog-main-content video{max-width:100%;border-radius:8px;margin:1.5rem 0}.blog-main-content ul,.blog-main-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-main-content li{margin-bottom:.5rem}.blog-main-content blockquote{border-left:4px solid #0d6efd;background:#f8f9fa;padding:1rem 1.25rem;margin:1.5rem 0;font-style:italic;border-radius:0 8px 8px 0}.blog-main-content .ql-code-block-container{background:#1e1e1e;border-radius:10px;padding:1rem;margin:1.5rem 0;overflow-x:auto}.blog-main-content .ql-code-block{color:#f8f8f2;font-family:Consolas,Monaco,"Courier New",monospace;font-size:.95rem;line-height:1.6;white-space:pre}.blog-main-content pre.ql-syntax{background:#1e1e1e;color:#f8f8f2;padding:1rem;border-radius:10px;overflow-x:auto;font-family:Consolas,Monaco,"Courier New",monospace}.blog-main-content code{background:#f1f3f5;padding:2px 6px;border-radius:4px;font-size:.9em}.table-wrapper{overflow-x:auto;margin:1.5rem 0}.blog-main-content table{width:100%;min-width:600px;border-collapse:collapse;margin:1.5rem 0}.blog-main-content table thead th,.blog-main-content table tbody td{border:1px solid #dee2e6;padding:12px 16px;text-align:left;vertical-align:top}.blog-main-content table thead th{background:#f8f9fa;font-weight:700;color:#212529}.blog-main-content table tbody tr:nth-child(even){background:#fafafa}.blog-main-content table tbody tr:hover{background:#f5f9ff}.blog-main-content table td[data-row],.blog-main-content table th[data-row]{border:1px solid #dee2e6}.blog-main-content .ql-align-center{text-align:center}.blog-main-content .ql-align-right{text-align:right}.blog-main-content .ql-align-justify{text-align:justify}@media(max-width:768px){.hero-text{font-size:1rem}.blog-main-content{font-size:1rem}.blog-main-content h1{font-size:1.75rem}.blog-main-content h2{font-size:1.5rem}.blog-main-content h3{font-size:1.25rem}.blog-main-content table{font-size:.9rem}.blog-main-content table th,.blog-main-content table td{padding:8px 10px}.blog-main-content .ql-code-block{font-size:.85rem}.page-meta{gap:.5rem}}.page-meta{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;font-size:.85rem;color:var(--text-muted)}@media print{.desktop-toc-sticky,.mobile-toc-only,.ad-container,.share-buttons,.author-box,#reading-progress,.action-buttons,.sidebar,aside{display:none !important}.blog-main-content{max-width:100%}.blog-main-content p{color:#000}a{color:#000;text-decoration:none}}