/* FMCG AI operating model / SME distributor gap — article-specific rules only */
/* Extends article-base.css; do not duplicate base rules here */

/* CYCLE COMPARISON TABLE */
.cycle-table { border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; margin: 1.5rem 0; font-size: 0.82rem }
.cyt-head { display: grid; grid-template-columns: 1.3fr 2fr 2fr; background: var(--navy); color: rgba(255,255,255,0.6); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 500; padding: 0.6rem 0.9rem; gap: 0.8rem }
.cyt-row { display: grid; grid-template-columns: 1.3fr 2fr 2fr; padding: 0.65rem 0.9rem; gap: 0.8rem; border-top: 1px solid var(--border); color: var(--ink2); line-height: 1.5; align-items: start }
.cyt-row:nth-child(even) { background: var(--s2) }
.cyt-old { color: var(--ink3) }
.cyt-new { color: #a3441f; font-weight: 500 }
@media (max-width: 640px) {
  .cyt-head { grid-template-columns: 1fr }
  .cyt-head div:not(:first-child) { display: none }
  .cyt-row { grid-template-columns: 1fr; gap: 0.2rem }
  .cyt-row > div::before { font-size: 0.65rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink3); display: block; margin-bottom: 0.1rem }
  .cyt-row > div:nth-child(2)::before { content: '18–24 month cycle: ' }
  .cyt-row > div:nth-child(3)::before { content: '8–12 week cycle: ' }
}

/* GAP ORDERED LIST */
.gap-ol { counter-reset: gap; list-style: none; padding: 0; margin: 1.5rem 0 }
.gap-ol li { counter-increment: gap; display: flex; align-items: baseline; gap: 0.75rem; padding: 0.7rem 0; border-bottom: 1px solid var(--border); font-size: 0.93rem; color: var(--ink2); line-height: 1.6 }
.gap-ol li:first-child { border-top: 1px solid var(--border) }
.gap-ol li::before { content: counter(gap); min-width: 1.6rem; font-weight: 600; color: var(--accent); font-size: 0.78rem; flex-shrink: 0 }
.gap-ol li strong { color: var(--ink) }

/* KEY INSIGHT */
.key-insight { color: var(--accent); font-weight: 500 }