/* Shared by the website and CKEditor 5, including the legacy highlighted style. */
:is(.html, .ck-content) {
    color: #79787f;
    font: 16px/26px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
    overflow-wrap: break-word;
}
:is(.html, .ck-content) p { margin: 0 0 25px; line-height: 26px; }
:is(.html, .ck-content) p:last-child { margin-bottom: 0; }
:is(.html, .ck-content) :is(strong, b) { font-weight: 700; }
:is(.html, .ck-content) :is(em, i) { font-style: italic; }
:is(.html, .ck-content) a { color: #388f3c; font: 500 1em "Roboto", sans-serif; text-decoration: none; }
:is(.html, .ck-content) a:hover { text-decoration: underline; }
:is(.html, .ck-content) h2 {
    margin: 0 0 20px; color: #0e4229; font: bold 28px/35px "Noto Serif", serif;
}
:is(.html, .ck-content) h3 { margin: 0 0 10px; color: #0e4229; font: bold 20px/25px "Noto Serif", serif; }
:is(.html, .ck-content) :is(h2, h3) a,
:is(.html, .ck-content) :is(h2, h3) a:hover { color: inherit; font: inherit; }
:is(.html, .ck-content) :is(ul, ol) { margin: 0 0 30px 30px; padding: 0; }
:is(.html, .ck-content) li { position: relative; margin-bottom: 14px; padding: 0; color: #79787f; font: 16px/22px "Roboto", sans-serif; }
:is(.html, .ck-content) ul > li { list-style: none; }
:is(.html, .ck-content) ol > li { list-style: decimal; }
:is(.html, .ck-content) ul > li::before {
    content: ''; position: absolute; top: 3px; right: 100%; width: 10px; height: 10px;
    margin-right: 10px; border: 3px solid #6dbe04; border-radius: 50%; box-sizing: border-box;
}
:is(.html, .ck-content) ol > li::before { content: none; }
:is(.html, .ck-content) blockquote {
    margin: 0 0 15px 20px; padding: 2px 8px 2px 20px; border: 0; border-left: 5px solid #ccc; font-style: italic;
}
:is(.html, .ck-content) blockquote p { margin: 0; }
:is(.html, .ck-content) .highlighted { background: #f4f4f4; margin-bottom: 20px; padding: 20px; border-left: 5px solid #33485c; }
:is(.html, .ck-content) .highlighted h2 { color: #33485c; }
:is(.html, .ck-content) img { max-width: 100%; height: auto; }
:is(.html, .ck-content) figure.image { display: table; clear: both; margin: 15px auto; max-width: 100%; }
:is(.html, .ck-content) figure.image img { display: block; width: 100%; }
:is(.html, .ck-content) figure.image-style-side { float: right; max-width: 50%; margin-left: 20px; }
:is(.html, .ck-content) figcaption { display: table-caption; caption-side: bottom; padding: 5px; background: #e8e8e8; color: #333; font: 13px/20px "Roboto", sans-serif; text-align: center; }
:is(.html, .ck-content) figure.table { display: table; margin: 0 0 20px; max-width: 100%; width: 100%; }
:is(.html, .ck-content) table { width: 100%; margin-bottom: 20px; border-spacing: 5px; }
:is(.html, .ck-content) :is(th, td) { padding: 7px; border: 1px solid #ccc; }
:is(.html, .ck-content) th { background: #33485c; color: #fff; font-weight: 700; }
:is(.html, .ck-content) td { background: #e0e0e0; }
:is(.html, .ck-content)::after { content: ''; display: block; clear: both; }
.html.category-introduction { margin-top: 16px; }
.html.category-content { margin-top: 30px; }
.html.category-content iframe { max-width: 100%; }