MediaWiki:Common.css

@font-face {
  font-family: "yisraeleet400";
  src: url("/fonts/yisraeleet.eot");
  src: url("/fonts/yisraeleet.eot?#iefix") format("embedded-opentype"),
       url("/fonts/yisraeleet.woff2") format("woff2"),
       url("/fonts/yisraeleet.woff") format("woff"),
       url("/fonts/yisraeleet.ttf") format("truetype"),
       url("/fonts/yisraeleet.svg#yisraeleeth") format("svg");
  font-weight: 400; /* IMPORTANT: match the real font weight */
  font-style: normal;
  font-display: block; /* no fallback swap */
}

/* Apply YOUR script to content only (not the whole MediaWiki UI) */
#mw-content-text .mw-parser-output,
#mw-content-text .mw-parser-output *:not(.ashuri):not(.ashuri *) {
  font-family: "yisraeleet400" !important; /* no fallback stack */
}

/* Size controls (content only) */
#mw-content-text .mw-parser-output p,
#mw-content-text .mw-parser-output td,
#mw-content-text .mw-parser-output th {
  font-size: 20px !important;
}

/* Ashuri comparison font: ONLY where you explicitly add class="ashuri" */
#mw-content-text .mw-parser-output .ashuri,
#mw-content-text .mw-parser-output .ashuri * {
  font-family: "David Libre" !important; /* Ashuri-only override */
  font-size: 110%;
  letter-spacing: 0.05em;
}

