/* CKEditor 5 內容樣式（由 CKEditor 43.0.0 的 content styles 擷取，.ck-content → .rich-content）。
   編輯器產出的 class（text-big、marker-yellow、image-style-*、table 等）在前台沒有對應樣式就不會生效，
   所以前台的 .rich-content 要有這份，後台看到的跟前台才會一致。升級 CKEditor 版本時要重新擷取。 */
.rich-content {
  --ck-color-image-caption-background: #f7f7f7;
  --ck-color-image-caption-text: #333;
  --ck-color-mention-background: rgba(153,0,48,.1);
  --ck-color-selector-caption-background: #f7f7f7;
  --ck-color-selector-caption-text: #333;
  --ck-highlight-marker-blue: #72ccfd;
  --ck-highlight-marker-green: #62f962;
  --ck-highlight-marker-pink: #fc7899;
  --ck-highlight-marker-yellow: #fdfd77;
  --ck-highlight-pen-red: #e71313;
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-highlight-pen-green: #118800;
  --ck-color-mention-text: #990030;
}
.rich-content .mention {background:var(--ck-color-mention-background);color:var(--ck-color-mention-text)}
.rich-content code {background-color:hsla(0,0%,78%,.3);border-radius:2px;padding:.15em}
.rich-content blockquote {border-left:5px solid #ccc;font-style:italic;margin-left:0;margin-right:0;overflow:hidden;padding-left:1.5em;padding-right:1.5em}
.rich-content[dir=rtl] blockquote {border-left:0;border-right:5px solid #ccc}
.rich-content pre {background:hsla(0,0%,78%,.3);border:1px solid #c4c4c4;border-radius:2px;color:#353535;direction:ltr;font-style:normal;min-width:200px;padding:1em;tab-size:4;text-align:left;white-space:pre-wrap}
.rich-content pre code {background:unset;border-radius:0;padding:0}
.rich-content .text-tiny {font-size:.7em}
.rich-content .text-small {font-size:.85em}
.rich-content .text-big {font-size:1.4em}
.rich-content .text-huge {font-size:1.8em}
.rich-content .marker-yellow {background-color:var(--ck-highlight-marker-yellow)}
.rich-content .marker-green {background-color:var(--ck-highlight-marker-green)}
.rich-content .marker-pink {background-color:var(--ck-highlight-marker-pink)}
.rich-content .marker-blue {background-color:var(--ck-highlight-marker-blue)}
.rich-content .pen-red {background-color:transparent;color:var(--ck-highlight-pen-red)}
.rich-content .pen-green {background-color:transparent;color:var(--ck-highlight-pen-green)}
.rich-content hr {background:#dedede;border:0;height:4px;margin:15px 0}
.rich-content .image>figcaption {background-color:var(--ck-color-image-caption-background);caption-side:bottom;color:var(--ck-color-image-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;word-break:break-word}
.rich-content img.image_resized {height:auto}
.rich-content .image.image_resized {box-sizing:border-box;display:block;max-width:100%}
.rich-content .image.image_resized img {width:100%}
.rich-content .image.image_resized>figcaption {display:block}
.rich-content .image.image-style-align-left, .rich-content .image.image-style-align-right {clear:none}
.rich-content .image.image-style-side {float:right;margin-left:var(--ck-image-style-spacing);max-width:50%}
.rich-content .image.image-style-align-left {float:left;margin-right:var(--ck-image-style-spacing)}
.rich-content .image.image-style-align-right {float:right;margin-left:var(--ck-image-style-spacing)}
.rich-content .image-style-align-center {margin-left:auto;margin-right:auto}
.rich-content .image-style-align-left {float:left;margin-right:var(--ck-image-style-spacing)}
.rich-content .image-style-align-right {float:right;margin-left:var(--ck-image-style-spacing)}
.rich-content p+.image.image-style-align-left, .rich-content p+.image.image-style-align-right, .rich-content p+.image.image-style-side {margin-top:0}
.rich-content .image-inline.image-style-align-left, .rich-content .image-inline.image-style-align-right {margin-bottom:var(--ck-inline-image-style-spacing);margin-top:var(--ck-inline-image-style-spacing)}
.rich-content .image-inline.image-style-align-left {margin-right:var(--ck-inline-image-style-spacing)}
.rich-content .image-inline.image-style-align-right {margin-left:var(--ck-inline-image-style-spacing)}
.rich-content .image {clear:both;display:table;margin:.9em auto;min-width:50px;text-align:center}
.rich-content .image img {display:block;height:auto;margin:0 auto;max-width:100%;min-width:100%}
.rich-content .image-inline {align-items:flex-start;display:inline-flex;max-width:100%}
.rich-content .image-inline picture {display:flex}
.rich-content .image-inline img, .rich-content .image-inline picture {flex-grow:1;flex-shrink:1;max-width:100%}
.rich-content ol {list-style-type:decimal}
.rich-content ol ol {list-style-type:lower-latin}
.rich-content ol ol ol {list-style-type:lower-roman}
.rich-content ol ol ol ol {list-style-type:upper-latin}
.rich-content ol ol ol ol ol {list-style-type:upper-roman}
.rich-content ul {list-style-type:disc}
.rich-content ul ul {list-style-type:circle}
.rich-content ul ul ul, .rich-content ul ul ul ul {list-style-type:square}
.rich-content .todo-list {list-style:none}
.rich-content .todo-list li {margin-bottom:5px;position:relative}
.rich-content .todo-list li .todo-list {margin-top:5px}
.rich-content .todo-list .todo-list__label>input {-webkit-appearance:none;border:0;display:inline-block;height:var(--ck-todo-list-checkmark-size);left:-25px;margin-left:0;margin-right:-15px;position:relative;right:0;vertical-align:middle;width:var(--ck-todo-list-checkmark-size)}
.rich-content[dir=rtl] .todo-list .todo-list__label>input {left:0;margin-left:-15px;margin-right:0;right:-25px}
.rich-content .todo-list .todo-list__label>input:before {border:1px solid #333;border-radius:2px;box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:box-shadow .25s ease-in-out;width:100%}
.rich-content .todo-list .todo-list__label>input:after {border-color:transparent;border-style:solid;border-width:0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;box-sizing:content-box;content:"";display:block;height:calc(var(--ck-todo-list-checkmark-size)/2.6);left:calc(var(--ck-todo-list-checkmark-size)/3);pointer-events:none;position:absolute;top:calc(var(--ck-todo-list-checkmark-size)/5.3);transform:rotate(45deg);width:calc(var(--ck-todo-list-checkmark-size)/5.3)}
.rich-content .todo-list .todo-list__label>input[checked]:before {background:#26ab33;border-color:#26ab33}
.rich-content .todo-list .todo-list__label>input[checked]:after {border-color:#fff}
.rich-content .todo-list .todo-list__label .todo-list__label__description {vertical-align:middle}
.rich-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {position:absolute}
.rich-content .media {clear:both;display:block;margin:.9em 0;min-width:15em}
.rich-content .page-break {align-items:center;clear:both;display:flex;justify-content:center;padding:5px 0;position:relative}
.rich-content .page-break:after {border-bottom:2px dashed #c4c4c4;content:"";position:absolute;width:100%}
.rich-content .page-break__label {background:#fff;border:1px solid #c4c4c4;border-radius:2px;box-shadow:2px 2px 1px rgba(0,0,0,.15);color:#333;display:block;font-family:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;font-size:.75em;font-weight:700;padding:.3em .6em;position:relative;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}
.rich-content .table {display:table;margin:.9em auto}
.rich-content .table table {border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;height:100%;width:100%}
.rich-content .table table td, .rich-content .table table th {border:1px solid #bfbfbf;min-width:2em;padding:.4em}
.rich-content .table table th {background:rgba(0,0,0,.05);font-weight:700}
.rich-content[dir=rtl] .table th {text-align:right}
.rich-content[dir=ltr] .table th {text-align:left}
.rich-content .table>figcaption {background-color:var(--ck-color-selector-caption-background);caption-side:top;color:var(--ck-color-selector-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;text-align:center;word-break:break-word}
.rich-content .table table {overflow:hidden}
.rich-content .table td, .rich-content .table th {overflow-wrap:break-word;position:relative}
