:root {
  --reader-font-size: 1.15rem;
  --reader-line-height: 1.75;
  --reader-font-family: 'Inter', sans-serif;
  --reader-bg: #ffffff;
  --reader-surface: #ffffff;
  --reader-surface-2: #f8f9fa;
  --reader-text: #111827;
  --reader-muted: #6c757d;
  --reader-border: rgba(0, 0, 0, 0.12);
  --reader-heading: var(--primary-color, #272554);
}

@font-face {
  font-display: swap;
  font-family: 'Scheherazade New';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/scheherazade-new-v21-arabic_latin_latin-ext-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Scheherazade New';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/scheherazade-new-v21-arabic_latin_latin-ext-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Scheherazade New';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/scheherazade-new-v21-arabic_latin_latin-ext-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Scheherazade New';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/scheherazade-new-v21-arabic_latin_latin-ext-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/Inter-Italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Inter-Medium.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/Inter-MediumItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/Inter-SemiBoldItalic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Inter-Bold.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/Inter-BoldItalic.woff2') format('woff2');
}

.reader-font-scope {
  --reader-font-ar: 'Scheherazade New';
  --reader-font-en: 'Inter';
}

.reader-font-scope[data-lang="ar"] {
  font-family: var(--reader-font-ar), serif;
  --reader-font-family: 'Scheherazade New', serif;
}

.reader-font-scope:not([data-lang="ar"]) {
  font-family: var(--reader-font-en), sans-serif;
  --reader-font-family: 'Inter', sans-serif;
}

.reader-font-scope h1,
.reader-font-scope h2,
.reader-font-scope h3,
.reader-font-scope h4,
.reader-font-scope h5,
.reader-font-scope .post-title,
.reader-font-scope .dropdown-menu,
.reader-font-scope .sidebar-toc,
.reader-font-scope .sidebar-toc-item,
.reader-font-scope .sidebar-toc-link {
  font-family: inherit;
}

html.reader-dark {
  --reader-bg: #0f1115;
  --reader-surface: #141821;
  --reader-surface-2: #171c26;
  --reader-text: #e7eaf0;
  --reader-muted: rgba(231, 234, 240, 0.72);
  --reader-border: rgba(255, 255, 255, 0.12);
  --reader-heading: #ead6b8;
}

html.reader-dark body {
  background: var(--reader-bg) !important;
  color: var(--reader-text);
}

html.reader-dark .post-top-header {
  background: transparent !important;
}

html.reader-dark .post-top-header .breadcrumb-item,
html.reader-dark .post-top-header .breadcrumb-item a,
html.reader-dark .post-top-header .post-title,
html.reader-dark .post-top-header .post-meta-bar {
  color: var(--reader-text) !important;
}

html.reader-dark .post-top-header .text-muted,
html.reader-dark .reader-container .text-muted {
  color: var(--reader-muted) !important;
}

html.reader-dark .reader-container .reader-top-bar,
html.reader-dark .reader-container .article-container,
html.reader-dark .reader-container .dropdown-menu,
html.reader-dark .reader-container .typo-controls {
  background: var(--reader-surface) !important;
  border-color: var(--reader-border) !important;
  color: var(--reader-text) !important;
}

html.reader-dark .reader-container .dropdown-menu .bg-light,
html.reader-dark .reader-container .dropdown-menu .border-bottom {
  background: var(--reader-surface-2) !important;
  border-color: var(--reader-border) !important;
}

html.reader-dark .reader-container .btn-light {
  background: var(--reader-surface-2) !important;
  color: var(--reader-text) !important;
}

html.reader-dark .reader-container .btn-outline-secondary {
  color: var(--reader-text) !important;
  border-color: var(--reader-border) !important;
}

html.reader-dark .reader-container .btn-outline-secondary:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

html.reader-dark .reader-container .border {
  border-color: var(--reader-border) !important;
}

html.reader-dark .reader-container .text-dark {
  color: var(--reader-text) !important;
}

html.reader-dark .reader-container .article-content.reading-content a {
  color: #93c5fd !important;
}

html.reader-dark .reader-container .pagination .page-link {
  background: var(--reader-surface-2) !important;
  border-color: var(--reader-border) !important;
  color: var(--reader-text) !important;
}

html.reader-dark .reader-container .pagination .page-item.active .page-link {
  background: rgba(147, 197, 253, 0.25) !important;
  border-color: rgba(147, 197, 253, 0.35) !important;
  color: var(--reader-text) !important;
}

.reader-container .article-content.reading-content {
  font-family: var(--reader-font-family) !important;
  line-height: var(--reader-line-height) !important;
  font-size: var(--reader-font-size) !important;
  color: var(--reader-text) !important;
  text-align: start !important;
}

.reader-container .article-content.reading-content :where(h1, h2, h3, h4, h5, h6) {
  font-family: inherit !important;
  color: var(--reader-heading) !important;
}

.reader-container .article-content.reading-content :where(p, span, div, li, td, th, blockquote, ul, ol, strong, b, em, i, small, mark) {
  font-family: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
}

.reader-container .article-content.reading-content :where(code, pre) {
  color: inherit !important;
}

body.reader-focus nav.navbar,
body.reader-focus footer,
body.reader-focus .post-top-header {
  display: none !important;
}

body.reader-focus .post-reader-nontext {
  display: none !important;
}

body.reader-focus .container.mb-5 > .row.g-4 > .col-lg-4 {
  display: none !important;
}

body.reader-focus .container.mb-5 > .row.g-4 > .col-lg-8 {
  flex: 0 0 100%;
  max-width: 100%;
}

body.reader-focus .reader-container {
  margin-left: auto;
  margin-right: auto;
}

body.reader-focus .reader-top-bar {
  top: 12px !important;
}

body.reader-focus .container.mb-5 {
  margin-top: 1rem !important;
}

body.reader-focus .reader-container {
  max-width: 1120px;
}

body.reader-focus .article-container {
  border: 0 !important;
  box-shadow: none !important;
}

body.reader-focus .article-content.reading-content :where(img, picture, figure, video, audio, iframe, embed, object) {
  display: none !important;
}

.reader-container[dir="ltr"] .dropdown-menu {
  left: 0 !important;
  right: auto !important;
  text-align: left;
}

.reader-container[dir="rtl"] .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  text-align: right;
}