.article { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 1.5rem 1.75rem; margin-bottom: 1rem; }
.article h2 { font-size: 1rem; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 8px; }
.article h2::before {
  content: ''; display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 8px; background: var(--accent-soft); flex-shrink: 0;
}
.article p { font-size: 14px; color: var(--ink-soft); margin-bottom: 0.6rem; }
.article p:last-child { margin-bottom: 0; }
.article ol, .article ul { font-size: 14px; color: var(--ink-soft); margin: 0.5rem 0 0.5rem 1.25rem; display: grid; gap: 0.4rem; }
.article strong { color: var(--ink); font-weight: 500; }

footer { border-top: 1px solid var(--border); padding: 2rem 0; margin-top: 1.5rem; }
.footer-inner { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--ink-soft); flex-wrap: wrap; gap: 1rem; }
.footer-links { display: flex; gap: 1.5rem; }
.footer-links a:hover { color: var(--accent); }