body.single-blog{background:#f8f9fc}.single-blog-article{min-height:100vh}.blog-hero{position:relative;display:flex;flex-direction:column;background:#0f172a;overflow:hidden;margin-top:0}.blog-hero__image{position:relative;width:100%;height:calc(clamp(280px,40vw,500px) + var(--header-height, 80px));overflow:hidden}.blog-hero__image img{width:100%;height:100%;object-fit:cover;object-position:center}.blog-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(15, 23, 42, 0.6) 0%, rgba(15, 23, 42, 0.1) 50%, transparent 100%);pointer-events:none}.blog-hero__content{position:relative;z-index:2;width:100%;padding:40px 20px 50px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%)}.blog-hero__inner{max-width:900px;margin:0 auto}.blog-hero--no-image{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%)}.blog-hero--no-image .blog-hero__content{padding-top:calc(var(--header-height, 80px) + 60px);padding-bottom:60px}.blog-breadcrumbs{margin-bottom:20px}.blog-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blog-breadcrumbs li{display:flex;align-items:center;font-size:13px;color:hsla(0,0%,100%,.6)}.blog-breadcrumbs li:not(:last-child)::after{content:"›";margin-left:8px;color:hsla(0,0%,100%,.4);font-size:14px}.blog-breadcrumbs a{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .2s ease}.blog-breadcrumbs a:hover{color:#fff;text-decoration:none}.blog-breadcrumbs span{color:hsla(0,0%,100%,.5)}.blog-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.blog-category-tag{display:inline-flex;align-items:center;padding:6px 14px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:all .2s ease}.blog-category-tag:hover{background:hsla(0,0%,100%,.25);text-decoration:none;transform:translateY(-1px)}.blog-hero__title{margin:0 0 20px;font-family:"Playfair Display","Playfair",Georgia,serif;font-size:clamp(34px,5.3vw,78px);font-weight:500;line-height:1.06;letter-spacing:-0.015em;text-transform:uppercase;text-wrap:balance;color:#fff}.blog-meta-info{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.blog-meta-info__item{display:flex;align-items:center;gap:8px;font-size:14px;color:hsla(0,0%,100%,.75)}.blog-meta-icon{width:16px;height:16px;flex-shrink:0;position:relative}.blog-meta-icon--calendar::before{content:"";display:block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.blog-meta-icon--clock::before{content:"";display:block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.blog-meta-info__divider{width:4px;height:4px;background:hsla(0,0%,100%,.4);border-radius:50%}.blog-content-wrapper{background:#f8f9fc;padding:50px 20px 80px}.blog-content-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}.blog-main-content{background:#fff;border:1px solid #e2e8f0;border-radius:0;padding:clamp(28px,4vw,48px);box-shadow:none}.blog-prose{color:#1e293b;font-size:18px;line-height:1.8}.blog-prose>*:first-child{margin-top:0}.blog-prose>*:last-child{margin-bottom:0}.blog-prose p{margin:0 0 1.5em}.blog-prose h2{margin:2.5em 0 .8em;font-family:"Playfair Display",Playfair,Georgia,serif;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.25;color:#0f172a;text-transform:none;letter-spacing:-0.01em}.blog-prose h3{margin:2em 0 .6em;font-family:"Playfair Display",Playfair,Georgia,serif;font-size:clamp(20px,2.5vw,26px);font-weight:600;line-height:1.3;color:#1e293b;text-transform:none}.blog-prose h4{margin:1.8em 0 .5em;font-size:20px;font-weight:600;color:#334155;text-transform:none}.blog-prose a{color:var(--geeksfl-color-primary, #0085f5);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s ease}.blog-prose a:hover{color:var(--geeksfl-color-primary-hover, color-mix(in srgb, var(--geeksfl-color-primary, #0085f5) 88%, #11151c 12%))}.blog-prose strong{font-weight:600;color:#0f172a}.blog-prose ul,.blog-prose ol{margin:1.5em 0;padding-left:1.5em}.blog-prose li{margin-bottom:.5em}.blog-prose li::marker{color:var(--geeksfl-color-primary, #0085f5)}.blog-prose blockquote{margin:2em 0;padding:24px 28px;background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);border-left:4px solid var(--geeksfl-color-primary, #0085f5);border-radius:0 12px 12px 0;font-style:italic;color:#334155}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose img{max-width:100%;height:auto;border-radius:0;margin:2em 0;box-shadow:none}.blog-prose figure{margin:2em 0}.blog-prose figcaption{margin-top:12px;font-size:14px;color:#64748b;text-align:center;font-style:italic}.blog-prose pre,.blog-prose code{font-family:"SF Mono",Monaco,"Cascadia Code",monospace}.blog-prose code{padding:2px 6px;background:#f1f5f9;border-radius:4px;font-size:.9em;color:#e11d48}.blog-prose pre{margin:2em 0;padding:20px 24px;background:#0f172a;border-radius:12px;overflow-x:auto}.blog-prose pre code{padding:0;background:rgba(0,0,0,0);color:#e2e8f0;font-size:14px}.blog-prose hr{margin:3em 0;border:none;height:1px;background:linear-gradient(90deg, transparent, #e2e8f0, transparent)}.blog-prose table{width:100%;margin:2em 0;border-collapse:collapse;font-size:15px}.blog-prose th,.blog-prose td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.blog-prose th{background:#f8fafc;font-weight:600;color:#0f172a}.blog-prose tr:hover td{background:#f8fafc}.blog-share-section{margin-top:48px;padding-top:32px;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.blog-share-label{font-size:14px;font-weight:500;color:#64748b}.blog-share-buttons{display:flex;gap:10px}.blog-share-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;text-decoration:none;transition:all .2s ease;cursor:pointer}.blog-share-btn svg,.blog-share-btn .share-icon{width:20px;height:20px;fill:currentColor}.blog-share-btn .copy-icon{display:block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.blog-share-btn--copy:hover .copy-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E")}.blog-share-btn--copy.copied .copy-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}.blog-share-btn:hover{text-decoration:none}.blog-share-btn--facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.blog-share-btn--twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.blog-share-btn--linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.blog-share-btn--copy:hover{background:var(--geeksfl-color-primary, #0085f5);border-color:var(--geeksfl-color-primary, #0085f5);color:#fff}.blog-share-btn--copy.copied{background:#10b981;border-color:#10b981;color:#fff}.blog-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px}.blog-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:0;padding:24px;box-shadow:none}.blog-sidebar-card h3{margin:0 0 16px;font-family:"Work Sans","Avenir Next",sans-serif;font-size:12px;font-weight:600;color:#0f172a;text-transform:uppercase;letter-spacing:.16em}.blog-toc ul{list-style:none;margin:0;padding:0}.blog-toc li{margin-bottom:8px}.blog-toc li:last-child{margin-bottom:0}.blog-toc a{display:block;padding:8px 12px;font-size:14px;color:#475569;text-decoration:none;border-left:1px solid rgba(0,0,0,0);border-radius:0;transition:all .2s ease;line-height:1.4}.blog-toc a:hover{background:rgba(0,0,0,0);border-left-color:#11151c;color:var(--geeksfl-color-primary, #0085f5);text-decoration:none}.blog-toc .toc-h3 a{padding-left:24px;font-size:13px;color:#64748b}.blog-sidebar-posts{list-style:none;margin:0;padding:0}.blog-sidebar-posts li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #f1f5f9}.blog-sidebar-posts li:first-child{padding-top:0}.blog-sidebar-posts li:last-child{padding-bottom:0;border-bottom:none}.blog-sidebar-post-thumb{flex-shrink:0;width:64px;height:64px;border-radius:0;overflow:hidden}.blog-sidebar-post-thumb picture,.blog-sidebar-post-thumb img{width:100%;height:100%;object-fit:cover}.blog-sidebar-post-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.blog-sidebar-post-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:500;line-height:1.4;color:#1e293b;text-decoration:none;margin-bottom:4px}.blog-sidebar-post-title:hover{color:var(--geeksfl-color-primary, #0085f5);text-decoration:none}.blog-sidebar-post-date{font-size:12px;color:#94a3b8}.blog-sidebar-empty{margin:0;font-size:14px;color:#64748b;font-style:italic}.blog-sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-sidebar-tag{display:inline-flex;padding:8px 14px;background:#f1f5f9;border-radius:50px;font-size:13px;font-weight:500;color:#475569;text-decoration:none;transition:all .2s ease}.blog-sidebar-tag:hover{background:var(--geeksfl-color-primary, #0085f5);color:#fff;text-decoration:none}.blog-related-section{background:#fff;padding:80px 20px}.blog-related-container{max-width:1200px;margin:0 auto}.blog-related-section h2{margin:0 0 40px;font-family:"Playfair Display",Playfair,Georgia,serif;font-size:clamp(28px,4vw,40px);font-weight:700;color:#0f172a;text-align:center;text-transform:none}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px}.blog-related-card{background:#fff;border:1px solid #e2e8f0;border-radius:0;overflow:hidden;box-shadow:none;transition:border-color .2s ease,background-color .2s ease}.blog-related-card:hover{border-color:#cbd5e1;background:#fff}.blog-related-card__image{display:block;aspect-ratio:16/10;overflow:hidden}.blog-related-card__image picture,.blog-related-card__image img{width:100%;height:100%;object-fit:cover;transition:none}.blog-related-card:hover .blog-related-card__image img{transform:none}.blog-related-card__content{padding:24px}.blog-related-card__category{display:inline-block;margin-bottom:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--geeksfl-color-primary, #0085f5)}.blog-related-card__content h3{margin:0 0 12px;font-family:"Playfair Display",Playfair,Georgia,serif;font-size:20px;font-weight:600;line-height:1.35;text-transform:none}.blog-related-card__content h3 a{color:#0f172a;text-decoration:none;transition:color .2s ease}.blog-related-card__content h3 a:hover{color:var(--geeksfl-color-primary, #0085f5);text-decoration:none}.blog-related-card__date{font-size:13px;color:#94a3b8}@media(max-width: 1024px){.blog-content-container{grid-template-columns:1fr;max-width:800px}.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px}.blog-toc-card{display:none}}@media(max-width: 768px){.blog-hero__image{height:calc(clamp(240px,56vw,350px) + var(--header-height, 80px))}.blog-hero__content{padding:30px 20px 36px}.blog-hero__title{font-size:clamp(26px,6vw,36px)}.blog-content-wrapper{padding:30px 16px 60px}.blog-main-content{padding:24px;border-radius:0}.blog-prose{font-size:16px;line-height:1.75}.blog-related-section{padding:60px 16px}.blog-related-grid{grid-template-columns:1fr;gap:24px}.blog-sidebar{grid-template-columns:1fr}}@media(max-width: 480px){.blog-hero__image{height:calc(clamp(220px,72vw,280px) + var(--header-height, 80px))}.blog-hero__content{padding:24px 16px 30px}.blog-category-tag{padding:5px 10px;font-size:11px}.blog-meta-info{gap:12px}.blog-meta-info__item{font-size:13px}.blog-share-section{flex-direction:column;gap:12px}}@media print{.blog-hero__image,.blog-sidebar,.blog-share-section,.blog-related-section{display:none !important}.blog-hero{margin-top:0;background:none !important}.blog-hero__content{background:none !important;padding:20px 0}.blog-hero__title{color:#000 !important}.blog-breadcrumbs li,.blog-breadcrumbs a,.blog-breadcrumbs span,.blog-category-tag,.blog-meta-info__item{color:#333 !important}.blog-content-container{grid-template-columns:1fr}.blog-main-content{box-shadow:none}}