/*
Theme Name: Torah Sages
Theme URI: https://torahsages.com
Author: Marketing The Net
Description: Editorial publication theme for TorahSages.com — original essays on the reasoning of the Sages. Custom classic theme, no parent. Built around Spectral, Cormorant Garamond, and Frank Ruhl Libre on a parchment/ink/gold palette. The Study Hall design.
Version: 0.1.1
License: All Rights Reserved
Text Domain: torahsages
*/

/* ---------- DESIGN TOKENS ---------- */
:root{
  --parchment:#f4efe4;
  --paper:#fbf8f0;
  --ink:#2b2620;
  --ink-soft:#5c5448;
  --ink-faint:#8a8170;
  --gold:#9c7c3a;
  --gold-deep:#7a5f28;
  --rule:#d8cfb8;
  --maroon:#6b2f2f;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--parchment);
  color:var(--ink);
  font-family:'Spectral',Georgia,serif;
  font-size:18px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.display{font-family:'Cormorant Garamond',Georgia,serif;}
.hebrew{font-family:'Frank Ruhl Libre',serif;direction:rtl;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px;}

/* ---------- TOP BAR ---------- */
.topbar{
  background:var(--ink);
  color:#cdb98a;
  font-size:13px;
  font-weight:400;
  margin:0;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-align:center;
  padding:9px 0;
}

/* ---------- MASTHEAD (grand: front page only) ---------- */
header.mast-grand{
  background:var(--paper);
  border-bottom:3px double var(--rule);
  padding:36px 0 28px;
  text-align:center;
}
.mast-grand .logo{
  font-family:'Cormorant Garamond',serif;
  font-size:58px;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1;
}
.mast-grand .logo .of{color:var(--gold);font-style:italic;font-weight:600;}
.mast-grand .tagline{
  margin-top:8px;
  font-size:14px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--ink-faint);
}
nav.primary{
  display:flex;
  justify-content:center;
  gap:42px;
  margin-top:24px;
  font-size:15px;
  letter-spacing:.06em;
}
nav.primary a{
  padding-bottom:4px;
  border-bottom:1px solid transparent;
  transition:border-color .2s;
}
nav.primary a:hover{border-color:var(--gold);}
nav.primary a.cur,nav.primary .current-menu-item a{border-color:var(--ink);}

/* ---------- MASTHEAD (slim: everywhere else) ---------- */
header.mast-slim{
  background:var(--paper);
  border-bottom:1px solid var(--rule);
  padding:14px 0;
}
.mast-slim .inner{
  max-width:1280px;margin:0 auto;padding:0 40px;
  display:flex;justify-content:space-between;align-items:center;
}
.mast-slim .logo{font-family:'Cormorant Garamond';font-size:26px;font-weight:700;letter-spacing:.01em;}
.mast-slim .logo .of{color:var(--gold);font-style:italic;font-weight:600;}
.mast-slim nav{display:flex;gap:30px;font-size:14px;letter-spacing:.05em;color:var(--ink-soft);}
.mast-slim nav a:hover{color:var(--ink);}
.mast-slim nav a.cur,.mast-slim nav .current-menu-item a{color:var(--ink);}

/* ---------- HOME: HERO ---------- */
.hero{padding:64px 0 56px;border-bottom:1px solid var(--rule);}
.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start;}
.kicker{
  font-size:13px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:18px;
}
.hero h1{
  font-family:'Cormorant Garamond',serif;
  font-size:54px;font-weight:700;line-height:1.08;letter-spacing:.005em;
}
.hero h1 a{display:block;}
.hero .standfirst{margin-top:22px;font-size:20px;color:var(--ink-soft);max-width:34ch;}
.hero .byline{margin-top:26px;font-size:14px;letter-spacing:.05em;color:var(--ink-faint);font-style:italic;}
.hero-aside{
  background:var(--paper);border:1px solid var(--rule);
  border-top:3px solid var(--gold);padding:28px 30px;
}
.hero-aside .label{
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:14px;
}
.hero-aside h3{font-family:'Cormorant Garamond';font-size:25px;font-weight:600;line-height:1.2;margin-bottom:10px;}
.hero-aside p{font-size:16px;color:var(--ink-soft);}
.hero-aside .more{
  display:inline-block;margin-top:16px;font-size:14px;letter-spacing:.08em;
  color:var(--maroon);border-bottom:1px solid var(--maroon);padding-bottom:2px;
}

/* ---------- SECTION HEADING ---------- */
.sec-head{display:flex;align-items:baseline;gap:20px;margin:56px 0 30px;}
.sec-head h1,.sec-head h2{font-family:'Cormorant Garamond';font-size:30px;font-weight:700;white-space:nowrap;margin:0;}
.sec-head .rule{flex:1;height:1px;background:var(--rule);}
.sec-head .seeall{
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);
}

/* ---------- ESSAY CARDS GRID (home + archives) ---------- */
.essays{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule);}
.essay-card{
  padding:30px 28px 34px;
  border-bottom:1px solid var(--rule);
  border-right:1px solid var(--rule);
  transition:background .2s;
  display:block;
}
.essay-card:nth-child(3n){border-right:none;}
.essay-card:hover{background:var(--paper);}
.essay-card .tax{
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:12px;
}
.essay-card h3{font-family:'Cormorant Garamond';font-size:25px;font-weight:600;line-height:1.18;}
.essay-card .dek{margin-top:12px;font-size:16px;color:var(--ink-soft);}
.essay-card .foot{
  margin-top:18px;font-size:13px;color:var(--ink-faint);font-style:italic;
  display:flex;justify-content:space-between;
}

/* ---------- THE METHOD ---------- */
.reasoning{
  background:var(--paper);border:1px solid var(--rule);
  margin-top:56px;padding:48px 52px;
}
.reasoning .label{
  font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);
  text-align:center;margin-bottom:12px;
}
.reasoning h2{font-family:'Cormorant Garamond';font-size:34px;font-weight:700;text-align:center;margin-bottom:8px;}
.reasoning .sub{text-align:center;color:var(--ink-soft);font-size:18px;margin-bottom:38px;}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);}
.step{background:var(--paper);padding:26px 24px;}
.step .num{font-family:'Cormorant Garamond';font-size:38px;font-weight:700;color:var(--gold);line-height:1;}
.step h4{font-family:'Cormorant Garamond';font-size:21px;font-weight:600;margin:12px 0 8px;}
.step p{font-size:15px;color:var(--ink-soft);}

