/* One typography source for the admin editor and its published content.
   Authored inline formatting takes precedence; defaults stay independent of page typography. */
.editor-content { min-width:0; max-width:100%; overflow-x:auto; overflow-wrap:anywhere; font:var(--editor-font,400 15px/1.8 "Segoe UI",Arial,sans-serif); text-align:start; }
.editor-content--plain,.editor-content .editor-content__plain { white-space:pre-wrap; tab-size:4; }
.editor-content p { margin:0 0 var(--editor-block-gap,1em); color:inherit; font:inherit; }
.editor-content :is(h1,h2,h3,h4,h5,h6) { margin:var(--editor-heading-top,1.1em) 0 var(--editor-heading-bottom,.55em); color:var(--editor-heading-color,inherit); font-family:inherit; font-weight:var(--editor-bold,700); line-height:var(--editor-heading-line,1.35); }
.editor-content h1 { font-size:var(--editor-h1-size,2em); }
.editor-content h2 { font-size:var(--editor-h2-size,1.65em); }
.editor-content h3 { font-size:var(--editor-h3-size,1.35em); }
.editor-content h4 { font-size:var(--editor-h4-size,1.15em); }
.editor-content :is(h5,h6) { font-size:var(--editor-h5-size,1em); }
.editor-content > :first-child { margin-top:0; }
.editor-content > :last-child { margin-bottom:0; }
.editor-content :is(ul,ol) { margin:var(--editor-block-gap,1em) 0; padding-inline-start:var(--editor-list-inset,1.6em); }
.editor-content ul { list-style:disc outside; }
.editor-content ol { list-style:decimal outside; }
.editor-content li { display:list-item; margin:var(--editor-list-gap,.3em) 0; }
.editor-content :is(b,strong) { font-weight:var(--editor-bold,700); }
.editor-content :is(i,em) { font-style:italic; }
.editor-content u { text-decoration:underline; }
.editor-content a { color:var(--editor-link,#366dc5); text-decoration:underline; }
.editor-content blockquote { margin:var(--editor-block-gap,1em) 0; padding:var(--editor-quote-padding,.6em 1em); border-inline-start:var(--editor-border-width,3px) solid var(--editor-quote-border,#6c83df); background:var(--editor-quote-background,rgba(80,101,180,.09)); }
.editor-content pre { max-width:100%; margin:var(--editor-block-gap,1em) 0; padding:var(--editor-code-padding,.75em); overflow-x:auto; white-space:pre; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:1em; color:inherit; }
.editor-content :is(img,video,iframe) { max-width:100%; }
.editor-content :is(img,video) { height:auto; }
.editor-content table { max-width:100%; width:100%; border-collapse:collapse; margin:var(--editor-block-gap,1em) 0; border:var(--editor-border-width,1px) solid var(--editor-border,#8992a6); color:inherit; font:inherit; }
.editor-content :is(thead,tbody,tfoot,tr) { border:0; color:inherit; font:inherit; }
.editor-content :is(th,td) { padding:var(--editor-cell-padding,.6em .8em); border:var(--editor-border-width,1px) solid var(--editor-border,#8992a6); vertical-align:top; text-align:start; font:inherit; }
.editor-content th { font-weight:var(--editor-bold,700); }
.editor-content hr { margin:var(--editor-rule-gap,1.5em) 0; border:0; border-top:var(--editor-border-width,1px) solid var(--editor-border,#8992a6); }

/* Opt-in storefront publication. The default editor keeps its original appearance.
   All appearance values come from the existing storefront foundation. */
.editor-content--storefront {
  --editor-font: var(--sfui-weight-normal) var(--sfui-size-body)/var(--sfui-line-prose) var(--sfui-font);
  --editor-block-gap: var(--sfui-space-16);
  --editor-heading-top: var(--sfui-space-24);
  --editor-heading-bottom: var(--sfui-space-12);
  --editor-heading-line: var(--sfui-line-title);
  --editor-bold: var(--sfui-weight-bold);
  --editor-h1-size: var(--sfui-size-hero);
  --editor-h2-size: var(--sfui-size-title);
  --editor-h3-size: var(--sfui-size-subtitle);
  --editor-h4-size: var(--sfui-size-body);
  --editor-h5-size: var(--sfui-size-body);
  --editor-list-inset: var(--sfui-space-24);
  --editor-list-gap: var(--sfui-space-8);
  --editor-link: var(--sfui-accent-text);
  --editor-quote-padding: var(--sfui-space-16);
  --editor-quote-border: var(--sfui-primary);
  --editor-quote-background: var(--sfui-control);
  --editor-code-padding: var(--sfui-space-12);
  --editor-border-width: var(--sfui-border-width);
  --editor-border: var(--sfui-border);
  --editor-cell-padding: var(--sfui-space-8);
  --editor-rule-gap: var(--sfui-space-24);
}