.article { max-width: 760px; margin: 0 auto; padding: 40px 24px; }
.article h1 { font-size: 1.6rem; margin-bottom: 8px; }
.article .lead { color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 32px; }
.article h2 { font-size: 1.2rem; color: var(--accent); margin: 32px 0 12px; padding-bottom: 6px; border-bottom: 1px solid var(--sand); }
.article h3 { font-size: 1rem; margin: 20px 0 8px; }
.article p { margin: 8px 0; font-size: 0.9rem; }
.article ul, .article ol { margin: 8px 0 8px 20px; font-size: 0.9rem; }
.article li { margin: 4px 0; }
.rules-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 0.85rem; }
.rules-table th, .rules-table td { border: 1px solid var(--sand); padding: 8px 12px; text-align: left; }
.rules-table th { background: var(--cream-warm); font-weight: 500; }
.note { background: var(--cream-warm); border-left: 3px solid var(--accent); padding: 12px 16px; margin: 16px 0; font-size: 0.85rem; border-radius: 0 4px 4px 0; }
.compare-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 0.85rem; }
.compare-table th, .compare-table td { border: 1px solid var(--sand); padding: 8px 12px; }
.compare-table th { background: var(--cream-warm); font-weight: 500; }