.article-document{max-width:850px;margin:0 auto;line-height:2;overflow-wrap:anywhere}.article-document h2{font-family:"Noto Naskh Arabic",serif;font-size:1.9rem;line-height:1.6;margin:32px 0 18px}.article-document p,.article-document li{font-size:1.05rem}.article-document a{text-decoration:underline;text-underline-offset:4px}.article-content-image{margin:24px 0}.article-content-image img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;margin-inline:auto}.article-content-image figcaption{font-size:.9rem;color:var(--muted);padding:10px 0}.article-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--cream);border-radius:14px;margin-bottom:28px}.article-editor fieldset{border:1px solid var(--line);border-radius:16px;padding:24px;margin:24px 0;background:var(--white)}.article-editor legend{font-weight:700;padding:0 10px}.article-editor label{display:block;margin:16px 0}.article-editor input:not([type=checkbox]),.article-editor select,.article-editor textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:8px;color:var(--ink-deep);background:var(--paper);font:inherit}.article-block-editor{border-top:1px solid var(--line);padding:22px 0}.editor-cover-preview{width:min(100%,520px);aspect-ratio:16/9;object-fit:contain;background:var(--cream);height:auto}.editor-content-preview{max-width:100%;width:auto;max-height:450px;object-fit:contain;margin:18px 0}.article-image-library{border:2px solid var(--line);border-radius:14px;padding:22px;margin:26px 0}.article-image-library>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:20px}.article-image-library button img{width:100%;height:140px;object-fit:contain}.article-live-preview iframe{display:block;border:1px solid var(--line);background:var(--paper);margin:18px auto}.article-editor .card-actions{flex-wrap:wrap}.article-document .post-share-actions a{font-size:.9rem}@media(max-width:550px){.article-editor fieldset{padding:16px}.article-document p,.article-document li{font-size:1rem}.article-document h2{font-size:1.6rem}}
.recent-card img.cover-thumbnail{aspect-ratio:16/9;height:auto;object-fit:contain}
