/* The Ashen Archive. Night-slate under the Wound: parchment-white text, pale wound-violet links, dusty red for
   unwritten pages (the world's unknowns), tarnished gold for section rules. Alegreya (reading), Alegreya SC
   (headings), Alegreya Sans (interface); all OFL, self-hosted. The signature is the Wound: a faint scar of light
   across the masthead. Bump ASSET_VERSION (src/site/templates.mjs) after any change. */

@font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/alegreya-400-800-latin.woff2) format('woff2'); 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: 'Alegreya'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/alegreya-400-800-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Alegreya'; font-style: italic; font-weight: 400 800; font-display: swap; src: url(/fonts/alegreya-italic-400-800-latin.woff2) format('woff2'); 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: 'Alegreya'; font-style: italic; font-weight: 400 800; font-display: swap; src: url(/fonts/alegreya-italic-400-800-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Alegreya SC'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/alegreya-sc-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2212; }
@font-face { font-family: 'Alegreya SC'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/alegreya-sc-500-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+1E00-1E9F; }
@font-face { font-family: 'Alegreya SC'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/alegreya-sc-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2212; }
@font-face { font-family: 'Alegreya SC'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/alegreya-sc-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+1E00-1E9F; }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/alegreya-sans-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2212; }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/alegreya-sans-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+1E00-1E9F; }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/alegreya-sans-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2212; }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/alegreya-sans-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2212; }

:root {
  --night: #171a22;
  --panel: #1f232d;
  --panel-2: #262b37;
  --ink: #e6e0d2;
  --body: #d4cdbd;
  --muted: #9a9486;
  --rule: #353a47;
  --wound: #c9bdf2;
  --wound-hi: #e9e4ff;
  --red: #d9877a;
  --gold: #c8a55c;
  --serif: 'Alegreya', 'Iowan Old Style', Georgia, serif;
  --sc: 'Alegreya SC', 'Alegreya', Georgia, serif;
  --sans: 'Alegreya Sans', -apple-system, 'Segoe UI', sans-serif;
  --pad: 32px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: var(--night); }
