/* ===== Neatly visual refresh 2026-09-26 ===== */
/* Warm editorial palette: parchment paper, deep library green, richer amber gold, plum accent. */
:root{--ink:#2b2320;--green:#1f4a3c;--green-soft:#2f6650;--gold:#b8860b;--gold-warm:#c9a227;--plum:#6f5b7d;--line:#e7ded0;--paper:#faf6ec;--paper-soft:#f3ecdd;--shadow:0 18px 44px rgba(60,42,18,.10)}

/* Typography: book-serif display + humanist UI body */
body{background:
  radial-gradient(1200px 500px at 85% -10%, #f7edd6 0%, rgba(247,237,214,0) 60%),
  var(--paper)}
h1,.brand,.tour-card h2{font-family:'Libre Baskerville',Georgia,serif}
h1{letter-spacing:-.02em;color:#241c15}
h2{font-family:'Libre Baskerville',Georgia,serif;letter-spacing:-.01em}
.eyebrow{color:var(--gold);letter-spacing:.16em}
.top{border-top:8px solid var(--green);background:linear-gradient(180deg,#fdf9f0,rgba(253,249,240,0))}
.brand{font-size:30px}
.brand span{color:var(--gold-warm)}

/* Hero strip on the choose screen */
.hero{border:1px solid var(--line);border-radius:22px;padding:26px 22px 22px;text-align:center;background:
  linear-gradient(135deg,#f6eed9 0%,#f1e6cf 55%,#ece0c6 100%);margin:0 0 26px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(420px 180px at 12% 0%, rgba(201,162,39,.16), rgba(201,162,39,0) 70%);pointer-events:none}
.hero-icons{display:flex;justify-content:center;gap:18px;font-size:34px;margin-bottom:10px}
.hero-icons span{filter:drop-shadow(0 3px 6px rgba(60,42,18,.18))}
.hero-kicker{font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-size:1.28rem;color:#5d4a2a;margin:0;line-height:1.35}

/* Entry cards: one accent per path, lifted, warm */
.choices{gap:18px}
.choice{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8;border-radius:22px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.choice:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(60,42,18,.16);border-color:var(--green-soft)}
.choice small{color:var(--gold)}
.choice em{color:#6a5c48}
.icon{border-radius:18px;box-shadow:inset 0 -8px 18px rgba(60,42,18,.08)}
.icon.book{background:linear-gradient(145deg,#f3e3b8,#e8cb84);color:#8a6512}
.icon.files{background:linear-gradient(145deg,#dbe9d5,#b9d4ae);color:#2f6650}
.icon.audio{background:linear-gradient(145deg,#e6ddef,#cbb8dc);color:#5d4a6e}
.arrow{color:var(--green-soft)}

/* Surfaces + forms: parchment cards, warmer gold focus */
.surface{background:#fffdf8;border:1px solid var(--line);box-shadow:var(--shadow)}
.progress{color:var(--green);border-bottom:1px solid var(--line)}
.back{color:var(--green-soft)}
.primary{background:var(--green);border:2px solid var(--green)}
.primary:hover{background:var(--green-soft)}
.secondary{color:var(--green);background:#fffdf8}
.lead{color:#63543e}
.honest{background:#f7efdc;border-left:4px solid var(--gold-warm)}
.notice{background:#eef4e6;border-color:#c8d8b8;color:#1f4a3c}
.notice.error{background:#f9e9e4;border-color:#dcb3a6;color:#8c2b27}
.extra:has(input:checked){background:#f0f5e8}
.read-aloud{background:#f4efe2}
footer{color:#7a6a52}
footer a{color:var(--green-soft)}

/* Micro-motion: gentle press feedback everywhere */
button.choice:active,.primary:active,.secondary:active{transform:scale(.985)}
.pane{animation:rise .26s ease}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Dark mode stays harmonious with the new palette */
[data-theme="dark"] body{background:
  radial-gradient(1100px 460px at 85% -10%, #26201a 0%, rgba(38,32,26,0) 60%),
  #171310}
[data-theme="dark"] .hero{background:linear-gradient(135deg,#2a2118 0%,#241c14 60%);border-color:#3a332a}
[data-theme="dark"] .hero-kicker{color:#d9c9a4}
[data-theme="dark"] .choice{background:#221c15}
[data-theme="dark"] .icon.book{background:linear-gradient(145deg,#3a2f14,#312808);color:#d3a94c}
[data-theme="dark"] .icon.files{background:linear-gradient(145deg,#22301f,#1a2417);color:#9dc7a9}
[data-theme="dark"] .icon.audio{background:linear-gradient(145deg,#2a2637,#211d2c);color:#b3a9d9}
[data-theme="dark"] .surface{background:#221c15}

@media(max-width:650px){
  .hero{padding:20px 16px 16px}
  .hero-icons{font-size:28px;gap:14px}
  .hero-kicker{font-size:1.1rem}
  .brand{font-size:25px}
}

/* Cover style picker */
.cover-styles{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}
.cover-style{min-height:54px;padding:11px 18px;border-radius:12px;border:2px solid var(--line);background:#fffdf8;font-weight:800;cursor:pointer;color:var(--ink)}
.cover-style.picked{border-color:var(--gold-warm);background:#f7eed6;box-shadow:0 4px 14px rgba(184,134,11,.18)}
#cover-result{margin-top:18px}