/* ---------- SAGES STRIP ---------- */
.sages{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:30px;}
.sage{text-align:center;background:var(--paper);border:1px solid var(--rule);padding:30px 22px 26px;display:block;}
.sage:hover{border-color:var(--gold);}
.sage .seal{
  width:74px;height:74px;margin:0 auto 16px;border-radius:50%;
  background:var(--parchment);border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond';font-size:30px;color:var(--gold-deep);
}
.sage h4{font-family:'Cormorant Garamond';font-size:22px;font-weight:600;}
.sage .era{font-size:13px;color:var(--ink-faint);font-style:italic;margin-top:3px;}
.sage .count{
  margin-top:12px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);
}
/* B-4: Hebrew-led sage naming (cards + single page) */
.sage .sage-he{font-family:'Frank Ruhl Libre',serif;font-size:21px;line-height:1.3;color:var(--ink);direction:rtl;margin-bottom:5px;}
.sage h4{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:500;color:var(--ink-soft);}
.sage-h1-he{font-family:'Frank Ruhl Libre',serif;direction:rtl;}
.sage-h1-en{font-size:18px;color:var(--ink-faint);font-style:italic;margin-top:8px;}

/* ---------- NEWSLETTER SIGNUP ---------- */
.signup{
  margin-top:56px;background:var(--ink);color:var(--paper);
  padding:52px;text-align:center;
}
.signup h2{font-family:'Cormorant Garamond';font-size:32px;font-weight:600;}
.signup p{color:#bdb29c;margin-top:10px;font-size:17px;}
.signup .form{margin-top:26px;display:flex;justify-content:center;gap:0;flex-wrap:wrap;}
.signup input[type=email]{
  font-family:'Spectral',serif;font-size:16px;padding:13px 18px;width:320px;
  border:1px solid #6b6354;background:#39342b;color:var(--paper);
}
.signup button{
  font-family:'Cormorant Garamond';font-size:17px;font-weight:600;letter-spacing:.06em;
  padding:13px 30px;background:var(--gold);color:var(--ink);border:1px solid var(--gold);cursor:pointer;
}
.signup .msg{margin-top:16px;font-size:14px;color:var(--gold);}

/* ---------- FOOTER ---------- */
footer.site{
  border-top:3px double var(--rule);margin-top:56px;
  padding:40px 0 56px;text-align:center;color:var(--ink-faint);font-size:14px;
}
footer.site .fmark{font-family:'Cormorant Garamond';font-size:26px;color:var(--ink);margin-bottom:8px;}
footer.site .fmark .of{color:var(--gold);font-style:italic;}

/* ============================================================
   SINGLE-ESSAY READING VIEW (Mockup 2B "The Sefer" + 2A fallback)
   ============================================================ */
.essay-head{max-width:780px;margin:0 auto;padding:60px 40px 40px;}
.breadcrumb{
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:22px;
}
.breadcrumb a{border-bottom:1px solid transparent;}
.breadcrumb a:hover{border-color:var(--gold);}
h1.essay-title{
  font-family:'Cormorant Garamond';font-size:54px;font-weight:700;line-height:1.06;letter-spacing:.005em;margin-bottom:22px;
}
.essay-standfirst{font-size:21px;line-height:1.55;color:var(--ink-soft);font-style:italic;margin-bottom:26px;max-width:38ch;}
.essay-byline{
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  padding:14px 0;font-size:14px;color:var(--ink-faint);
  display:flex;justify-content:space-between;
}
.essay-byline .author{font-style:italic;color:var(--ink);}

/* two-column body when marginalia exist */
.essay-body{
  max-width:1280px;margin:48px auto 0;padding:0 40px;
  display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:start;
}
/* single-column body when no marginalia */
.essay-body.no-margin{
  max-width:780px;
  grid-template-columns:1fr;
  gap:0;
}
.col-main{min-width:0;}
.col-margin{border-left:1px solid var(--rule);padding-left:36px;position:relative;}

/* prose */
.prose{font-size:19px;line-height:1.78;}
.prose p{margin-bottom:22px;}
.prose h2{font-family:'Cormorant Garamond';font-size:30px;font-weight:700;margin:46px 0 14px;line-height:1.2;}
.prose h3{font-family:'Cormorant Garamond';font-size:24px;font-weight:600;margin:36px 0 10px;}
.prose em{font-style:italic;}
.prose strong{font-weight:600;}
.prose blockquote{
  margin:30px 0;padding:24px 30px;background:var(--paper);
  border-left:3px solid var(--gold);font-size:17px;color:var(--ink-soft);
}
.prose blockquote .hebrew{
  font-family:'Frank Ruhl Libre',serif;direction:rtl;
  font-size:22px;line-height:1.7;color:var(--ink);
  display:block;margin-bottom:8px;
}
.prose blockquote cite{
  display:block;margin-top:12px;font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold-deep);font-style:normal;
}

/* inline anchor (the small Hebrew letter inside the prose, replacing a marginalia block) */
.prose .ts-anchor{
  display:inline-block;
  font-family:'Frank Ruhl Libre',serif;
  font-size:.78em;
  color:var(--maroon);
  border:1px solid var(--gold);
  border-radius:50%;
  width:1.5em;height:1.5em;
  line-height:1.4em;
  text-align:center;
  vertical-align:super;
  margin:0 2px 0 4px;
  cursor:pointer;
}
.prose .ts-anchor:hover{background:var(--paper);}

