/* =========================================================
   Blog posts — aligned with approved V8 home design
   Loaded last for article pages.
   ========================================================= */
:root{
  --cream:#F5EDE0;
  --cream-2:#E7D8C3;
  --paper:#FFF9EF;
  --ink:#11100E;
  --coal:#16110E;
  --coal-2:#241A14;
  --text:#62584D;
  --muted:#9B8D7D;
  --line:rgba(17,16,14,.13);
  --line-strong:rgba(17,16,14,.22);
  --orange:#C8501A;
  --orange-dark:#A94013;
  --moss:#5F735C;
  --max:1240px;
  --title:"Plus Jakarta Sans",system-ui,sans-serif;
  --body:"Manrope",system-ui,sans-serif;
}
body.page-blog-post{
  overflow-x:hidden!important;
  color:var(--ink)!important;
  font-family:var(--body)!important;
  background:
    radial-gradient(circle at 78% 8%,rgba(200,80,26,.15),transparent 26rem),
    radial-gradient(circle at 8% 16%,rgba(95,115,92,.14),transparent 30rem),
    linear-gradient(180deg,#FFF9EF 0%,var(--cream) 48%,var(--cream-2) 100%)!important;
}
body.page-blog-post #main-content{overflow:hidden!important}
body.page-blog-post .progress,
body.page-blog-post #cursor,
body.page-blog-post #cursor-ring{display:none!important}

body.page-blog-post .breadcrumb{
  width:min(calc(100% - 40px),var(--max))!important;
  margin:clamp(22px,3vw,38px) auto 0!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
  font:800 .74rem/1 var(--body)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.page-blog-post .breadcrumb a,
body.page-blog-post .breadcrumb span[aria-current="page"]{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid rgba(17,16,14,.10)!important;
  background:rgba(255,255,255,.54)!important;
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
  text-decoration:none!important;
  border-radius:999px!important;
}
body.page-blog-post .breadcrumb a:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.page-blog-post .breadcrumb span[aria-hidden="true"]{color:var(--orange)!important;-webkit-text-fill-color:var(--orange)!important;font-size:0!important;width:12px!important;text-align:center!important}
body.page-blog-post .breadcrumb span[aria-hidden="true"]::before{content:"›";font-size:1rem;line-height:1}
body.page-blog-post .breadcrumb span[aria-current="page"]{max-width:min(100%,560px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}

body.page-blog-post .article{
  position:relative!important;
  padding:clamp(36px,5vw,76px) 0 clamp(72px,8vw,120px)!important;
}
body.page-blog-post .article::before{
  content:"";position:absolute;z-index:-1;right:-8vw;top:0;width:min(46vw,660px);height:min(46vw,660px);
  border-radius:50%;background:radial-gradient(circle at 60% 42%,rgba(255,249,239,.88) 0 22%,rgba(200,80,26,.20) 23% 48%,rgba(95,115,92,.14) 49% 74%,transparent 75%);
  opacity:.95;pointer-events:none;
}
body.page-blog-post .article-wrap{width:min(calc(100% - 40px),var(--max))!important;margin-inline:auto!important}
body.page-blog-post .article-meta{
  display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:32px!important;margin:0 0 22px!important;padding:0 13px!important;border-radius:999px!important;border:1px solid rgba(17,16,14,.10)!important;background:rgba(255,255,255,.54)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;font:800 .76rem/1 var(--body)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 10px 28px rgba(17,16,14,.04)!important}
body.page-blog-post .article-meta::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 5px rgba(200,80,26,.10)}
body.page-blog-post .article-wrap>h1{
  max-width:980px!important;margin:0 0 24px!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;
  font-family:var(--title)!important;font-size:clamp(3.2rem,6.4vw,6.8rem)!important;font-weight:800!important;line-height:.88!important;letter-spacing:-.072em!important;text-wrap:balance!important;
}
body.page-blog-post .article-intro,
body.page-blog-post .article-wrap>p:not(.article-meta){
  max-width:780px!important;margin:0 0 clamp(28px,4vw,46px)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;font:500 clamp(1.05rem,1.5vw,1.22rem)/1.72 var(--body)!important;
}
body.page-blog-post .article-cover{
  display:block!important;margin:clamp(28px,4vw,52px) 0 clamp(30px,5vw,56px)!important;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:38px!important;background:linear-gradient(145deg,var(--coal),var(--coal-2))!important;box-shadow:0 30px 90px rgba(17,16,14,.16)!important;
}
body.page-blog-post .article-cover img{display:block!important;width:100%!important;height:clamp(260px,42vw,520px)!important;object-fit:cover!important;object-position:center!important;filter:saturate(.96) contrast(1.04)!important}
body.page-blog-post .article-body{
  position:relative!important;width:min(100%,900px)!important;margin:0 auto!important;padding:clamp(30px,5vw,70px) clamp(22px,4.5vw,72px)!important;background:rgba(255,249,239,.72)!important;border:1px solid var(--line)!important;border-radius:38px!important;box-shadow:none!important;
}
body.page-blog-post .article-body::before{content:""!important;position:absolute!important;top:0!important;left:36px!important;right:36px!important;height:3px!important;background:linear-gradient(90deg,var(--orange),rgba(200,80,26,.15))!important;border-radius:999px!important}
body.page-blog-post .article-body>*:first-child{margin-top:0!important}
body.page-blog-post .article-body p,
body.page-blog-post .article-body li{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;font:500 1.03rem/1.9 var(--body)!important}
body.page-blog-post .article-body>p:first-of-type{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;font-size:1.12rem!important;line-height:1.82!important}
body.page-blog-post .article-body h2{margin:clamp(42px,6vw,70px) 0 18px!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;font-family:var(--title)!important;font-size:clamp(2rem,4.2vw,3.55rem)!important;font-weight:800!important;line-height:.96!important;letter-spacing:-.06em!important;text-wrap:balance!important}
body.page-blog-post .article-body h2::before{content:"";display:block!important;width:46px!important;height:3px!important;margin:0 0 16px!important;background:var(--orange)!important;border-radius:999px!important}
body.page-blog-post .article-body h3{margin:34px 0 12px!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;font-family:var(--title)!important;font-size:clamp(1.35rem,2.2vw,2rem)!important;font-weight:800!important;line-height:1.04!important;letter-spacing:-.052em!important}
body.page-blog-post .article-body strong{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;font-weight:800!important}
body.page-blog-post .article-body a{color:var(--orange)!important;-webkit-text-fill-color:var(--orange)!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important}
body.page-blog-post .article-body a:hover{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
body.page-blog-post .article-body blockquote{margin:28px 0!important;padding:24px 26px!important;border:1px solid rgba(200,80,26,.22)!important;border-left:4px solid var(--orange)!important;background:#fff6ed!important;border-radius:24px!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
body.page-blog-post .article-body ul,
body.page-blog-post .article-body ol{padding-left:1.2rem!important;display:grid!important;gap:.65rem!important}
body.page-blog-post .article-body table{width:100%!important;border-collapse:collapse!important;background:var(--paper)!important;border-radius:22px!important;overflow:hidden!important}
body.page-blog-post .article-body th,
body.page-blog-post .article-body td{border:1px solid var(--line)!important;padding:14px!important;text-align:left!important;vertical-align:top!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
body.page-blog-post .article-body pre{border-radius:24px!important;background:var(--coal)!important;color:#fff!important;padding:20px!important;overflow:auto!important}
body.page-blog-post .article-body pre code{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.page-blog-post .article-seo-links{margin:clamp(42px,6vw,70px) 0 0!important;padding:clamp(24px,4vw,38px)!important;background:linear-gradient(145deg,var(--coal),var(--coal-2))!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:34px!important}
body.page-blog-post .article-seo-links__label{margin:0 0 12px!important;color:var(--orange)!important;-webkit-text-fill-color:var(--orange)!important;font:800 .76rem/1 var(--body)!important;letter-spacing:0!important;text-transform:none!important}
body.page-blog-post .article-body .article-seo-links h2{margin:0 0 24px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(2rem,4vw,3.4rem)!important}
body.page-blog-post .article-body .article-seo-links h2::before{display:none!important}
body.page-blog-post .article-seo-links__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.page-blog-post .article-seo-links__grid a{display:block!important;padding:18px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;text-decoration:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.page-blog-post .article-seo-links__grid a:hover{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.page-blog-post .article-seo-links__grid strong{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:1rem!important;line-height:1.25!important}
body.page-blog-post .article-seo-links__grid span{display:block!important;margin-top:8px!important;color:rgba(255,255,255,.72)!important;-webkit-text-fill-color:rgba(255,255,255,.72)!important;font-size:.9rem!important;line-height:1.45!important}
@media(max-width:760px){body.page-blog-post .breadcrumb,body.page-blog-post .article-wrap{width:min(calc(100% - 24px),var(--max))!important}.breadcrumb span[aria-current="page"]{max-width:100%!important;flex-basis:100%!important}.article{padding-top:28px!important}.article-wrap>h1{font-size:clamp(2.7rem,12vw,4.4rem)!important;line-height:.92!important}.article-cover{border-radius:28px!important}.article-cover img{height:230px!important}.article-body{border-radius:28px!important;padding:28px 18px!important}.article-body p,.article-body li{font-size:1rem!important;line-height:1.82!important}.article-seo-links{padding:22px 18px!important}.article-seo-links__grid{grid-template-columns:1fr!important}}