/* Shared by published content and TinyMCE's editable body. Keep page layout out. */
.editorial-content { display: flow-root; min-width: 0; color: #c8cbd5; overflow-wrap: anywhere; line-height: 1.85; }
.editorial-content *, .editorial-content *::before, .editorial-content *::after { box-sizing: border-box; }
.editorial-content > :first-child { margin-top: 0; }
.editorial-content > :last-child { margin-bottom: 0; }
.editorial-content p { margin: 0 0 1.4em; }
.editorial-content :is(h1, h2, h3, h4, h5, h6) { color: #f5f7ff; font-weight: 700; line-height: 1.25; letter-spacing: -.035em; margin: 1.8em 0 .65em; text-wrap: balance; scroll-margin-top: 8rem; }
.editorial-content h1 { font-size: 2.4em; }
.editorial-content h2 { font-size: 1.95em; }
.editorial-content h3 { font-size: 1.55em; }
.editorial-content h4 { font-size: 1.3em; }
.editorial-content h5 { font-size: 1.1em; }
.editorial-content h6 { font-size: 1em; letter-spacing: .04em; }
.editorial-content :is(strong, b) { font-weight: 700; }
.editorial-content :is(em, i, cite, var) { font-style: italic; }
.editorial-content :is(u, ins) { text-decoration: underline; text-underline-offset: .2em; }
.editorial-content :is(s, del, strike) { text-decoration: line-through; }
.editorial-content :is(sub, sup) { position: relative; vertical-align: baseline; font-size: .75em; line-height: 0; }
.editorial-content sup { top: -.5em; }
.editorial-content sub { bottom: -.25em; }
.editorial-content small { font-size: .8em; }
.editorial-content mark { padding: .1em .2em; color: #f5f7ff; background: #7a3fff70; }
.editorial-content abbr[title] { text-decoration: underline dotted; text-underline-offset: .2em; cursor: help; }
.editorial-content a[href] { color: #00ffff; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.editorial-content a[href]:hover { text-decoration-thickness: 2px; }
.editorial-content :is(a, summary, [tabindex]):focus-visible { outline: 2px solid #ff2bd6; outline-offset: 4px; }
.editorial-content [id], .editorial-content a[name] { scroll-margin-top: 8rem; }
.editorial-content :is(ul, ol) { margin: 0 0 1.5em; padding-inline-start: 1.7em; }
.editorial-content ul { list-style-type: disc; }
.editorial-content ul ul { list-style-type: circle; }
.editorial-content ul ul ul { list-style-type: square; }
.editorial-content li { margin-block: .4em; padding-inline-start: .2em; }
.editorial-content li::marker { color: #ff2bd6; font-weight: 600; }
.editorial-content li > :is(ul, ol) { margin-block: .5em; }
.editorial-content li > p { margin-block: .5em; }
.editorial-content dl { margin-block: 1.5em; }
.editorial-content dt { margin-top: 1em; color: #f5f7ff; font-weight: 700; }
.editorial-content dd { margin-inline-start: 1.5em; }
.editorial-content blockquote { margin: 2em 0; border-inline-start: 2px solid #ff2bd6; padding: 1.2em 1.5em; background: #ff2bd608; font-size: 1.1em; }
.editorial-content blockquote > :last-child { margin-bottom: 0; }
.editorial-content blockquote cite { display: block; margin-top: 1em; color: #a7acbc; font-size: .8em; }
.editorial-content :is(code, pre, kbd, samp) { font-family: Consolas, "Courier New", monospace; }
.editorial-content :is(code, kbd, samp) { padding: .15em .35em; border-radius: 3px; color: #e3d6ff; background: #7a3fff1a; font-size: .88em; }
.editorial-content kbd { border: 1px solid #a7acbc50; border-bottom-width: 2px; }
.editorial-content pre { max-width: 100%; margin-block: 2em; overflow: auto; padding: 1.4em; border: 1px solid #a7acbc33; background: #0d1020; color: #e3d6ff; font-size: .88em; line-height: 1.7; white-space: pre; overflow-wrap: normal; tab-size: 4; }
.editorial-content pre code { padding: 0; color: inherit; background: none; font-size: inherit; }
.editorial-content img { display: inline-block; max-width: 100% !important; height: auto !important; vertical-align: middle; border-radius: 2px; }
.editorial-content figure { max-width: 100% !important; margin: 2em 0; }
.editorial-content figure.image { display: table; }
.editorial-content figure.image img { display: block; }
.editorial-content figcaption { margin-top: .75em; color: #a7acbc; font-size: .8em; line-height: 1.6; text-align: center; }
.editorial-content figure.image figcaption { display: table-caption; caption-side: bottom; }
.editorial-content :is(video, iframe, audio) { display: block; width: 100%; max-width: 100% !important; margin-block: 2em; border: 0; }
.editorial-content :is(video, iframe) { height: auto; aspect-ratio: 16 / 9; background: #0d1020; }
.editorial-content video { object-fit: contain; }
.editorial-content audio { min-height: 54px; }
.editorial-content .mce-pagebreak { display: block; width: 100%; height: 0 !important; margin: 3em 0; border: 0; border-top: 1px dashed #a7acbc50; }
.editorial-content .mce-toc { margin: 2em 0; padding: 1.5em; border: 1px solid #a7acbc33; }
.editorial-content .mce-toc > :first-child { margin-top: 0; }
.editorial-content .mce-toc ul { margin-bottom: 0; }
.editorial-content .tox-checklist { list-style: none; padding-inline-start: .3em; }
.editorial-content .tox-checklist > li::before { content: '☐'; color: #ff2bd6; margin-inline-end: .6em; }
.editorial-content .tox-checklist > li.tox-checklist--checked::before { content: '☑'; }
/* No-JS fallback; article.js adds a keyboard-focusable scrolling wrapper. */
.editorial-content table { display: block; max-width: 100%; overflow-x: auto; margin-block: 2em; border-collapse: collapse; font-size: .9em; text-align: start; }
.editorial-content caption { padding-bottom: .8em; color: #a7acbc; font-size: .9em; text-align: start; }
.editorial-content :is(th, td) { min-width: 5em; border: 1px solid #a7acbc40; padding: .8em 1em; vertical-align: top; }
.editorial-content th { color: #f5f7ff; background: #7a3fff18; font-weight: 600; }
.editorial-content td > :last-child, .editorial-content th > :last-child { margin-bottom: 0; }
.editorial-content tfoot { font-weight: 600; }
.editorial-content .editorial-table-scroll { max-width: 100%; margin-block: 2em; overflow-x: auto; scrollbar-color: #7a3fff #0d1020; }
.editorial-content .editorial-table-scroll > table { display: table; max-width: none; margin-block: 0; }
.editorial-content hr { clear: both; border: 0; border-top: 1px solid #a7acbc40; margin: 3em 0; }
.editorial-content details { margin-block: 1.5em; padding: 1em 1.2em; border: 1px solid #a7acbc40; }
.editorial-content summary { color: #f5f7ff; font-weight: 600; cursor: pointer; }
.editorial-content details[open] > summary { margin-bottom: 1em; }
.editorial-content .mce-accordion > summary > :is(h1, h2, h3, h4, h5, h6) { display: inline; }
.article-permalink { display: inline-block; margin-top: 1rem; text-decoration: none; color: #ff2bd6; font-size: .85rem; }
@media (max-width: 599px) {
  .editorial-content h1 { font-size: 2em; }
  .editorial-content h2 { font-size: 1.65em; }
  .editorial-content blockquote { padding: 1em; }
  .editorial-content :is(img, figure, video, iframe)[style*="float"] { float: none !important; margin-inline: 0 !important; }
  .editorial-content :is(p, div, h1, h2, h3, h4, h5, h6)[style*="padding-left"] { padding-left: min(10%, 2rem) !important; }
}
@media print {
  .editorial-content, .editorial-content :is(h1, h2, h3, h4, h5, h6, th, summary) { color: #111; }
  .editorial-content :is(a[href], figcaption, caption, blockquote cite) { color: #444; }
  .editorial-content :is(pre, blockquote, th, code, kbd, samp) { color: #111; background: #f4f4f4; }
  .editorial-content :is(h1, h2, h3, h4, h5, h6) { break-after: avoid; }
  .editorial-content :is(figure, blockquote, tr) { break-inside: avoid; }
  .editorial-content .mce-pagebreak { break-before: page; border: 0; }
  .editorial-content pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  .editorial-content .editorial-table-scroll { overflow: visible; }
  .editorial-content .editorial-table-scroll > table { width: 100% !important; max-width: 100%; table-layout: fixed; }
}
.preview-banner { position: sticky; top: 0; z-index: 110; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .75rem 1.5rem; padding: .75rem 1rem; background: #241535; border-bottom: 1px solid #ff2bd6; color: white; font: 14px/1.5 Arial, sans-serif; }
.preview-banner a { color: white; }
.preview-banner form{margin:0}.preview-banner button{background:#ff2bd6;color:#170914;border:0;border-radius:6px;padding:12px 20px;font:600 14px Arial,sans-serif;cursor:pointer}.preview-banner button:hover{background:#ff66e4}.preview-banner button:focus-visible,.preview-banner a:focus-visible{outline:2px solid #00ffff;outline-offset:4px}.preview-banner>span{font-size:12px;color:#d0c2df}.preview-error{flex-basis:100%;margin:0;color:#ffafba;text-align:center}