body { margin: 0; background: var(--night); color: var(--body); font-family: var(--serif); font-size: 19px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--wound); text-decoration: none; }
a:hover { color: var(--wound-hi); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
a.new, a.new:hover { color: var(--red); }
:focus-visible { outline: 2px solid var(--wound); outline-offset: 2px; }
h1, h2, h3 { color: var(--ink); margin: 0; font-weight: 700; line-height: 1.2; text-wrap: balance; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; }
/* Hidden with a transform: left:-9999px becomes 9,999px of scrollable overflow in right-to-left pages (../globalkingnews). */
.skip-link { position: absolute; inset-inline-start: 8px; top: 8px; z-index: 10; background: var(--wound); color: var(--night); padding: 8px 12px; transform: translateY(-200%); }
.skip-link:focus { transform: none; }
.empty { color: var(--muted); font-style: italic; }

/* ---------- masthead: the Wound ---------- */
.masthead { position: relative; overflow: hidden; border-bottom: 1px solid var(--rule); background: radial-gradient(120% 140% at 70% -40%, #2a2640 0%, var(--night) 60%); }
.wound { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.masthead-row { position: relative; max-width: 1280px; margin: 0 auto; padding: 26px var(--pad) 0; display: flex; align-items: baseline; gap: 24px; flex-wrap: wrap; }
.brand { margin: 0; font-family: var(--sc); font-weight: 700; font-size: 38px; letter-spacing: 0.02em; line-height: 1; }
.brand a { color: var(--ink); }
.brand a:hover { text-decoration: none; color: var(--wound-hi); }
.today { font-family: var(--sans); font-size: 15px; color: var(--muted); }
.today .day { color: var(--gold); font-weight: 700; margin-inline-end: 6px; }
.search { margin-inline-start: auto; position: relative; }
.search input { width: 240px; font: 16px var(--sans); color: var(--ink); background: var(--panel); border: 1px solid var(--rule); border-radius: 3px; padding-block: 7px; padding-inline: 10px 34px; }
.search input::placeholder { color: var(--muted); }
.search svg { position: absolute; inset-inline-end: 10px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.masthead-foot { position: relative; max-width: 1280px; margin: 0 auto; padding: 6px var(--pad) 22px; display: flex; align-items: baseline; justify-content: space-between; gap: 8px 24px; flex-wrap: wrap; }
.tagline { font-style: italic; color: var(--muted); font-size: 17px; }
.langs { display: flex; flex-wrap: wrap; gap: 2px 12px; font-family: var(--sans); font-size: 14px; }
.langs a { color: var(--muted); }
.langs a:hover { color: var(--wound-hi); }
.langs a[aria-current] { color: var(--gold); font-weight: 700; }

/* ---------- layout ---------- */
.layout { max-width: 1280px; margin: 0 auto; padding: 0 var(--pad); display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 48px; }
main { padding: 32px 0 64px; min-width: 0; }
.sidebar { padding-top: 32px; font-family: var(--sans); font-size: 16px; }
.nav-toggle summary { display: none; }
.nav-main, .nav-sections { list-style: none; }
.nav-main li a, .nav-sections li a { display: flex; justify-content: space-between; gap: 8px; padding: 5px 0; color: var(--body); }
.nav-main li a:hover, .nav-sections li a:hover { color: var(--wound-hi); text-decoration: none; }
.sidebar a[aria-current] { color: var(--wound); font-weight: 700; }
.nav-h { font-family: var(--sc); font-weight: 500; font-size: 15px; color: var(--gold); letter-spacing: .04em; margin: 22px 0 6px; padding-top: 14px; border-top: 1px solid var(--rule); }
.nav-sections .n { color: var(--muted); font-size: 14px; }
.nav-foot { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--rule); }

/* ---------- shared ---------- */
.page-title { font-family: var(--serif); font-weight: 800; font-size: 46px; letter-spacing: -0.005em; }
.lede { font-size: 21px; color: var(--ink); font-style: italic; margin-top: 10px; max-width: 760px; }
.page-head { padding-bottom: 20px; margin-bottom: 28px; border-bottom: 1px solid var(--rule); }
.crumbs { font-family: var(--sans); font-size: 15px; color: var(--muted); margin-bottom: 8px; }
.crumbs span { margin: 0 4px; }
.block-h { font-family: var(--sc); font-weight: 500; font-size: 24px; color: var(--gold); letter-spacing: .02em; padding-bottom: 6px; border-bottom: 1px solid var(--rule); margin-bottom: 18px; }
.ll-sec { font-family: var(--sans); font-size: 14px; color: var(--muted); margin-inline-start: 6px; }
.btn { display: inline-block; font-family: var(--sans); font-weight: 700; font-size: 16px; color: var(--night); background: var(--wound); padding: 9px 16px; border-radius: 3px; margin-block: 14px 0; margin-inline: 0 10px; }
.btn:hover { background: var(--wound-hi); color: var(--night); text-decoration: none; }

/* ---------- home ---------- */
.today-block { margin-bottom: 26px; }
.chronicle-note { font-style: italic; color: var(--ink); font-size: 20px; margin-bottom: 18px; padding-inline-start: 14px; border-inline-start: 2px solid var(--gold); }
.today-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 28px; }
.today-pages { display: grid; gap: 22px; align-content: start; }
.card { display: flex; flex-direction: column; gap: 6px; }
.card-img { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--panel); border-radius: 2px; margin-bottom: 6px; }
.card-img img { width: 100%; height: 100%; object-fit: cover; }
.today-pages .card { display: grid; grid-template-columns: 132px minmax(0, 1fr); column-gap: 16px; row-gap: 2px; align-items: start; }
.today-pages .card .card-img { grid-row: span 3; margin: 0; }
.card-kicker { font-family: var(--sans); font-size: 14px; }
.card-kicker a { color: var(--gold); }
.card h3 { font-size: 22px; }
.card-lead h3 { font-size: 32px; }
.card h3 a { color: var(--ink); }
.card h3 a:hover { color: var(--wound-hi); }
.card-by { font-style: italic; color: var(--muted); font-size: 16px; }
.card-sum { font-size: 17px; }
.stats { font-family: var(--sans); color: var(--muted); font-size: 16px; padding: 14px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); margin-bottom: 30px; }
.home-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; margin-bottom: 36px; }
.link-list { list-style: none; }
.link-list li { padding: 8px 0; border-bottom: 1px solid var(--rule); }
.link-list li:last-child { border-bottom: 0; }
.link-list a { font-weight: 700; }
.link-list p { font-size: 16px; color: var(--muted); }
.map-teaser { position: relative; display: block; margin-top: 18px; border-radius: 2px; overflow: hidden; }
.map-teaser span { position: absolute; inset-inline-start: 12px; bottom: 10px; font-family: var(--sc); font-weight: 700; color: var(--ink); text-shadow: 0 1px 6px #000; font-size: 20px; }
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }

