/* SeatWise — blog.css — Blog list + single post styles */

/* ── BLOG LIST (blog.html) ── */

/* Page Hero */
.blog-hero{padding:110px 0 0;background:linear-gradient(135deg,#1E1B4B 0%,var(--indigo) 60%,#4338CA 100%);position:relative;overflow:hidden;}
.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none;}
.hb1{width:500px;height:500px;background:var(--emerald);right:-80px;top:-80px;}
.hb2{width:400px;height:400px;background:#818CF8;left:-60px;bottom:-60px;}
.blog-hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.blog-hero-left h1{font-size:clamp(30px,4.5vw,50px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:16px;}
.blog-hero-left h1 em{font-style:normal;color:#A5B4FC;}
.blog-hero-left p{font-size:16px;color:rgba(255,255,255,.7);line-height:1.65;margin-bottom:28px;}
.breadcrumb{z-index: 1;position: relative;padding-bottom: 15px;display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;color:rgba(255,255,255,.55);}
.breadcrumb a{color:rgb(23 23 23 / 55%);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:#3730a3;}
.breadcrumb span{color:rgb(23 23 23 / 55%);}

/* Search */
.blog-search{display:flex;gap:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2);}
.blog-search input{flex:1;padding:14px 18px;border:none;font-family:'Manrope',sans-serif;font-size:14px;color:var(--text);outline:none;}
.blog-search input::placeholder{color:var(--text-light);}
.blog-search button{padding:14px 20px;background:var(--indigo);color:#fff;border:none;cursor:pointer;font-size:16px;transition:background .2s;}
.blog-search button:hover{background:var(--indigo-dark);}

/* Hero stats */
.blog-hero-stats{display:flex;flex-direction:column;gap:12px;}
.bhs-item{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:14px;}
.bhs-icon{font-size:24px;}
.bhs-label{font-size:12px;color:rgba(255,255,255,.6);font-weight:500;}
.bhs-val{font-size:15px;font-weight:700;color:#fff;}

/* Category Filter */
.cat-filter{background:#fff;border-bottom:1px solid var(--border);padding:0;position:sticky;top:68px;z-index:90;}
.cat-filter-inner{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;}
.cat-filter-inner::-webkit-scrollbar{display:none;}
.cat-btn{padding:16px 22px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:600;color:var(--text-sec);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:6px;}
.cat-btn:hover{color:var(--indigo);}
.cat-btn.active{color:var(--indigo);border-bottom-color:var(--indigo);}
.cat-count{font-size:11px;background:var(--bg-gray);color:var(--text-sec);padding:2px 7px;border-radius:100px;font-weight:700;}
.cat-btn.active .cat-count{background:var(--indigo-light);color:var(--indigo);}

/* Blog Layout */
.blog-section{padding:56px 0 80px;}
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:52px;align-items:start;}

/* Featured Post */
.featured-post{background:#fff;border-radius:20px;border:1.5px solid var(--border);overflow:hidden;margin-bottom:36px;display:grid;grid-template-columns:1fr 1fr;transition:all .3s;}
.featured-post:hover{box-shadow:0 16px 48px rgba(55,48,163,.1);border-color:#C7D2FE;}
.featured-img{background:linear-gradient(135deg,var(--indigo) 0%,#4338CA 100%);min-height:280px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.featured-img-inner{padding:32px;text-align:center;}
.featured-emoji{font-size:64px;margin-bottom:16px;display:block;}
.featured-img-title{font-size:15px;font-weight:700;color:rgba(255,255,255,.8);line-height:1.4;}
.feat-badge{position:absolute;top:16px;left:16px;background:var(--emerald);color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;}
.featured-body{padding:32px 36px;display:flex;flex-direction:column;justify-content:center;}
.post-cat-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;font-size:12px;font-weight:700;margin-bottom:14px;text-decoration:none;}
.pct-business{background:var(--indigo-light);color:var(--indigo);}
.pct-howto{background:var(--emerald-light);color:var(--emerald-dark);}
.pct-comparison{background:var(--amber-light);color:#92400E;}
.pct-tips{background:#F3E8FF;color:#7C3AED;}
.pct-city{background:#EFF6FF;color:#1D4ED8;}
.featured-title{font-size:22px;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:12px;text-decoration:none;display:block;}
.featured-title:hover{color:var(--indigo);}
.featured-excerpt{font-size:14px;color:var(--text-sec);line-height:1.7;margin-bottom:20px;}
.post-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.post-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-light);font-weight:500;}
.author-dot{width:24px;height:24px;border-radius:50%;background:var(--indigo-light);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--indigo);}
.read-more{font-size:14px;font-weight:700;color:var(--indigo);text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin-top:4px;}
.read-more:hover{gap:10px;}

/* Post Grid */
.posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.post-card{background:#fff;border-radius:16px;border:1px solid var(--border);overflow:hidden;transition:all .3s;display:flex;flex-direction:column;}
.post-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(55,48,163,.08);border-color:#C7D2FE;}
.post-card-img{height:160px;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;}
.post-card-body{padding:20px;flex:1;display:flex;flex-direction:column;}
.post-card-title{font-size:16px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:10px;text-decoration:none;flex:1;display:block;}
.post-card-title:hover{color:var(--indigo);}
.post-card-excerpt{font-size:13px;color:var(--text-sec);line-height:1.65;margin-bottom:16px;}
.post-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);margin-top:auto;}
.post-card-date{font-size:12px;color:var(--text-light);font-weight:500;}
.post-card-read{font-size:12px;font-weight:700;color:var(--indigo);text-decoration:none;}

/* Gradient images for post cards */
.img-grad-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}
.img-grad-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);}
.img-grad-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);}
.img-grad-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);}
.img-grad-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);}
.img-grad-6{background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%);}
.img-grad-7{background:linear-gradient(135deg,#fccb90 0%,#d57eeb 100%);}
.img-grad-8{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%);}

/* Load More */
.load-more-wrap{text-align:center;margin-top:36px;}

/* Sidebar */
.blog-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:132px;}
.sidebar-card{background:#fff;border-radius:16px;border:1px solid var(--border);padding:24px;overflow:hidden;}
.sidebar-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);}

