@charset "UTF-8";
/* Article single */
/* Article title */
.kalimat-article-single-main h1.oes-single-title {
  font-size: var(--k-fs-h1);
  line-height: var(--k-lh-tight);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--wp--preset--color--primary);
  margin: 0 0 0.3rem;
}
.kalimat-article-single-main .oes-version-info {
  margin-top: -1rem;
}

.oes-author-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.6rem;
  color: var(--k-ink-soft);
  font-size: var(--k-fs-sm);
}

.oes-author-byline-by {
  color: var(--wp--preset--color--secondary);
}

.oes-author-byline ul.oes-field-value-list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.oes-author-byline a {
  font-weight: 500;
}

.oes-author-byline .oes-author-byline-by {
  padding-left: 0.25rem;
}

.wp-block-oes-version-info .oes-version-info ul.oes-horizontal-list {
  margin: 0;
  padding: 0;
}

.wp-block-oes-version-info .oes-version-info .oes-popup > a {
  display: inline-flex;
  align-items: center;
  font-size: var(--k-fs-label);
  color: var(--wp--preset--color--secondary);
  background: var(--k-paper);
  border: 1px solid var(--k-line);
  border-radius: 999px;
  padding: 0.18rem 0.7rem;
  text-decoration: none;
}

.wp-block-oes-version-info .oes-version-info .oes-popup > a:hover {
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--secondary);
}

/* Excerpt todo rename */
.syslex-excerpt {
  padding: 1rem 1.1rem;
  font-size: var(--k-fs-base);
  line-height: 1.72;
  color: var(--k-ink-soft);
  background: rgba(153, 181, 189, 0.5098039216);
  border-radius: 6px;
}

.syslex-excerpt p:last-child {
  margin-bottom: 0;
}

.oes-single-content .wp-block-group.has-background:empty {
  display: none;
}

/* A block-editor width edit left a stray inline padding-left (plus a
   margin-left:0 that WP's own !important layout rule already neutralizes)
   on these blocks. The padding survives and unbalances the manually set
   68ch column, so strip it. */
.wp-block-post-content,
.wp-block-oes-literature {
  padding-left: 0 !important;
}

/* Body content */
.oes-single-content .wp-block-post-content {
  font-size: var(--k-fs-base);
}

/* Matches the contributor vita's line-height (contributor.scss) rather than
   the tighter --k-lh-body used elsewhere for Arabic — dense, footnote-heavy
   article text read as cramped at that leading. */
.oes-single-content .wp-block-post-content p {
  line-height: 1.72;
}

.oes-single-content .wp-block-post-content > * {
  margin-top: 1.15rem;
  margin-bottom: 0;
}

.oes-single-content .wp-block-post-content > *:first-child {
  margin-top: 0;
}

.wp-block-post-content h2.oes-content-table-header {
  font-size: var(--k-fs-h2);
  font-weight: 600;
  color: var(--wp--preset--color--primary);
  border-top: 1px solid var(--k-line);
  padding-top: 1.3rem;
  margin-top: 2.4rem;
  margin-bottom: 0;
  scroll-margin-top: 5rem;
}

.wp-block-post-content h2.oes-content-table-header:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.wp-block-post-content .oes-note.oes-popup > a {
  text-decoration: none;
}

.wp-block-post-content .oes-note.oes-popup sup {
  font-size: 0.7em;
  line-height: 0;
  color: var(--wp--preset--color--secondary);
  background: var(--k-paper);
  border: 1px solid var(--k-line);
  border-radius: 4px;
  padding: 0.15em 0.35em;
  margin-inline-start: 0.1em;
  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

.wp-block-post-content .oes-note.oes-popup:hover sup {
  background: var(--wp--preset--color--primary);
  color: #fff;
  border-color: var(--wp--preset--color--primary);
}

/* Popup box (footnotes and version-info): oes-core ships a plain-box default
   (black border, flat drop-shadow, sharp corners). Restyle within it — the
   plugin's own JS still owns position/display — to match the site's cards. */
.oes-popup__popup--tooltip {
  background: var(--k-paper);
  border: 1px solid var(--k-line);
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 34, 45, 0.12);
  padding: 0.85rem 1rem;
  font-size: var(--k-fs-sm);
  line-height: 1.5;
  color: var(--k-ink-soft);
}