/* ---------- entry ---------- */
.entry { display: flow-root; }
.infobox { float: inline-end; width: 320px; margin-block: 4px 24px; margin-inline: 32px 0; background: var(--panel); border: 1px solid var(--rule); border-radius: 3px; font-family: var(--sans); font-size: 15px; }
.ib-title { font-family: var(--sc); font-weight: 700; font-size: 20px; color: var(--ink); text-align: center; padding: 10px 12px 8px; }
.infobox figure { margin: 0; }
.infobox figcaption { padding: 8px 12px 0; font-size: 14px; font-style: italic; color: var(--muted); font-family: var(--serif); }
.infobox table { width: 100%; border-collapse: collapse; margin: 8px 0; }
.infobox th, .infobox td { text-align: start; vertical-align: top; padding: 6px 12px; border-top: 1px solid var(--rule); }
.infobox th { width: 38%; color: var(--gold); font-weight: 500; }
.infobox td { color: var(--body); }
.ib-map { padding: 4px 12px 12px; }
.toc { display: inline-block; min-width: 240px; background: var(--panel); border: 1px solid var(--rule); border-radius: 3px; padding: 12px 18px 14px; margin: 26px 0 8px; font-family: var(--sans); font-size: 16px; }
.toc-h { font-family: var(--sc); font-weight: 700; color: var(--ink); margin-bottom: 4px; }
.toc ol { padding-inline-start: 20px; }
.prose { max-width: 760px; }
.prose p, .prose ul { margin: 0 0 1em; }
.prose ul { padding-inline-start: 1.3em; }
.prose h2 { font-family: var(--sc); font-weight: 500; font-size: 28px; color: var(--ink); letter-spacing: .01em; margin: 1.5em 0 .5em; padding-bottom: 4px; border-bottom: 1px solid var(--rule); clear: none; }
.prose h3 { font-size: 22px; margin: 1.2em 0 .4em; }
.prose blockquote { margin: 1.3em 0; padding-block: 4px; padding-inline: 20px 0; border-inline-start: 2px solid var(--gold); font-style: italic; color: var(--ink); }
.prose blockquote footer { font-style: normal; font-family: var(--sans); font-size: 15px; color: var(--muted); margin-top: 4px; }
.prose blockquote footer::before { content: '— '; }
.inline-figure { margin: 1.4em 0; }
figcaption { font-size: 15px; font-style: italic; color: var(--muted); margin-top: 6px; }
.backlinks, .history { clear: both; margin-top: 36px; padding-top: 14px; border-top: 1px solid var(--rule); font-family: var(--sans); font-size: 16px; }
.backlinks h2 { font-family: var(--sc); font-weight: 500; font-size: 20px; color: var(--gold); margin-bottom: 8px; }
.backlinks ul { list-style: none; columns: 2; column-gap: 32px; }
.backlinks li { padding: 2px 0; break-inside: avoid; }
.history summary { cursor: pointer; color: var(--muted); }
.history ol { list-style: none; margin-top: 8px; }
.history li { padding: 4px 0; }
.h-day { color: var(--gold); margin-inline-end: 6px; }
.stub-note { font-size: 21px; font-style: italic; color: var(--ink); margin-top: 14px; max-width: 700px; }
.stub-first { color: var(--muted); margin-top: 10px; }

