/* !!! https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/css.html#compatibility-with-bootstrap*/
:root { --ck-z-default: 100; --ck-z-panel: calc( var(--ck-z-default) + 999 ); }

.ck-content figure { margin: 0 !important; }

.ck-content h3.category { font-size: 20px; font-weight: bold; color: #555; letter-spacing: 10px; margin: 0; padding: 0; }

.ck-content h2.document-title { font-size: 50px; font-weight: bold; margin: 0; padding: 0; border: 0; }

.ck-content h3.document-subtitle { font-size: 20px; color: #555; margin: 0 0 1em; font-weight: bold; padding: 0; }

.ck-content p.info-box { --background-size: 30px; --background-color: #e91e63; padding: 1.2em 2em; border: 1px solid var(--background-color); background: linear-gradient( 135deg, var(--background-color) 0%, var(--background-color) var(--background-size), transparent var(--background-size) ), linear-gradient( 135deg, transparent calc(100% - var(--background-size)), var(--background-color) calc(100% - var(--background-size)), var(--background-color) ); border-radius: 10px; margin: 1.5em 2em; box-shadow: 5px 5px 0 #ffe6ef; }

.ck-content blockquote.side-quote { font-style: normal; float: right; width: 35%; position: relative; border: 0; overflow: visible; z-index: 1; margin-left: 1em; }

    .ck-content blockquote.side-quote::before { content: '“'; position: absolute; top: -37px; left: -10px; display: block; font-size: 200px; color: #e7e7e7; z-index: -1; line-height: 1; }

    .ck-content blockquote.side-quote p { font-size: 2em; line-height: 1; }

        .ck-content blockquote.side-quote p:last-child:not(:first-child) { font-size: 1.3em; text-align: right; color: #555; }

.ck-content span.marker { background: yellow; }

.ck-content span.spoiler { background: #000; color: #000; }

    .ck-content span.spoiler:hover { background: #000; color: #fff; }

.ck-content pre.fancy-code { border: 0; margin-left: 2em; margin-right: 2em; border-radius: 10px; }

    .ck-content pre.fancy-code::before { content: ''; display: block; height: 13px; background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NCAxMyI+CiAgPGNpcmNsZSBjeD0iNi41IiBjeT0iNi41IiByPSI2LjUiIGZpbGw9IiNGMzZCNUMiLz4KICA8Y2lyY2xlIGN4PSIyNi41IiBjeT0iNi41IiByPSI2LjUiIGZpbGw9IiNGOUJFNEQiLz4KICA8Y2lyY2xlIGN4PSI0Ny41IiBjeT0iNi41IiByPSI2LjUiIGZpbGw9IiM1NkM0NTMiLz4KPC9zdmc+Cg==); margin-bottom: 8px; background-repeat: no-repeat; }

.ck-content pre.fancy-code-dark { background: #272822; color: #fff; box-shadow: 5px 5px 0 #0000001f; }

.ck-content pre.fancy-code-bright { background: #dddfe0; color: #000; box-shadow: 5px 5px 0 #b3b3b3; }