/* Styles for the MAM-basics "authored" miscellaneous docs.
   Source of truth: py/mb_misc/styles_authored.css in MAM-basics; copied verbatim
   into the docs tree by styles_authored.make_css_file_for_authored(). Edit this
   source and regenerate; do not edit deployed copies. */
:root {
  color-scheme: light dark;
}
.element {
  color: light-dark(black, white);
  background-color: light-dark(white, black);
}
body {
    max-width: 40em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14pt;
}
body.wide {
    max-width: 80em;
}
*[lang="hbo"] {
    font-family: "Taamey D WOFF2";
    font-size: 140%;
    font-feature-settings: 'ss01'; /* ss01 = xataf qamats qatan */
}
/* Ben's instruction, 2026-08-31: do not bold pointed Hebrew in a section
   heading, e.g. review_of_artscroll_transliterated_linear_siddur.html's
   "u-vin'cho (...) (v. 9)". A heading is bold, and that weight thickens the
   letters enough to crowd the very points and accents such a heading exists to
   show. Scoped to *[lang="hbo"], which is what author.hbo emits, so it leaves
   alone the bare unpointed Hebrew that rocc_4_mid_word_ga3ya_with_shewa.html
   and tsinnorit_in_psalm_32v5.html carry in their own h1 headings. */
h1 *[lang="hbo"], h2 *[lang="hbo"], h3 *[lang="hbo"] { font-weight: normal; }
@font-face {
    font-family: "Taamey D WOFF2";
    src: url("woff2/Taamey_D.woff2");
}
em { font-style: normal; font-weight: bold; }
span.romanized { font-style: italic; }
*[lang="he"] span.book-title { font-weight: bold; font-style: normal; }
span.book-title { font-style: italic; }
abbr.small-caps { text-transform: lowercase; font-variant: small-caps; }
p { text-align: justify; }
li { text-align: justify; }
blockquote { text-align: justify; }
*.extra-letter-spacing { letter-spacing: 0.1em; } /* span or bdi */
*.gray { color: gray; }
*.big { font-size: 250%; }
table.border-collapse { border-collapse: collapse; }
table.center { margin-left: auto; margin-right: auto; }
p.center { text-align: center; }
p.center-and-spaced { text-align: center; word-spacing: 1.5em; }
img.width10em { width: 10em; }
img.width5em { width: 5em; }
th, td { padding-right: 0.4em; padding-left: 0.4em; }
img { max-width: 100%; }