body { font-family: Segoe UI, Calibri, Arial, sans-serif; line-height: 1.45; color: #1b1b1b; max-width: 920px; margin: 0 auto; padding: 24px 20px 80px; }
header { border-bottom: 3px solid #1f3a5f; margin-bottom: 24px; padding-bottom: 12px; }
h1 { color: #1f3a5f; font-size: 1.8rem; }
h2 { color: #1f3a5f; margin-top: 2rem; }
h3 { color: #2b4c7e; }
a { color: #0b57d0; }
nav a { margin-right: 12px; }
.topic-list { columns: 2; gap: 24px; }
.topic-list li { break-inside: avoid; margin: 6px 0; }
.note { background: #f3f6fb; border-left: 4px solid #1f3a5f; padding: 10px 14px; }
footer { margin-top: 48px; font-size: 0.9rem; color: #555; }
table { border-collapse: collapse; width: 100%; margin: 12px 0; }
th, td { border: 1px solid #ccc; padding: 6px 8px; text-align: left; vertical-align: top; }
th { background: #1f3a5f; color: #fff; }
@media (max-width: 700px) { .topic-list { columns: 1; } }