/* ---------- tale ---------- */
.tale { max-width: 760px; }
.teller { font-style: italic; color: var(--gold); font-size: 19px; margin-top: 6px; }
.tale-figure { margin: 24px 0 28px; }
.tale-body { font-size: 20px; line-height: 1.65; }
.tale-body p.opening::first-letter { font-family: var(--sc); font-weight: 700; float: inline-start; font-size: 3.6em; line-height: .82; margin-block: .06em 0; margin-inline: 0 .1em; color: var(--gold); }
.scene-break { border: 0; text-align: center; margin: 1.6em 0; }
.scene-break::after { content: '⁂'; color: var(--gold); font-size: 22px; }
.tale-meta { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin-top: 30px; padding: 14px 0; border-top: 1px solid var(--rule); font-family: var(--sans); font-size: 16px; }
.tale-meta dt { color: var(--gold); }
.tale-meta dd { margin: 0; }

/* ---------- lists ---------- */
.entry-list { list-style: none; }
.entry-list li { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--rule); }
.entry-list li:not(:has(.el-img)) { grid-template-columns: minmax(0, 1fr); }
.el-img { aspect-ratio: 3 / 2; overflow: hidden; border-radius: 2px; background: var(--panel); }
.el-img img { width: 100%; height: 100%; object-fit: cover; }
.entry-list h3 { font-size: 23px; }
.entry-list h3 a { color: var(--ink); }
.entry-list p { font-size: 17px; }
.unwritten { margin-top: 36px; }
.unwritten h2 { font-family: var(--sc); font-weight: 500; font-size: 22px; color: var(--gold); }
.unwritten p { color: var(--muted); font-size: 16px; margin: 2px 0 10px; }
.unwritten ul { list-style: none; columns: 3; column-gap: 28px; font-family: var(--sans); }
.unwritten li { padding: 2px 0; }