/* Apparatus */
.wp-block-oes-notes .oes-content-table-header,
.wp-block-oes-citation .oes-content-table-header,
.wp-block-oes-literature .oes-content-table-header,
.wp-block-oes-metadata .oes-content-table-header {
  font-size: var(--k-fs-sm);
  letter-spacing: 0em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--wp--preset--color--secondary);
  border: 0;
  padding: 0;
  margin: 0 0 0.8rem;
}

.oes-single-content .wp-block-oes-notes {
  border-top: 3px solid var(--wp--preset--color--background);
  padding-top: 1.6rem;
  margin-top: 2.6rem;
}

.wp-block-oes-citation,
.wp-block-oes-literature,
.wp-block-oes-metadata {
  margin-top: 2rem;
}

ul.oes-notes-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.oes-notes-list > li {
  display: flex;
  gap: 0.6rem;
  font-size: var(--k-fs-sm);
  line-height: 1.5;
  color: var(--k-ink-soft);
  margin-bottom: 0.6rem;
}

ul.oes-notes-list .oes-notes-list-number a {
  font-weight: 700;
  color: var(--wp--preset--color--secondary);
  text-decoration: none;
}

ul.oes-notes-list > li > div {
  unicode-bidi: plaintext;
  flex: 1;
  min-width: 0;
}

/* Literature: Zotpress ships zero styling of its own and emits every entry
   as a flat, unmarked <div class="csl-entry"> — sorted by author, so Arabic
   and Latin sources interleave with no lang/dir attribute to tell them apart.
   kalimat.js (literatureDirection) tags each entry with dir/lang after the
   fact; this just matches the endnotes-list rhythm and hangs each entry from
   its own logical start, so the hang follows whichever direction was tagged. */
.oes-literature-wrapper .csl-bib-body {
  padding-left: 0 !important;
  text-indent: 0 !important;
}

.oes-literature-wrapper .csl-entry {
  font-size: var(--k-fs-sm);
  line-height: 1.5;
  color: var(--k-ink-soft);
  margin-bottom: 0.6rem;
  padding-inline-start: 1.5em;
  text-indent: -1.5em;
}

.oes-literature-wrapper .csl-entry[dir=rtl] {
  text-align: right;
  font-size: var(--k-fs-micro);
}

.oes-literature-wrapper .csl-entry[dir=ltr] {
  text-align: left;
  font-size: var(--k-fs-sm);
}

.oes-literature-wrapper .csl-entry a {
  color: var(--wp--preset--color--secondary);
}

.wp-block-oes-citation .oes-citation {
  background: var(--k-paper);
  border: 1px solid var(--k-line);
  border-radius: 6px;
  padding: 1rem 1.1rem;
}

.wp-block-oes-citation .oes-citation p {
  margin: 0;
  font-size: var(--k-fs-sm);
  color: var(--k-ink-soft);
}

table.oes-metadata-table {
  width: 100%;
  border-collapse: collapse;
}

table.oes-metadata-table th {
  text-align: start;
  vertical-align: top;
  width: 11rem;
  white-space: nowrap;
  padding: 0.45rem 0.8rem 0.45rem 0;
  font-weight: 600;
  color: var(--wp--preset--color--secondary);
  border-bottom: 1px solid var(--k-line);
}

table.oes-metadata-table td {
  padding: 0.45rem 0;
  border-bottom: 1px solid var(--k-line);
  font-size: var(--k-fs-sm);
}

table.oes-metadata-table .oes-field-value-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Sidebar */
.oes-single-sidebar {
  position: sticky;
  top: 5.2rem;
  font-size: var(--k-fs-sm);
}

.oes-single-sidebar > * {
  margin-bottom: 1.8rem;
}

