/* Štýl vyrenderovanej poznámky (web aj mobilné WebView). Samostatný – nepotrebuje tokens.css. */
.md { font-family: 'Public Sans', system-ui, sans-serif; font-size: 15px; line-height: 1.6; color: #12202B; word-wrap: break-word; }
.md > :first-child { margin-top: 0; }
.md > :last-child { margin-bottom: 0; }
.md h1, .md h2, .md h3, .md h4 { font-family: 'Bricolage Grotesque', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; margin: 1.4em 0 0.5em; }
.md h1 { font-size: 26px; } .md h2 { font-size: 22px; } .md h3 { font-size: 18px; } .md h4 { font-size: 16px; }
.md p { margin: 0 0 0.9em; }
.md ul, .md ol { margin: 0 0 0.9em; padding-left: 1.5em; }
.md li + li { margin-top: 0.2em; }
.md li.task-list-item { list-style: none; margin-left: -1.3em; }
.md a { color: #0B5A62; text-decoration: underline; }
.md strong { font-weight: 600; }
.md code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92em; background: #F0EEE6; border-radius: 4px; padding: 0.1em 0.35em; }
.md pre { background: #12202B; color: #F5F4EF; border-radius: 12px; padding: 14px 16px; overflow-x: auto; margin: 0 0 1em; }
.md pre code { background: none; padding: 0; color: inherit; font-size: 13px; }
.md blockquote { margin: 0 0 1em; padding: 4px 16px; border-left: 3px solid #5FD3C4; color: #3D4953; }
.md table { border-collapse: collapse; width: 100%; margin: 0 0 1em; font-size: 14px; display: block; overflow-x: auto; }
.md th, .md td { border: 1px solid #E3E1D8; padding: 8px 10px; text-align: left; vertical-align: top; }
.md th { background: #F5F4EF; font-weight: 600; }
.md img { max-width: 100%; height: auto; border-radius: 10px; border: 1px solid #E3E1D8; display: block; margin: 0 0 1em; }
.md hr { border: 0; border-top: 1px solid #E3E1D8; margin: 1.5em 0; }
.md .mermaid { background: #FFFFFF; border: 1px solid #E3E1D8; border-radius: 12px; padding: 12px; margin: 0 0 1em; overflow-x: auto; text-align: center; }
.md .mermaid svg { max-width: 100%; height: auto; }
.md .mermaid-error { color: #7A2305; font-size: 13px; text-align: left; white-space: pre-wrap; }
.md input[type="checkbox"] { accent-color: #0E7C86; margin-right: 6px; }