:root { --theme-color:#008b86; }
body { color:#18312f; font-size:16px; }
.app-name-link { color:#0b5551 !important; font-weight:700; }
.sidebar { background:#f4faf8; border-right:1px solid #d8e9e5; }
.sidebar-nav a { color:#264b47; font-size:15px; }
.sidebar-nav a:hover, .sidebar-nav li.active > a { color:#007b75; }
.markdown-section { max-width:920px; line-height:1.8; }
.markdown-section h1 { color:#073f3b; font-size:2rem; }
.markdown-section h2 { color:#0b5551; border-bottom:1px solid #d8e9e5; padding-bottom:.35em; }
.markdown-section h3 { color:#174f4b; }
.markdown-section blockquote { border-left:4px solid #19a89e; background:#f1faf8; color:#28524e; padding:.35rem 1rem; }
.markdown-section img { display:block; max-width:100%; border:1px solid #d9e9e6; border-radius:10px; box-shadow:0 5px 18px rgba(0,34,31,.07); }
.markdown-section table { display:block; overflow-x:auto; }
.markdown-section a { color:#007b75; }
.markdown-section .figure-note { color:#566d69; font-size:.9rem; margin-top:-.8rem; }
.markdown-section .callout { border:1px solid #cce4df; border-radius:12px; background:#f3faf8; padding:1rem 1.15rem; margin:1.4rem 0; }
.markdown-section .callout strong { color:#07554f; }
@media (max-width:768px) { .markdown-section { padding:1.2rem 1.1rem 4rem; } .markdown-section h1 { font-size:1.7rem; } }