body { margin: 0; background: #f7f4ee; color: #1c1915; font-family: Georgia, serif; line-height: 1.45; }
main { max-width: 800px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font-size: 46px; line-height: 1.1; margin: 0 0 12px; }
h2 { font-size: 28px; margin: 32px 0 8px; }
h3 { margin: 0 0 8px; }
.lead, li { font-size: 1.2rem; }
a { color: #215f9a; }
.cards { display: flex; gap: 16px; }
.card { flex: 1; background: #fff; border-radius: 10px; padding: 16px; }
.card.before { border: 3px solid #c0392b; }
.card.after { border: 3px solid #1e8449; }
.big { font-size: 1.35rem; }
.warn, details { background: #fff; border-radius: 10px; padding: 12px 16px; }
details { margin-top: 28px; }
table { width: 100%; border-collapse: collapse; }
td, th { text-align: left; vertical-align: top; padding: 8px; border-bottom: 1px solid #ddd; font-size: 15px; }
code { font-family: Consolas, monospace; font-size: 0.95rem; }
@media (max-width: 720px) { .cards { display: block; } .card { margin-bottom: 12px; } }