@font-face{font-family:"Risalah Noto Serif";src:url("../fonts/noto/NotoSerif.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Risalah Noto Naskh";src:url("../fonts/noto/NotoNaskhArabic.ttf") format("truetype");font-weight:400 700;font-display:swap}
/* Shared writing/reading typography. The editor and reader use the same defaults. */
@font-face{font-family:"Risalah Amiri";src:url('../fonts/amiri/Amiri-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Risalah Amiri";src:url('../fonts/amiri/Amiri-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.article-prose{--prose-size:20px;--prose-arabic:28px;--prose-pad:52px 64px 48px;--prose-rule-width:80px;--prose-rule-gap:32px}
.detail-content.article-prose,body.article-prose{position:relative;box-sizing:border-box;width:100%;max-width:880px;margin:0 auto;padding:var(--prose-pad);border:1px solid var(--reader-line-color,#ded7be);border-radius:3px;background:var(--reader-paper,#fff7df);color:var(--reader-ink,#352e22);font-family:"Risalah Noto Serif","Risalah Noto Naskh",serif;font-size:calc(var(--prose-size) * var(--reader-scale,1));line-height:var(--reader-line,1.9);letter-spacing:normal;word-spacing:normal;overflow-wrap:break-word;text-align:start}
.article-prose::before,.article-prose::after{content:"";display:block;width:var(--prose-rule-width);height:1px;margin:0 auto var(--prose-rule-gap);background:#b8a16b}.article-prose::after{margin:var(--prose-rule-gap) auto 0}
.article-prose :is(p,li,span,div,td,th,font){font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}
.article-prose p{max-width:68ch;margin:0 0 1.2em;text-align:start;text-justify:inter-word;hyphens:manual}
.article-prose .article-empty{display:none}
.article-prose .article-arabic,.article-prose .article-arabic.article-arabic-text,.detail-content.article-prose .article-arabic,.detail-content.article-prose .article-arabic.article-arabic-text{font-family:"Risalah Noto Naskh","Risalah Amiri",serif;font-size:calc(var(--prose-arabic) * var(--reader-scale,1));line-height:calc(var(--reader-line,1.9) + .2);letter-spacing:0;word-spacing:normal;text-align:right;unicode-bidi:isolate;color:inherit;font-style:normal}
.article-prose .article-arabic :is(span,b,strong,em,a,font){font-family:inherit;font-size:inherit;line-height:inherit}
.article-prose .article-arabic-text{font-family:"Risalah Noto Naskh","Risalah Amiri",serif;font-size:1.15em;font-style:normal;letter-spacing:0;line-height:2}
.article-prose :is(h1,h2,h3,h4,h5,h6){font-family:"Risalah Noto Serif","Risalah Noto Naskh",serif;font-weight:700;line-height:1.4;margin:1.6em 0 .7em;color:var(--reader-accent,#27533b);letter-spacing:normal}
.article-prose h1,.article-prose h2{font-size:1.4em}.article-prose h3{font-size:1.2em}.article-prose h4{font-size:1.05em}.article-prose h5,.article-prose h6{font-size:1em}
.article-prose :is(ul,ol){padding-inline-start:1.5em;margin:0 0 1.2em;list-style-position:outside}.article-prose ul{list-style-type:disc}.article-prose ol{list-style-type:decimal}.article-prose li{margin-bottom:.5em}
.article-prose a{color:var(--reader-accent,#27533b);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.article-prose blockquote{margin:24px 0;padding:16px 20px;border:0;border-left:3px solid #c9a94d;background:var(--reader-panel,#fffdf6);color:inherit;border-radius:0 10px 10px 0}
.article-prose img{max-width:100%;height:auto;object-fit:contain;border-radius:8px}.article-prose figure{max-width:100%;margin:0 0 1.2em}.article-prose figcaption{margin:8px 0 0;font:14px/1.65 "Risalah Noto Serif","Risalah Noto Naskh",serif;text-align:center;color:var(--reader-muted,#59634f)}
.article-prose :is(pre,code,kbd,samp){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;line-height:1.75;direction:ltr;unicode-bidi:isolate}.article-prose pre{white-space:pre-wrap;overflow:auto;padding:16px;border:1px solid #d8dfd4;border-radius:8px;background:#edf2ed}.article-prose :is(sub,sup){font-size:.75em;line-height:0}.article-prose table{max-width:100%;border-collapse:collapse}.article-prose td,.article-prose th{padding:10px;border:1px solid #d5dfcf;vertical-align:top}.article-prose iframe{width:100%;max-width:100%;aspect-ratio:16/9;border:0}
@media(max-width:767.98px){.article-prose{--prose-size:18px;--prose-arabic:26px;--prose-pad:28px 20px 24px;--prose-rule-width:56px;--prose-rule-gap:24px}}
@media(max-width:359.98px){.article-prose{--prose-pad:24px 14px;--prose-arabic:25px}}
/* Editing breakpoint follows the parent screen, not the narrower iframe width. */
html[data-editor-mobile="false"] body.article-prose{--prose-size:20px;--prose-arabic:28px;--prose-pad:52px 64px 48px;--prose-rule-width:80px;--prose-rule-gap:32px}
html[data-editor-mobile="true"] body.article-prose{--prose-size:18px;--prose-arabic:26px;--prose-pad:28px 20px 24px;--prose-rule-width:56px;--prose-rule-gap:24px}
html.cke_editable{padding:0}
html.article-editor-document{background:#f4f2e9;padding:0}
body.article-editor-content{width:100%;min-height:100vh;box-shadow:none;outline:none}
@media print{.detail-content.article-prose{padding:0;max-width:none;border:0;box-shadow:none;background:#fff;color:#000}.article-prose::before,.article-prose::after{display:none}}
/* Explanatory images retain their authored dimensions; gallery thumbnails are separate. */
.article-prose .article-photo>img[data-article-inline]{max-height:none}
.article-prose .article-photo:has(>img[data-article-inline]){border-radius:8px;background:transparent;line-height:0}
/* Image rows belong to the narrative, not to the separate article gallery. */
.article-prose [data-article-image-row]{display:block;clear:both;max-width:100%;margin:1.2em 0}
.article-prose [data-article-row-line]{display:flex;align-items:flex-start;gap:20px;margin:0 0 16px;max-width:100%}
.article-prose [data-article-row-line]:last-child{margin-bottom:0}
.article-prose [data-article-row-item]{min-width:0;width:auto!important;max-width:100%;margin:0!important;float:none!important}
.article-prose [data-article-row-item]>a,.article-prose [data-article-row-item]>.article-photo{display:block;width:100%!important;margin:0!important;background:transparent}
.article-prose [data-article-row-item] img{display:block;width:100%!important;height:auto!important;max-height:none;object-fit:contain;margin:0!important}
.article-prose [data-article-row-item] figcaption{margin-top:8px;overflow-wrap:anywhere}
@media(max-width:767.98px){html:not(.article-editor-document) .article-prose [data-article-row-line]{flex-wrap:wrap;gap:12px}html:not(.article-editor-document) .article-prose [data-article-row-item]{min-width:min(100%,100px)}}
html[data-editor-mobile="true"] .article-prose [data-article-row-line]{flex-wrap:wrap;gap:12px}
html[data-editor-mobile="true"] .article-prose [data-article-row-item]{min-width:min(100%,100px)}