/* ---------- map ---------- */
.world-map { position: relative; margin: 0 0 28px; border-radius: 3px; overflow: hidden; }
/* Pin labels sit to the right of their pin in every language, so the overlay is always laid out left to right. */
.world-map svg { position: absolute; inset: 0; width: 100%; height: 100%; direction: ltr; }
.region-label { font-family: var(--sc); font-weight: 700; font-size: 1.9px; fill: #f3ead6; stroke: #1c1712; stroke-width: .35px; paint-order: stroke; letter-spacing: .08px; opacity: .92; }
.pin circle { stroke: #1c1712; stroke-width: .25px; }
.pin-written circle { fill: var(--wound-hi); }
.pin-stub circle { fill: var(--red); opacity: .85; }
.pin text { font-family: var(--sans); font-weight: 700; font-size: 1.25px; fill: #fbf6ea; stroke: #1c1712; stroke-width: .28px; paint-order: stroke; }
.pin:hover circle, .pin:focus circle { r: 1px; }
.regions { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px 32px; }
.region h2 { font-family: var(--sc); font-weight: 500; font-size: 22px; color: var(--gold); }
.region p { font-size: 16px; color: var(--muted); margin: 2px 0 8px; }
.region ul { list-style: none; font-family: var(--sans); }

/* ---------- chronicle & mysteries ---------- */
.chronicle { list-style: none; }
.chronicle > li { padding: 18px 0; border-bottom: 1px solid var(--rule); }
.chronicle h2 { font-family: var(--sc); font-weight: 700; font-size: 22px; }
.chronicle h2 span { font-family: var(--serif); font-weight: 400; font-style: italic; color: var(--muted); font-size: 18px; margin-inline-start: 8px; }
.chronicle .chronicle-note { margin: 8px 0; font-size: 18px; }
.chronicle ul { list-style: none; font-family: var(--sans); font-size: 16px; }
.mystery { padding: 18px 0; border-bottom: 1px solid var(--rule); max-width: 820px; }
.mystery h2 { font-size: 24px; }
.mystery ol { list-style: none; margin-top: 8px; font-size: 17px; }
.mystery li { padding: 4px 0; }

/* ---------- search ---------- */
.search-box input { width: 100%; max-width: 640px; font: 19px var(--sans); color: var(--ink); background: var(--panel); border: 1px solid var(--rule); border-radius: 3px; padding: 11px 14px; margin-top: 14px; }

/* ---------- footer ---------- */
.site-footer { border-top: 1px solid var(--rule); padding: 26px var(--pad) 36px; text-align: center; font-family: var(--sans); font-size: 15px; color: var(--muted); }
.site-footer p + p { margin-top: 6px; }
.site-footer a { margin: 0 8px; }

/* ---------- responsive ---------- */
@media (max-width: 1000px) {
  .layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sidebar { padding-top: 14px; border-bottom: 1px solid var(--rule); padding-bottom: 10px; }
  .nav-toggle summary { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; color: var(--ink); font-weight: 700; list-style: none; padding: 4px 0; }
  .nav-toggle summary::-webkit-details-marker { display: none; }
  .nav-toggle summary svg { width: 20px; height: 20px; }
  .nav-toggle[open] summary { margin-bottom: 8px; }
  .nav-sections { columns: 2; column-gap: 24px; }
  .nav-sections li { break-inside: avoid; }
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  :root { --pad: 18px; }
  body { font-size: 18px; }
  .brand { font-size: 30px; }
  .search { margin-inline-start: 0; width: 100%; }
  .search input { width: 100%; }
  .page-title { font-size: 34px; }
  .today-grid, .home-cols { grid-template-columns: minmax(0, 1fr); }
  .card-lead h3 { font-size: 26px; }
  .card-grid { grid-template-columns: minmax(0, 1fr); }
  .infobox { float: none; width: 100%; margin: 18px 0; }
  .backlinks ul, .unwritten ul { columns: 1; }
  .entry-list li { grid-template-columns: 100px minmax(0, 1fr); gap: 14px; }
  .tale-body { font-size: 19px; }
}

/* ---------- other scripts (since 2026-10-23) ----------
   Alegreya is Latin-only, so Arabic, Devanagari, Chinese and Japanese use good system faces (no multi-MB font
   downloads). Small caps, tracking and synthetic italics don't exist in these scripts (tracking breaks Arabic
   joining), so they are switched off there. The wordmark stays Alegreya SC in every language. */
:lang(ar) { --serif: 'Geeza Pro', 'Noto Naskh Arabic', 'Amiri', 'Segoe UI', Tahoma, serif; --sc: var(--serif); --sans: 'SF Arabic', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif; }
:lang(hi) { --serif: 'Kohinoor Devanagari', 'Noto Serif Devanagari', 'Nirmala UI', 'Mangal', serif; --sc: var(--serif); --sans: 'Kohinoor Devanagari', 'Noto Sans Devanagari', 'Nirmala UI', sans-serif; }
:lang(zh) { --serif: 'Songti SC', 'Noto Serif SC', 'SimSun', serif; --sc: var(--serif); --sans: 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans SC', 'Microsoft YaHei', sans-serif; }
:lang(ja) { --serif: 'Hiragino Mincho ProN', 'Noto Serif JP', 'Yu Mincho', serif; --sc: var(--serif); --sans: 'Hiragino Sans', 'Noto Sans JP', 'Yu Gothic', 'Meiryo', sans-serif; }
:is(:lang(ar), :lang(hi), :lang(zh), :lang(ja)) :is(.nav-h, .block-h, .prose h2, .page-title, .region-label, .ib-title, .toc-h) { letter-spacing: 0; }
:is(:lang(ar), :lang(hi), :lang(zh), :lang(ja)) :is(.lede, .chronicle-note, .tagline, .card-by, .teller, .stub-note, .empty, figcaption, .prose blockquote, .chronicle h2 span) { font-style: normal; }
:is(:lang(ar), :lang(hi)) :is(.prose, .tale-body, .lede) { line-height: 1.8; }
/* A drop cap would cut an Arabic or Devanagari letter off from the rest of its word; CJK has no capitals. */
:is(:lang(ar), :lang(hi), :lang(zh), :lang(ja)) .tale-body p.opening::first-letter { float: none; font-size: inherit; margin: 0; color: inherit; font-family: inherit; font-weight: inherit; }
.brand { font-family: 'Alegreya SC', 'Alegreya', Georgia, serif; letter-spacing: 0.02em; }