/* ============================================================================
   AIE SINGLE POST V2 COMPACT STYLES
   ========================================================================= */
html body.single-post, body.single-post, body.single-post[class] { background-color: #fff !important; background-image: none !important; }
html, body, body.single-post #wrapper, body.single-post #main, body.single-post .page-wrapper, body.single-post .single-main { overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; height: auto !important; min-height: 100%; }
.single-post .container { max-width: 1320px !important; width: min(1320px, calc(100% - 32px)) !important; margin: 0 auto; }
.post-hero{padding:54px 0 34px;background:linear-gradient(180deg,#fff,#FAFCFF);border-bottom:1px solid rgba(102,3,243,.08)}
.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--aie-muted);font-size:13px;font-weight:700;margin-bottom:18px}
.breadcrumb a{color:var(--aie-blue)}
.post-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:end}
.post-title h1{font-size:clamp(34px,4.5vw,58px);line-height:1.06;color:var(--aie-dark);letter-spacing:-1.7px;margin:14px 0 14px}
.post-title .excerpt{font-size:17px;color:var(--aie-muted);max-width:830px}
.post-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px;color:var(--aie-muted);font-size:13px;font-weight:800}
.author-mini{display:flex;align-items:center;gap:10px}
.author-avatar{width:42px;height:42px;border-radius:50%;background:var(--aie-gradient);flex:0 0 auto}
.post-hero-card{padding:22px;border-radius:26px;background:#fff;border:1px solid rgba(102,3,243,.12);box-shadow:0 12px 34px rgba(23,43,93,.045)}
.post-hero-card h3{font-size:18px;color:var(--aie-dark);margin-bottom:12px}
.hero-list{display:grid;gap:10px}
.hero-list li{list-style:none;display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:13px;color:var(--aie-text);font-weight:700}
.hero-list li:before{content:"✓";width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(4,100,249,.08);color:var(--aie-blue);font-size:11px;font-weight:900}
.cover-wrap{padding:34px 0 0}
.post-cover{height:520px;border-radius:34px;overflow:hidden;position:relative;box-shadow:0 22px 60px rgba(16,35,78,.12);border:1px solid rgba(102,3,243,.10)}
.post-cover img{width:100%;height:100%;object-fit:cover}
.post-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,17,38,.02),rgba(8,17,38,.30))}

