/* Auto-generated by Blog → Appearance. Do not edit by hand.
   Defaults — replaced on Pages when Appearance is saved in Blog admin. */
:root{
  --blog-bg:#ffffff;
  --blog-text:#0f172a;
  --blog-muted:#64748b;
  --blog-h1:#0f172a;
  --blog-h2:#1e293b;
  --blog-h3:#334155;
  --blog-accent:#2563eb;
  --blog-card:#ffffff;
  --blog-border:#e2e8f0;
  --blog-radius:12px;
  --blog-font:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --blog-recent-font:inherit;
  --blog-recent-title:#0f172a;
  --blog-recent-head:#94a3b8;
  --blog-ph-bg:#e2e8f0;
  --blog-ph-text:#64748b;
  --blog-ph-label:"Blog";
}
[data-cf-blog-grid],
[data-cf-blog-feed]{
  font-family:var(--blog-font)!important;
  color:var(--blog-text)!important;
  
}
[data-cf-blog-grid] article,
[data-cf-blog-feed] article,
.cf-blog-card{
  background:var(--blog-card)!important;
  border:1px solid var(--blog-border)!important;
  border-radius:var(--blog-radius)!important;
  color:var(--blog-text)!important;
  font-family:var(--blog-font)!important;
  overflow:hidden;
}
.cf-blog-card-cover{
  background:color-mix(in srgb, var(--blog-border) 55%, var(--blog-card))!important;
  overflow:hidden!important;
}
.cf-blog-card-cover img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;
}
.cf-blog-card-meta,
[data-cf-blog-grid] article .cf-blog-card-meta,
[data-cf-blog-feed] article .cf-blog-card-meta{
  color:var(--blog-muted)!important;
}
.cf-blog-card-title,
[data-cf-blog-grid] article h3,
[data-cf-blog-feed] article h3{
  color:var(--blog-h1)!important;
  font-family:var(--blog-font)!important;
}
.cf-blog-card-title a,
[data-cf-blog-grid] article h3 a,
[data-cf-blog-feed] article h3 a{
  color:inherit!important;
}
.cf-blog-card-excerpt,
[data-cf-blog-grid] article p,
[data-cf-blog-feed] article p{
  color:var(--blog-muted)!important;
}
[data-cf-blog-grid] a,
[data-cf-blog-feed] a{
  color:var(--blog-accent)!important;
}
[data-cf-blog-grid] h1,
[data-cf-blog-feed] h1{color:var(--blog-h1)!important}
[data-cf-blog-grid] h2,
[data-cf-blog-feed] h2{color:var(--blog-h2)!important}
[data-cf-blog-grid] h3,
[data-cf-blog-feed] h3{color:var(--blog-h3)!important}
[data-cf-blog-feed] aside{
  border-color:var(--blog-border)!important;
  color:var(--blog-muted)!important;
}
[data-cf-blog-feed] aside h4{
  color:var(--blog-muted)!important;
}
.cf-blog-card-author{color:var(--blog-muted)!important;font-size:.78rem}
[data-cf-blog-feed] aside{font-family:var(--blog-recent-font)!important}
[data-cf-blog-feed] aside h4{color:var(--blog-recent-head)!important;font-family:var(--blog-recent-font)!important}
.cf-blog-recent-title{color:var(--blog-recent-title)!important;font-family:var(--blog-recent-font)!important}
.cf-blog-recent-excerpt{color:var(--blog-muted)!important;font-family:var(--blog-recent-font)!important}
.cf-blog-ph{background:var(--blog-ph-bg)!important;color:var(--blog-ph-text)!important}
.cf-blog-ph::after{content:var(--blog-ph-label,"Blog")}