/* marginalia notes */
.ts-note{
  margin-bottom:38px;padding-left:0;position:relative;
}
.ts-note .anchor{
  position:absolute;top:0;left:-50px;
  text-align:center;
  font-family:'Frank Ruhl Libre',serif;
  font-size:18px;font-weight:600;
  color:var(--maroon);
  background:var(--parchment);
  border:1px solid var(--gold);
  border-radius:50%;
  width:30px;height:30px;line-height:28px;
}
.ts-note .label{
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:8px;
}
.ts-note .heb{
  font-family:'Frank Ruhl Libre',serif;direction:rtl;
  font-size:21px;line-height:1.7;color:var(--ink);
  margin-bottom:8px;display:block;
}
.ts-note .gloss{font-style:italic;font-size:15px;color:var(--ink-soft);line-height:1.6;}
.ts-note cite{
  display:block;margin-top:8px;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-faint);font-style:normal;
}

/* sage-card variant of marginalia */
.ts-note.sage-card{
  background:var(--paper);border:1px solid var(--rule);
  border-top:2px solid var(--gold);padding:18px 22px;
}
.ts-note.sage-card .anchor{display:none;}
.ts-note.sage-card .name{font-family:'Cormorant Garamond';font-size:22px;font-weight:700;margin-bottom:2px;}
.ts-note.sage-card .era{font-size:13px;color:var(--ink-faint);font-style:italic;margin-bottom:10px;}
.ts-note.sage-card .desc{font-size:14px;color:var(--ink-soft);line-height:1.55;}

/* essay end matter */
.endmatter{max-width:780px;margin:60px auto 0;padding:0 40px;}
.endcard{
  background:var(--paper);border:1px solid var(--rule);
  border-top:3px solid var(--gold);padding:24px 28px;margin-bottom:24px;
}
.endcard .label{
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:12px;
}
.endcard ul{list-style:none;display:flex;gap:24px;flex-wrap:wrap;}
.endcard ul a{
  font-family:'Cormorant Garamond';font-size:19px;
  border-bottom:1px solid var(--rule);padding-bottom:2px;
}
.endcard ul a:hover{border-color:var(--gold);}

/* related */
.related{max-width:1180px;margin:64px auto 0;padding:0 40px;}
.related h3{font-family:'Cormorant Garamond';font-size:26px;font-weight:700;text-align:center;margin-bottom:30px;}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--rule);}
.related-item{
  padding:26px 28px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);display:block;
}
.related-item:nth-child(2n){border-right:none;}
.related-item .tax{
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:8px;
}
.related-item h4{font-family:'Cormorant Garamond';font-size:22px;font-weight:600;line-height:1.2;}

/* ============================================================
   404 + GENERIC PAGES
   ============================================================ */
.page-shell{max-width:780px;margin:0 auto;padding:60px 40px;}
.page-shell h1{font-family:'Cormorant Garamond';font-size:56px;font-weight:700;line-height:1.06;margin-bottom:22px;}
.page-shell .prose{font-size:18px;}

/* ============================================================
   SAGE BIOGRAPHY PAGE
   ============================================================ */

/* Hebrew name below the title */
.sage-hebrew-name{
  font-family:'Frank Ruhl Libre',serif;font-size:26px;color:var(--ink);
  margin:4px 0 14px;line-height:1.3;direction:rtl;
}

/* Infobox panel in the margin column */
.sage-infobox{
  background:var(--paper);border:1px solid var(--rule);
  border-top:3px solid var(--gold);padding:22px 24px;
  font-size:14px;line-height:1.55;
}

/* Portrait seal */
.sage-infobox .seal{
  width:88px;height:88px;border-radius:50%;
  border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-size:30px;color:var(--gold-deep);
  font-family:'Cormorant Garamond',serif;
  margin:0 auto 18px;overflow:hidden;background:var(--parchment);
}
.sage-infobox .seal img{width:100%;height:100%;object-fit:cover;}

/* Hebrew name inside infobox */
.sage-infobox .ib-name-heb{
  font-family:'Frank Ruhl Libre',serif;font-size:22px;
  text-align:center;margin-bottom:20px;color:var(--ink);
  direction:rtl;
}

/* Each label+value row */
.sage-infobox .ib-row{margin-bottom:14px;}
.sage-infobox .ib-row .k{
  display:block;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:3px;
}
.sage-infobox .ib-row .v{
  display:block;
  color:var(--ink-soft);
}
.sage-infobox .ib-row .v a{color:var(--maroon);}
.sage-infobox .ib-row .v a:hover{text-decoration:underline;}

/* Major works list inside infobox */
.sage-infobox .ib-works{list-style:none;margin:4px 0 0;padding:0;}
.sage-infobox .ib-works li{margin-bottom:8px;}
.sage-infobox .ib-works .w-title{
  font-family:'Cormorant Garamond',serif;font-size:17px;color:var(--ink);
}

/* Sources/uncertainty footer in prose column */
.sage-sources{
  margin-top:36px;padding-top:18px;border-top:1px solid var(--rule);
  font-size:13px;color:var(--ink-faint);font-style:italic;
}
.sage-sources strong{font-style:normal;color:var(--ink-soft);}

/* Resting Place band */
.resting-place{
  background:var(--paper);
  border-top:3px double var(--rule);border-bottom:3px double var(--rule);
  margin-top:64px;padding:56px 0;
}
.resting-place .rp-label{
  font-size:13px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:12px;text-align:center;
}
.resting-place .rp-location{
  font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:700;
  line-height:1.1;text-align:center;margin-bottom:14px;
}
.resting-place .rp-note{
  max-width:680px;margin:0 auto 36px;text-align:center;
  font-size:17px;color:var(--ink-soft);line-height:1.6;
}
.resting-place .rp-media{
  display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;
}
.resting-place .rp-photo{margin:0;display:flex;flex-direction:column;}
.resting-place .rp-photo img{
  width:100%;height:100%;object-fit:cover;
  border:1px solid var(--rule);min-height:320px;
}
.resting-place .rp-photo figcaption{
  margin-top:10px;font-size:13px;color:var(--ink-faint);
  font-style:italic;text-align:center;
}
.resting-place .rp-map{min-height:380px;}
.resting-place .rp-map iframe{
  width:100%;height:100%;min-height:380px;
  border:1px solid var(--rule);display:block;
}
/* When only one of photo/map is present, let it span full width */
.resting-place .rp-media:has(> .rp-photo:only-child),
.resting-place .rp-media:has(> .rp-map:only-child){grid-template-columns:1fr;}
@media (max-width:760px){
  .resting-place{padding:40px 0;}
  .resting-place .rp-location{font-size:30px;}
  .resting-place .rp-media{grid-template-columns:1fr;}
}

