/* IAdigest Blog Style — navy+gold system shared with the home page */

@font-face { font-family: 'Sora'; src: url('https://bot.iadigest.com/fonts/sora-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Sora'; src: url('https://bot.iadigest.com/fonts/sora-800.woff2') format('woff2'); font-weight: 800; font-display: swap; }

:root {
  --iad-navy: #0a0f1e;
  --iad-surface: #10182c;
  --iad-line: #1d2c4f;
  --iad-ink: #1e2536;
  --iad-light: #e8ecf5;
  --iad-muted: #9fb0d0;
  --iad-slate: #5a6478;
  --iad-gold: #ffd60a;
  --iad-gold-dark: #caa700;
}

/* ============ BLOG ARCHIVE: navy drench, card grid ============ */

body.blog .site-content,
body.archive .site-content {
  background:
    radial-gradient(900px 420px at 12% -80px, rgba(255, 214, 10, .07), transparent 60%),
    radial-gradient(1100px 520px at 88% 30px, rgba(64, 120, 255, .09), transparent 60%),
    var(--iad-navy);
}

body.blog .site-main, body.archive .site-main { padding: clamp(34px, 5vw, 64px) 0 70px; }

/* Section intro above the grid */
body.blog .site-main::before {
  content: 'The IAdigest Blog';
  display: block;
  font-family: 'Sora', sans-serif;
  font-weight: 800;
  font-size: clamp(30px, 4.5vw, 46px);
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0 0 6px;
}
body.blog .site-main::after { content: none; }

/* Grid */
body.blog .site-main .ast-row,
body.archive .site-main .ast-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 26px;
  margin: 26px 0 0;
}
body.blog article.ast-article-post,
body.archive article.ast-article-post {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Card */
body.blog .ast-article-inner,
body.archive .ast-article-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(165deg, var(--iad-surface), #0c1426);
  border: 1px solid var(--iad-line);
  border-radius: 16px;
  overflow: hidden;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), border-color .35s ease;
}
body.blog .ast-article-inner:hover,
body.archive .ast-article-inner:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 214, 10, .45);
}

/* Card image */
body.blog .ast-blog-featured-section,
body.archive .ast-blog-featured-section { margin: 0 !important; overflow: hidden; }
body.blog .ast-blog-featured-section img,
body.archive .ast-blog-featured-section img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
  transform: scale(1.001);
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
}
body.blog .ast-article-inner:hover .ast-blog-featured-section img,
body.archive .ast-article-inner:hover .ast-blog-featured-section img { transform: scale(1.045); }

