/* Adminlane: inside the writing area (TinyMCE iframe).
   Fonts and headings come from the theme's editor style; this only sets the page. */

html { background: #fff; }
body.adl-content {
  max-width: 760px;
  margin: 0 auto !important;
  padding: 34px 40px 60px !important;
  font-size: 17px;
  line-height: 1.7;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
body.adl-content p { margin: 0 0 1em; }
body.adl-content h1, body.adl-content h2, body.adl-content h3, body.adl-content h4 { line-height: 1.25; margin: 1.4em 0 .5em; }
body.adl-content a { color: var(--adl-c-link, #2563eb); text-decoration-thickness: 1px; text-underline-offset: 2px; }
body.adl-content img { border-radius: 6px; }
body.adl-content ::selection { background: color-mix(in srgb, var(--adl-c-link, #2563eb) 20%, transparent); }
body.adl-content .mceTemp, body.adl-content .wp-caption { max-width: 100%; }

/* Accent colour for links: light / dark */
body.adl-content { --adl-c-link: #2563eb; --adl-c-link-d: #8db4ff; }
body.adl-content.adl-accent-violet { --adl-c-link: #6d28d9; --adl-c-link-d: #c4b5fd; }
body.adl-content.adl-accent-teal   { --adl-c-link: #0f766e; --adl-c-link-d: #5eead4; }
body.adl-content.adl-accent-green  { --adl-c-link: #15803d; --adl-c-link-d: #86efac; }
body.adl-content.adl-accent-orange { --adl-c-link: #c2410c; --adl-c-link-d: #fdba74; }
body.adl-content.adl-accent-pink   { --adl-c-link: #be185d; --adl-c-link-d: #f9a8d4; }

/* Dark and Dim: the page is the card colour of each */
body.adl-content.adl-dark { --adl-c-bg: #161c29; --adl-c-text: #dfe4ec; --adl-c-head: #f2f4f8; --adl-c-quote: #c9cfda; --adl-c-line: #34405a; --adl-c-code: #1e2535; --adl-c-muted: #8f9bb0; }
body.adl-content.adl-dim  { --adl-c-bg: #303948; --adl-c-text: #dde2ea; --adl-c-head: #f0f2f6; --adl-c-quote: #c5ccd8; --adl-c-line: #4f5a6e; --adl-c-code: #3a4454; --adl-c-muted: #9ba5b6; }
@media (prefers-color-scheme: dark) {
  body.adl-content.adl-auto { --adl-c-bg: #161c29; --adl-c-text: #dfe4ec; --adl-c-head: #f2f4f8; --adl-c-quote: #c9cfda; --adl-c-line: #34405a; --adl-c-code: #1e2535; --adl-c-muted: #8f9bb0; }
}
html:has(body.adl-content.adl-dark) { background: #161c29; }
html:has(body.adl-content.adl-dim)  { background: #303948; }
@media (prefers-color-scheme: dark) { html:has(body.adl-content.adl-auto) { background: #161c29; } }

body.adl-content:is(.adl-dark, .adl-dim) { background: var(--adl-c-bg); color: var(--adl-c-text); }
body.adl-content:is(.adl-dark, .adl-dim) :is(h1, h2, h3, h4, strong, b) { color: var(--adl-c-head); }
body.adl-content:is(.adl-dark, .adl-dim) :is(p, li, td, th, dd, dt, figcaption, blockquote, span, div) { color: inherit; }
body.adl-content:is(.adl-dark, .adl-dim) a { color: var(--adl-c-link-d); }
body.adl-content:is(.adl-dark, .adl-dim) blockquote { border-color: var(--adl-c-line); color: var(--adl-c-quote); }
body.adl-content:is(.adl-dark, .adl-dim) :is(code, pre) { background: var(--adl-c-code); color: #e6e9ef; }
body.adl-content:is(.adl-dark, .adl-dim) :is(.wp-caption-dd, .wp-caption-text) { color: var(--adl-c-muted); }
body.adl-content:is(.adl-dark, .adl-dim) hr { border-color: var(--adl-c-line); }
body.adl-content:is(.adl-dark, .adl-dim) ::selection { background: color-mix(in srgb, var(--adl-c-link-d) 35%, transparent); }

@media (prefers-color-scheme: dark) {
  body.adl-content.adl-auto { background: var(--adl-c-bg); color: var(--adl-c-text); }
  body.adl-content.adl-auto :is(h1, h2, h3, h4, strong, b) { color: var(--adl-c-head); }
  body.adl-content.adl-auto :is(p, li, td, th, dd, dt, figcaption, blockquote, span, div) { color: inherit; }
  body.adl-content.adl-auto a { color: var(--adl-c-link-d); }
  body.adl-content.adl-auto blockquote { border-color: var(--adl-c-line); color: var(--adl-c-quote); }
  body.adl-content.adl-auto :is(code, pre) { background: var(--adl-c-code); color: #e6e9ef; }
  body.adl-content.adl-auto :is(.wp-caption-dd, .wp-caption-text) { color: var(--adl-c-muted); }
  body.adl-content.adl-auto hr { border-color: var(--adl-c-line); }
}