/* Search sidebar */
.sb-search{display:flex;gap:8px;}
.sb-search input{flex:1;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-family:'Manrope',sans-serif;font-size:13px;outline:none;transition:border-color .2s;}
.sb-search input:focus{border-color:var(--indigo);}
.sb-search button{padding:10px 14px;background:var(--indigo);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;}

/* Categories sidebar */
.sb-cat-list{display:flex;flex-direction:column;gap:4px;}
.sb-cat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;color:var(--text-sec);transition:all .2s;}
.sb-cat-item:hover,.sb-cat-item.active{background:var(--indigo-light);color:var(--indigo);}
.sb-cat-count{font-size:12px;background:var(--bg-gray);padding:2px 8px;border-radius:100px;font-weight:700;}
.sb-cat-item.active .sb-cat-count{background:rgba(55,48,163,.1);}

/* Popular posts sidebar */
.popular-post{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);}
.popular-post:last-child{border-bottom:none;padding-bottom:0;}
.pp-num{font-size:22px;font-weight:800;color:var(--border);flex-shrink:0;line-height:1.2;}
.pp-info{}
.pp-title{font-size:13px;font-weight:700;color:var(--text);line-height:1.4;text-decoration:none;display:block;margin-bottom:4px;}
.pp-title:hover{color:var(--indigo);}
.pp-meta{font-size:11px;color:var(--text-light);}

