:root {
  --mf-accent: #ff6a00;
  --mf-ink: #18212b;
  --mf-muted: #66727f;
  --mf-soft: #f4f6f8;
}

body { color: var(--mf-ink); }
.article-shell { max-width: 920px; }
.article-top { border-bottom: 1px solid #e6e9ec; }
.article-kicker { color: var(--mf-accent); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.article-lead { color: #46515d; font-size: 1.18rem; line-height: 1.7; }
.article-meta { color: var(--mf-muted); display: flex; flex-wrap: wrap; gap: .45rem 1rem; }
.post-hero { background: var(--mf-soft); border-radius: .8rem; overflow: hidden; }
.post-hero img { display: block; height: auto; width: 100%; }
.prose p, .prose li { line-height: 1.78; }
.prose h2 { margin: 3rem 0 1rem; }
.prose h3 { margin: 1.8rem 0 .75rem; }
.prose img { border-radius: .75rem; height: auto; width: 100%; }
.summary-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.summary-card { background: var(--mf-soft); border-radius: .75rem; padding: 1rem 1.1rem; }
.summary-card h3 { margin-top: 0; }
.note { background: #fff6e8; border-left: 4px solid var(--mf-accent); border-radius: .4rem; margin: 1.5rem 0; padding: 1rem 1.2rem; }
.cta-panel { background: #f1f7ff; border: 1px solid #cfe2ff; border-radius: .85rem; margin-top: 3rem; padding: 1.5rem; }
.series-links { display: grid; gap: .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.series-links a { border: 1px solid #dfe4e8; border-radius: .65rem; color: inherit; display: block; padding: 1rem; text-decoration: none; }
.series-links a:hover { border-color: var(--mf-accent); }
.lang-links a[aria-current="page"] { font-weight: 700; text-decoration: underline; }
@media (max-width: 700px) {
  .summary-grid, .series-links { grid-template-columns: 1fr; }
}