@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/cinzel-decorative-latin-ext-400-normal.bHvtSFkP.woff2) format('woff2'), url(/_astro/cinzel-decorative-latin-ext-400-normal.DFyBg16u.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/cinzel-decorative-latin-400-normal.C3uAaiWr.woff2) format('woff2'), url(/_astro/cinzel-decorative-latin-400-normal.Bspm-4mP.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/cinzel-latin-ext-500-normal.1Z8Q-7rh.woff2) format('woff2'), url(/_astro/cinzel-latin-ext-500-normal.BxIh9iwm.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/cinzel-latin-500-normal.B-2dbOfA.woff2) format('woff2'), url(/_astro/cinzel-latin-500-normal.DMNTwV-V.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-cyrillic-ext-400-normal.o8fRvAFQ.woff2) format('woff2'), url(/_astro/eb-garamond-cyrillic-ext-400-normal.DG8lny6_.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-cyrillic-400-normal.DDLP67lu.woff2) format('woff2'), url(/_astro/eb-garamond-cyrillic-400-normal.C0kVTdou.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-greek-ext-400-normal.K8pwR3tn.woff2) format('woff2'), url(/_astro/eb-garamond-greek-ext-400-normal.BaZl8BIK.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-greek-400-normal.CVAbzS9p.woff2) format('woff2'), url(/_astro/eb-garamond-greek-400-normal.d4JlP2QH.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-vietnamese-400-normal.CLvJdMEL.woff2) format('woff2'), url(/_astro/eb-garamond-vietnamese-400-normal.ifvNSiWx.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-latin-ext-400-normal.o4A__6QZ.woff2) format('woff2'), url(/_astro/eb-garamond-latin-ext-400-normal.B4EmgUmt.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-latin-400-normal.BCNrxLz_.woff2) format('woff2'), url(/_astro/eb-garamond-latin-400-normal.maQnHeKB.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-cyrillic-ext-400-italic.Bz1w3xqM.woff2) format('woff2'), url(/_astro/eb-garamond-cyrillic-ext-400-italic.CYS3phfl.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-cyrillic-400-italic.BGIwiowF.woff2) format('woff2'), url(/_astro/eb-garamond-cyrillic-400-italic.BZInx2ys.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-greek-ext-400-italic.CHZOQEtG.woff2) format('woff2'), url(/_astro/eb-garamond-greek-ext-400-italic.BL1XYHtS.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-greek-400-italic.Dqr5KC66.woff2) format('woff2'), url(/_astro/eb-garamond-greek-400-italic.BamGE6QP.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-vietnamese-400-italic.DQ8HKnks.woff2) format('woff2'), url(/_astro/eb-garamond-vietnamese-400-italic.ORtyMVfw.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-latin-ext-400-italic.V7s3nWfX.woff2) format('woff2'), url(/_astro/eb-garamond-latin-ext-400-italic.DUSsnRSD.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/eb-garamond-latin-400-italic.DSEbMgZu.woff2) format('woff2'), url(/_astro/eb-garamond-latin-400-italic.CDFyLPXJ.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/amiri-arabic-400-normal.D0NIBXga.woff2) format('woff2'), url(/_astro/amiri-arabic-400-normal.C_1DQziU.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/amiri-latin-ext-400-normal.C9hoIjPx.woff2) format('woff2'), url(/_astro/amiri-latin-ext-400-normal.CGn-6a7O.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/amiri-latin-400-normal.Czk41Rjn.woff2) format('woff2'), url(/_astro/amiri-latin-400-normal.Bv6IM0kz.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Cinzel AZ';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/_astro/cinzel-az-500.CyNFEczR.woff2') format('woff2');
}
@font-face {
  font-family: 'Will Decorative AZ';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/_astro/will-decorative-az-400.K1PazyQI.woff2') format('woff2');
}
:root {
  color-scheme: dark;
  --black: #000000;
  --metal-hi: #ECE0C4;
  --metal: #D4C4A4;
  --metal-lo: #A8956A;
  --gold: #E2C77F;
  --frame: #B0A078;
  --line: #786C40;
  --tap: rgb(226 199 127 / 0.25);
  --focus: #FFC35C;

  --f-title: "Cinzel Decorative", "Cinzel", Georgia, serif;
  --f-name: "Cinzel", Georgia, serif;
  --f-body: "EB Garamond", Georgia, serif;
  --f-system: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

html { background: var(--black); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: var(--black); }

.page, .page *, .page *::before, .page *::after { box-sizing: border-box; }
.page {
  container: page / inline-size;
  --gutter: max(16px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
  --s-title: min(11.2cqi, 6.75rem);
  --s-hon: clamp(1.1875rem, 2.6cqi, 2.25rem);
  --s-open: clamp(1.75rem, 3.6cqi, 3.25rem);
  --s-name: min(clamp(1.75rem, 3.5cqi, 3.25rem), 9.5cqi);
  --s-stop: var(--s-open);
  --s-three: min(16cqi, 9.5rem, 20svh);
  --s-three-note: clamp(1.1875rem, 2.5cqi, 2.25rem);
  --s-body: 1.1875rem;
  --s-lead: 1.1875rem;
  --s-note: 1.125rem;
  --s-label: 0.875rem;
  --lh: 1.55;
  --spine: 0.4375rem;
  --mark: 0.625rem;
  --mark-y: 0.6rem;
  --rhythm: 1.875rem;
  --pad-start: 1.5rem;
  background: var(--black);
  color: var(--metal-hi);
  font-family: var(--f-body);
  font-size: var(--s-body);
  line-height: var(--lh);
  font-variant-numeric: lining-nums;
}
.page:lang(ar) {
  --f-title: "Amiri", "Amiri Title Fallback", "Noto Naskh Arabic", "Geeza Pro", serif;
  --f-name: "Amiri", "Amiri Text Fallback", "Noto Naskh Arabic", "Geeza Pro", serif;
  --f-body: "Amiri", "Amiri Text Fallback", "Noto Naskh Arabic", "Geeza Pro", serif;
  --s-title: min(17cqi, 9rem);
  --s-hon: clamp(1.375rem, 3cqi, 2.5rem);
  --s-open: clamp(1.75rem, 3.4cqi, 3.125rem);
  --s-name: min(clamp(2rem, 3.9cqi, 3.5rem), 12.5cqi);
  --s-three: min(15cqi, 9rem, 20svh);
  --s-three-note: clamp(1.3125rem, 2.3cqi, 2rem);
  --s-body: 1.4375rem;
  --s-lead: 1.4375rem;
  --s-note: 1.3125rem;
  --s-label: 1.125rem;
  --lh: 1.85;
  --mark-y: 0.8rem;
  --rhythm: 1.625rem;
}
.page:lang(az) {
  --f-title: "Will Decorative AZ", Georgia, serif;
  --f-name: "Cinzel AZ", Georgia, serif;
  --s-title: min(9.75cqi, 6.75rem);
}
@container page (min-width: 44rem) {
  .page .in { --spine: 50%; --pad-start: 0px; --rhythm: 2.25rem; --mark-y: calc(var(--s-name) * 0.5); }
  .page:lang(ar) .in { --rhythm: 2rem; --mark-y: calc(var(--s-name) * 0.72); }
}
@container page (min-width: 60rem) {
  .page .in { --s-note: 1.3125rem; --s-lead: 1.3125rem; --s-body: 1.3125rem; --rhythm: 3rem; }
  .page:lang(ar) .in { --s-lead: 1.5625rem; --s-body: 1.5625rem; --rhythm: 2.5rem; }
}
@container page (max-width: 23.12rem) {
  .page:lang(ar) .in { --s-title: 16cqi; }
}
@media (orientation: landscape) and (max-height: 30rem) {
  .page, .page:lang(az) { --s-title: min(6.2cqi, 3.25rem); }
  .page:lang(ar) { --s-title: min(8cqi, 4.25rem); }
  .page .t .l { display: inline; }
  .page .plate { padding-block: 1.25rem; }
  .page .opening { margin-block-start: 1rem; }
  .page .opening .cl { display: inline; }
}

.page p, .page ol, .page ul, .page h1 { margin: 0; padding: 0; }
.page p { overflow-wrap: break-word; }
.page .foot p { overflow-wrap: anywhere; }
.page ol, .page ul { list-style: none; }
.page b { font-weight: inherit; }
.page cite { font-style: italic; }
.page:lang(ar) cite { font-style: normal; color: var(--gold); }
.page a { color: inherit; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
.page :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.page ::selection { background: var(--gold); color: var(--black); }
.page a, .page button { -webkit-tap-highlight-color: var(--tap); }
.in { max-inline-size: 96rem; margin-inline: auto; padding-inline: var(--gutter); padding-block-end: 1.5rem; }
@container page (min-width: 60rem) { .in { padding-inline: max(var(--gutter), 3cqi); } }
.top { display: flex; justify-content: flex-end; align-items: center; }
.top ul, .foot-langs { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.top a, .foot-langs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 3rem;
  min-inline-size: 3rem;
  padding-inline: 0.75rem;
  font-family: var(--f-system);
  font-size: 1rem;
  line-height: 1.2;
  color: var(--metal-hi);
  text-decoration: none;
}
.top a[aria-current], .foot-langs a[aria-current] {
  color: var(--gold);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.35em;
}
@media (hover: hover) { .top a:hover, .foot-langs a:hover { color: var(--gold); text-decoration: underline; } }
.metal {
  background: linear-gradient(180deg, var(--metal-hi) 12%, var(--metal) 46%, var(--metal-lo) 62%, var(--metal-hi) 92%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
@media (forced-colors: active) {
  .metal { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; }
  .page .line::before, .page .line::after, .page .h::before { forced-color-adjust: none; background: CanvasText; }
}
.plate {
  position: relative;
  border: 1px solid var(--frame);
  outline: 1px solid var(--line);
  outline-offset: -7px;
  padding: 2.25rem min(1rem, 4cqi);
}
@container page (min-width: 60rem) { .page .plate { padding: 3.5rem 2rem; } }
.page h1 { font-weight: 400; text-align: center; text-wrap: balance; margin-block-start: 0.25rem; }
.t { display: block; font-family: var(--f-title); font-size: var(--s-title); line-height: 1.1; }
.page:lang(ar) .t { line-height: 1.45; }
.t .l { display: block; padding-block: 0.14em; margin-block: -0.14em; }
.t .nolig { font-variant-ligatures: none; font-feature-settings: "liga" 0, "dlig" 0, "clig" 0, "calt" 0; font-kerning: none; }
.hon {
  display: block;
  margin-block-start: 0.35em;
  font-family: var(--f-name);
  font-weight: 500;
  font-size: var(--s-hon);
  line-height: 1.3;
  color: var(--metal);
}
.page:lang(ar) .t { padding-block-end: 0.25em; }
.page:lang(ar) .hon { font-weight: 400; margin-block-start: 0; }
@font-face { font-family: "Amiri Title Fallback"; src: local("Geeza Pro"), local("Noto Naskh Arabic"), local("Noto Sans Arabic"), local("Arial"); size-adjust: 74%; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Amiri Text Fallback"; src: local("Geeza Pro"), local("Noto Naskh Arabic"), local("Noto Sans Arabic"), local("Arial"); size-adjust: 88%; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }

.page .opening {
  max-inline-size: 22em;
  margin-inline: auto;
  margin-block-start: 1.75rem;
  text-align: center;
  font-size: var(--s-open);
  line-height: 1.22;
  color: var(--gold);
  text-wrap: balance;
}
.opening .cl { display: block; text-wrap: balance; }
.page:lang(ar) .opening { line-height: 1.6; }
@container page (min-width: 60rem) { .page:lang(ar) .opening .cl { display: inline; } }
.line {
  position: relative;
  margin-block-start: 2rem;
  padding-inline-start: var(--pad-start);
  view-timeline-name: --reading;
  view-timeline-axis: block;
  view-timeline-inset: 58% 41%;
}
.line::before, .line::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(var(--spine) - 0.75px);
  inline-size: 1.5px;
}
.line::before { background: var(--line); }
.line::after { background: var(--gold); }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .line::after {
      transform-origin: top;
      animation: ink linear both;
      animation-timeline: --reading;
    }
  }
}
@keyframes ink { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.h::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset-block-start: calc(var(--mark-y) - var(--mark) / 2);
  inset-inline-start: calc(var(--spine) - var(--pad-start) - var(--mark) / 2);
  inline-size: var(--mark);
  block-size: var(--mark);
  background: var(--gold);
  opacity: 0;
  pointer-events: none;
  transform: rotate(45deg);
}
@keyframes bloom { from { opacity: 0.6; transform: rotate(45deg) scale(1); } to { opacity: 0; transform: rotate(45deg) scale(2.6); } }
@keyframes arrive { from { opacity: 0; transform: translateY(0.25rem); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .h.crossed::after { animation: bloom 900ms cubic-bezier(0.2, 0.6, 0.2, 1) both; }
  .share-actions button, .page .share-links a { transition: background-color 180ms ease-out, border-color 180ms ease-out, color 180ms ease-out, text-decoration-color 180ms ease-out; }
  .share-actions button:active, .page .share-links a:active { transition-duration: 0ms; }
  .page .status:not(:empty) { animation: arrive 240ms ease-out both; }
}
@media (forced-colors: active) { .page .h::after { display: none; } }
.line ol { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: var(--rhythm); }
.h { position: relative; }
.h::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset-block-start: calc(var(--mark-y) - var(--mark) / 2);
  inset-inline-start: calc(var(--spine) - var(--pad-start) - var(--mark) / 2);
  inline-size: var(--mark);
  block-size: var(--mark);
  background: var(--gold);
  transform: rotate(45deg);
}
.h .lead { font-size: var(--s-lead); line-height: 1.42; text-wrap: balance; color: var(--metal-hi); }
.h.mahdi .lead { text-wrap: pretty; }
.h .lead .cl { display: inline-block; }
.page:lang(ar) .h .lead { line-height: 1.7; }
.h .to { margin-block-start: 0.2rem; font-size: var(--s-note); line-height: 1.35; color: var(--metal); text-wrap: balance; }
.page:lang(ar) .h .to { line-height: 1.6; }
.h .to b { font-family: var(--f-name); font-weight: 500; font-size: var(--s-name); line-height: 1.14; color: var(--gold); overflow-wrap: break-word; }
.page:lang(ar) .h .to b { font-weight: 400; line-height: 1.5; }
.h .to .tl { display: block; }
.h .to .tl + .tl { margin-block-start: 0.5rem; }
.h .to .rest { margin-block-start: 1em; max-inline-size: 36em; font-size: var(--s-body); line-height: var(--lh); color: var(--metal-hi); text-wrap: pretty; }
.h .to .pre { display: block; }
.h .to .g { display: block; }
.h .to .gi { font-family: var(--f-body); font-weight: 400; font-size: var(--s-note); color: var(--metal); }
.h .to .hon-in { white-space: nowrap; }
.nb, .climax .g, .climax .j { display: inline-block; overflow-wrap: anywhere; }
.line .stop {
  position: relative;
  z-index: 1;
  margin-block-start: calc(var(--rhythm) * 1.4);
  font-size: var(--s-stop);
  line-height: 1.22;
  color: var(--gold);
  background: var(--black);
  text-wrap: balance;
}
.page:lang(ar) .line .stop { line-height: 1.5; }
.h.mahdi { margin-block-start: var(--rhythm); }
@container page (min-width: 44rem) {
  .h { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 5cqi; align-items: first baseline; }
  .h .lead { text-align: end; }
  .h .to { margin-block-start: 0; }
  .h.pre-first { --mark-y: 0.75rem; }
  .line .stop { max-inline-size: max-content; margin-inline: auto; padding: 0.75rem 2rem; text-align: center; }
  .h.mahdi { display: block; --mark-y: -1rem; margin-block-start: calc(var(--rhythm) + 1rem); }
  .h.mahdi .lead { position: relative; z-index: 1; max-inline-size: 38em; margin-inline: auto; margin-block-end: -1px; padding: 0.75rem 2rem; text-align: center; background: var(--black); text-wrap: balance; }
}
.climax { margin-block-start: 2rem; padding-block: 1.25rem 0.5rem; text-align: center; font-size: var(--s-three-note); line-height: 1.25; color: var(--metal-hi); }
.page:lang(ar) .climax { line-height: 1.6; }
.climax .ln { display: inline; }
.climax b {
  display: block;
  padding: 0.12em 0.06em;
  margin: -0.12em -0.06em;
  font-family: var(--f-title);
  font-size: var(--s-three);
  line-height: 1.06;
  white-space: nowrap;
}
.climax .ln:not(:first-child) b { margin-block-start: 0.02em; }
.climax .g { margin-block-start: 0.1em; }
.page:lang(ar) .climax .ln:not(.closing) { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: baseline; text-align: start; }
.page:lang(ar) .climax b { grid-column: 2; line-height: 1.5; padding-block: 0.3em; margin-block: -0.3em; background-origin: content-box; }
.page:lang(ar) .climax .j { grid-column: 1; justify-self: end; margin-inline-end: 0.3em; overflow-wrap: normal; text-align: end; }
.page:lang(az) .climax b { font-feature-settings: "ss01"; }
.climax .closing { display: block; margin-block-start: 0.55em; }
@container page (min-width: 60rem) { .page .climax { margin-block-start: 3rem; padding-block: 2.5rem 1rem; } }
.orn { display: flex; align-items: center; justify-content: center; margin-block-start: 2.75rem; color: var(--frame); }
.orn::before { content: ""; flex: 0 1 7rem; border-block-start: 1.5px solid currentColor; }
.orn svg { flex: none; inline-size: 3.5rem; block-size: 1.5rem; margin-inline-start: -1px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.orn svg .dot { fill: currentColor; stroke: none; }
.page[dir="rtl"] .orn svg { transform: scaleX(-1); }
.page .cite { max-inline-size: 40rem; margin-inline: auto; margin-block-start: 1.25rem; text-align: center; font-size: 1.0625rem; line-height: 1.5; color: var(--metal); }
.page:lang(ar) .cite { font-size: 1.25rem; line-height: 1.8; }
.cite > span { display: block; text-wrap: balance; }
.cite > span + span { margin-block-start: 0.5em; }
.cite cite { color: var(--gold); }
.page .share { margin-block-start: 2.75rem; text-align: center; }
.share-actions { display: grid; gap: 0.5rem; max-inline-size: 26rem; margin-inline: auto; }
.share-actions button {
  min-block-size: 3.25rem;
  padding-inline: 1.25rem;
  background: none;
  border: 1px solid var(--frame);
  border-radius: 0;
  color: var(--metal-hi);
  font: 500 1.0625rem/1.2 var(--f-name);
  cursor: pointer;
}
.page:lang(ar) .share-actions button { font-weight: 400; font-size: 1.3125rem; }
.share-actions .native, .share-actions .copy:where(.native[hidden] + .copy) { background: var(--gold); border-color: var(--gold); color: var(--black); }
@media (hover: hover) { .share-actions button:hover { background: var(--metal-hi); border-color: var(--metal-hi); color: var(--black); } }
.share-actions button:active { background: var(--metal); border-color: var(--metal); color: var(--black); }
.page .share-label { margin-block-start: 0.25rem; font-family: var(--f-name); font-weight: 500; font-size: var(--s-label); line-height: 1.4; color: var(--metal); }
.page .share-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr)); column-gap: 0.25rem; }
@container page (min-width: 24rem) { .page .share-links { grid-template-columns: repeat(4, auto); justify-content: center; } }
.page .share-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 3rem;
  min-inline-size: 3rem;
  padding-inline: 0.375rem;
  font-family: var(--f-name);
  font-weight: 500;
  font-size: 1rem;
  color: var(--metal-hi);
  text-decoration: underline;
  text-decoration-color: var(--line);
  text-underline-offset: 0.3em;
}
.page:lang(ar) .share-links a { font-weight: 400; font-size: 1.3125rem; }
@media (hover: hover) { .page .share-links a:hover { color: var(--gold); text-decoration-color: var(--gold); } }
.page .share-links a:active { color: var(--gold); text-decoration-color: var(--gold); }
.page .status { min-block-size: 1.5em; margin-block-start: 0.25rem; font-family: var(--f-system); font-size: 1rem; line-height: 1.5; color: var(--gold); }
@container page (min-width: 48rem) {
  .share-actions { grid-auto-flow: column; grid-auto-columns: 13rem; justify-content: center; max-inline-size: none; }
}
.foot { display: grid; justify-items: center; gap: 0.25rem; margin-block-start: 1.75rem; text-align: center; font-family: var(--f-system); font-size: 0.9375rem; line-height: 1.5; color: var(--metal); overflow-wrap: anywhere; }
.foot-langs { justify-content: center; }
.missing .plate { margin-block-start: 1rem; text-align: center; }
.missing h1 { font-family: var(--f-title); font-size: min(11cqi, 6.5rem); line-height: 1.1; }
.page .msg { max-inline-size: 34em; margin-inline: auto; margin-block-start: 2rem; text-align: center; text-wrap: balance; font-size: clamp(var(--s-body), 2cqi, 1.625rem); }
.page .msg-other { font-family: var(--f-system); font-size: clamp(1.125rem, 1.8cqi, 1.5rem); line-height: 1.7; margin-block-start: 0.75rem; }
.missing .foot-langs { margin-block-start: 1.25rem; }
.missing .foot-langs a { font-size: 1.25rem; color: var(--gold); text-decoration: underline; }