/* article-specific rules only — base in article-base.css */

/* DECISION TIMELINE */
.decision-timeline { border-left: 2px solid var(--border-2, rgba(0,0,0,0.14)); padding-left: 1.4rem; margin: 2rem 0 }
.dt-item { margin-bottom: 1.3rem; position: relative }
.dt-item::before { content: ''; position: absolute; left: -1.65rem; top: 0.35rem; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); border: 2px solid var(--surface) }
.dt-item.dt-gap::before { background: #c0392b }
.dt-time { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.2rem }
.dt-item.dt-gap .dt-time { color: #c0392b }
.dt-event { font-size: 0.88rem; color: var(--ink2); line-height: 1.55 }
.dt-cost { font-size: 0.78rem; color: #c0392b; margin-top: 0.2rem; font-weight: 500 }

/* OTIF IMPACT BOX */
.otif-impact { background: var(--navy); border-radius: var(--rl); padding: 2rem; margin: 2rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem }
.oi-stat { text-align: center }
.oi-n { font-family: var(--serif); font-size: 2.4rem; color: var(--accent); line-height: 1 }
.oi-label { font-size: 0.72rem; color: rgba(255,255,255,0.4); margin-top: 0.4rem; line-height: 1.45 }
@media (max-width: 600px) { .otif-impact { grid-template-columns: 1fr } }

/* GOVERNANCE MODEL */
.gov-step { background: var(--s2); border: 1px solid var(--border); border-radius: var(--r); padding: 1rem 1.2rem; margin: 0.6rem 0; display: flex; gap: 1rem; align-items: flex-start }
.gs-num { font-size: 0.68rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); background: rgba(232,86,42,0.1); padding: 0.2rem 0.5rem; border-radius: 2px; flex-shrink: 0; margin-top: 0.1rem }
.gs-body strong { display: block; font-size: 0.88rem; color: var(--ink); margin-bottom: 0.2rem }
.gs-body span { font-size: 0.82rem; color: var(--ink3); line-height: 1.5 }