/* ---------- ERA NAVIGATION ---------- */

/* Horizontal era timeline (archive + single sage) — connected nodes, labels below */
.era-timeline{
  display:flex;flex-wrap:wrap;justify-content:center;
  row-gap:18px;
  margin:18px auto 6px;max-width:1180px;padding:0 40px;
}
.et-step{
  position:relative;
  flex:1 1 0;min-width:80px;max-width:140px;
  display:flex;flex-direction:column;align-items:center;
  text-align:center;
  padding-top:4px;
}
/* connector line: drawn to the LEFT of each node, joining the previous one.
   sits behind the nodes; the opaque circular nodes mask it at each end. */
.et-step::before{
  content:"";position:absolute;z-index:0;
  top:calc(4px + 19px);           /* vertical center of the 38px node */
  right:50%;left:-50%;
  height:2px;background:var(--rule);
}
.et-step:first-child::before{display:none;}
.et-node{
  position:relative;z-index:1;
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--parchment);
  border:2px solid var(--gold);
  font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:700;
  color:var(--gold-deep);line-height:1;
  transition:border-color .2s,background .2s,color .2s,transform .15s;
}
.et-name{
  margin-top:8px;
  font-family:'Cormorant Garamond',serif;font-size:14px;font-weight:600;
  line-height:1.2;color:var(--ink-soft);
  letter-spacing:.02em;
}
.et-step:hover .et-node{border-color:var(--gold-deep);transform:translateY(-2px);}
.et-step:hover .et-name{color:var(--ink);}
.et-step.is-current .et-node{
  background:var(--ink);border-color:var(--ink);color:var(--paper);
}
.et-step.is-current .et-name{color:var(--gold-deep);font-weight:700;}

/* Sage pages: tighten vertical rhythm so the Overview heading clears the fold */
.single-sage .essay-head{padding-top:32px;padding-bottom:20px;}
.single-sage .essay-head h1.essay-title{margin-bottom:14px;}
.single-sage .sage-hebrew-name{margin:2px 0 10px;}
.single-sage .essay-standfirst{margin-bottom:16px;}
.single-sage .essay-body{margin-top:26px;}
.single-sage .prose h2:first-child,
.single-sage .prose > h2:first-of-type{margin-top:0;}

/* Vertical margin nav (single sage right column) */
.era-nav{
  margin-top:28px;border-top:1px solid var(--rule);padding-top:18px;
}
.era-nav .en-label{
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:12px;
}
.era-nav ul{list-style:none;margin:0;padding:0;}
.era-nav li{margin-bottom:9px;line-height:1.3;}
.era-nav li a{
  display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  border-bottom:1px solid transparent;
}
.era-nav li a:hover{border-color:var(--gold);}
.era-nav .en-name{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--ink);}
.era-nav .en-count{font-size:12px;color:var(--ink-faint);}
.era-nav li.is-current .en-name{color:var(--gold-deep);font-weight:700;}
.era-nav .en-range{display:block;font-size:11px;color:var(--ink-faint);font-style:italic;margin-top:1px;}

/* ============================================================
   LIBRARY — corpus landing, breadcrumbs, footer nav
   ============================================================ */
.lib-breadcrumb{margin-top:40px;}
.lib-breadcrumb .bc-sep{color:var(--rule);margin:0 2px;}
.lib-breadcrumb .bc-current{color:var(--ink-soft);}
.lib-breadcrumb .bc-he{font-family:'Frank Ruhl Libre',serif;font-size:.95em;}

.lib-corpus-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:26px;
}
.lib-card{
  display:flex;flex-direction:column;gap:8px;text-align:center;
  background:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--gold);
  padding:32px 26px;transition:border-color .2s,transform .15s;position:relative;
}
.lib-card:hover{border-color:var(--gold);transform:translateY(-2px);}
.lib-card .lib-he{font-family:'Frank Ruhl Libre',serif;font-size:34px;color:var(--ink);line-height:1.2;}
.lib-card .lib-en{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--gold-deep);}
.lib-card .lib-desc{font-size:15px;color:var(--ink-soft);line-height:1.55;}
.lib-card.is-soon{opacity:.62;border-top-color:var(--rule);cursor:default;}
.lib-card.is-soon:hover{transform:none;border-color:var(--rule);}
.lib-card .lib-soon{
  margin-top:6px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-faint);border:1px solid var(--rule);border-radius:12px;padding:3px 12px;align-self:center;
}

/* shared bilingual label separator + paging arrows */
.lbl-sep{color:var(--ink-faint);margin:0 2px;}
.tanach-chapnav .cn-arrow{color:var(--gold-deep);}

/* commentary co-mingle: base pasuk above each meforesh comment */
.tcm-chapter{display:flex;flex-direction:column;gap:26px;}
.tcm-row{position:relative;padding-right:34px;}
.tcm-row .tv-num{position:absolute;right:0;top:2px;font-size:15px;color:var(--gold-deep);font-family:'Frank Ruhl Libre',serif;}
.tcm-pasuk{
  font-family:'Frank Ruhl Libre',serif;font-size:calc(1.28rem * var(--ts-text-scale,1));line-height:1.9;color:var(--ink);
  background:var(--paper);border-right:3px solid var(--gold);border-radius:3px;
  padding:10px 16px;margin:0 0 10px;
}
.tcm-comment{font-family:'Frank Ruhl Libre',serif;font-size:calc(1.08rem * var(--ts-text-scale,1));line-height:1.95;color:var(--ink-soft);margin:0;}

