/* Makkah Al-Youm 1.5.16 — article-only editorial typography.
 * Safely overrides pasted font sizes while keeping advertiser and author-card
 * styles untouched. No global / homepage image or banner layout changes. */
body.single-post {
  --may-editorial-accent:#a83a55;
  --may-editorial-heading:var(--may-ink,#24252b);
  --may-editorial-muted:var(--may-muted,#68707b);
  --may-editorial-stroke:var(--may-border,#e4e1e2);
}
html.may-dark body.single-post {
  --may-editorial-accent:#e6a7b9;
  --may-editorial-heading:#f6f2f3;
  --may-editorial-muted:#b7b5bf;
}
/* Two possible front ends: native block template and legacy PHP template. */
body.single-post :is(.may-single-post-main,.may-single){
  direction:rtl;
  text-align:right;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-wrap:break-word;
}
body.single-post .may-single-post-main > .wp-block-group,
body.single-post .may-single {
  width:min(100%,960px)!important;
  max-width:960px!important;
  min-width:0;
  margin-inline:auto!important;
}
/* Preserve equal page gutters even if a saved block template sets alignwide. */
body.single-post .may-single-post-main{
  padding-inline:clamp(14px,3.5vw,32px)!important;
  padding-block:clamp(18px,3vw,36px) 52px!important;
}
body.single-post .may-single {
  padding-inline:clamp(14px,3.5vw,30px)!important;
}
/* Top taxonomy, published date and main title, on custom saved templates too. */
body.single-post .may-single-post-main .wp-block-post-terms,
body.single-post .may-article-header .post-categories,
body.single-post .may-post-categories{
  color:var(--may-editorial-accent)!important;
  font-size:13px!important;
  line-height:1.6!important;
  font-weight:800!important;
  margin:0 0 10px!important;
}
body.single-post .may-single-post-main .wp-block-post-title,
body.single-post .may-article-header > h1,
body.single-post .may-single > header h1 {
  font-family:var(--may-reading-font,Tajawal,Tahoma,Arial,sans-serif)!important;
  font-size:clamp(29px,4vw,46px)!important;
  font-weight:850!important;
  line-height:1.43!important;
  text-align:right!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
  max-width:26ch;
  margin:0 0 15px!important;
  color:var(--may-editorial-heading)!important;
  overflow-wrap:break-word;
}
body.single-post .may-single-post-main .wp-block-post-date,
body.single-post .may-article-meta{
  color:var(--may-editorial-muted)!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.65!important;
  margin:0 0 19px!important;
}
body.single-post .may-article-meta{
  display:flex!important;
  gap:10px 20px!important;
  flex-wrap:wrap!important;
}
/* The meta row is deliberately a compact strapline, not another title. */
body.single-post .may-editorial-meta{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 12px;
  font-family:var(--may-reading-font,Tajawal,Tahoma,Arial,sans-serif);
  font-size:13px!important;
  color:var(--may-editorial-muted)!important;
  line-height:1.6!important;
  margin:0 0 25px!important;
}
body.single-post .may-editorial-meta > span:not(:last-child)::after{
  content:"·";
  color:var(--may-editorial-accent);
  padding-inline-start:12px;
}
/* Reading canvas — not applied to nested advertisements or author cards. */
body.single-post .wp-block-post-content,
body.single-post .may-article-content,
body.single-post .entry-content{
  --may-reader-size:var(--may-editorial-desktop-size,19px);
  font-family:var(--may-reading-font,Tajawal,"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif)!important;
  font-size:var(--may-reader-size)!important;
  line-height:1.9!important;
  font-weight:400!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
  text-align:right!important;
  text-align-last:auto!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
  direction:rtl;
}
/* Restrict readable line-length to the text itself, not to media and banners. */
body.single-post .wp-block-post-content,
body.single-post .may-article-content{
  border:1px solid var(--may-editorial-stroke);
  border-radius:18px;
  padding:clamp(19px,3vw,34px)!important;
  background:var(--may-card,#fff);
  color:var(--may-ink,#25262b);
}
body.single-post .wp-block-post-content > :is(p,h2,h3,h4,h5,h6,ul,ol,blockquote),
body.single-post .may-article-content > :is(p,h2,h3,h4,h5,h6,ul,ol,blockquote),
body.single-post .may-locked-content > :is(p,h2,h3,h4,h5,h6,ul,ol,blockquote) {
  max-width:70ch;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}
/* Pasted inline font-size or block presets frequently make ordinary text
 * look like an H1: reset *paragraphs*, not headings, graphics or ad copy. */
body.single-post .wp-block-post-content > p:not(.may-editorial-subhead):not(.may-editorial-lead),
body.single-post .wp-block-post-content > .wp-block-group > p:not(.may-editorial-subhead):not(.may-editorial-lead),
body.single-post .may-article-content > p:not(.may-editorial-subhead):not(.may-editorial-lead),
body.single-post .may-article-content > .wp-block-group > p:not(.may-editorial-subhead):not(.may-editorial-lead),
body.single-post .may-locked-content > p:not(.may-editorial-subhead):not(.may-editorial-lead),
body.single-post .may-locked-content > .wp-block-group > p:not(.may-editorial-subhead):not(.may-editorial-lead){
  font-size:var(--may-reader-size)!important;
  line-height:1.9!important;
  font-weight:400!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
  text-align:right!important;
  text-align-last:auto!important;
  margin-block:0 21px!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content)
  :is(p.may-editorial-lead){
  color:var(--may-editorial-heading)!important;
  font-size:20px!important;
  line-height:1.85!important;
  font-weight:550!important;
  text-align:right!important;
  word-spacing:normal!important;
  margin:0 0 24px!important;
  padding-inline-start:15px!important;
  border-inline-start:3px solid var(--may-editorial-accent)!important;
  max-width:68ch!important;
}
/* Real headings from Gutenberg, including explicit fontSize presets. */
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > :is(h2,h3,h4),
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > .wp-block-group > :is(h2,h3,h4){
  font-family:var(--may-reading-font,Tajawal,Tahoma,Arial,sans-serif)!important;
  text-align:right!important;
  text-align-last:auto!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
  font-weight:800!important;
  line-height:1.55!important;
  color:var(--may-editorial-heading)!important;
  overflow-wrap:break-word;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > h2,
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > .wp-block-group > h2{
  font-size:27px!important;
  margin:35px 0 15px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid var(--may-editorial-stroke)!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > h3,
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > .wp-block-group > h3{
  font-size:22px!important;
  margin:27px 0 12px!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > h4,
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > .wp-block-group > h4{
  font-size:19px!important;
  margin:24px 0 10px!important;
}
/* A pasted paragraph consisting only of bold text is visually a subheading;
 * its original HTML and post data remain unchanged. */
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) p.may-editorial-subhead{
  font-family:var(--may-reading-font,Tajawal,Tahoma,Arial,sans-serif)!important;
  font-size:22px!important;
  line-height:1.6!important;
  color:var(--may-editorial-accent)!important;
  font-weight:800!important;
  margin:28px 0 13px!important;
  text-align:right!important;
  max-width:70ch;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) p.may-editorial-subhead strong,
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) p.may-editorial-subhead b{
  color:inherit!important;
  font-size:inherit!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) :is(ul,ol){
  font-size:var(--may-reader-size)!important;
  line-height:1.85!important;
  margin-block:12px 23px!important;
  padding-inline-start:1.6em!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) li{
  margin-block:5px!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) :is(blockquote,.wp-block-quote){
  max-width:70ch;
  padding:16px 22px!important;
  margin-block:26px!important;
  border-inline-start:4px solid var(--may-editorial-accent)!important;
  border-inline-end:0!important;
  border-radius:12px!important;
  background:rgba(145,39,67,.065)!important;
  font-size:var(--may-reader-size)!important;
  text-align:right!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) blockquote p{
  font-size:inherit!important;
  line-height:1.8!important;
  margin-block:0 9px!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) figcaption{
  color:var(--may-editorial-muted)!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1.6!important;
  margin-top:9px!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) :is(.wp-block-table,table){max-width:100%}
body.single-post .may-editorial-meta a{color:inherit;text-decoration:none}
body.single-post .may-editorial-meta a:hover{text-decoration:underline}
/* Never alter the plugin's advertised copy or the author card. */
body.single-post .may-campaign-banner,
body.single-post .may-ad-slot,
body.single-post .may-content-locker,
body.single-post .may-single-author-card{max-width:100%}
@media(max-width:767px){
  body.single-post .wp-block-post-content,
  body.single-post .may-article-content,
  body.single-post .entry-content {--may-reader-size:var(--may-editorial-mobile-size,17px);line-height:1.86!important;}
  body.single-post .may-single-post-main{padding-inline:12px!important;padding-block:14px 32px!important}
  body.single-post .may-single{padding-inline:12px!important}
  body.single-post .wp-block-post-content,
  body.single-post .may-article-content{border-radius:15px;padding:18px 16px!important}
  body.single-post .may-single-post-main .wp-block-post-title,
  body.single-post .may-article-header > h1,
  body.single-post .may-single > header h1{font-size:clamp(27px,7.2vw,35px)!important;line-height:1.47!important;max-width:100%!important;margin-bottom:12px!important}
  body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > h2,
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > .wp-block-group > h2{font-size:23px!important;margin-top:29px!important}
  body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > h3,
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > .wp-block-group > h3{font-size:20px!important;margin-top:24px!important}
  body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > h4,
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > .wp-block-group > h4{font-size:18px!important}
  body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) p.may-editorial-lead{font-size:18px!important;line-height:1.85!important;margin-bottom:21px!important}
  body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) p.may-editorial-subhead{font-size:20px!important;line-height:1.6!important;margin-top:23px!important}
  body.single-post .may-editorial-meta{font-size:12px!important;margin-bottom:17px!important}
}

/* Keep pasted span-level font sizes from overriding the carefully sized paragraphs. */
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > p :is(span,strong,b,em,i),
body.single-post :is(.wp-block-post-content,.may-article-content,.may-locked-content) > .wp-block-group > p :is(span,strong,b,em,i){
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
}


/* 1.5.17 — readable justified prose only. WordPress block and classic post
 * templates use the same body class set by the reading preference. Headings,
 * lists, quotes, advertising, metadata and the author card stay untouched. */
body.single-post.may-justify-articles :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content) > p:not(.may-editorial-subhead),
body.single-post.may-justify-articles :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content) > .wp-block-group p:not(.may-editorial-subhead),
body.single-post.may-justify-articles :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content) > .wp-block-columns p:not(.may-editorial-subhead),
body.single-post.may-justify-articles :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content) > blockquote p:not(.may-editorial-subhead) {
  text-align:justify!important;
  text-align-last:right!important;
  text-justify:auto;
  word-spacing:normal!important;
  letter-spacing:normal!important;
  hyphens:none!important;
}
/* A leading paragraph also participates in justified prose, but bold-only
 * subheads retain their intended right-aligned heading treatment. */
body.single-post.may-justify-articles :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content) p.may-editorial-lead{
  text-align:justify!important;
  text-align-last:right!important;
}
body.single-post.may-justify-articles :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content) p.may-editorial-subhead{
  text-align:right!important;
  text-align-last:right!important;
}
/* Theme content hyperlinks remain visually recognizable in both color modes.
 * Do not style navigation/buttons/campaign links or modify their behavior. */
body.single-post :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content)
:is(p,li,blockquote) a[href]:not(.wp-element-button):not(.may-campaign-banner-link){
  color:var(--may-editorial-accent,#a83a55)!important;
  text-decoration-line:underline!important;
  text-decoration-color:currentColor!important;
  text-underline-offset:.18em!important;
  text-decoration-thickness:1.25px!important;
  overflow-wrap:anywhere;
  cursor:pointer;
  transition:color .15s ease;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content)
:is(p,li,blockquote) a[href]:not(.wp-element-button):not(.may-campaign-banner-link):hover{
  color:var(--may-editorial-link-hover,#73172e)!important;
  text-decoration-thickness:2px!important;
}
body.single-post :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content)
:is(p,li,blockquote) a[href]:focus-visible{
  outline:2px solid var(--may-editorial-accent,#a83a55)!important;
  outline-offset:3px;
  border-radius:2px;
}
html.may-dark body.single-post{--may-editorial-link-hover:#ffe1e9}
@media(prefers-reduced-motion:reduce){body.single-post :is(.wp-block-post-content,.may-article-content,.entry-content,.may-locked-content) :is(p,li,blockquote) a[href]{transition:none!important}}