/* Faz: reading text and linguistic data.
   Running text of articles and pages is set in Charis SIL, which covers IPA and
   diacritics; the interface stays in Outfit.

   Conventions for editors (HTML galleys, static pages, abstracts):
     <span class="ipa">[ˈfaːz]</span>            IPA transcription
     <span class="gl">pst</span>                  Leipzig gloss label in small caps
     <span class="ex">kitap</span>                object-language form (italic)
     <span class="ungram">*</span>                judgement mark (*, ?, #)
     <ol class="ling-ex"> <li> ... </li> </ol>    numbered examples (1), (2), ...
       inside an item, <div class="igt"> with one <span class="w"> per word;
       each word holds <span class="src">ev-ler-de</span><span class="gls">house-<span class="gl">pl-loc</span></span>
       followed by <p class="trans">'in the houses'</p>                        */

:root {
	--faz-text: "Charis SIL", "Doulos SIL", Charis, Georgia, "Times New Roman", serif;
}

.page_static .page-content,
.page-content,
.article-details-abstract,
.article-details-references,
.article-summary-abstract,
.obj_galley_html,
.ling {
	font-family: var(--faz-text);
	font-size: 1.0625rem;
	line-height: 1.6;
	font-variant-ligatures: common-ligatures;
}

.ipa {
	font-family: var(--faz-text);
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0;
}

/* gloss labels: typed in lower case, shown as small capitals (smcp) */
.gl {
	font-family: var(--faz-text);
	font-variant-caps: small-caps;
	font-feature-settings: "smcp" 1;
	letter-spacing: 0.02em;
	text-transform: lowercase;
}

.ex { font-style: italic; }
.ungram { font-style: normal; margin-right: 0.1em; }

/* numbered examples: (1), (2), ... hanging in the left margin */
ol.ling-ex {
	counter-reset: faz-ex;
	list-style: none;
	margin: 1.25rem 0;
	padding-left: 3rem;
	font-family: var(--faz-text);
}
ol.ling-ex > li {
	counter-increment: faz-ex;
	position: relative;
	margin: 0 0 1rem;
}
ol.ling-ex > li::before {
	content: "(" counter(faz-ex) ")";
	position: absolute;
	left: -3rem;
	width: 2.5rem;
	font-variant-numeric: tabular-nums;
}
/* sub-examples a., b. */
ol.ling-ex ol {
	list-style: lower-alpha;
	padding-left: 1.5rem;
	margin: 0.25rem 0 0;
}
ol.ling-ex ol > li::marker { content: counter(list-item, lower-alpha) ". "; }

/* interlinear glossed text: words align with their glosses */
.igt {
	display: flex;
	flex-wrap: wrap;
	gap: 0.15rem 1.1rem;
	margin: 0.1rem 0;
}
.igt .w {
	display: inline-flex;
	flex-direction: column;
}
.igt .src { font-style: italic; }
.igt .gls { font-style: normal; }
.trans,
.igt + .trans {
	margin: 0.2rem 0 0;
}