/* D lettering in the reader (cover-d.js, T1 21.10): a v2 book's cover, title page, dedication and back as its PDF draws them.
   Fonts: the PDF's own OFL files (fonts/ = service/fonts, byte for byte); each family list in cover-d.js names the same family
   from Google Fonts next (the share pages' CSP allows fonts.gstatic.com only). The pages keep their own colours in both viewer
   themes, like the covers. Classes are dd-*: nothing here collides with the page-turn engine's names (turn.css). */
@font-face { font-family: "UB D Leckerli One"; src: url("fonts/LeckerliOne-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "UB D Shrikhand"; src: url("fonts/Shrikhand-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "UB D Cherry Bomb One"; src: url("fonts/CherryBombOne-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "UB D Literata"; src: url("fonts/Literata-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "UB D Literata"; src: url("fonts/Literata-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "UB D Literata"; src: url("fonts/Literata-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "UB D Literata"; src: url("fonts/Literata-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; }
/* FONTS (21.10): the rotating title faces (cover.title_face) and the v2 story pages' words (Andika; Baloo 2 for a glyph it lacks) */
@font-face { font-family: "UB D Sansita Swashed"; src: url("fonts/SansitaSwashed-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "UB D Fredoka"; src: url("fonts/Fredoka-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "UB D Andika"; src: url("fonts/Andika-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "UB D Baloo 2"; src: url("fonts/Baloo2-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

#book .dd-leaf { position: absolute; inset: 0; overflow: hidden; background: #f6f0e4; }
#book .dd-board { position: absolute; overflow: hidden; }
#book .dd-board.dd-boxed { box-shadow: 0 0 0 1px rgba(255, 246, 227, .22), 0 0 22px rgba(0, 0, 0, .32); }
/* the art as pdf_export._crop_cover (centred cover crop) + _enhance; a treated picture (cover-d.js treat) is already enhanced */
#book .dd-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block;
  filter: saturate(1.08) contrast(1.03); -webkit-user-drag: none; user-select: none; }
#book .dd-art.dd-treated { filter: none; }
#book .dd-field { position: absolute; inset: 0; }
#book .dd-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
/* every glyph sits at the PDF's pen position (cover-d.js: an SVG x list from the glyph advances, fonts/kern-d.json and the
   letter-spacing, in PDF points): nothing here may move them */
#book .dd-t, #book .dd-h { text-rendering: geometricPrecision; white-space: pre; }   /* dd-h: the cover title's halo (UB-COVER-TITLE-1030) */
#book .dd-leckerli { font-family: "UB D Leckerli One", "Leckerli One", cursive; font-weight: 400; font-style: normal; }
#book .dd-shrikhand { font-family: "UB D Shrikhand", "Shrikhand", cursive; font-weight: 400; font-style: normal; }
#book .dd-cherry { font-family: "UB D Cherry Bomb One", "Cherry Bomb One", cursive; font-weight: 400; font-style: normal; }
#book .dd-sansita { font-family: "UB D Sansita Swashed", "Sansita Swashed", cursive; font-weight: 800; font-style: normal; }
#book .dd-fredoka { font-family: "UB D Fredoka", "Fredoka", sans-serif; font-weight: 700; font-style: normal; }
#book .dd-page { font-family: "UB D Andika", "Andika", "UB D Baloo 2", "Baloo 2", sans-serif; font-weight: 400; font-style: normal; }
/* Literata: the PDF's static instances are opsz 24 (the D1 italic: opsz 72); the setting only matters for Google's variable copy */
#book .dd-caps { font-family: "UB D Literata", "Literata", Georgia, serif; font-weight: 600; font-style: normal; font-variation-settings: "opsz" 24; }
#book .dd-ditalic { font-family: "UB D Literata", "Literata", Georgia, serif; font-weight: 600; font-style: italic; font-variation-settings: "opsz" 72; }
#book .dd-body { font-family: "UB D Literata", "Literata", Georgia, serif; font-weight: 400; font-style: normal; font-variation-settings: "opsz" 24; }
#book .dd-italic { font-family: "UB D Literata", "Literata", Georgia, serif; font-weight: 400; font-style: italic; font-variation-settings: "opsz" 24; }
#book .dd-mark { font-family: "Londrina Solid", system-ui, sans-serif; font-weight: 400; }
/* v2 story pages (T1 phase 2, F/OVERLAY-1021.md): the art full bleed (no enhance, as the PDF's page), the mist over it, the words and
   the folio as an SVG in PDF points (cover-d.js ovHtml). A page whose plan is still being made shows its art alone (dd-ov-wait). */
#book .dd-ovleaf { background: #f6f0e4; }
#book .dd-ovart { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block;
  -webkit-user-drag: none; user-select: none; }
#book .dd-mist { position: absolute; left: 0; right: 0; pointer-events: none; }
#book .dd-ovleaf .dd-svg { transition: opacity .25s ease; }
#book .dd-ov-wait .dd-svg { opacity: 0; }
/* a v2 book whose lettering is still being made (cover-d.js pending pages): the art or the paper, no v1 type */
#book .dd-pending .dd-art { filter: none; }