:root {

  

  --pmc-color-primary:        #7E1215;  
  --pmc-color-secondary:      #9D182D;  
  --pmc-color-accent:         #CEA335;  
  --pmc-color-accent-deep:    #BA8A28;  
  --pmc-color-gold:           #CF8E0B;  
  --pmc-color-white:          #FFFFFF;  
  --pmc-color-form-ink:       #470000;  

  
  --pmc-link:                 #7E1215;  
  --pmc-link-hover:           #CF8E0B;  
  --pmc-link-visited:         #7E1215;  

  

  --pmc-surface:              #FFFFFF;  
  --pmc-surface-raised:       #F2EFCF;  
  --pmc-surface-raised-alt:   #F7EEC4;  
  --pmc-surface-tint:         #F2EFCF54; 
  --pmc-surface-inverse:      #7E1215;  
  --pmc-on-inverse:           #F2EFCF;  

  

  --pmc-text:                 #000000;  
  --pmc-text-heading:         #7E1215;  
  --pmc-text-soft:            #222222;  
  --pmc-text-muted:           #999999;  
  --pmc-text-on-primary:      #F2EFCF;  
  --pmc-text-on-primary-alt:  #FFFFFF;  

  

  --pmc-color-accent-text:    #846820;  
  --pmc-color-accent-ui:      #A78429;  
  --pmc-color-accent-deep-text: #89661E;
  --pmc-link-hover-text:      #916308;  
  --pmc-text-muted-readable:  #6B6B6B;  

  

  --pmc-border:               #ebebeb;  
  --pmc-border-strong:        #000000;  
  --pmc-border-width:         1px;      
  --pmc-border-style:         solid;    
  --pmc-rule:                 var(--pmc-border-width) var(--pmc-border-style) var(--pmc-border);
  --pmc-border-ui:            #949494;  
  --pmc-rule-ui:              var(--pmc-border-width) var(--pmc-border-style) var(--pmc-border-ui);

  

  
  --pmc-color-primary-hover:  color-mix(in srgb, var(--pmc-color-primary) 85%, #000000);
  --pmc-color-primary-active: color-mix(in srgb, var(--pmc-color-primary) 72%, #000000);

  
  --pmc-focus-ring-color:     var(--pmc-color-accent-ui);
  --pmc-focus-ring-width:     2px;
  --pmc-focus-ring-offset:    2px;
  --pmc-focus-ring:           var(--pmc-focus-ring-width) solid var(--pmc-focus-ring-color);

  
  --pmc-surface-hover:        color-mix(in srgb, var(--pmc-surface-raised) 45%, #FFFFFF);
  --pmc-surface-selected:     var(--pmc-surface-raised);

  

  --pmc-scrim:                #0000005E;      
  --pmc-scrim-hover:          #02010100;      
  --pmc-scrim-media:          rgba(0,0,0,.5); 

  

  
  --pmc-font-arabic:
      "Amiri",                       
      "Noto Naskh Arabic",
      "Scheherazade New",
      "Traditional Arabic",
      "Geeza Pro",                   
      "Segoe UI",                    
      Tahoma,
      serif;

  
  --pmc-font-latin:
      "Roboto",                      
      "Helvetica Neue",
      Helvetica,
      Arial,
      "Segoe UI",
      system-ui,
      sans-serif;

  
  --pmc-font-slab:
      "Roboto Slab",                 
      Georgia,
      "Times New Roman",
      Times,
      serif;

  
  --pmc-font-display:
      "Amiri",
      Georgia,
      "Times New Roman",
      Times,
      serif;

  
  --pmc-font-body:
      "Roboto",
      "Helvetica Neue", Helvetica, Arial,
      "Noto Naskh Arabic", "Geeza Pro", Tahoma,
      system-ui, sans-serif;

  
  --pmc-font-mono:
      "Roboto Mono",
      ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  
  --pmc-weight-regular:       400;    
  --pmc-weight-medium:        500;    
  --pmc-weight-semibold:      600;    
  --pmc-weight-bold:          700;    

  

  --pmc-text-base:            19px;   
  --pmc-leading-base:         1.5;    

  --pmc-text-xs:              10px;   
  --pmc-text-sm:              12px;   
  --pmc-text-meta:            13px;   
  --pmc-text-button:          15px;   
  --pmc-text-h6:              16px;   
  --pmc-text-body-lg:         18px;   
  --pmc-text-h5:              20px;   
  --pmc-text-subhead:         22px;   
  --pmc-text-h2:              24px;   
  --pmc-text-h4:              24px;   
  --pmc-text-card-title:      25px;   
  --pmc-text-h3:              30px;   
  --pmc-text-title:           40px;   
  --pmc-text-h1:              50px;   

  
  --pmc-leading-none:         1;      
  --pmc-leading-h1:           1.2;    
  --pmc-leading-h4:           1.25;   
  --pmc-leading-h2:           1.3;    
  --pmc-leading-h3:           1.33;   
  --pmc-leading-body:         1.5;    
  --pmc-leading-badge:        2;      

  
  --pmc-leading-arabic:       1.8;

  --pmc-letter-spacing:       0px;    

  

  --pmc-space-1:              5px;    
  --pmc-space-2:             10px;    
  --pmc-space-3:             15px;    
  --pmc-space-4:             20px;    
  --pmc-space-5:             25px;    
  --pmc-space-6:             30px;    
  --pmc-space-7:             40px;    
  --pmc-space-8:             50px;    
  --pmc-space-9:            100px;    

  --pmc-widget-gap:          20px;    
  --pmc-gallery-gutter:      15px;    
  --pmc-container-padding:   10px;    

  

  --pmc-radius-xs:            5px;    
  --pmc-radius-sm:           10px;    
  --pmc-radius-md:           15px;    
  --pmc-radius-lg:           20px;    
  --pmc-radius-xl:           25px;    
  --pmc-radius-pill:         50px;    
  --pmc-radius-full:          50%;    

  

  --pmc-shadow-media:        0px 0px 10px 0px rgba(0,0,0,.5);   
  --pmc-shadow-media-strong: 0px 0px 10px 2px rgba(0,0,0,.5);   
  --pmc-shadow-panel:       -1px 0px 20px -10px rgba(0,0,0,.5); 
  --pmc-shadow-lg:           0px 0px 25px 0px rgba(0,0,0,.5);   
  --pmc-shadow-soft:         0 10px 50px 0 rgba(0,0,0,.09);     

  

  --pmc-container-max:            1140px;  
  --pmc-container-max-tablet:     1024px;  
  --pmc-container-max-mobile:      767px;  
  --pmc-content-width:            min(100%, var(--pmc-container-max));  

  
  --pmc-col-rail:              14.386%;  
  --pmc-col-main:              85.614%;  
  --pmc-col-article:            73.07%;  
  --pmc-col-sidebar:           26.117%;  

  
  --pmc-embed-height:            350px;
  --pmc-embed-height-mobile:     150px;
  --pmc-embed-radius:  var(--pmc-radius-sm);

  

  --pmc-bp-mobile:    767px;   
  --pmc-bp-tablet-up: 768px;   
  --pmc-bp-tablet:   1024px;   

  

  --pmc-duration-fast:  .3s;   
  --pmc-duration-slow:  .8s;   
  --pmc-easing:         ease;  
  --pmc-transition:     all var(--pmc-duration-fast) var(--pmc-easing);

  

  --pmc-direction-multiplier: 1;   
  --pmc-text-align-start: left;
  --pmc-text-align-end:   right;
  --pmc-body-font:        var(--pmc-font-latin);
  --pmc-title-font:       var(--pmc-font-display);
  --pmc-leading-running:  var(--pmc-leading-base);
}



[dir="ltr"] {
  --pmc-direction-multiplier: 1;                       
  --pmc-text-align-start: left;                        
  --pmc-text-align-end:   right;
  --pmc-body-font:        var(--pmc-font-latin);       
  --pmc-title-font:       var(--pmc-font-display);     
  --pmc-leading-running:  var(--pmc-leading-base);     
}

[dir="rtl"] {
  --pmc-direction-multiplier: -1;                      
  --pmc-text-align-start: right;                       
  --pmc-text-align-end:   left;
  --pmc-body-font:        var(--pmc-font-arabic);      
  --pmc-title-font:       var(--pmc-font-arabic);      
  --pmc-leading-running:  var(--pmc-leading-arabic);   

  
  --pmc-leading-none:     1.35;                        
  --pmc-leading-h1:       1.45;                        
  --pmc-leading-h2:       1.5;                         
  --pmc-leading-h4:       1.5;                         
  --pmc-leading-body:     1.8;                         

  
  --pmc-font-body:        var(--pmc-font-arabic);
}

[dir="rtl"] body { font-family: var(--pmc-font-arabic); }


[dir="ltr"] .pmc-prose,
[dir="rtl"] .pmc-prose { text-align: justify; }


[dir="ltr"] .pmc-page-title { text-align: start; }     
[dir="rtl"] .pmc-page-title { text-align: justify; }   


[dir] .pmc-breadcrumb { text-align: start; }          


[dir="ltr"] .pmc-result-title { text-align: start; }   
[dir="rtl"] .pmc-result-title { text-align: center; }  


[dir="rtl"] .pmc-num {
  direction: ltr;
  unicode-bidi: isolate;
  font-family: var(--pmc-font-mono);
}



@media (max-width: 1024px) {
  :root { --pmc-container-max: 1024px; }               
}

@media (max-width: 767px) {
  :root {
    --pmc-container-max:  767px;                       
    --pmc-text-title:      24px;                       
    --pmc-text-xs:         10px;                       
    --pmc-embed-height:   150px;                       
  }
  
  [dir="ltr"] { --pmc-text-h2: 25px; }                 
  [dir="rtl"] { --pmc-text-h2: 22px; }                 
}



:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: var(--pmc-focus-ring);
  outline-offset: var(--pmc-focus-ring-offset);
}

@media (prefers-reduced-motion: reduce) {
  :root { --pmc-duration-fast: 0.01ms; --pmc-duration-slow: 0.01ms; }
}