.oes-single-sidebar .oes-content-table-header,
.oes-single-sidebar .oes-post-terms-container > h5 {
  letter-spacing: 0em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--wp--preset--color--secondary);
  border-top: 1px solid var(--k-line);
  padding-top: 1rem;
  margin: 0 0 0.7rem;
}

/* The TOC header sits above entries sized --k-fs-base; the Keywords
   header sits above tag pills sized --k-fs-label. Match each to its own. */
.oes-single-sidebar .oes-content-table-header {
  font-size: var(--k-fs-base);
}

.oes-single-sidebar .oes-post-terms-container > h5 {
  font-size: var(--k-fs-label);
}

/* Table of contents */
.wp-block-oes-table-of-contents ul.oes-table-of-contents {
  list-style: none;
  margin: 0;
  padding: 0;
  border-inline-start: 2px solid var(--k-line);
}

ul.oes-table-of-contents li.oes-toc-anchor {
  margin: 0;
}

ul.oes-table-of-contents li.oes-toc-anchor > a {
  display: block;
  padding: 0.35rem 0.9rem;
  margin-inline-start: -2px;
  border-inline-start: 2px solid transparent;
  color: var(--k-ink-soft);
  font-size: var(--k-fs-base);
  line-height: 1.4;
  text-decoration: none;
}

ul.oes-table-of-contents li.oes-toc-anchor > a:hover,
ul.oes-table-of-contents li.oes-toc-anchor > a.is-active {
  color: var(--wp--preset--color--primary);
  border-inline-start-color: var(--wp--preset--color--primary);
  font-weight: 600;
}

ul.oes-table-of-contents li.oes-toc-header3 > a {
  padding-inline-start: 1.6rem;
}

ul.oes-table-of-contents li.oes-toc-header4 > a {
  padding-inline-start: 2.3rem;
}

/* Keywords */
.wp-block-oes-terms ul.oes-post-term-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wp-block-oes-terms ul.oes-post-term-list > li {
  margin: 0;
  padding: 0;
  border: 0;
}

.wp-block-oes-terms ul.oes-post-term-list > li::after {
  content: none;
}

.wp-block-oes-terms ul.oes-post-term-list > li:hover {
  background: transparent;
  color: inherit;
}

.wp-block-oes-terms ul.oes-post-term-list > li > a {
  display: inline-block;
  background: var(--k-paper);
  border: 1px solid var(--k-line);
  border-radius: 999px;
  padding: 0.2rem 0.7rem;
  font-size: var(--k-fs-label);
  color: var(--k-ink-soft);
  text-decoration: none;
}

.wp-block-oes-terms ul.oes-post-term-list > li > a:hover {
  border-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary);
}

/* Featured image */
.wp-block-oes-featured-image img {
  border-radius: 6px;
}

.wp-block-oes-translation:not(:empty) a {
  color: var(--wp--preset--color--primary);
  font-weight: 500;
}

/* Arabic (RTL) */
.oes-body-language1 .wp-block-oes-title h1.oes-single-title,
.oes-body-language1 .oes-author-byline,
.oes-body-language1 .syslex-excerpt,
.oes-body-language1 .wp-block-post-content,
.oes-body-language1 .wp-block-post-content h2.oes-content-table-header,
.oes-body-language1 .oes-single-sidebar {
  direction: rtl;
  text-align: right;
  font-family: var(--k-arabic);
}
.oes-body-language1 .wp-block-oes-citation .oes-citation {
  direction: rtl;
  text-align: right;
}
.oes-body-language1 .kalimat-reader__title {
  letter-spacing: 0;
  text-transform: none;
}

.oes-sidebar-tags a {
  display: inline-block;
  background: var(--k-paper);
  border: 1px solid var(--k-line);
  border-radius: 999px;
  padding: 0.2rem 0.7rem;
  font-size: var(--k-fs-label);
  color: var(--k-ink-soft);
  text-decoration: none;
  margin-right: 5px;
}

.oes-literature-wrapper {
  margin-top: 1rem;
}

/*# sourceMappingURL=article.css.map */