/* Card body */
body.blog .post-content,
body.archive .post-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 22px 24px 24px;
}
body.blog .entry-title,
body.archive .entry-title {
  font-family: 'Sora', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em;
  margin: 0 0 10px !important;
  text-wrap: balance;
}
body.blog .entry-title a,
body.archive .entry-title a { color: #fff !important; transition: color .2s ease; }
body.blog .ast-article-inner:hover .entry-title a,
body.archive .ast-article-inner:hover .entry-title a { color: var(--iad-gold) !important; }

body.blog .ast-blog-meta-container, body.blog .entry-meta,
body.archive .ast-blog-meta-container, body.archive .entry-meta {
  order: -1;
  font-size: 12.5px !important;
  letter-spacing: .04em;
  margin: 0 0 12px !important;
}
body.blog .entry-meta, body.blog .entry-meta a, body.blog .entry-meta *,
body.archive .entry-meta, body.archive .entry-meta a, body.archive .entry-meta * { color: var(--iad-gold) !important; }

body.blog .post-content p,
body.archive .post-content p { color: var(--iad-muted); font-size: 14.5px; line-height: 1.65; }

/* Read more */
body.blog .ast-read-more-container,
body.archive .ast-read-more-container { margin-top: auto !important; padding-top: 14px; }
body.blog .ast-read-more-container a,
body.archive .ast-read-more-container a {
  color: var(--iad-gold) !important;
  font-weight: 600;
  font-size: 14px;
  border: none !important;
  background: none !important;
  padding: 0 !important;
}
body.blog .ast-read-more-container a,
body.archive .ast-read-more-container a { display: inline-block; transition: transform .3s cubic-bezier(.22, 1, .36, 1); }
body.blog .ast-article-inner:hover .ast-read-more-container a,
body.archive .ast-article-inner:hover .ast-read-more-container a { transform: translateX(4px); }

/* Meta noise: hide the comments link everywhere on cards and hero */
body.blog .entry-meta .comments-link,
body.archive .entry-meta .comments-link,
body.single-post .entry-header .entry-meta .comments-link { display: none !important; }

/* Pagination */
body.blog .ast-pagination, body.archive .ast-pagination { margin-top: 44px; }
body.blog .ast-pagination .page-numbers,
body.archive .ast-pagination .page-numbers {
  color: var(--iad-muted);
  background: var(--iad-surface);
  border: 1px solid var(--iad-line);
  border-radius: 10px;
  padding: 9px 15px;
  transition: color .2s, border-color .2s;
}
body.blog .ast-pagination .page-numbers.current,
body.archive .ast-pagination .page-numbers.current {
  color: var(--iad-navy);
  background: var(--iad-gold);
  border-color: var(--iad-gold);
  font-weight: 700;
}
body.blog .ast-pagination .page-numbers:hover,
body.archive .ast-pagination .page-numbers:hover { color: #fff; border-color: rgba(255, 214, 10, .5); }

/* Card entrance (only when JS marks the body; default fully visible) */
.iad-anim body, body.iad-anim {}
@media (prefers-reduced-motion: no-preference) {
  body.iad-anim.blog article.ast-article-post,
  body.iad-anim.archive article.ast-article-post {
    animation: iadRise .55s cubic-bezier(.22, 1, .36, 1) both;
  }
  body.iad-anim.blog article.ast-article-post:nth-child(2) { animation-delay: .06s; }
  body.iad-anim.blog article.ast-article-post:nth-child(3) { animation-delay: .12s; }
  body.iad-anim.blog article.ast-article-post:nth-child(4) { animation-delay: .18s; }
  body.iad-anim.blog article.ast-article-post:nth-child(5) { animation-delay: .24s; }
  body.iad-anim.blog article.ast-article-post:nth-child(n+6) { animation-delay: .3s; }
}
@keyframes iadRise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ============ SINGLE POST ============ */

/* Reading progress bar (JS sets width) */
.iad-progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  width: 0;
  background: linear-gradient(90deg, var(--iad-gold), #ffe45c);
  z-index: 60;
  pointer-events: none;
}

/* Hero header */
body.single-post .entry-header {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(620px 300px at 85% -60px, rgba(64, 120, 255, .16), transparent 60%),
    radial-gradient(520px 260px at 8% 110%, rgba(255, 214, 10, .10), transparent 60%),
    var(--iad-navy);
  border-radius: 20px;
  padding: clamp(30px, 5vw, 58px) clamp(24px, 4.5vw, 54px);
  margin-bottom: clamp(26px, 4vw, 40px);
}
body.single-post .entry-header .entry-title {
  font-family: 'Sora', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.02em;
  color: #fff !important;
  margin: 0 0 14px !important;
  text-wrap: balance;
  max-width: 21ch;
}
body.single-post .entry-header .entry-title::after {
  content: '';
  display: block;
  width: 64px;
  height: 5px;
  border-radius: 3px;
  background: var(--iad-gold);
  margin-top: 20px;
  transform-origin: left center;
}
@media (prefers-reduced-motion: no-preference) {
  body.iad-anim.single-post .entry-header .entry-title::after {
    animation: iadBar .7s cubic-bezier(.22, 1, .36, 1) .15s both;
  }
}
@keyframes iadBar { from { transform: scaleX(0); } to { transform: scaleX(1); } }

body.single-post .entry-header .entry-meta,
body.single-post .entry-header .entry-meta * { color: var(--iad-muted) !important; font-size: 13.5px !important; }
body.single-post .entry-header .entry-meta a:hover { color: var(--iad-gold) !important; }
.iad-readtime { color: var(--iad-gold) !important; font-weight: 600; white-space: nowrap; }

/* Featured image */
body.single-post .ast-single-post-featured-section img {
  border-radius: 18px;
  display: block;
}

/* Content typography */
body.single-post .entry-content { max-width: 760px; margin-left: auto; margin-right: auto; }
body.single-post .entry-content p,
body.single-post .entry-content li {
  color: var(--iad-ink);
  font-size: 17.5px;
  line-height: 1.78;
}
body.single-post .entry-content p { text-wrap: pretty; }
body.single-post .entry-content :where(h2) {
  font-family: 'Sora', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(24px, 2.6vw, 30px) !important;
  letter-spacing: -0.015em;
  color: var(--iad-navy) !important;
  margin-top: 2.2em;
  text-wrap: balance;
}
body.single-post .entry-content :where(h2)::after {
  content: '';
  display: block;
  width: 44px;
  height: 4px;
  border-radius: 2px;
  background: var(--iad-gold);
  margin-top: 10px;
}
body.single-post .entry-content :where(h3) {
  font-family: 'Sora', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: var(--iad-navy) !important;
}
body.single-post .entry-content a:not(.iadtb-btn):not([class*='ia-aff']) {
  color: var(--iad-navy);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid var(--iad-gold);
  transition: background-color .2s ease;
}
body.single-post .entry-content a:not(.iadtb-btn):not([class*='ia-aff']):hover {
  background-color: rgba(255, 214, 10, .22);
}
body.single-post .entry-content blockquote {
  background: #f4f6fc;
  border: 1px solid #dde4f2;
  border-radius: 14px;
  padding: 20px 24px;
  font-style: normal;
  color: var(--iad-ink);
}
body.single-post .entry-content ul li::marker { color: var(--iad-gold-dark); }

/* FAQ toggles (JS builds them; h3 stays visible without JS) */
.iad-faq-q {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid #dde4f2;
  border-radius: 12px;
  padding: 14px 18px !important;
  margin: 12px 0 0 !important;
  background: #f8f9fc;
  transition: border-color .2s ease;
}
.iad-faq-q:hover { border-color: rgba(202, 167, 0, .55); }
.iad-faq-q::after {
  content: '+';
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  color: var(--iad-gold-dark);
  transition: transform .3s cubic-bezier(.22, 1, .36, 1);
  flex: none;
}
.iad-faq-q.open::after { transform: rotate(45deg); }
.iad-faq-a { overflow: hidden; transition: max-height .4s cubic-bezier(.22, 1, .36, 1); }
.iad-faq-a > :first-child { margin-top: 14px; }
@media (prefers-reduced-motion: reduce) {
  .iad-faq-a { transition: none; }
}

/* Post navigation */
body.single-post .nav-links { gap: 16px; }
body.single-post .nav-links .nav-previous a,
body.single-post .nav-links .nav-next a {
  border: 1px solid #dde4f2;
  border-radius: 12px;
  padding: 12px 18px;
  color: var(--iad-navy);
  font-weight: 600;
  transition: border-color .2s ease, background-color .2s ease;
}
body.single-post .nav-links a:hover { border-color: var(--iad-gold); background: rgba(255, 214, 10, .08); }

/* Related posts (Astra) */
body.single-post .ast-related-post-content .entry-title a { color: var(--iad-navy) !important; }

@media (prefers-reduced-motion: reduce) {
  body.blog .ast-article-inner, body.archive .ast-article-inner,
  body.blog .ast-blog-featured-section img, body.archive .ast-blog-featured-section img { transition: none; }
}