/* CTA sidebar */
.sb-cta{background:linear-gradient(135deg,var(--indigo) 0%,#4338CA 100%);border-radius:16px;padding:24px;text-align:center;border:none;}
.sb-cta-icon{font-size:32px;margin-bottom:12px;}
.sb-cta-title{font-size:16px;font-weight:800;color:#fff;margin-bottom:8px;}
.sb-cta-desc{font-size:13px;color:rgba(255,255,255,.7);line-height:1.55;margin-bottom:20px;}
.sb-cta-btn{display:block;padding:12px 20px;background:#fff;color:var(--indigo);border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;}
.sb-cta-btn:hover{background:#f0f0ff;}

/* Newsletter sub in sidebar */
.sb-newsletter-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-family:'Manrope',sans-serif;font-size:13px;outline:none;margin-bottom:10px;transition:border-color .2s;}
.sb-newsletter-input:focus{border-color:var(--indigo);}
.sb-newsletter-btn{width:100%;padding:11px;background:var(--indigo);color:#fff;border:none;border-radius:8px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s;}
.sb-newsletter-btn:hover{background:var(--indigo-dark);}

/* Tags cloud */
.tags-cloud{display:flex;flex-wrap:wrap;gap:8px;}
.tag-pill{padding:6px 12px;background:var(--bg-gray);border-radius:100px;font-size:12px;font-weight:600;color:var(--text-sec);text-decoration:none;transition:all .2s;}
.tag-pill:hover{background:var(--indigo-light);color:var(--indigo);}

/* Newsletter Section */
.newsletter-section{background:var(--bg-gray);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 0;}
.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.nl-left h2{font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--text);margin-bottom:10px;}
.nl-left p{font-size:15px;color:var(--text-sec);line-height:1.65;}
.nl-badges{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap;}
.nl-badge{font-size:12px;font-weight:600;color:var(--text-sec);display:flex;align-items:center;gap:5px;}
.nl-form{display:flex;flex-direction:column;gap:12px;}
.nl-form-row{display:flex;gap:10px;}
.nl-input{flex:1;padding:14px 18px;border:1.5px solid var(--border);border-radius:10px;font-family:'Manrope',sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s;}
.nl-input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(55,48,163,.1);}
.nl-input::placeholder{color:var(--text-light);}
.nl-btn{padding:14px 24px;background:var(--indigo);color:#fff;border:none;border-radius:10px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;}
.nl-btn:hover{background:var(--indigo-dark);}
.nl-note{font-size:12px;color:var(--text-light);}


/* ── BLOG DETAIL (blog-detail.html) ── */

/* Reading Progress Bar */
.read-progress-wrap{position:fixed;top:68px;left:0;right:0;z-index:99;height:3px;background:var(--border);}
.read-progress-bar{height:100%;background:linear-gradient(90deg,var(--indigo),var(--emerald));width:0%;transition:width .1s;}

/* Article Hero */
.article-hero{margin-top: 70px;padding:10px 30px;background:linear-gradient(180deg,var(--bg-gray) 0%,#fff 100%);}
.article-cat-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:100px;font-size:12px;font-weight:700;background:var(--indigo-light);color:var(--indigo);text-decoration:none;margin-bottom:16px;}
.article-h1{font-size:clamp(28px,4.5vw,46px);font-weight:800;line-height:1.15;color:var(--text);margin-bottom:20px;}
.article-excerpt{font-size:18px;color:var(--text-sec);line-height:1.7;margin-bottom:28px;}
.article-meta-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:0;}
.meta-author{display:flex;align-items:center;gap:10px;}
.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--indigo);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;}
.author-name{font-size:14px;font-weight:700;color:var(--text);}
.author-title{font-size:12px;color:var(--text-sec);}
.meta-divider{width:1px;height:32px;background:var(--border);}
.meta-item{font-size:13px;color:var(--text-sec);display:flex;align-items:center;gap:5px;}
.meta-item strong{color:var(--text);}

/* Share bar */
.share-bar{display:flex;align-items:center;gap:8px;margin-left:auto;}
.share-label{font-size:12px;color:var(--text-light);font-weight:600;}
.share-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;text-decoration:none;transition:all .2s;}
.share-btn:hover{background:var(--indigo-light);border-color:var(--indigo);}

/* Article Layout */
.article-layout{padding:56px 0 80px;}
.article-grid{display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:start;}

/* Article Content */
.article-content{}

/* TOC box */
.toc-box{background:var(--bg-gray);border:1.5px solid var(--border);border-radius:16px;padding:24px;margin-bottom:40px;}
.toc-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.toc-list{display:flex;flex-direction:column;gap:4px;list-style:none;}
.toc-item{padding:6px 12px;border-radius:8px;transition:background .2s;}
.toc-item:hover{background:var(--border);}
.toc-link{font-size:14px;color:var(--text-sec);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:8px;}
.toc-link:hover{color:var(--indigo);}
.toc-link.active{color:var(--indigo);font-weight:700;}
.toc-num{font-size:12px;font-weight:700;color:var(--text-light);width:20px;flex-shrink:0;}

/* Article body typography */
.article-body{font-size:17px;line-height:1.8;color:var(--text);}
.article-body h2{font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--text);line-height:1.25;margin:52px 0 20px;padding-top:8px;border-top:2px solid var(--indigo-light);}
.article-body h2:first-child{margin-top:0;border-top:none;}
.article-body h3{font-size:18px;font-weight:700;color:var(--text);margin:32px 0 14px;line-height:1.35;}
.article-body p{margin-bottom:20px;color:#374151;}
.article-body ul,.article-body ol{margin:16px 0 20px 0;padding-left:0;list-style:none;}
.article-body li{padding:8px 0 8px 28px;position:relative;color:#374151;font-size:16px;line-height:1.65;border-bottom:1px solid var(--bg-gray);}
.article-body li:last-child{border-bottom:none;}
.article-body ul li::before{content:'\2713';position:absolute;left:0;color:var(--emerald-dark);font-weight:700;font-size:14px;top:10px;}
.article-body ol{counter-reset:list-counter;}
.article-body ol li{counter-increment:list-counter;}
.article-body ol li::before{content:counter(list-counter);position:absolute;left:0;width:20px;height:20px;background:var(--indigo);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;top:9px;}
.article-body strong{font-weight:700;color:var(--text);}
.article-body em{font-style:italic;}
.article-body a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px;font-weight:600;}
.article-body a:hover{color:var(--indigo-dark);}

/* Callout boxes */
.callout{border-radius:12px;padding:20px 24px;margin:28px 0;display:flex;gap:14px;align-items:flex-start;}
.callout-tip{background:var(--emerald-light);border-left:4px solid var(--emerald);}
.callout-warn{background:#FEF9C3;border-left:4px solid var(--amber);}
.callout-info{background:var(--indigo-light);border-left:4px solid var(--indigo);}
.callout-icon{font-size:20px;flex-shrink:0;margin-top:2px;}
.callout-body{flex:1;}
.callout-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:6px;}
.callout-text{font-size:14px;color:var(--text);line-height:1.65;}

/* Cost table */
.cost-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;border:1px solid var(--border);margin:24px 0;}
.cost-table th{padding:14px 18px;background:var(--indigo);color:#fff;font-size:13px;font-weight:700;text-align:left;}
.cost-table td{padding:13px 18px;font-size:14px;border-top:1px solid var(--border);}
.cost-table td:first-child{font-weight:600;color:var(--text);}
.cost-table td:not(:first-child){color:var(--text-sec);}
.cost-table tr:nth-child(even) td{background:var(--bg-gray);}
.cost-table tfoot td{background:#F0FDF4;font-weight:700;color:var(--emerald-dark);border-top:2px solid var(--emerald);}

/* Revenue calc block */
.revenue-calc{background:var(--bg-dark);border-radius:16px;padding:28px;margin:28px 0;color:#fff;}
.rc-title{font-size:16px;font-weight:700;color:#A5B4FC;margin-bottom:16px;}
.rc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);}
.rc-row:last-child{border-bottom:none;padding-top:14px;margin-top:4px;}
.rc-label{font-size:14px;color:rgba(255,255,255,.7);}
.rc-val{font-size:16px;font-weight:700;color:#fff;}
.rc-total .rc-label{color:#A5B4FC;font-weight:700;}
.rc-total .rc-val{font-size:22px;color:var(--emerald);}

/* Quote */
.pull-quote{border-left:4px solid var(--indigo);padding:16px 24px;margin:32px 0;background:var(--bg-gray);border-radius:0 12px 12px 0;}
.pull-quote p{font-size:18px;font-style:italic;color:var(--text);line-height:1.6;margin:0;}
.pull-quote cite{font-size:13px;color:var(--text-sec);font-style:normal;display:block;margin-top:8px;}

/* Step blocks */
.step-block{display:flex;gap:20px;margin-bottom:24px;padding:20px 0;border-bottom:1px solid var(--border);}
.step-block:last-child{border-bottom:none;}
.step-number{width:40px;height:40px;border-radius:50%;background:var(--indigo);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;flex-shrink:0;}
.step-content h3{font-size:17px;font-weight:700;margin-bottom:8px;color:var(--text);}
.step-content p{font-size:15px;color:var(--text-sec);line-height:1.7;margin:0;}

/* Tags in article */
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border);}
.article-tag{padding:6px 14px;background:var(--bg-gray);border-radius:100px;font-size:13px;font-weight:600;color:var(--text-sec);text-decoration:none;transition:all .2s;}
.article-tag:hover{background:var(--indigo-light);color:var(--indigo);}

/* Author bio */
.author-bio{background:var(--bg-gray);border-radius:16px;padding:28px;margin-top:48px;display:flex;gap:20px;align-items:flex-start;}
.bio-avatar{width:64px;height:64px;border-radius:50%;background:var(--indigo);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;flex-shrink:0;}
.bio-name{font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px;}
.bio-title{font-size:13px;color:var(--indigo);font-weight:600;margin-bottom:10px;}
.bio-text{font-size:14px;color:var(--text-sec);line-height:1.65;}

/* Article Sidebar */
.article-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px;}
.as-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px;overflow:hidden;}
.as-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-sec);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border);}

