/* Blog index page — journal styles */

/* Accent word inside the hero title (highlight_accent filter output) */
.template-blogindexpage .res-hero-title em.accent {
  font-style: italic;
  color: #15803d; /* brand-700 */
}

.dark .template-blogindexpage .res-hero-title em.accent {
  color: #60a5fa; /* primary-400 */
}

/* ── Image plates ────────────────────────────────────────────────────────────── */

.template-blogindexpage .blog-featured-plate {
  position: relative;
  min-height: 320px;
  padding: 20px;
  box-sizing: border-box;
}

.template-blogindexpage .blog-featured-frame {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #dcfce7; /* brand-100 */
  border-radius: 2px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.template-blogindexpage .blog-plate {
  height: 190px;
  padding: 14px;
  box-sizing: border-box;
}

.template-blogindexpage .blog-plate-frame {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(22, 163, 74, 0.15);
  border-radius: 2px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── Blog category pills ─────────────────────────────────────────────────────── */

/* Tax — brand green */
.template-blogindexpage .htg-cat-pill[data-cat="Tax"] {
  background: rgba(22, 163, 74, 0.1);
  color: #15803d;
}
.dark .template-blogindexpage .htg-cat-pill[data-cat="Tax"] {
  background: rgba(22, 163, 74, 0.10);
  color: #86efac;
  border-color: rgba(134, 239, 172, 0.16);
}

/* Company accounts — blue */
.template-blogindexpage .htg-cat-pill[data-cat="Company accounts"] {
  background: rgba(37, 99, 235, 0.1);
  color: #1d4ed8;
}
.dark .template-blogindexpage .htg-cat-pill[data-cat="Company accounts"] {
  background: rgba(37, 99, 235, 0.10);
  color: #bfdbfe;
  border-color: rgba(191, 219, 254, 0.16);
}

/* Business systems — cyan */
.template-blogindexpage .htg-cat-pill[data-cat="Business systems"] {
  background: rgba(6, 182, 212, 0.1);
  color: #0e7490;
}
.dark .template-blogindexpage .htg-cat-pill[data-cat="Business systems"] {
  background: rgba(6, 182, 212, 0.10);
  color: #a5f3fc;
  border-color: rgba(165, 243, 252, 0.16);
}

/* Business structure — violet */
.template-blogindexpage .htg-cat-pill[data-cat="Business structure"] {
  background: rgba(124, 58, 237, 0.1);
  color: #6d28d9;
}
.dark .template-blogindexpage .htg-cat-pill[data-cat="Business structure"] {
  background: rgba(124, 58, 237, 0.10);
  color: #ddd6fe;
  border-color: rgba(221, 214, 254, 0.16);
}

/* Operations — amber */
.template-blogindexpage .htg-cat-pill[data-cat="Operations"] {
  background: rgba(217, 119, 6, 0.1);
  color: #b45309;
}
.dark .template-blogindexpage .htg-cat-pill[data-cat="Operations"] {
  background: rgba(217, 119, 6, 0.10);
  color: #fde68a;
  border-color: rgba(253, 230, 138, 0.16);
}

/* Motivation — gray */
.template-blogindexpage .htg-cat-pill[data-cat="Motivation"] {
  background: rgba(107, 114, 128, 0.1);
  color: #4b5563;
}
.dark .template-blogindexpage .htg-cat-pill[data-cat="Motivation"] {
  background: rgba(148, 163, 184, 0.12);
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, 0.18);
}