/* Kalam Aflam Design System 1.2 — verified Cream Magazine markup.
   Scoped to live template classes. Does not hide ads, change links, or affect the editorial preview. */
:root{--kads-ink:#171717;--kads-accent:#a94332;--kads-paper:#f6f3ed;--kads-rule:#ded8d0;--kads-muted:#68625d}
body:not(.page-id-18366):not(.page-id-18580) :is(.main-navigation,.footer_nav){font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important}
body:not(.page-id-18366):not(.page-id-18580) :is(.main-navigation,.footer_nav) a:focus-visible{outline:2px solid var(--kads-accent);outline-offset:3px}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_title{background:var(--kads-paper);border-top:3px solid var(--kads-accent);padding:clamp(18px,3vw,37px);margin:0 0 18px}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_title h1{font:700 clamp(29px,3.2vw,44px)/1.49 "IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important;color:var(--kads-ink)!important;text-align:right!important;direction:rtl;unicode-bidi:plaintext;overflow-wrap:break-word;text-wrap:pretty;margin:0!important;padding:0!important;border:0!important}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_title h1 bdi{display:inline-block;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
body.single-post .cm_post_page_lay_wrap article.post-detail>.cm-post-meta{font:500 13px/1.7 "IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important;color:var(--kads-muted)!important;margin-bottom:23px}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content{direction:rtl;text-align:right;color:#302d2a;max-width:100%;overflow-wrap:break-word}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content>p{font:400 clamp(18px,1.6vw,20px)/2.02 "Noto Naskh Arabic","Traditional Arabic",serif!important;color:#302d2a!important;max-width:75ch;margin:0 0 1.35em!important}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content>h2{border:0!important;border-right:3px solid var(--kads-accent)!important;padding:0 13px 0 0!important;margin:39px 0 19px!important;color:var(--kads-ink)!important;font:700 clamp(22px,2.2vw,28px)/1.55 "IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important;scroll-margin-top:95px}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content>h3{color:var(--kads-ink)!important;font:700 clamp(19px,2vw,23px)/1.6 "IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important;margin:25px 0 13px!important;scroll-margin-top:95px}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content :is(img,video,iframe){max-width:100%;height:auto}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content>figure{max-width:100%;margin:30px auto!important}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content figure img{display:block;height:auto;max-width:100%;border-radius:2px}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content figcaption{font:400 13px/1.8 "IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important;color:var(--kads-muted)!important;text-align:center}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content :is(ul,ol){padding-right:25px;padding-left:0}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content>blockquote{background:var(--kads-paper);border:0;border-right:3px solid var(--kads-accent);padding:18px 22px;margin:29px 0}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content a:not(.wp-block-button__link):not(.wp-element-button){text-underline-offset:3px}
body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content .wp-block-image img{height:auto}
body:not(.page-id-18366):not(.page-id-18580) footer.footer{border-top:3px solid var(--kads-accent)}
body:not(.page-id-18366):not(.page-id-18580) footer.footer a:focus-visible{outline:2px solid #e6b29e;outline-offset:3px}
@media(max-width:767px){body.single-post .cm_post_page_lay_wrap article.post-detail>.the_title{padding:19px 15px;margin-bottom:14px}body.single-post .cm_post_page_lay_wrap article.post-detail>.the_title h1{font-size:29px!important;line-height:1.52!important}body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content>p{font-size:18px!important;line-height:1.92!important}body.single-post .cm_post_page_lay_wrap article.post-detail>.the_content>h2{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){body.single-post .cm_post_page_lay_wrap article.post-detail *{scroll-behavior:auto}}
