.article-page { font-family:var(--serif); max-width: 920px; padding-block: var(--content-gap) 50px; min-height: calc(100vh - 180px); }
.article-breadcrumbs { margin-block:4px 8px; color: var(--muted, #746b79); font-size: 13px; line-height: 1.7; }
.article-breadcrumbs ol { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 10px; margin:0; padding:0; list-style:none; }
.article-breadcrumbs li { min-width:0; overflow-wrap:anywhere; }
.article-breadcrumbs li+li::before { content:'›'; display:inline-block; margin-inline-end:10px; color:#948090; }
.article-breadcrumbs a { color:#77556f; text-decoration:none; }
.article-breadcrumbs a:hover { text-decoration:underline; text-underline-offset:4px; }
.article-breadcrumbs [aria-current] { color:#45344a; }
html[dir="rtl"] .article-breadcrumbs li+li::before { content:'‹'; }
.article-heading { position:relative; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 24px; margin:8px 0 20px; padding-bottom:12px; }
.article-heading time { flex-shrink:0; color:#979797; font-size:17px; font-variant-numeric:tabular-nums; direction:ltr; unicode-bidi:isolate; }
.article-page h1 { font:400 23px/1.3 var(--serif); color:#0f1309; letter-spacing:0; }
.article-image { display:block; width:auto; max-width:100%; height:auto; max-height:390px; object-fit:contain; margin-inline:auto; border-radius:3px; }
.article-image.article-companions { height: 320px; object-fit: contain; padding: 20px; background: #f7f4f7; }
.article-body { margin:24px 0; }
.article-body p, .article-missing p { font-size:17px; line-height:1.4; color:#0f1309; }
.article-body p+p { margin-top: 18px; }
.article-body p { white-space: pre-wrap; overflow-wrap: anywhere; }
.article-gallery { display: grid; gap: 20px; }
.article-gallery .article-image { max-height: none; }
.article-page h1 { overflow-wrap: anywhere; }
.article-missing { margin-block: 34px; }
.article-missing p { margin-top: 20px; }
html[lang="ar"] .article-page h1 { letter-spacing: 0; }
html[lang="ar"] .article-body p { font-size: 18px; }

.article-body { overflow-wrap: anywhere; }
.article-body> :not(:first-child) { margin-top: 18px; }
.article-body h1,.article-body h2,.article-body h3,.article-body h4 { font-family: var(--serif); color: #45344a; line-height: 1.4; letter-spacing: 0; }
.article-body h1,.article-body h2 { font-size: 26px; }
.article-body h3,.article-body h4 { font-size: 21px; }
.article-body ul,.article-body ol { padding-inline-start: 26px; line-height: 1.95; color: #6a5c6e; }
.article-body li+li { margin-top: 6px; }
.article-body blockquote { border-inline-start: 3px solid #a6758a; padding: 8px 20px; background: #f7f4f7; }
.article-body a { color: #912c40; text-decoration: underline; text-underline-offset: 3px; }
.article-body pre { overflow: auto; padding: 16px; background: #f3f1f5; border-radius: 4px; direction: ltr; text-align: left; }
.article-body code { font-size: .9em; white-space: pre-wrap; }
.article-body table { display: block; overflow-x: auto; border-collapse: collapse; max-width: 100%; }
.article-body th,.article-body td { border: 1px solid var(--line); padding: 10px 14px; text-align: start; }
.article-body hr { border: 0; border-top: 1px solid var(--line); }