/* top jump-bar (pages with nosei keilim): base text + anchor to each meforesh below */
.tnk-jump{
  display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-end;align-items:baseline;
  direction:rtl;margin:0 0 22px;padding:10px 18px;
  border:1px solid var(--rule);border-radius:6px;background:var(--paper);
  font-family:'Frank Ruhl Libre',serif;font-size:1.08rem;
}
.tnk-jump a{color:var(--gold-deep);text-decoration:none;}
.tnk-jump a:hover{color:var(--gold);}
.tnk-jump .tnk-jump-base{font-weight:600;color:var(--ink);padding-left:14px;margin-left:2px;border-left:1px solid var(--rule);}
.tnk-backtop{text-align:center;margin-top:26px;font-family:'Cormorant Garamond',serif;}
.tnk-backtop a{color:var(--gold-deep);font-size:16px;text-decoration:none;letter-spacing:.02em;}
.tnk-backtop a:hover{color:var(--gold);}
#base-text{scroll-margin-top:16px;}
.tanach-reader{scroll-margin-top:16px;}

/* reader font-size control (S/M/L/XL) — scales reading text via --ts-text-scale on .tanach-reader */
.tanach-reader[data-fs="s"]{--ts-text-scale:.85;}
.tanach-reader[data-fs="m"]{--ts-text-scale:1;}
.tanach-reader[data-fs="l"]{--ts-text-scale:1.2;}
.tanach-reader[data-fs="xl"]{--ts-text-scale:1.45;}
.ts-fontsize{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 22px;}
.ts-fontsize .tsf-label{font-family:'Cormorant Garamond',serif;color:var(--ink-faint);font-size:14px;letter-spacing:.04em;}
.ts-fontsize button{
  font-family:'Frank Ruhl Libre',serif;cursor:pointer;line-height:1;
  background:var(--paper);color:var(--gold-deep);border:1px solid var(--rule);
  border-radius:6px;padding:5px 11px;transition:background .15s,color .15s,border-color .15s;
}
.ts-fontsize button:hover{border-color:var(--gold);color:var(--gold);}
.ts-fontsize button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.ts-fontsize .tsf-s{font-size:14px;}
.ts-fontsize .tsf-m{font-size:17px;}
.ts-fontsize .tsf-l{font-size:21px;}
.ts-fontsize .tsf-xl{font-size:25px;}

/* nosei keilim layers beneath a base halachic siman (Shulchan Aruch / Tur) */
.tnk-layers{max-width:1180px;margin:40px auto 0;padding:0 40px;}
.tnk-head{border-top:3px double var(--rule);padding-top:18px;margin-bottom:8px;font-family:'Frank Ruhl Libre',serif;font-size:1.3rem;color:var(--gold-deep);text-align:right;direction:rtl;}
.tnk-head-en{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--ink-faint);letter-spacing:.04em;}
/* anchor index: jump to each meforesh's section for this siman (right-justified, Hebrew) */
.tnk-index{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end;direction:rtl;margin:0 0 16px;font-family:'Frank Ruhl Libre',serif;}
.tnk-index a{color:var(--gold-deep);font-size:1.1rem;border-bottom:1px dotted var(--rule);text-decoration:none;}
.tnk-index a:hover{color:var(--gold);border-bottom-color:var(--gold);}
.tnk-layer{border-bottom:1px solid var(--rule);padding:10px 0;scroll-margin-top:18px;}
.tnk-layer > summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:baseline;padding:6px 0;direction:rtl;justify-content:flex-start;text-align:right;}
.tnk-layer > summary::-webkit-details-marker{display:none;}
.tnk-layer > summary::before{content:"▾";color:var(--gold);font-size:.8em;}
.tnk-layer:not([open]) > summary::before{content:"◂";}
.tnk-layer .tnk-he{font-family:'Frank Ruhl Libre',serif;font-size:1.15rem;color:var(--ink);}
.tnk-layer .tnk-en{font-family:'Cormorant Garamond',serif;font-size:.95rem;color:var(--ink-faint);}
.tnk-body{padding:6px 18px 10px;}
/* commentary text matches the main siman text (size + colour); heading/rule already mark it */
.tnk-c{font-family:'Frank Ruhl Libre',serif;font-size:calc(26px * var(--ts-text-scale,1));line-height:2;color:var(--ink);margin:0 0 14px;}
.tnk-c .tnk-n{color:var(--gold);font-size:15px;margin-left:8px;}
/* base-seif grouping within a nosei-keilim panel: heading divider + inline per-comment tag */
.tnk-seif-head{font-family:'Frank Ruhl Libre',serif;font-size:1.05rem;font-weight:600;color:var(--gold-deep);direction:rtl;text-align:right;margin:18px 0 8px;padding-bottom:3px;border-bottom:1px dotted var(--rule);}
.tnk-seif-head:first-child{margin-top:2px;}
.tnk-seif-head a{color:var(--gold-deep);text-decoration:none;}
.tnk-seif-head a:hover{color:var(--gold);}
.tnk-c .tnk-seif-tag{display:inline-block;font-family:'Cormorant Garamond',serif;font-size:13px;line-height:1.3;color:var(--gold-deep);background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:1px 7px;margin-left:6px;text-decoration:none;vertical-align:middle;}
.tnk-c .tnk-seif-tag:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.tnk-seif-head{scroll-margin-top:20px;}
/* reverse pills: after each base seif, which mefarshim comment on it (jump down to the note) */
.seif-mefar{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;margin:-2px 0 14px;}
.seif-mefar-pill{display:inline-block;font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.02em;color:var(--gold-deep);background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:1px 7px;text-decoration:none;}
.seif-mefar-pill:hover{background:var(--gold-deep);color:var(--paper);border-color:var(--gold-deep);}

