/* Copyright 2026 AbilitySoft. All rights reserved.
 * Article typography shared by the Content Hub editor, the live preview and public article pages.
 * Scoped to .if-prose (editor/preview/new pages) and .if-fig/.if-callout/.if-embed (any article body). */
.if-prose{color:#1e293b;font-size:1.0625rem;line-height:1.75;overflow-wrap:anywhere}
.if-prose>*+*{margin-top:1.1em}
.if-prose h2{font-size:1.65rem;line-height:1.25;font-weight:800;color:#0f172a;margin-top:1.8em;letter-spacing:-.01em}
.if-prose h3{font-size:1.3rem;line-height:1.3;font-weight:700;color:#0f172a;margin-top:1.6em}
.if-prose h4{font-size:1.1rem;font-weight:700;color:#0f172a;margin-top:1.4em}
.if-prose a{color:#b71c1c;text-decoration:underline;text-underline-offset:2px}
.if-prose ul,.if-prose ol{padding-left:1.4em}.if-prose ul{list-style:disc}.if-prose ol{list-style:decimal}.if-prose li+li{margin-top:.35em}
.if-prose blockquote{border-left:4px solid #b71c1c;padding:.25em 0 .25em 1.1em;color:#334155;font-size:1.1em;font-style:italic;background:linear-gradient(90deg,#fef2f2,transparent)}
.if-prose code{background:#f1f5f9;padding:.1em .35em;border-radius:.35em;font-size:.9em}
.if-prose pre,.if-prose .if-code{background:#0f172a;color:#e2e8f0;padding:1em 1.2em;border-radius:.9rem;overflow-x:auto;font-size:.9rem;line-height:1.6}
.if-prose pre code{background:none;padding:0;color:inherit}
.if-prose hr{border:0;border-top:1px solid #e2e8f0;margin:2em 0}
.if-prose mark{background:#fef08a;padding:0 .15em;border-radius:.2em}
.if-prose table,.prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;display:block;overflow-x:auto;border:1px solid #e2e8f0;border-radius:.9rem}
.if-prose th,.if-prose td,.prose table th,.prose table td{border-bottom:1px solid #e2e8f0;padding:.65em .9em;text-align:left;vertical-align:top;min-width:6rem}
.if-prose th,.prose table th{background:#f8fafc;font-weight:700;color:#0f172a}
.if-prose tr:last-child td{border-bottom:0}
.if-fig{margin:1.8em 0}.if-fig img{display:block;width:100%;height:auto;border-radius:1rem;background:#f1f5f9}
.if-fig figcaption{margin-top:.6em;font-size:.85rem;color:#64748b;text-align:center}
.if-fig-left{float:left;width:45%;margin:.3em 1.4em 1em 0}.if-fig-right{float:right;width:45%;margin:.3em 0 1em 1.4em}
.if-fig-wide{margin-left:-2rem;margin-right:-2rem}
@media(max-width:640px){.if-fig-left,.if-fig-right{float:none;width:100%;margin:1.4em 0}.if-fig-wide{margin-left:0;margin-right:0}}
.if-callout{border-left:4px solid #2563eb;background:#eff6ff;border-radius:.9rem;padding:1em 1.2em;margin:1.6em 0;color:#1e3a8a}
.if-callout>*+*{margin-top:.6em}.if-callout p{margin:0}
.if-callout-tip{border-color:#15803d;background:#f0fdf4;color:#14532d}
.if-callout-warn{border-color:#b45309;background:#fffbeb;color:#78350f}
.if-embed{position:relative;aspect-ratio:16/9;margin:1.8em 0;border-radius:1rem;overflow:hidden;background:#0f172a}
.if-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* editor surface */
.if-prose.ProseMirror{outline:none;min-height:22rem;padding:1.25rem 1.5rem}
.if-prose.ProseMirror p.is-editor-empty:first-child::before{content:attr(data-placeholder);float:left;height:0;pointer-events:none;color:#94a3b8}
.if-prose.ProseMirror .ProseMirror-selectednode{outline:3px solid #b71c1c;outline-offset:2px;border-radius:.9rem}
.if-prose.ProseMirror .selectedCell{background:#fee2e2}
.if-prose.ProseMirror table{display:table}
.if-prose.ProseMirror .if-embed::after{content:"Video — shown on the page";position:absolute;inset:auto 0 0 0;padding:.35rem .75rem;background:rgba(15,23,42,.75);color:#fff;font-size:.75rem}
.if-prose.ProseMirror .if-embed iframe{pointer-events:none}