/* UKOY Torah citation links, Chicago-style note boxes, and Pealim-backed verse modal. */
#mw-content-text .mw-parser-output .ukoy-cite-note {
  font-size: 0.7em;
  line-height: 0;
  vertical-align: super;
  margin-left: 0.12em;
}
#mw-content-text .mw-parser-output .ukoy-cite-note a { color: #8a6418; text-decoration: none; }
#mw-content-text .mw-parser-output .ukoy-citation-note {
  display: block;
  margin: 0.5rem 0 1rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid #d5c7a4;
  background: #fbfaf7;
  font-size: 0.86rem;
  line-height: 1.45;
}
#mw-content-text .mw-parser-output .ukoy-citation-note-number {
  font-weight: 700;
  color: #8a6418;
  margin-right: 0.35em;
}
#mw-content-text .mw-parser-output .ukoy-cite {
  display: inline-block;
  cursor: pointer;
  color: #8a6418;
  border-bottom: 1px dotted #8a6418;
  font-size: 0.92em;
  white-space: nowrap;
  margin: 0 0.08em;
}
#mw-content-text .mw-parser-output .ukoy-cite::before { content: "["; }
#mw-content-text .mw-parser-output .ukoy-cite::after { content: "]"; }
.ukoy-verse-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,.58);
  padding: 3vh 2vw;
}
.ukoy-verse-modal.is-open { display: block; }
.ukoy-verse-modal-card {
  position: relative;
  max-width: 980px;
  max-height: 90vh;
  overflow: auto;
  margin: 0 auto;
  background: #fff;
  color: #111;
  border: 1px solid #9c7a2a;
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
  padding: 1.2rem;
}
.ukoy-verse-modal-close {
  position: sticky;
  top: 0;
  float: right;
  z-index: 2;
  border: 1px solid #888;
  background: #fff;
  color: #111;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
}
.ukoy-verse-heading {
  font-weight: 700;
  font-size: 1.35rem;
  color: #8a6418;
  margin: 0 0 1rem;
}
.ukoy-verse-entry { border-top: 1px solid #ddd; padding: 1rem 0; }
.ukoy-verse-ref { font-weight: 700; margin-bottom: .6rem; }
.ukoy-verse-label {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #666;
  margin: .7rem 0 .35rem;
}
.ukoy-tanakh-interlinear {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem .8rem;
  align-items: flex-start;
  justify-content: flex-start;
  background: #fff;
  color: #111;
  padding: .75rem;
  border: 1px solid #d5c7a4;
  border-radius: .25rem;
}
.ukoy-vtok { display: inline-flex; flex-direction: column; align-items: center; min-width: 2.2rem; color: #111; }
.ukoy-vtok-surface { font-family: "yisraeleet400" !important; font-size: 1.55rem; line-height: 1.2; color: #111; }
.ukoy-token-link {
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font: inherit;
}
.ukoy-strong { color: #174f8a; font-size: .72rem; line-height: 1.1; }
.ukoy-vtok-morph { font-size: .72rem; line-height: 1.1; }
.ukoy-morph { color: #006b3c; margin: 0 .08rem; }
.ukoy-kjv-text { font-family: Georgia, serif; font-size: 1.05rem; line-height: 1.55; }
.ukoy-entry-html { font-family: Georgia, serif; font-size: 1rem; line-height: 1.5; }
.ukoy-entry-html h2, .ukoy-entry-html h3 { color: #8a6418; margin-top: 0.4rem; }
.ukoy-entry-html a { color: #77540f; }
.ukoy-loading, .ukoy-verse-error, .ukoy-missing { padding: .75rem; color: #555; }
@media (max-width: 700px) {
  .ukoy-verse-modal { padding: 0; }
  .ukoy-verse-modal-card { max-height: 100vh; min-height: 100vh; border: 0; }
  .ukoy-vtok-surface { font-size: 1.35rem; }
}

/* UKOY final popup behavior override: stacked layers, scroll lock, white interlinear. */
html.ukoy-modal-open,
body.ukoy-modal-open {
  overflow: hidden !important;
}
.ukoy-modal-stack-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,.58);
  padding: 3vh 2vw;
  overflow: hidden;
}
.ukoy-modal-stack-overlay.is-open { display: block; }
.ukoy-modal-stack-overlay .ukoy-verse-modal-card {
  position: absolute;
  left: 50%;
  top: 3vh;
  transform: translateX(-50%);
  width: min(980px, 96vw);
  max-height: 90vh;
  overflow: auto;
  background: #fff;
  color: #111;
  border: 1px solid #9c7a2a;
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
  padding: 1.2rem;
}
.ukoy-modal-stack-overlay .ukoy-verse-modal-card:not(.is-top) {
  filter: brightness(.92);
  transform: translateX(-50%) translateY(10px) scale(.985);
}
.ukoy-verse-modal .ukoy-tanakh-interlinear,
.ukoy-modal-stack-overlay .ukoy-tanakh-interlinear {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #d5c7a4 !important;
}
.ukoy-verse-modal .ukoy-vtok,
.ukoy-modal-stack-overlay .ukoy-vtok,
.ukoy-verse-modal .ukoy-vtok-surface,
.ukoy-modal-stack-overlay .ukoy-vtok-surface {
  color: #111 !important;
}
.ukoy-token-context {
  border: 1px solid #d5c7a4;
  background: #fbfaf7;
  padding: .65rem .75rem;
  margin: .5rem 0 1rem;
  font-size: .95rem;
  color: #111;
}
.ukoy-token-context span {
  color: #666;
  text-transform: uppercase;
  font-size: .72rem;
  letter-spacing: .07em;
  margin-right: .35rem;
}
.ukoy-context-surface {
  font-family: "yisraeleet400" !important;
  font-size: 1.55rem;
  line-height: 1.2;
  color: #111;
}
.ukoy-see-all-entry {
  margin-top: .75rem;
  border: 1px solid #d5c7a4;
  background: #fbfaf7;
  color: #111;
  padding: .55rem .75rem;
}
.ukoy-see-all-entry summary {
  cursor: pointer;
  color: #8a6418;
  font-weight: 700;
}
.ukoy-citation-separator {
  border: 0;
  border-top: 1px solid #d5c7a4;
  margin: 1rem 0;
}
@media (max-width: 700px) {
  .ukoy-modal-stack-overlay { padding: 0; }
  .ukoy-modal-stack-overlay .ukoy-verse-modal-card {
    top: 0;
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    border: 0;
  }
}

/* UKOY final grammar popup styling. */
.ukoy-grammar-entry .ukoy-entry-html h3,
.ukoy-grammar-entry .ukoy-entry-html h4 {
  color: #8a6418;
  margin-top: 0.85rem;
}
.ukoy-grammar-entry .ukoy-entry-html table {
  border-collapse: collapse;
  width: 100%;
  margin: .75rem 0;
}
.ukoy-grammar-entry .ukoy-entry-html td,
.ukoy-grammar-entry .ukoy-entry-html th {
  border: 1px solid #d5c7a4;
  padding: .35rem .45rem;
}
#mw-content-text .mw-parser-output .ukoy-cite-note[data-refs] {
  cursor: pointer;
  color: #8a6418;
  border-bottom: 1px dotted #8a6418;
}