/* inline Chumash commentaries on the Torah reader (Rashi / Ramban / Ibn Ezra / Sforno) */
.tcm-select{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end;max-width:1180px;margin:10px auto 0;padding:0 40px;direction:rtl;}
.tcm-select-label{font-family:'Frank Ruhl Libre',serif;color:var(--gold-deep);font-size:1.05rem;margin-left:4px;}
.tcm-chip{cursor:pointer;font-family:'Frank Ruhl Libre',serif;font-size:1rem;color:var(--ink-faint);background:var(--paper);border:1px solid var(--rule);border-radius:18px;padding:3px 14px;display:inline-flex;gap:6px;align-items:baseline;}
.tcm-chip .tcm-chip-en{font-family:'Cormorant Garamond',serif;font-size:.8rem;letter-spacing:.03em;}
.tcm-chip:hover{border-color:var(--gold);color:var(--ink);}
.tcm-chip.active{background:var(--gold-deep);color:var(--paper);border-color:var(--gold-deep);}
.tcm-inline{margin:4px 0 16px;padding-right:18px;border-right:2px solid var(--rule);}
.tcm-inline .tcm-m{display:none;margin:0 0 8px;font-family:'Frank Ruhl Libre',serif;line-height:1.9;color:var(--ink);font-size:calc(18px * var(--ts-text-scale,1));}
.tcm-m-label{color:var(--gold-deep);font-weight:600;margin-left:8px;text-decoration:none;border-bottom:1px dotted var(--rule);}
.tcm-m-label:hover{color:var(--gold);}
.tanach-chapter.show-rashi .tcm-m--rashi,
.tanach-chapter.show-ramban .tcm-m--ramban,
.tanach-chapter.show-ibn-ezra .tcm-m--ibn-ezra,
.tanach-chapter.show-sforno .tcm-m--sforno{display:block;}
.tcm-baselink{max-width:1180px;margin:0 auto;padding:0 40px;text-align:right;direction:rtl;}
.tcm-baselink a{color:var(--gold-deep);text-decoration:none;font-family:'Cormorant Garamond',serif;}
.tcm-baselink a:hover{color:var(--gold);}

/* corpus source / licence credit (e.g. CC-BY-SA attribution for Talmud) */
.lib-attribution{
  max-width:1180px;margin:36px auto 0;padding:14px 40px 0;border-top:1px solid var(--rule);
  font-size:12.5px;color:var(--ink-faint);font-style:italic;text-align:center;
}

/* bottom-of-page full library nav (rendered later) */
.library-footer-nav{
  max-width:1180px;margin:56px auto 0;padding:30px 40px 0;border-top:3px double var(--rule);
}
.library-footer-nav .lfn-corpus{margin-bottom:26px;}
.library-footer-nav .lfn-head{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;margin-bottom:10px;}
.library-footer-nav .lfn-he{font-family:'Frank Ruhl Libre',serif;color:var(--gold-deep);}
.library-footer-nav .lfn-soon{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);}
.library-footer-nav .lfn-section{margin:8px 0 8px 4px;}
.library-footer-nav .lfn-sec-name{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);display:block;margin-bottom:4px;}
.library-footer-nav .lfn-books{display:flex;flex-wrap:wrap;gap:6px 16px;}
.library-footer-nav .lfn-books a{font-family:'Cormorant Garamond',serif;font-size:17px;color:var(--ink-soft);}
.library-footer-nav .lfn-books a:hover{color:var(--ink);}

/* ============================================================
   TANACH (texts) — library, book grid, chapter reading view
   ============================================================ */
.tanach-bookhe{font-family:'Frank Ruhl Libre',serif;font-size:22px;color:var(--ink-soft);margin-left:14px;}

/* Library + section book lists */
.tanach-booklist{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;
}
.tb-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;
  background:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--gold);
  padding:22px 16px;transition:border-color .2s,transform .15s;
}
.tb-card:hover{border-color:var(--gold);transform:translateY(-2px);}
.tb-card .tb-he{font-family:'Frank Ruhl Libre',serif;font-size:26px;color:var(--ink);line-height:1.2;}
.tb-card .tb-en{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--ink-soft);}
.tb-card .tb-ch{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);}

/* Chapter number grid (book page) */
.tanach-chapgrid{
  display:grid;grid-template-columns:repeat(10,1fr);gap:10px;margin-top:26px;
}
.tcg-cell{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:1/1;background:var(--paper);border:1px solid var(--rule);
  font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--ink-soft);
  transition:background .2s,border-color .2s,color .2s;
}
.tcg-cell:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}

/* Sage page: Wikipedia links + library back-index (Plan B-2) */
.sage-wiki-summary{margin:0 0 10px;}
.sage-wiki-links a{color:var(--gold-deep);text-decoration:underline;}
.sage-wiki-links a:hover{color:var(--ink);}
.sage-wiki-links .wiki-attrib{color:var(--ink-faint);font-style:italic;}
.sage-refs,.sage-authored{margin-top:28px;}
.ref-corpus{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;color:var(--ink-soft);margin:18px 0 8px;}
.ref-corpus span{color:var(--ink-faint);font-size:.9em;margin-inline-start:6px;}
.ref-list{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px;}
.ref-cell{display:inline-block;font-size:13px;line-height:1.3;padding:3px 9px;background:var(--paper);
  border:1px solid var(--rule);border-radius:13px;color:var(--ink-soft);white-space:nowrap;
  transition:background .15s,color .15s,border-color .15s;}
.ref-cell:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.ref-cell .ref-x{color:var(--gold-deep);font-size:.85em;}
.ref-cell:hover .ref-x{color:var(--paper);}
.ref-authored span{color:var(--ink-faint);font-size:.9em;margin-inline-start:4px;}
.ref-pager{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;}
.ref-pager a,.ref-pager .rp-cur{display:inline-block;min-width:26px;text-align:center;padding:3px 8px;
  border:1px solid var(--rule);border-radius:4px;font-size:13px;color:var(--ink-soft);}
