/* Joy2MeU library theme */
:root{
  --paper:#f6f4ec; --ink:#28332d; --soft:#5d6b62;
  --teal:#2e6b5e; --gold:#a8842c; --line:#d8d3c4;
}
@media (prefers-color-scheme: dark){
  :root{ --paper:#1d211f; --ink:#e8e5da; --soft:#a8b0a8;
         --teal:#7fbfae; --gold:#d4af5a; --line:#3a403c; }
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 1.0625rem/1.75 "Source Serif 4", Georgia, serif;}
a{color:var(--teal)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.site-head{display:flex;align-items:center;gap:.8rem;
  padding:1.1rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line)}
.mark{color:var(--gold)}
.crumbs{font-family:system-ui,sans-serif;font-size:.85rem;letter-spacing:.02em}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs span{color:var(--line);margin:0 .25rem}
main{max-width:46rem;margin:0 auto;padding:2.2rem 1.2rem 4rem}
h1,h2{font-family:"Fraunces", Georgia, serif;font-weight:650;line-height:1.2}
.essay h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:.4em 0 1em}
.essay blockquote{margin:1.4em 0;padding:.2em 1.2em;border-left:3px solid var(--gold);
  color:var(--soft);font-style:italic}
.essay p{margin:1.05em 0}
.provenance{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);
  font-family:system-ui,sans-serif;font-size:.8rem;color:var(--soft)}
.hero{text-align:center;padding:2.5rem 0 1.5rem}
.eyebrow{font-family:system-ui,sans-serif;font-size:.8rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold)}
.hero h1{font-size:clamp(2.6rem,8vw,4rem);margin:.1em 0}
.hero .sp{color:var(--gold);font-weight:500}
.dance{max-width:34rem;margin:1.4rem auto 0;font-style:italic;color:var(--soft)}
.dance cite{display:block;margin-top:.7rem;font-style:normal;
  font-family:system-ui,sans-serif;font-size:.8rem}
.shelves{display:grid;gap:1rem;margin-top:2.5rem;
  grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}
.shelf{display:block;padding:1.2rem 1.3rem;border:1px solid var(--line);
  border-radius:4px;text-decoration:none;color:inherit;background:transparent;
  transition:border-color .15s}
.shelf:hover{border-color:var(--gold)}
.shelf h2{margin:0 0 .35rem;font-size:1.18rem;color:var(--teal)}
.shelf p{margin:0;font-size:.92rem;color:var(--soft)}
.count{display:inline-block;margin-top:.7rem;font-family:system-ui,sans-serif;
  font-size:.75rem;letter-spacing:.05em;color:var(--gold)}
.section-head .lede{color:var(--soft);font-style:italic}
.toc{list-style:none;padding:0;margin:1.6rem 0}
.toc li{padding:.5rem 0;border-bottom:1px solid var(--line)}
.toc a{text-decoration:none}
.site-foot{border-top:1px solid var(--line);margin-top:2rem;
  padding:1.4rem clamp(1rem,4vw,3rem);font-family:system-ui,sans-serif;
  font-size:.8rem;color:var(--soft)}
.quiet{opacity:.75}
@media (prefers-reduced-motion: reduce){*{transition:none!important}}

/* --- homepage: Robert's message --- */
:root{ --bookquote:#6e3b6e; }
@media (prefers-color-scheme: dark){ :root{ --bookquote:#c79bc7; } }
.welcome{font-family:system-ui,sans-serif;font-size:.95rem;color:var(--soft);
  max-width:30rem;margin:.4rem auto 0}
.dance-quote{margin:2.2rem auto;max-width:38rem}
.bookquote{margin:0;padding:0;border:0;color:var(--bookquote);
  font-style:italic;font-size:1.08rem;line-height:1.8}
.bookquote p{margin:0}
.quote-legend{margin-top:.9rem;font-family:system-ui,sans-serif;
  font-size:.78rem;color:var(--soft);text-align:center}
.bq-mark{color:var(--bookquote);font-style:italic}
.thesis{max-width:40rem;margin:2.6rem auto 0}
.thesis h2{font-size:1.3rem;color:var(--teal)}
.attrib{font-style:normal;color:var(--soft);font-family:system-ui,sans-serif;
  font-size:.85rem;white-space:nowrap}
.inline-q{margin:1.6rem 0 0;padding-left:1.1rem;
  border-left:3px solid var(--bookquote)}
.about{max-width:40rem;margin:2rem auto 0;padding-top:1.4rem;
  border-top:1px solid var(--line);color:var(--soft);font-size:.98rem}
.shelves-title{font-size:1.25rem;text-align:center;margin-top:3rem;
  color:var(--teal)}