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

.art-prose h2 { text-align: justify }

/* PULL QUOTE (left-border accent style) */
.pull-quote { border-left: 3px solid var(--accent); padding: 1.2rem 1.5rem; margin: 2rem 0; background: var(--s2); border-radius: 0 var(--r) var(--r) 0 }
.pq-text { font-family: var(--serif); font-size: 1.1rem; color: var(--ink); line-height: 1.65; margin-bottom: 0.4rem; font-style: italic }
.pq-attr { font-size: 0.75rem; color: var(--ink3) }

/* STAT GRID MODIFIER */
.stat-grid-2 { grid-template-columns: repeat(2, 1fr) }

/* FAQ (box-border style) */
.faq-block { display: flex; flex-direction: column; gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--rl); overflow: hidden; margin: 1.5rem 0 }
.faq-item { background: var(--surface); padding: 1.2rem 1.4rem }
.faq-q { font-size: 0.92rem; font-weight: 500; color: var(--ink); margin-bottom: 0.6rem; line-height: 1.4 }
.faq-a { font-size: 0.85rem; color: var(--ink2); line-height: 1.7 }

/* DUAL CTA MODIFIERS */
.dcta-card.dcta-primary { background: var(--navy); border-color: var(--navy) }
.dcta-card.dcta-secondary { background: rgba(232,86,42,0.05); border-color: rgba(232,86,42,0.2) }
.dcta-primary .dcta-label { color: rgba(255,255,255,0.4) }
.dcta-secondary .dcta-label { color: var(--accent) }
.dcta-primary .dcta-title { color: #fff }
.dcta-secondary .dcta-title { color: var(--ink) }
.dcta-primary p { color: rgba(255,255,255,0.5) }
.dcta-secondary p { color: var(--ink3) }

/* SOURCES */
.art-sources { font-size: 0.73rem; color: var(--ink4); line-height: 1.7; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border) }

@media (max-width: 900px) {
  .stat-grid { grid-template-columns: repeat(2, 1fr) }
  .dual-cta { grid-template-columns: 1fr }
}
@media (max-width: 600px) {
  .stat-grid { grid-template-columns: 1fr 1fr }
}