/* Sticky TOC in sidebar */
.as-toc-list{list-style:none;display:flex;flex-direction:column;gap:2px;}
.as-toc-link{font-size:13px;color:var(--text-sec);text-decoration:none;padding:6px 10px;border-radius:6px;display:block;transition:all .2s;line-height:1.4;font-weight:500;}
.as-toc-link:hover{background:var(--bg-gray);color:var(--text);}
.as-toc-link.active{background:var(--indigo-light);color:var(--indigo);font-weight:700;}

/* CTA sidebar (detail) */
.as-cta{background:linear-gradient(135deg,var(--indigo) 0%,#4338CA 100%);border-radius:16px;padding:22px;text-align:center;border:none;}
.as-cta-title{font-size:15px;font-weight:800;color:#fff;margin-bottom:8px;}
.as-cta-desc{font-size:13px;color:rgba(255,255,255,.7);line-height:1.55;margin-bottom:16px;}
.as-cta-btn{display:block;padding:11px 16px;background:#fff;color:var(--indigo);border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;}
.as-cta-btn:hover{background:#f0f0ff;}

/* Related posts sidebar */
.rel-post{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);}
.rel-post:last-child{border-bottom:none;padding-bottom:0;}
.rel-img{width:56px;height:56px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;}
.rel-title{font-size:13px;font-weight:700;color:var(--text);line-height:1.4;text-decoration:none;display:block;margin-bottom:4px;}
.rel-title:hover{color:var(--indigo);}
.rel-meta{font-size:11px;color:var(--text-light);}

/* Article FAQ section */
.article-faq{padding:64px 0;background:var(--bg-gray);border-top:1px solid var(--border);}

/* Related Posts section */
.related-section{padding:64px 0;border-top:1px solid var(--border);}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
.related-card{background:#fff;border-radius:16px;border:1px solid var(--border);overflow:hidden;transition:all .3s;text-decoration:none;display:flex;flex-direction:column;}
.related-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(55,48,163,.08);border-color:#C7D2FE;}
.related-card-img{height:120px;display:flex;align-items:center;justify-content:center;font-size:40px;}
.related-card-body{padding:18px;}
.related-card-cat{font-size:11px;font-weight:700;color:var(--indigo);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em;}
.related-card-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:8px;}
.related-card:hover .related-card-title{color:var(--indigo);}
.related-card-meta{font-size:12px;color:var(--text-light);}

/* CTA Banner */
.article-cta-banner{background:linear-gradient(135deg,#1E1B4B 0%,var(--indigo) 50%,#2D2580 100%);padding:64px 0;position:relative;overflow:hidden;text-align:center;}
.cta-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none;}
.cb1{width:400px;height:400px;background:var(--emerald);left:-80px;bottom:-80px;}
.cb2{width:300px;height:300px;background:#818CF8;right:-40px;top:-40px;}
.cta-inner-rel{position:relative;}
.cta-h2{font-size:clamp(24px,4vw,40px);font-weight:800;color:#fff;margin-bottom:12px;}
.cta-p{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:32px;}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}


/* ── MOBILE ── */

@media(max-width:900px){
  /* Blog list */
  .blog-layout{grid-template-columns:1fr;}
  .blog-sidebar{display:none;}
  .featured-post{grid-template-columns:1fr;}
  .featured-img{min-height:180px;}
  .blog-hero-inner{grid-template-columns:1fr;}
  .newsletter-inner{grid-template-columns:1fr;}
  /* Blog detail */
  .article-grid{grid-template-columns:1fr;}
  .article-sidebar{display:none;}
  .related-grid{grid-template-columns:1fr 1fr;}
}

@media(max-width:768px){
  /* Blog list */
  .posts-grid{grid-template-columns:1fr;}
  .nl-form-row{flex-direction:column;}
  /* Blog detail */
  .article-meta-bar{gap:12px;}
  .share-bar{display:none;}
  .related-grid{grid-template-columns:1fr;}
  .meta-divider{display:none;}
}

@media(max-width:480px){
  /* Blog list */
  .blog-hero-stats{display:none;}
  /* Blog detail */
  .cta-row{flex-direction:column;align-items:center;}
  .article-body h2{font-size:22px;}
  .cost-table{font-size:13px;}
}