/* Safe derived reading surfaces share existing document fonts/tokens. Raw editors keep their native styles. */
.lore-markdown { min-width: 0; max-width: 100%; overflow-wrap: anywhere; color: var(--text); font: 1.125rem/1.75 'Source Serif 4', Georgia, serif; }
.lore-markdown[hidden] { display: none !important; }
.lore-markdown p { margin: .35rem 0 1rem; white-space: normal; padding: 0; }
.lore-markdown h1, .lore-markdown h2, .lore-markdown h3, .lore-markdown h4, .lore-markdown h5, .lore-markdown h6 { font-family: var(--font-sans); font-weight: 700; line-height: 1.35; margin: 1rem 0 .5rem; overflow-wrap: anywhere; }
.lore-markdown h1 { font-size: 1.6em; }
.lore-markdown h2 { font-size: 1.35em; }
.lore-markdown h3 { font-size: 1.15em; }
.lore-markdown h4, .lore-markdown h5, .lore-markdown h6 { font-size: 1em; }
.lore-markdown ul, .lore-markdown ol { margin: .5rem 0 1rem; padding-left: 1.5em; }
.lore-markdown li { margin: .25rem 0; }
.lore-markdown blockquote { margin: .75rem 0 1rem; border-left: 3px solid var(--border-strong); padding: .2rem 0 .2rem 1rem; color: var(--text-dim); }
.lore-markdown code { font: .9em/1.65 var(--font-mono); white-space: pre-wrap; overflow-wrap: anywhere; background: var(--surface-2); padding: .1em .25em; border-radius: 3px; }
.lore-markdown pre { box-sizing: border-box; max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; margin: .75rem 0 1rem; padding: .75rem; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-2); }
.lore-markdown pre code { padding: 0; background: transparent; }
.lore-markdown a { color: var(--accent); text-decoration: underline; text-underline-offset: .15em; overflow-wrap: anywhere; }
.lore-markdown a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.lore-markdown > :first-child { margin-top: 0; }
.lore-markdown > :last-child { margin-bottom: 0; }
.dna-section-script > .lore-markdown { font-size: 1.25rem; padding-bottom: .6rem; }
.dna-preview-manuscript .lore-markdown { font-size: 1.25rem; padding: .5rem 1rem; }
.studio-plan .md-inline { display: block; }
@media (max-width: 800px) {
  .dna-section-script > .lore-markdown, .dna-preview-manuscript .lore-markdown { font-size: 1.125rem; line-height: 1.7; }
  .studio-plan .lore-markdown { font-size: 1.0625rem; line-height: 1.7; }
  .lore-markdown pre { padding: .6rem; }
}
