. */
.namelist-table tr.nl-letter td {
font-family: Georgia, 'Times New Roman', serif;
font-size: 1.25rem;
font-weight: bold;
color: #09497a;
background-color: #f2efe9;
border-top: 2px solid #d1caba;
padding-top: 14px;
padding-bottom: 8px;
scroll-margin-top: 140px; /* clears the sticky nav + thead stack */
}
body.dark-mode .namelist-table tr.nl-letter td {
color: #8ab0c9;
background-color: #232323;
border-top-color: #333;
}
/* --- 12.2 drop-cap initial inside a name cell ---------------------------
Zaklikow zak487 and Zaludok zhe303 colour the first letter of the first
surname in each alphabetical run. The letter is REAL TEXT (it is part of
the surname); this only restores the legacy emphasis. */
.nl-letter-cap {
font-size: 1.15em;
font-weight: bold;
color: #09497a;
}
body.dark-mode .nl-letter-cap { color: #8ab0c9; }
/* --- 12.3 secondary note under a name list or figure -------------------- */
.namelist-note {
font-family: Arial, sans-serif;
font-size: 0.8125rem;
font-style: italic;
color: var(--charcoal);
opacity: 0.8;
margin: 4px 0 0;
}
body.dark-mode .namelist-note { color: #888; opacity: 1; }
/* --- 12.4 signature / attribution line in chapter text ------------------
Section 11 defines .chapter-signature only INSIDE .yb-card. Turek tur439
ends its foreword with a right-aligned "M.L." in the body itself, so the
component needs an unscoped rule too. The section 11 rule still wins
inside a card, because it is more specific. */
.chapter-body .chapter-signature {
text-align: right;
font-style: italic;
}
/* --- 12.5 chapter sub-headings h4-h6 ------------------------------------
Sections 1-11 style .chapter-body h1/h2/h3 (all centered) but stop there.
Ten_years, Zaludok and Suchowola1 use
for the credit lines that sit
directly under a centered chapter title ("By Hayim Shmuklerman",
"Translated by Moshe Porat") and occasionally for a real sub-subheading;
Suchowola1 uses
for a section label. With no rule they fell back to
the browser default - left-aligned and mis-sized under a centered title,
which is what CHW spotted on the Rayvits pages. */
.chapter-body h4,
.chapter-body h5,
.chapter-body h6 {
font-family: Georgia, 'Times New Roman', serif;
font-size: 0.9375rem;
font-weight: bold;
color: var(--charcoal);
text-align: center;
margin: 0.6em 0 0.4em;
line-height: 1.4;
}
body.dark-mode .chapter-body h4,
body.dark-mode .chapter-body h5,
body.dark-mode .chapter-body h6 { color: #d8d8d8; }
/* --- 12.6 original-script caption line ----------------------------------
Where a legacy caption was a GIF of Yiddish/Hebrew text, decision 19 turns
it into REAL text so screen readers can reach it. It sits under the English
caption inside the figcaption, right-to-left, in its own script. */
.yb-orig {
display: block;
direction: rtl;
unicode-bidi: isolate;
font-size: 1.05em;
font-weight: normal;
margin-top: 4px;
}
/* --- 12.7 TOC entry label column ----------------------------------------
Some legacy TOCs put a structural label in its own cell - Zaklikow's
"Chapter One" / "Poem" / "Introduction", Danzig's "Chapter A:". It is not
the entry title, so it must not out-shout the title: the label carried no
class at all and rendered heavier and darker than the linked title beside
it, which is what CHW spotted on the Zaklikow contents page. Same family
and size as .toc-title, muted, and it never wraps away from its title. */
.toc-label {
color: var(--charcoal);
opacity: 0.65;
font-size: 0.9375rem;
line-height: 1.4;
margin-right: 2px;
white-space: nowrap;
}
body.dark-mode .toc-label { color: #999; opacity: 1; }
/* --- 12.8 full-width TOC entry with a sub-list --------------------------
Some TOCs describe a whole part in one full-width row, with the part's
contents as a nested list (Ten_years "Part I ... as:" +
). It is a
contents entry, not a memorial block, so it stays in the list - it just
has no page column and needs its sub-list to read as sub-items. */
.toc-entry--full { grid-template-columns: 1fr; }
.toc-entry--full ul,
.toc-entry ul {
margin: 6px 0 0;
padding-left: 1.4em;
list-style: disc;
}
.toc-entry--full ul li,
.toc-entry ul li {
margin: 2px 0;
font-size: 0.9375rem;
color: var(--charcoal);
opacity: 0.8;
}
body.dark-mode .toc-entry--full ul li,
body.dark-mode .toc-entry ul li { color: #aaa; opacity: 1; }
/* --- 12.9 epigraph above a memorial card's heading ---------------------- */
.yb-card .yb-epigraph {
font-size: 0.875rem;
line-height: 1.65;
font-style: italic;
color: var(--charcoal);
opacity: 0.75;
margin: 0 0 10px;
}
body.dark-mode .yb-card .yb-epigraph { color: #a8a8a8; opacity: 1; }
/* ==========================================================================
§13 NAME-LIST TABLES ON LANDINGS (recurring "floating header" fix)
========================================================================== */
.yb-inner .namelist-table thead th { top: 0; }
/* ==========================================================================
§14 HEADERLESS NAME-LIST TABLES ON MOBILE (card-overflow fix)
========================================================================== */
@media (max-width: 768px) {
/* safety net: a long unbreakable token wraps in any name-list card cell */
.namelist-table tbody td { overflow-wrap: anywhere; }
/* headerless-table cells carry no data-label: no label column, full width,
and allow wrapping (overrides the §10 first-child white-space: nowrap) */
.namelist-table tbody td:not([data-label]) {
display: block;
white-space: normal;
}
.namelist-table tbody td:not([data-label])::before { content: none; }
}
/* ==========================================================================
§15 STRUCTURE-PRESERVING DATA TABLES (chronologies, budgets, ledgers)
========================================================================== */
.yb-table-wrap { overflow-x: auto; margin: 1.6em 0; }
.yb-table {
border-collapse: collapse; margin: 0 auto;
font-family: Arial, sans-serif; font-size: 0.875rem; line-height: 1.45;
color: var(--charcoal); background: var(--white);
}
.yb-table td, .yb-table th {
border: 1px solid #d1caba; padding: 6px 11px; vertical-align: top;
}
.yb-table th { text-align: left; }
.yb-table b, .yb-table strong { color: #09497a; font-weight: bold; }
body.dark-mode .yb-table { color: #d8d8d8; background: #1a1a1a; }
body.dark-mode .yb-table td, body.dark-mode .yb-table th { border-color: #3a3a3a; }
body.dark-mode .yb-table b, body.dark-mode .yb-table strong { color: #8ab0c9; }
/* ==========================================================================
§16 SIDE-BY-SIDE FIGURE ROW + JUMP-BAR WRAP (roster 11, 2026-09-10)
========================================================================== */
.yb-figrow { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 1.5em; margin: 1.5em auto; }
.yb-figrow .chapter-figure { margin: 0; }
@media (max-width: 480px) { .yb-figrow { gap: 0.75em; } }
.chapter-inner:not(:has(.namelist-table)) .yb-jumpbar { flex-wrap: wrap; overflow-x: visible; }
![inside a so the lightbox (jg-lightbox.js) enlarges them and pulls the as caption. ========================================================================== */ /* compact navy title band (yizkor-scoped so it never collides with the global .page-title-band component used elsewhere on the site) */ .yb-chapter-band { background-color: #09497a; padding: 22px 0; text-align: center; } body.dark-mode .yb-chapter-band { background-color: #0d2a45; } .yb-chapter-band__inner { width: min(100% - 3rem, 840px); margin-inline: auto; } .yb-chapter-band .breadcrumb-line { display: block; color: var(--light-green); font-size: 0.8125rem; letter-spacing: 0.5px; margin-bottom: 6px; } .yb-chapter-band .breadcrumb-line a { color: var(--light-green); text-decoration: underline dotted; text-underline-offset: 2px; } .yb-chapter-band .breadcrumb-line a:hover { color: #ffffff; } /* tagline: small sage label above the chapter title. Preferred over the breadcrumb on new pages; matches the .record-type-tag on the landing masthead so a chapter and its book read as the same thing. */ .yb-chapter-band .tagline { display: inline-block; background-color: var(--sage); color: #ffffff; font-size: 0.625rem; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; padding: 3px 11px; border-radius: 3px; margin-bottom: 12px; } body.dark-mode .yb-chapter-band .tagline { background-color: #a8b361; color: #121212; } .yb-chapter-band h1 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 1.5rem; font-weight: normal; color: #ffffff; line-height: 1.25; } /* page navigation - Previous hard-left, Table of Contents centered, Next hard-right. A 3-column grid (1fr auto 1fr) keeps TOC dead-centre regardless of the side link widths. Used by the sticky top bar and the bottom nav. On the first/last page leave the empty slot in place (an empty in the prev or next cell) so the centre stays centred. */ .chapter-nav, .chapter-pagenav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; } .chapter-nav .nav-prev, .chapter-pagenav .nav-prev { justify-self: start; } .chapter-nav .nav-toc, .chapter-pagenav .nav-toc { justify-self: center; } .chapter-nav .nav-next, .chapter-pagenav .nav-next { justify-self: end; } /* sticky top bar chrome */ .chapter-nav { background-color: var(--white); border-bottom: 1px solid var(--cream); box-shadow: 0 1px 6px rgba(0,0,0,0.07); padding: 9px 1.25rem; position: sticky; top: 0; z-index: 100; } body.dark-mode .chapter-nav { background-color: #121212; border-bottom-color: #2e2e2e; box-shadow: 0 2px 8px rgba(0,0,0,0.4); } /* bottom page-nav chrome */ .chapter-pagenav { border-top: 1px solid rgba(9,73,122,0.12); padding-top: 20px; margin-top: 2rem; font-family: Arial, sans-serif; } body.dark-mode .chapter-pagenav { border-top-color: #2e2e2e; } /* shared nav link styling */ .chapter-nav a, .chapter-pagenav a { font-size: 0.8125rem; font-weight: 600; color: var(--navy); letter-spacing: 0.25px; } .chapter-pagenav a { text-decoration: underline dotted; } .chapter-nav a:hover, .chapter-pagenav a:hover { color: var(--sage); } body.dark-mode .chapter-nav a, body.dark-mode .chapter-pagenav a { color: #8ab0c9; } body.dark-mode .chapter-nav a:hover, body.dark-mode .chapter-pagenav a:hover { color: #a8b361; } /* reading wrap (ecru); .chapter-inner width comes from section 1 */ .chapter-wrap { background-color: var(--ecru); padding: 3rem 0; flex: 1; } /* body text - book reading experience */ .chapter-body { font-family: Georgia, 'Times New Roman', serif; font-size: 1rem; line-height: 1.8; color: var(--charcoal); } body.dark-mode .chapter-body { color: #d8d8d8; } .chapter-body p { margin: 0 0 1.2em; } .chapter-body h1 { font-family: Georgia, 'Times New Roman', serif; font-size: 1.375rem; font-weight: normal; color: var(--navy); text-align: center; margin: 1.5em 0 0.5em; line-height: 1.3; } .chapter-body h2 { font-family: Georgia, 'Times New Roman', serif; font-size: 1.125rem; font-weight: bold; color: var(--navy); text-align: center; margin: 1.5em 0 0.5em; } .chapter-body h3 { font-family: Georgia, 'Times New Roman', serif; font-size: 1rem; font-weight: bold; color: var(--charcoal); text-align: center; margin: 1.25em 0 0.4em; } body.dark-mode .chapter-body h1, body.dark-mode .chapter-body h2 { color: #e8e8e8; } body.dark-mode .chapter-body h3 { color: #e8e8e8; } /* page-number markers */ .page-marker { display: block; font-family: Arial, sans-serif; font-size: 0.75rem; font-style: italic; color: var(--charcoal); opacity: 0.45; margin: 1.5em 0 0.25em; user-select: none; } body.dark-mode .page-marker { color: #666; opacity: 1; } /* verse / quotes and centered text */ .chapter-body blockquote { margin: 1em 0 1em 2em; padding: 0; border: none; font-style: italic; } .chapter-center { text-align: center; margin: 1em 0; } /* figures - the wrapper is what the lightbox hooks; cursor set by the script */ .chapter-figure { margin: 1.5em auto; text-align: center; max-width: 440px; } .chapter-figure a { display: inline-block; } .chapter-figure img { max-width: 100%; height: auto; border: 1px solid #d1caba; border-radius: 4px; } .chapter-figure figcaption { font-family: Arial, sans-serif; font-size: 0.8125rem; color: var(--charcoal); opacity: 0.7; margin-top: 8px; line-height: 1.45; font-style: normal; } body.dark-mode .chapter-figure figcaption { color: #888; opacity: 1; } /* demoted disclaimer (matches the landing's About treatment) */ .chapter-disclaimer { background-color: #f0ede8; border: 1px solid #ddd8cf; border-left: 3px solid #c8c0b2; border-radius: 0 4px 4px 0; padding: 14px 18px; margin: 2.5rem 0 1.5rem; font-family: Arial, sans-serif; font-size: 0.8125rem; color: var(--charcoal); opacity: 0.8; line-height: 1.6; } .chapter-disclaimer p { margin: 0 0 6px; } .chapter-disclaimer p:last-child { margin: 0; } body.dark-mode .chapter-disclaimer { background-color: #1a1a1a; border-color: #333; color: #888; } /* bottom nav + credits */ .chapter-footer-nav { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(9,73,122,0.12); padding-top: 20px; margin-top: 2rem; font-family: Arial, sans-serif; } body.dark-mode .chapter-footer-nav { border-top-color: #2e2e2e; } .chapter-footer-nav a { font-size: 0.8125rem; font-weight: 600; color: var(--navy); text-decoration: underline dotted; } .chapter-footer-nav a:hover { color: var(--sage); } body.dark-mode .chapter-footer-nav a { color: #8ab0c9; } body.dark-mode .chapter-footer-nav a:hover { color: #a8b361; } .chapter-credits { font-family: Arial, sans-serif; font-size: 0.8125rem; color: var(--charcoal); opacity: 0.6; margin-top: 20px; line-height: 1.7; } body.dark-mode .chapter-credits { color: #666; } .chapter-credits a { color: inherit; text-decoration: underline dotted; } /* ============================================================================ 8. RESPONSIVE ========================================================================== */ @media (max-width: 768px) { .yb-masthead { padding: 24px 0 30px; } .yb-book { grid-template-columns: 110px 1fr; gap: 20px; } .yb-cover { width: 110px; } .yb-cover__town { font-size: 1rem; } .yb-cover__icon { width: 34px; } .yb-id h1 { font-size: 1.6rem; } .yb-wrap { padding: 2rem 0 2.5rem; } .yb-chapter-band { padding: 18px 0; } .yb-chapter-band h1 { font-size: 1.25rem; } .chapter-wrap { padding: 2rem 0; } .chapter-body { font-size: 0.9375rem; } } @media (max-width: 480px) { .yb-book { grid-template-columns: 1fr; } .yb-cover { margin: 0 auto; } .yb-id { text-align: center; } .yb-actions { justify-content: center; } .yb-active-note { margin-left: auto; margin-right: auto; } } /* ============================================================================ 9. PEOPLE / BIOGRAPHICAL INDEX PAGES ========================================================================== */ .bio-title { font-family: Georgia, 'Times New Roman', serif; font-size: 1.6rem; font-weight: normal; color: var(--navy); text-align: center; margin: 0 0 0.2em; } body.dark-mode .bio-title { color: #e8e8e8; } .bio-subtitle { text-align: center; font-family: Arial, sans-serif; font-size: 0.85rem; color: var(--charcoal); opacity: 0.7; margin: 0 0 1.6rem; } body.dark-mode .bio-subtitle { color: #999; opacity: 1; } /* Hebrew-letter navigator (replaces the legacy clickable image map) */ .yb-letter-nav { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 0 0 2.2rem; padding: 0; } .yb-letter-nav a, .yb-letter-nav span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 7px; font-family: Georgia, 'Times New Roman', serif; font-size: 1.2rem; line-height: 1; border: 1px solid rgba(9,73,122,0.25); border-radius: 4px; color: #09497a; background: var(--white); text-decoration: none; } .yb-letter-nav a:hover { background: #09497a; color: #ffffff; border-color: #09497a; } .yb-letter-nav span { opacity: 0.35; cursor: default; } /* letter with no entries */ body.dark-mode .yb-letter-nav a, body.dark-mode .yb-letter-nav span { background: #1b1b1b; border-color: #3a3a3a; color: #8ab0c9; } body.dark-mode .yb-letter-nav a:hover { background: #8ab0c9; color: #121212; border-color: #8ab0c9; } /* letter section header (anchor target) + return-to-top link */ .bio-letter { display: flex; align-items: baseline; gap: 16px; border-top: 1px solid rgba(9,73,122,0.15); padding-top: 1.3rem; margin: 2.4rem 0 1.3rem; scroll-margin-top: 64px; } body.dark-mode .bio-letter { border-top-color: #2e2e2e; } .bio-letter__glyph { font-family: Georgia, 'Times New Roman', serif; font-size: 1.9rem; font-weight: bold; color: #09497a; } body.dark-mode .bio-letter__glyph { color: #8ab0c9; } .bio-letter__return { font-family: Arial, sans-serif; font-size: 0.8rem; font-weight: 600; text-decoration: underline dotted; } /* a single biography: bold navy name lead-in (LEFT aligned - overrides the centered .chapter-body h3) followed by the bio paragraphs */ .bio-entry { margin: 0 0 1.6rem; scroll-margin-top: 64px; } .chapter-body .bio-name { font-family: Georgia, 'Times New Roman', serif; font-size: 1.05rem; font-weight: bold; color: #09497a; text-align: left; margin: 0 0 0.4em; } body.dark-mode .chapter-body .bio-name { color: #8ab0c9; } .bio-entry p { margin: 0 0 0.8em; } /* section break used in the narrative pages (the legacy "* * *" centered rule) */ .chapter-stars { text-align: center; color: var(--navy); opacity: 0.5; letter-spacing: 0.5em; margin: 1.6em 0; font-size: 1rem; user-select: none; } body.dark-mode .chapter-stars { color: #8ab0c9; opacity: 0.6; } /* ============================================================================ 10. NAME-LIST PAGES (convert_yizkor_namelist.py output) [v2] ========================================================================== */ /* Name-list pages get a wider inner column than the 840px reading width, and define the sticky-stack offsets the jump bar + thead both read. :has() scopes this to name-list pages only; if unsupported, pages fall back to the 840px container (cramped but functional). */ .chapter-inner:has(.namelist-table) { width: min(100% - 3rem, 1240px); --jg-stick-nav: 38px; /* height of the sticky .chapter-nav top bar */ --jg-stick-bar: 48px; /* height of the one-row .yb-jumpbar */ } /* ---- A-Z letter bar (sticky; ONE row on desktop so its height is fixed) --- */ .yb-jumpbar { position: sticky; top: var(--jg-stick-nav, 38px); /* sits directly below .chapter-nav */ z-index: 90; /* under .chapter-nav (z-index:100) */ display: flex; flex-wrap: nowrap; gap: 2px; align-items: center; overflow-x: auto; /* scroll A-Z if ever narrower than 26 tiles */ background-color: var(--white); border: 1px solid #d1caba; border-radius: 8px; padding: 10px 14px; margin: 0 0 1.8rem; } body.dark-mode .yb-jumpbar { background-color: #1e1e1e; border-color: #333; } .yb-jumpbar__label { font-size: 0.6875rem; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: var(--charcoal); opacity: 0.6; padding: 6px 8px 6px 4px; margin-right: 4px; align-self: center; white-space: nowrap; } body.dark-mode .yb-jumpbar__label { color: #999; opacity: 1; } .yb-jumpbar a { display: inline-block; min-width: 28px; text-align: center; padding: 6px 9px; font-size: 0.8125rem; font-weight: bold; color: #09497a; border-radius: 4px; text-decoration: none; transition: background-color 0.15s, color 0.15s; } .yb-jumpbar a:hover, .yb-jumpbar a:focus { background-color: rgba(147,155,81,0.15); color: var(--sage); outline: none; } body.dark-mode .yb-jumpbar a { color: #8ab0c9; } body.dark-mode .yb-jumpbar a:hover, body.dark-mode .yb-jumpbar a:focus { background-color: #2a2a2a; color: #a8b361; } .yb-jumpbar a.disabled { color: #c0b9a9; pointer-events: none; cursor: default; font-weight: bold; } body.dark-mode .yb-jumpbar a.disabled { color: #555; } /* ---- byline ("Prepared by ...") + Sources legend ------------------------- */ .namelist-byline { text-align: center; font-family: Arial, sans-serif; font-size: 0.875rem; color: var(--charcoal); opacity: 0.8; margin: -0.6rem 0 1.4rem; } .namelist-byline strong { color: #09497a; font-weight: bold; } body.dark-mode .namelist-byline { color: #aaa; opacity: 1; } body.dark-mode .namelist-byline strong { color: #8ab0c9; } .namelist-sources { max-width: 720px; background: var(--light-blue); border-left: 4px solid var(--sage); border-radius: 0 6px 6px 0; padding: 12px 18px; margin: 0 0 1.8rem; } body.dark-mode .namelist-sources { background: #16242f; border-left-color: #a8b361; } .namelist-sources__head { font-size: 0.6875rem; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #09497a; margin: 0 0 8px; } body.dark-mode .namelist-sources__head { color: #ffffff; } .namelist-sources dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 14px; margin: 0; font-size: 0.85rem; line-height: 1.5; } .namelist-sources dt { font-weight: bold; color: var(--charcoal); } .namelist-sources dd { margin: 0; color: var(--charcoal); } body.dark-mode .namelist-sources dt, body.dark-mode .namelist-sources dd { color: #cfe0ec; } /* ---- the data table (desktop), with STICKY column headers ---------------- */ .namelist-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .namelist-table thead th { position: sticky; top: calc(var(--jg-stick-nav, 38px) + var(--jg-stick-bar, 48px)); /* below the jump bar */ z-index: 80; /* under .yb-jumpbar (90) */ background-color: #09497a; color: #ffffff; text-align: left; font-family: Arial, sans-serif; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.4px; padding: 9px 12px; border: 1px solid #09497a; white-space: nowrap; box-shadow: 0 2px 0 rgba(0,0,0,0.10); } body.dark-mode .namelist-table thead th { background-color: #0d2a45; border-color: #0d2a45; color: #ffffff; } .namelist-table tbody td { padding: 8px 12px; border-bottom: 1px solid rgba(9,73,122,0.10); vertical-align: top; line-height: 1.45; color: var(--charcoal); } body.dark-mode .namelist-table tbody td { border-bottom-color: #2a2a2a; color: #d8d8d8; } .namelist-table tbody tr:nth-child(even) td { background: rgba(247,244,242,0.55); } body.dark-mode .namelist-table tbody tr:nth-child(even) td { background: rgba(255,255,255,0.03); } .namelist-table tbody td:first-child { font-weight: bold; color: #09497a; white-space: nowrap; } body.dark-mode .namelist-table tbody td:first-child { color: #8ab0c9; } /* ---- full-width letter divider row (reuses the .bio-letter look) --------- */ .yb-letter-row td { padding: 0 !important; background: none !important; border: none !important; } .yb-letter-row .bio-letter { scroll-margin-top: 140px; } /* clear all three sticky bars */ .namelist-table tbody tr.yb-letter-row:nth-child(even) td { background: none; } /* ---- mobile: flip rows to stacked labelled cards; bar goes static -------- */ @media (max-width: 768px) { .yb-jumpbar { position: static; flex-wrap: wrap; overflow: visible; } .namelist-table thead th { position: static; } .namelist-table, .namelist-table tbody, .namelist-table tr, .namelist-table td { display: block; width: 100%; } .namelist-table thead { position: absolute; left: -9999px; } .namelist-table tbody tr:not(.yb-letter-row) { border: 1px solid #e0dbd0; border-radius: 8px; margin: 0 0 12px; padding: 6px 4px; background: var(--white); } body.dark-mode .namelist-table tbody tr:not(.yb-letter-row) { border-color: #333; background: #1a1a1a; } .namelist-table tbody tr:nth-child(even) td, .namelist-table tbody td:first-child { background: none; } .namelist-table tbody td { border: none; padding: 4px 12px; display: grid; grid-template-columns: 9rem 1fr; gap: 10px; align-items: baseline; } .namelist-table tbody td::before { content: attr(data-label); font-size: 0.6875rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; color: var(--sage); padding-top: 2px; } .namelist-table tbody td:first-child { font-size: 1rem; padding-top: 8px; padding-bottom: 6px; border-bottom: 1px solid rgba(9,73,122,0.10); margin-bottom: 4px; } .namelist-table tbody td:first-child::before { color: var(--sage); } .namelist-table tbody td:empty { display: none; } .yb-letter-row td { display: block; } } /* ============================================================================ 11. LANDING CONTENT CARDS (background-info essays on book landings) ========================================================================== */ .yb-card { background-color: var(--white); border: 1px solid #d1caba; border-top: 4px solid #09497a; border-radius: 8px; padding: 26px 30px; margin: 30px 0; font-family: Georgia, 'Times New Roman', serif; font-size: 0.9375rem; line-height: 1.75; color: var(--charcoal); } .yb-card h2, .yb-card h3 { font-family: Georgia, 'Times New Roman', serif; font-weight: normal; color: #09497a; margin: 0 0 14px; } .yb-card h2 { font-size: 1.5rem; } .yb-card h3 { font-size: 1.2rem; } .yb-card p { margin: 0 0 14px; } .yb-card p:last-child { margin-bottom: 0; } .yb-card a { color: #09497a; font-weight: bold; text-decoration: underline dotted; text-underline-offset: 2px; } .yb-card a:hover { color: var(--sage); } .yb-card .chapter-signature { text-align: right; font-style: italic; } body.dark-mode .yb-card { background-color: #1e1e1e; border-color: #333; border-top-color: #8ab0c9; color: #c8c8c8; } body.dark-mode .yb-card h2, body.dark-mode .yb-card h3 { color: #8ab0c9; } body.dark-mode .yb-card a { color: #8ab0c9; } body.dark-mode .yb-card a:hover { color: #a8b361; } /* title-page transcription block (Black_Book pattern) - centered serif plate */ .bb-titlepage { text-align: center; font-family: Georgia, 'Times New Roman', serif; margin: 1.5rem 0; } .bb-titlepage h2 { font-family: Georgia, 'Times New Roman', serif; font-size: 1.5rem; font-weight: normal; color: #09497a; margin: 0 0 14px; } body.dark-mode .bb-titlepage h2 { color: #8ab0c9; } /* TOC heading that directly follows a content section (mainstyle landings) needs breathing room above (CHW: crowding on the Roster 1 landings) */ .toc-heading--spaced { margin-top: 32px; } /* death-symbol glyphs (Wingdings conversions, decision 25) - inherit size, slightly muted so the symbol reads as a mark, not emphasis */ .yb-magen, .yb-cross { opacity: 0.85; } /* legacy in-content anchors survive as bare (rule 3); jumped-to targets must clear the sticky nav + jumpbar + thead stack (140px matches the .yb-letter-row convention in section 10) */ .chapter-body span[id] { scroll-margin-top: 140px; } /* namelist pages WITHOUT a jumpbar (Kalarash figure indexes): the section-10 sticky thead offset assumes a bar above it, so the header floated mid-air with rows sliding through the gap (CHW, kal900). Zero the bar offset when no .yb-jumpbar is present - same :has() dependency section 10 already uses. */ .chapter-inner:has(.namelist-table):not(:has(.yb-jumpbar)) { --jg-stick-bar: 0px; } /* ============================================================================ 12. NAME-LIST DETAIL + PAGE SIGNATURES ========================================================================== */ /* --- 12.1 letter separator ROWS inside a rebuilt name list --------------- Turek tur439 and Zaludok zhe000 are single long lists whose letter rows are section separators, not header rows. They get the weight of a heading without pretending to be a . */ .namelist-table tr.nl-letter td { font-family: Georgia, 'Times New Roman', serif; font-size: 1.25rem; font-weight: bold; color: #09497a; background-color: #f2efe9; border-top: 2px solid #d1caba; padding-top: 14px; padding-bottom: 8px; scroll-margin-top: 140px; /* clears the sticky nav + thead stack */ } body.dark-mode .namelist-table tr.nl-letter td { color: #8ab0c9; background-color: #232323; border-top-color: #333; } /* --- 12.2 drop-cap initial inside a name cell --------------------------- Zaklikow zak487 and Zaludok zhe303 colour the first letter of the first surname in each alphabetical run. The letter is REAL TEXT (it is part of the surname); this only restores the legacy emphasis. */ .nl-letter-cap { font-size: 1.15em; font-weight: bold; color: #09497a; } body.dark-mode .nl-letter-cap { color: #8ab0c9; } /* --- 12.3 secondary note under a name list or figure -------------------- */ .namelist-note { font-family: Arial, sans-serif; font-size: 0.8125rem; font-style: italic; color: var(--charcoal); opacity: 0.8; margin: 4px 0 0; } body.dark-mode .namelist-note { color: #888; opacity: 1; } /* --- 12.4 signature / attribution line in chapter text ------------------ Section 11 defines .chapter-signature only INSIDE .yb-card. Turek tur439 ends its foreword with a right-aligned "M.L." in the body itself, so the component needs an unscoped rule too. The section 11 rule still wins inside a card, because it is more specific. */ .chapter-body .chapter-signature { text-align: right; font-style: italic; } /* --- 12.5 chapter sub-headings h4-h6 ------------------------------------ Sections 1-11 style .chapter-body h1/h2/h3 (all centered) but stop there. Ten_years, Zaludok and Suchowola1 use for the credit lines that sit directly under a centered chapter title ("By Hayim Shmuklerman", "Translated by Moshe Porat") and occasionally for a real sub-subheading; Suchowola1 uses for a section label. With no rule they fell back to the browser default - left-aligned and mis-sized under a centered title, which is what CHW spotted on the Rayvits pages. */ .chapter-body h4, .chapter-body h5, .chapter-body h6 { font-family: Georgia, 'Times New Roman', serif; font-size: 0.9375rem; font-weight: bold; color: var(--charcoal); text-align: center; margin: 0.6em 0 0.4em; line-height: 1.4; } body.dark-mode .chapter-body h4, body.dark-mode .chapter-body h5, body.dark-mode .chapter-body h6 { color: #d8d8d8; } /* --- 12.6 original-script caption line ---------------------------------- Where a legacy caption was a GIF of Yiddish/Hebrew text, decision 19 turns it into REAL text so screen readers can reach it. It sits under the English caption inside the figcaption, right-to-left, in its own script. */ .yb-orig { display: block; direction: rtl; unicode-bidi: isolate; font-size: 1.05em; font-weight: normal; margin-top: 4px; } /* --- 12.7 TOC entry label column ---------------------------------------- Some legacy TOCs put a structural label in its own cell - Zaklikow's "Chapter One" / "Poem" / "Introduction", Danzig's "Chapter A:". It is not the entry title, so it must not out-shout the title: the label carried no class at all and rendered heavier and darker than the linked title beside it, which is what CHW spotted on the Zaklikow contents page. Same family and size as .toc-title, muted, and it never wraps away from its title. */ .toc-label { color: var(--charcoal); opacity: 0.65; font-size: 0.9375rem; line-height: 1.4; margin-right: 2px; white-space: nowrap; } body.dark-mode .toc-label { color: #999; opacity: 1; } /* --- 12.8 full-width TOC entry with a sub-list -------------------------- Some TOCs describe a whole part in one full-width row, with the part's contents as a nested list (Ten_years "Part I ... as:" + ). It is a contents entry, not a memorial block, so it stays in the list - it just has no page column and needs its sub-list to read as sub-items. */ .toc-entry--full { grid-template-columns: 1fr; } .toc-entry--full ul, .toc-entry ul { margin: 6px 0 0; padding-left: 1.4em; list-style: disc; } .toc-entry--full ul li, .toc-entry ul li { margin: 2px 0; font-size: 0.9375rem; color: var(--charcoal); opacity: 0.8; } body.dark-mode .toc-entry--full ul li, body.dark-mode .toc-entry ul li { color: #aaa; opacity: 1; } /* --- 12.9 epigraph above a memorial card's heading ---------------------- */ .yb-card .yb-epigraph { font-size: 0.875rem; line-height: 1.65; font-style: italic; color: var(--charcoal); opacity: 0.75; margin: 0 0 10px; } body.dark-mode .yb-card .yb-epigraph { color: #a8a8a8; opacity: 1; } /* ========================================================================== §13 NAME-LIST TABLES ON LANDINGS (recurring "floating header" fix) ========================================================================== */ .yb-inner .namelist-table thead th { top: 0; } /* ========================================================================== §14 HEADERLESS NAME-LIST TABLES ON MOBILE (card-overflow fix) ========================================================================== */ @media (max-width: 768px) { /* safety net: a long unbreakable token wraps in any name-list card cell */ .namelist-table tbody td { overflow-wrap: anywhere; } /* headerless-table cells carry no data-label: no label column, full width, and allow wrapping (overrides the §10 first-child white-space: nowrap) */ .namelist-table tbody td:not([data-label]) { display: block; white-space: normal; } .namelist-table tbody td:not([data-label])::before { content: none; } } /* ========================================================================== §15 STRUCTURE-PRESERVING DATA TABLES (chronologies, budgets, ledgers) ========================================================================== */ .yb-table-wrap { overflow-x: auto; margin: 1.6em 0; } .yb-table { border-collapse: collapse; margin: 0 auto; font-family: Arial, sans-serif; font-size: 0.875rem; line-height: 1.45; color: var(--charcoal); background: var(--white); } .yb-table td, .yb-table th { border: 1px solid #d1caba; padding: 6px 11px; vertical-align: top; } .yb-table th { text-align: left; } .yb-table b, .yb-table strong { color: #09497a; font-weight: bold; } body.dark-mode .yb-table { color: #d8d8d8; background: #1a1a1a; } body.dark-mode .yb-table td, body.dark-mode .yb-table th { border-color: #3a3a3a; } body.dark-mode .yb-table b, body.dark-mode .yb-table strong { color: #8ab0c9; } /* ========================================================================== §16 SIDE-BY-SIDE FIGURE ROW + JUMP-BAR WRAP (roster 11, 2026-09-10) ========================================================================== */ .yb-figrow { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 1.5em; margin: 1.5em auto; } .yb-figrow .chapter-figure { margin: 0; } @media (max-width: 480px) { .yb-figrow { gap: 0.75em; } } .chapter-inner:not(:has(.namelist-table)) .yb-jumpbar { flex-wrap: wrap; overflow-x: visible; }](full.jpg){kind=link}