.single-main{padding:56px 0 78px}
.single-layout{display:grid;grid-template-columns:1fr 330px;gap:42px;}
.article-card{padding:0;background:#fff;border:none;box-shadow:none;}
.article-content{font-size:17px;color:#344054}
.article-content > * + *{margin-top:20px}
.article-content p{line-height:1.85}
.article-content h2{font-size:clamp(25px,2.5vw,34px);line-height:1.22;color:var(--aie-dark);letter-spacing:-.7px;margin-top:42px; scroll-margin-top: 100px;}
.article-content h3{font-size:22px;line-height:1.3;color:var(--aie-dark);margin-top:32px; scroll-margin-top: 100px;}
.article-content a{color:var(--aie-blue);font-weight:800}
.article-content ul,.article-content ol{padding-left:24px}
.article-content li{margin:8px 0}
.article-content blockquote{margin:34px 0;padding:26px;border-radius:28px;background:radial-gradient(circle at 90% 20%,rgba(19,168,252,.14),transparent 34%),linear-gradient(135deg,#081126,#132652);color:#fff;font-size:22px;line-height:1.55;font-weight:800}
.article-content blockquote cite{display:block;margin-top:12px;color:rgba(255,255,255,.70);font-size:13px;font-style:normal;font-weight:700}
.content-image, .wp-block-image, .article-content > img, .article-content p > img {margin:34px 0;border-radius:28px;overflow:hidden;border:1px solid rgba(102,3,243,.10);box-shadow:0 14px 34px rgba(23,43,93,.06); max-width: 100%; height: auto; display: block;}
.content-image img, .wp-block-image img {width:100%;height:auto; border-radius: 28px;}
.image-caption{padding:12px 16px;background:#F8FAFF;color:var(--aie-muted);font-size:13px;text-align:center}
.highlight-box{padding:24px;border-radius:28px;background:linear-gradient(180deg,#fff,#F8FAFF);border:1px solid rgba(102,3,243,.14);box-shadow:0 12px 30px rgba(23,43,93,.045)}
.highlight-box h3{margin-top:0}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.check-item{padding:16px;border-radius:18px;background:#F7FAFF;border:1px solid rgba(102,3,243,.08)}
.check-item strong{display:block;color:var(--aie-dark);margin-bottom:4px}
.check-item span{display:block;font-size:14px;color:var(--aie-muted)}
.inline-cta{margin:42px 0;padding:30px;border-radius:30px;background:radial-gradient(circle at 84% 18%,rgba(19,168,252,.22),transparent 34%),linear-gradient(135deg,#081126,#132652);color:#fff;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;overflow:hidden;position:relative}
.inline-cta h3{font-size:26px;line-height:1.2;margin:0 0 8px; color: #fff !important;}
.inline-cta p{color:rgba(255,255,255,.78);font-size:15px}
.inline-cta .btn {text-decoration: none;}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(102,3,243,.08)}
.article-tags a{padding:8px 11px;border-radius:999px;background:#F7FAFF;color:var(--aie-blue);font-size:12px;font-weight:900}
.author-box{margin-top:30px;padding:24px;border-radius:28px;background:#fff;border:1px solid rgba(102,3,243,.12);display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center}
.author-box .avatar{width:72px;height:72px;border-radius:50%;background:var(--aie-gradient)}
.author-box h3{color:var(--aie-dark);font-size:18px;margin-bottom:4px}
.author-box p{color:var(--aie-muted);font-size:14px; margin-bottom:0;}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.post-nav a{padding:18px;border-radius:22px;border:1px solid rgba(102,3,243,.12);background:#fff;color:var(--aie-dark);font-weight:900}
.post-nav span{display:block;color:var(--aie-muted);font-size:12px;margin-bottom:6px}

/* Sticky Sidebar Override */
.sidebar{align-self:stretch;}
.sidebar-inner{display:grid;gap:18px;position:sticky;top:104px;}
.share-list{display:flex;gap:8px}
.share-list a{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#F7FAFF;color:var(--aie-blue);font-size:12px;font-weight:900; text-decoration:none; transition:.2s;}
.share-list a:hover{background:var(--aie-blue);color:#fff;}
.side-cta{background:radial-gradient(circle at 84% 16%,rgba(19,168,252,.24),transparent 34%),linear-gradient(135deg,#081126,#132652);color:#fff;overflow:hidden;position:relative}
.side-cta h3{color:#fff !important; border:none; padding-bottom:0;}
.side-cta p{color:rgba(255,255,255,.78);font-size:14px;margin-bottom:16px}
.side-cta .btn{width:100%}

.related-section{padding:0 0 78px}
.related-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}
.related-head h2{font-size:clamp(24px,2.4vw,34px);line-height:1.2;color:var(--aie-dark);letter-spacing:-.8px; margin-bottom:0;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.related-card{transition:.24s; text-decoration: none;}
.related-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(23,43,93,.08)}
.related-thumb{aspect-ratio:3/2; height:auto; overflow:hidden; position: relative;}
.related-thumb img{width:100%;height:100%;object-fit:cover}
.related-body{padding:20px}
.related-body .label{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(4,100,249,.08);color:var(--aie-blue);font-size:11px;font-weight:900;text-transform:uppercase}
.related-body h3{font-size:18px;line-height:1.3;color:var(--aie-dark);margin-bottom:8px}
.related-body p{font-size:14px;color:var(--aie-muted); margin-bottom:0;}

@media(max-width:1140px){
  .post-hero-grid,.single-layout{grid-template-columns:1fr}
  .sidebar{position:relative;top:auto;grid-template-columns:1fr 1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .post-hero{padding:38px 0 24px}
  .post-title h1{font-size:32px}
  .post-cover{height:300px;border-radius:24px}
  .single-main{padding:36px 0 60px}
  .article-content{font-size:16px}
  .check-grid,.inline-cta,.author-box,.post-nav,.sidebar,.related-grid{grid-template-columns:1fr}
  .inline-cta{padding:24px}.inline-cta .btn{width:100%}
  .related-head{align-items:flex-start;flex-direction:column}
}

/* ===== Single Post V2 Compact Override ===== */
.post-hero{padding:42px 0 30px;}
.post-hero-grid{display:block;max-width:900px;}
.post-title h1{font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-0.5px;max-width:920px; margin: 10px 0 14px;}
.post-title .excerpt,.post-hero-card,.cover-wrap,.post-cover{display:none!important;}
.single-main{padding-top:44px;}
.article-toc{margin:30px 0 36px;padding:22px 24px;border-radius:24px;background:linear-gradient(180deg,#FFFFFF,#F8FAFF);border:1px solid rgba(102,3,243,.14);box-shadow:0 12px 30px rgba(23,43,93,.045);}
.toc-title{color:var(--aie-dark);font-size:17px;font-weight:900;margin-bottom:12px;}
.article-toc ol{display:grid;gap:8px;padding-left:20px;margin:0;}
.article-toc li{margin:0;color:var(--aie-blue);font-weight:800;}
.article-toc a{color:var(--aie-blue);}
.article-toc a:hover{color:var(--aie-purple);}
@media(max-width:760px){
  .post-hero{padding:32px 0 22px;}
  .post-title h1{font-size:28px;}
  .article-toc{padding:18px;border-radius:20px;}
}