.ref-pager a:hover{border-color:var(--ink-faint);}
.ref-pager .rp-cur{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.sage-wiki-en{margin-top:10px;padding-top:10px;border-top:1px solid var(--rule);}

/* Unified footer nav (renders the same Primary menu as the header) */
footer.site .footer-nav{margin:0;padding:0;list-style:none;}
footer.site .footer-nav li{display:inline;list-style:none;}
footer.site .footer-nav a{color:var(--ink-faint);}
footer.site .footer-nav a:hover{color:var(--ink);}
footer.site .footer-nav li:not(:last-child) a::after,
footer.site .footer-nav > a:not(:last-child)::after{content:"·";margin:0 9px;color:var(--rule);}
footer.site .footer-legal{margin-top:8px;font-size:12px;}
footer.site .footer-legal a{color:var(--ink-faint);}
footer.site .footer-legal a:hover{color:var(--ink);}
footer.site .footer-legal > a:not(:last-child)::after{content:"·";margin:0 9px;color:var(--rule);}

/* ---------- HOMEPAGE: intro + library category groups + eras ---------- */
.home-intro{text-align:center;max-width:760px;margin:30px auto 0;}
.home-intro h1{font-size:clamp(32px,5vw,52px);line-height:1.08;margin:0 0 14px;}
.home-lead{font-family:'Spectral',Georgia,serif;font-size:18px;line-height:1.7;color:var(--ink-soft);margin:0 auto 18px;max-width:60ch;}
.home-cta{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;}
.home-cta .more{font-size:16px;}
.home-lib{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 36px;margin-top:6px;}
.hl-cat-head{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--rule);padding-bottom:6px;margin-bottom:10px;}
.hl-cat-he{font-family:'Frank Ruhl Libre',serif;color:var(--gold-deep);font-size:20px;}
.hl-cat-en{font-size:18px;font-weight:700;}
/* shared 3-column grid (Hebrew / English / count) so titles line up tabularly across rows */
.hl-corpora{display:grid;grid-template-columns:max-content 1fr max-content;gap:5px 14px;align-items:baseline;list-style:none;margin:0;padding:0;}
.hl-corpora li{display:contents;}
.hl-corpora a{display:contents;text-decoration:none;color:var(--ink);}
.hl-corpora a:hover .hl-en{color:var(--gold-deep);}
.hl-he{font-family:'Frank Ruhl Libre',serif;color:var(--gold-deep);font-size:16px;text-align:right;}
.hl-en{font-family:'Cormorant Garamond',serif;font-size:16px;}
.hl-count{font-size:12px;color:var(--ink-faint);white-space:nowrap;text-align:right;}
.home-eras{margin-top:6px;}
@media (max-width:900px){ .home-lib{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .home-lib{grid-template-columns:1fr;} }

/* ---------- CREDITS & SOURCES page ([ts_credits]) ---------- */
.credits-list{max-width:820px;}
.credits-cat{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;margin:28px 0 10px;color:var(--ink);}
.credits-cat .cr-he{font-family:'Frank Ruhl Libre',serif;color:var(--gold-deep);font-size:20px;margin-right:8px;}
.credits-corpora{list-style:none;margin:0;padding:0;}
.credits-corpora li{padding:6px 0;border-bottom:1px dotted var(--rule);}
.credits-corpora .cr-name{font-weight:600;}
.credits-corpora .cr-attr{color:var(--ink-soft);font-size:14px;}

/* Chapter reading view */
.tanach-reader{max-width:820px;margin:0 auto;padding:0 40px 20px;}
.tanach-reader .essay-head{padding-top:48px;padding-bottom:22px;}
.tanach-h1{font-family:'Frank Ruhl Libre',serif !important;font-weight:700;}
.tanach-heref{font-family:'Frank Ruhl Libre',serif;font-size:20px;color:var(--gold-deep);margin-top:8px;letter-spacing:.04em;}

/* Parsha label on chapter pages */
.tanach-parsha-label{
  margin-top:10px;font-family:'Frank Ruhl Libre',serif;font-size:18px;color:var(--maroon);
}
.tanach-parsha-label a{color:var(--maroon);border-bottom:1px solid transparent;}
.tanach-parsha-label a:hover{border-color:var(--gold);}
.tanach-parsha-label .tpl-from{color:var(--ink-faint);font-size:14px;font-style:italic;}

/* Parsha-grouped chapter grid on Chumash book pages */
.tanach-parsha-group{margin-top:26px;}
.tanach-parsha-group .tpg-head{
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  border-bottom:1px solid var(--rule);padding-bottom:8px;margin-bottom:14px;
}
.tanach-parsha-group .tpg-head a{display:flex;align-items:baseline;gap:12px;}
.tanach-parsha-group .tpg-he{font-family:'Frank Ruhl Libre',serif;font-size:24px;color:var(--ink);}
.tanach-parsha-group .tpg-en{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--gold-deep);letter-spacing:.04em;}
.tanach-parsha-group .tpg-head a:hover .tpg-en{text-decoration:underline;}
.tanach-parsha-group .tpg-range{margin-left:auto;font-size:13px;color:var(--ink-faint);font-style:italic;}
.tanach-parsha-group .tpg-from{color:var(--maroon);}
.tanach-chapter{
  margin-top:14px;border-top:1px solid var(--rule);padding-top:26px;
  font-family:'Frank Ruhl Libre',serif;
}
.tanach-chapter .tv{
  display:flex;flex-direction:row;gap:14px;align-items:flex-start;
  margin-bottom:16px;line-height:2;
}
.tanach-chapter .tv-num{
  flex:0 0 auto;min-width:1.8em;text-align:center;
  font-size:15px;color:var(--gold);
  border:1px solid var(--rule);border-radius:4px;padding:0 6px;
  line-height:1.7;margin-top:.35em;
}
.tanach-chapter .tv-text{
  flex:1;font-size:calc(26px * var(--ts-text-scale,1));line-height:2;color:var(--ink);
}
.tanach-chapnav{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  margin-top:34px;padding-top:18px;border-top:1px solid var(--rule);
  font-family:'Cormorant Garamond',serif;font-size:18px;
}
.tanach-chapnav a{color:var(--maroon);border-bottom:1px solid transparent;padding-bottom:2px;}
.tanach-chapnav a:hover{border-color:var(--gold);}
.tanach-chapnav .cn-up{color:var(--gold-deep);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:980px){
  .essay-body{grid-template-columns:1fr;gap:0;}
  .col-margin{border-left:none;padding-left:0;margin-top:30px;}
  .ts-note{
    background:var(--paper);border:1px solid var(--rule);
    border-left:3px solid var(--gold);padding:18px 22px;
  }
  .ts-note .anchor{
    position:static;display:inline-block;margin-bottom:8px;
  }
  .essays{grid-template-columns:repeat(2,1fr);}
  .essay-card:nth-child(3n){border-right:1px solid var(--rule);}
  .essay-card:nth-child(2n){border-right:none;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .sages{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .wrap{padding:0 24px;}
  .hero-grid{grid-template-columns:1fr;gap:36px;}
  nav.primary{flex-wrap:wrap;gap:18px 28px;font-size:14px;}
  .mast-slim nav{display:none;}
  h1.essay-title{font-size:40px;}
  .hero h1{font-size:38px;}
  .reasoning{padding:32px 24px;}
  .essay-head,.endmatter{padding-left:24px;padding-right:24px;}
  .essay-body{padding:0 24px;}
  .signup{padding:36px 24px;}
  /* timeline: nodes wrap to rows; drop the connector to avoid dangling segments */
  .era-timeline{padding:0 24px;row-gap:16px;column-gap:6px;}
  .et-step{flex-basis:20%;min-width:64px;}
  .et-step::before{display:none;}
  .et-node{width:36px;height:36px;font-size:14px;}
  .et-name{font-size:12px;margin-top:7px;}
}
@media (max-width:560px){
  .essays{grid-template-columns:1fr;}
  .essay-card{border-right:none !important;}
  .steps{grid-template-columns:1fr;}
  .sages{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:1fr;}
  .related-item{border-right:none !important;}
  .mast-grand{padding:24px 0 18px;}
  .mast-grand .logo{font-size:42px;}
  .et-step{flex-basis:30%;}     /* ~3 per row on phones */
  .tanach-booklist{grid-template-columns:1fr 1fr;}
  .lib-corpus-grid{grid-template-columns:1fr;}
  .tanach-chapgrid{grid-template-columns:repeat(6,1fr);}
  .tanach-reader{padding-left:24px;padding-right:24px;}
  .tanach-chapter .tv-text,.tnk-c{font-size:calc(23px * var(--ts-text-scale,1));}
}

/* ---------- SITE SEARCH (header box + autocomplete) ---------- */
.site-search{margin:0;}
.ss-wrap{position:relative;display:inline-block;}
.ss-icon{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;fill:var(--ink-faint);pointer-events:none;transition:fill .2s;
}
.ss-input{
  font-family:inherit;font-size:14px;color:var(--ink);
  background:#fff;border:1px solid var(--rule);border-radius:20px;
  padding:8px 16px 8px 36px;width:300px;transition:border-color .2s,box-shadow .2s,width .2s;
  -webkit-appearance:none;appearance:none;
}
.ss-input::placeholder{color:var(--ink-faint);}
.ss-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(156,124,58,.12);}
.ss-wrap:focus-within .ss-icon{fill:var(--gold);}
.mast-grand .site-search{margin-top:22px;display:flex;justify-content:center;}
.mast-grand .ss-input{width:460px;font-size:15px;}
.mast-grand .ss-input:focus{width:480px;}

.ss-dropdown{
  position:absolute;z-index:60;top:calc(100% + 8px);right:0;width:380px;max-width:88vw;
  max-height:70vh;overflow-y:auto;background:var(--paper);
  border:1px solid var(--rule);border-top:3px solid var(--gold);border-radius:4px;
  box-shadow:0 12px 32px rgba(43,38,32,.16);text-align:left;
}
.mast-grand .ss-dropdown{left:50%;right:auto;transform:translateX(-50%);}
.ss-group{padding:6px 0;border-bottom:1px solid var(--rule);}
.ss-group:last-of-type{border-bottom:none;}
.ss-group-head{
  font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-deep);padding:6px 16px 4px;
}
.ss-item{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:7px 16px;color:var(--ink);cursor:pointer;}
.ss-item .ss-he{font-size:16px;color:var(--ink);}
.ss-item .ss-label{font-size:14px;color:var(--gold-deep);}
.ss-item .ss-sub{margin-left:auto;font-size:12px;color:var(--ink-faint);font-style:italic;}
.ss-item.is-active,.ss-item:hover{background:rgba(156,124,58,.12);}
.ss-item.is-ref{background:rgba(156,124,58,.06);}
.ss-all{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:10px 16px;font-size:13px;letter-spacing:.03em;color:var(--gold-deep);background:rgba(156,124,58,.05);
}
.ss-all .ss-arrow{font-size:15px;}
.ss-all.is-active,.ss-all:hover{background:rgba(156,124,58,.14);}

