/* ═══════════════════════════════════════════════════
   aihaber — Accent Strips (Verge tarzi renkli seritler)
   Bolum baslarinda kategori rengiyle 6px kalin serit
   ═══════════════════════════════════════════════════ */

.accent-strip {
  height: 6px;
  background: var(--ink);
  position: relative;
  margin: 0 0 24px;
}
.accent-strip__label {
  position: absolute;
  left: 28px;
  top: 6px;
  background: var(--ink);
  color: #fff;
  font: 800 11px/1 var(--font-body);
  letter-spacing: 2.5px;
  padding: 6px 12px;
  text-transform: uppercase;
}

/* Variants */
.accent-strip--llm,
.accent-strip--news.accent-strip--llm  { background: var(--c-cat-llm); }
.accent-strip--llm .accent-strip__label { background: var(--c-cat-llm); color: #fff; }

.accent-strip--tools                   { background: var(--c-cat-tools); }
.accent-strip--tools .accent-strip__label { background: var(--c-cat-tools); color: #fff; }

.accent-strip--mcp                     { background: var(--c-cat-mcp); }
.accent-strip--mcp .accent-strip__label { background: var(--c-cat-mcp); color: var(--ink); }

.accent-strip--research                { background: var(--c-cat-research); }
.accent-strip--research .accent-strip__label { background: var(--c-cat-research); color: #fff; }

.accent-strip--news                    { background: var(--c-cat-news); }
.accent-strip--news .accent-strip__label { background: var(--c-cat-news); color: #fff; }

.accent-strip--lime                    { background: var(--c-acc-lime); }
.accent-strip--lime .accent-strip__label { background: var(--c-acc-lime); color: var(--ink); }

.accent-strip--orange                  { background: var(--c-acc-orange); }
.accent-strip--orange .accent-strip__label { background: var(--c-acc-orange); color: #fff; }

.accent-strip--ink                     { background: var(--ink); }
.accent-strip--ink .accent-strip__label { background: var(--ink); color: var(--c-acc-lime); }

/* Inline strip (eyebrow ile yan yana) */
.accent-strip-inline {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.accent-strip-inline::before {
  content: '';
  width: 32px;
  height: 4px;
  background: var(--c-pri);
}
.accent-strip-inline.accent-strip-inline--lime::before   { background: var(--c-acc-lime); }
.accent-strip-inline.accent-strip-inline--orange::before { background: var(--c-acc-orange); }
.accent-strip-inline.accent-strip-inline--purple::before { background: var(--c-acc-purple); }