html, body { font-family: 'Raleway', 'Segoe UI', Roboto, sans-serif; background: #F5F7FA; }
h1:focus { outline: none; }
.md { font-size: 15px; line-height: 1.6; color: #22303a; }
.md h1, .md h2, .md h3 { color: #062A5C; margin: 18px 0 8px; line-height: 1.25; }
.md h1 { font-size: 22px; } .md h2 { font-size: 18px; } .md h3 { font-size: 16px; }
.md p { margin: 0 0 10px; }
.md ul, .md ol { margin: 0 0 10px 22px; }
.md li { margin: 0 0 4px; }
.md table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 0 0 12px; display: block; overflow-x: auto; }
.md th, .md td { border: 1px solid #dfe5ea; padding: 6px 10px; text-align: left; vertical-align: top; }
.md th { background: #EAF3FC; color: #062A5C; font-weight: 600; }
.md code { background: #EAF3FC; padding: 1px 5px; border-radius: 4px; font-size: 13px; }
.md pre { background: #0f1a22; color: #e6eef3; padding: 12px; border-radius: 8px; overflow-x: auto; font-size: 13px; }
.md pre code { background: transparent; color: inherit; padding: 0; }
.md blockquote { border-left: 4px solid #5DB8F5; margin: 0 0 10px; padding: 6px 12px; background: #f3f8fc; }
.md-empty { color: #7d8f9c; font-style: italic; }
.section-card { border-left: 4px solid #5DB8F5; }
.logo { display: block; }
.logo svg, .logo img { width: 100%; height: auto; max-height: 64px; display: block; object-fit: contain; }
.logo-card { width: 180px; max-width: 60vw; }
.logo-head { width: 160px; max-width: 45vw; }
.prompt-box { background: #0f1a22; color: #e6eef3; padding: 12px; border-radius: 8px; font-family: Consolas, monospace; font-size: 13px; white-space: pre-wrap; max-height: 320px; overflow: auto; }
@media (max-width: 600px) { .mud-main-content { padding: 8px !important; } }