.search-page-form{display:flex;gap:10px;margin:10px 0 4px;}
.search-page-form input[type=search]{
  flex:1;font-family:inherit;font-size:17px;color:var(--ink);
  background:#fff;border:1px solid var(--rule);border-radius:3px;padding:12px 16px;
  -webkit-appearance:none;appearance:none;
}
.search-page-form input[type=search]:focus{outline:none;border-color:var(--gold);}
.search-page-form button{
  background:var(--gold);color:#fff;border:none;border-radius:3px;
  padding:0 24px;font-size:15px;letter-spacing:.04em;cursor:pointer;
}
.search-page-form button:hover{background:var(--gold-deep);}

.search-count{margin-left:12px;color:var(--ink-faint);font-size:14px;font-style:italic;}
.search-results{display:flex;flex-direction:column;margin:10px 0 8px;}
.search-hit{
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  padding:12px 4px;border-bottom:1px solid var(--rule);
  color:var(--ink);transition:background .15s;
}
.search-hit:hover{background:rgba(156,124,58,.06);}
.search-hit .sh-he{font-size:19px;color:var(--ink);direction:rtl;}
.search-hit .sh-en{font-size:16px;color:var(--gold-deep);}
.search-hit .sh-meta{margin-left:auto;font-size:13px;color:var(--ink-faint);font-style:italic;}
.search-hit.is-ref{background:rgba(156,124,58,.08);}

@media (max-width:1100px){
  .mast-slim .ss-input{width:230px;}
}
@media (max-width:860px){
  .mast-slim .ss-input{width:180px;}
}
@media (max-width:760px){
  .ss-dropdown{width:300px;}
  .search-hit .sh-meta{margin-left:0;flex-basis:100%;}
}
</content>