@import url("/assets/reader-typography.css");

/* Article typography for the editor canvas, tuned to match the public .legacy-content
 * article body (serif reading type, green pull-quote). Contract 28: keep this in step with
 * the public article styles in src/styles/global.css when they change. No em dashes. */
.ed-canvas {
  font-family:var(--reader-font-family);
  color:#1a1916;
}
.ed-canvas > *:first-child { margin-top:0; }
.ed-canvas p { font-size:var(--reader-body-size); font-weight:var(--reader-body-weight); line-height:var(--reader-body-line-height); margin:0 0 18px; }
.ed-canvas strong { font-weight:var(--reader-emphasis-weight); }
.ed-canvas h2 { font-family:inherit; font-weight:var(--reader-section-title-weight); font-size:var(--reader-section-title-size); color:#2a2926; margin:30px 0 12px; }
.ed-canvas h3 { font-family:inherit; font-weight:var(--reader-section-title-weight); font-size:var(--reader-subsection-title-size); color:#2a2926; margin:24px 0 10px; }
.ed-canvas section { margin:0 0 8px; }
.ed-canvas blockquote.pullquote, .ed-canvas blockquote {
  border-left:3px solid #4f6f63; margin:24px 0; padding:2px 0 2px 20px;
}
.ed-canvas blockquote p { font-style:italic; font-weight:var(--reader-quote-weight); color:#2a2926; font-size:var(--reader-quote-size); margin:0; }
.ed-canvas ul, .ed-canvas ol { padding-left:1.4em; margin:0 0 18px; font-size:var(--reader-body-size); line-height:var(--reader-body-line-height); }
.ed-canvas li { margin:0 0 6px; }
.ed-canvas a { color:#4f6f63; text-decoration:underline; }
.ed-canvas figure { margin:22px 0; }
.ed-canvas img { max-width:100%; height:auto; border-radius:8px; }
.ed-canvas figcaption { font-family:system-ui,sans-serif; font-size:13px; color:#6b675f; margin-top:8px; }
/* h1 & h4 */
.ed-canvas h1 { font-family:inherit; font-weight:400; font-size:32px; color:#2a2926; margin:36px 0 14px; }
.ed-canvas h4 { font-family:inherit; font-weight:500; font-size:16px; color:#2a2926; margin:20px 0 8px; text-transform:uppercase; letter-spacing:0.04em; }
/* divider */
.ed-canvas hr { border:0; border-top:1px solid rgba(26,25,22,.12); margin:32px 0; }
/* code box */
.ed-canvas pre { background:#faf9f7; border:1px solid rgba(26,25,22,.10); border-radius:8px; padding:18px 20px; overflow-x:auto; margin:0 0 18px; }
.ed-canvas pre code { font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:13px; line-height:1.6; color:#2a2926; white-space:pre; }
/* file download link */
.ed-canvas .file-download { display:inline-flex; align-items:center; gap:8px; background:#faf9f7; border:1px solid rgba(26,25,22,.12); border-radius:8px; padding:10px 16px; font-family:system-ui,sans-serif; font-size:14px; color:#2a2926; text-decoration:none; transition:background .15s; }
.ed-canvas .file-download:hover { background:#eaf0ed; }
.ed-canvas .file-download::before { content:"↓"; font-size:16px; color:#4f6f63; }
/* bookmark card */
.ed-canvas .bookmark-card { border-left:3px solid #4f6f63; background:#faf9f7; border-radius:0 8px 8px 0; padding:14px 18px; margin:20px 0; }
.ed-canvas .bookmark-card p { margin:0; font-family:system-ui,sans-serif; }
.ed-canvas .bookmark-card a { font-size:15px; font-weight:600; color:#2a2926; text-decoration:none; }
.ed-canvas .bookmark-card a:hover { color:#4f6f63; }
.ed-canvas .bookmark-desc { font-size:13px; color:#6b675f; margin-top:4px !important; }
/* video / audio */
.ed-canvas video, .ed-canvas audio { max-width:100%; border-radius:8px; }