/* Homepage. The paper, the drawing, and the question stay; the shelf is a way in, not a second copy of every card. */
:root{--bg:#f3f1ec;--ink:#181818;--muted:#6d6962;--line:#d7d2c9}
.home-page{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.home-page .wrap{max-width:72rem;margin:auto;padding:1.35rem 1.25rem 4rem}
.welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:3rem;align-items:center;padding:2.4rem 0 2.2rem}
.welcome .kicker{color:#834132;margin:0 0 1.1rem;font:700 .75rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.welcome h1{font:500 clamp(2.7rem,5.1vw,4.5rem)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 1.25rem;overflow-wrap:break-word}
.welcome-lede{max-width:34rem;font:400 1.25rem/1.6 Georgia,serif;color:#49443d;margin:0 0 1.5rem}
.welcome .actions{display:flex;flex-wrap:wrap;gap:.7rem 1rem}
.welcome .btn{padding:.85rem 1.15rem}
.feature-note{font-size:.875rem;line-height:1.55;color:#625d55;margin:1rem 0 0}
.welcome-art{margin:0;min-width:0}
.welcome-art img{display:block;width:100%;height:auto;border:1px solid #d4cec3}
.welcome-art figcaption{font-size:.875rem;line-height:1.55;color:#625d55;margin-top:.8rem;max-width:31rem}
.welcome-art figcaption a{color:inherit;text-underline-offset:.2em}
.start-rows{border-top:1px solid var(--line);margin-top:.5rem}
.start-row{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:.35rem 1.5rem;align-items:baseline;padding:1.05rem 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.start-row strong{font:500 1.45rem/1.2 Georgia,serif;letter-spacing:-.02em}
.start-row span{font:1.05rem/1.5 Georgia,serif;color:#504b45}
.start-row:hover strong{text-decoration:underline;text-underline-offset:.15em}
.lately{padding-top:2.6rem}
.lately h2,.shelf-map h2{font:500 clamp(2rem,4vw,2.8rem)/1.1 Georgia,serif;letter-spacing:-.03em;margin:.35rem 0 1rem}
.lately .kicker,.shelf-map .kicker,.about-author .kicker{margin:0;font:700 .75rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#834132}
.lately ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lately li{display:grid;grid-template-columns:minmax(8.5rem,11rem) minmax(0,1fr);gap:.4rem 1rem;align-items:baseline;padding:.95rem 0;border-bottom:1px solid var(--line)}
.lately time{font:.875rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#625d55}
.lately a{font:500 1.35rem/1.25 Georgia,serif;color:inherit;text-decoration:none}
.lately a:hover{text-decoration:underline;text-underline-offset:.15em}
.lately .more{display:inline-block;margin-top:1rem;color:inherit;font:.9375rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shelf-map{padding-top:2.8rem}
.shelf-intro{max-width:40rem;margin:0 0 1.25rem;font:1.125rem/1.6 Georgia,serif;color:#504b45}
.shelf-row{padding:1.35rem 0;border-top:1px solid var(--line)}
.shelf-row h3{font:500 1.7rem/1.15 Georgia,serif;margin:0 0 .45rem}
.shelf-row p{max-width:40rem;margin:0 0 .7rem;font:1.0625rem/1.6 Georgia,serif;color:#3f3b36}
.shelf-row a{color:inherit}
.shelf-open{color:#504b45}
.shelf-links{display:flex;flex-wrap:wrap;gap:.45rem .9rem;margin:.2rem 0 0;padding:0;list-style:none;font:.9375rem/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shelf-links a{display:inline-flex;align-items:center;min-height:44px}
.about-author{display:grid;grid-template-columns:.7fr 1.4fr;gap:2rem;border-top:1px solid var(--line);margin-top:1rem;padding:2.6rem 0 1rem}
.about-author h2{font:500 clamp(2rem,4vw,2.8rem)/1.1 Georgia,serif;margin:.35rem 0 0}
.about-author p{font:1.125rem/1.75 Georgia,serif;max-width:43rem;margin:0 0 1rem}
.about-author a{color:inherit;text-underline-offset:.2em}
.home-page .footer{margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--line);color:var(--muted);font:.875rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:46rem}
@media(max-width:850px){.welcome{gap:1.75rem;grid-template-columns:1.05fr .8fr}.welcome h1{font-size:clamp(2.5rem,5.7vw,3.7rem)}.welcome-lede{font-size:1.125rem}}
@media(max-width:650px){
  .home-page .wrap{padding:1rem 1.05rem 3rem}
  .welcome{grid-template-columns:1fr;padding:1.5rem 0 1.4rem;gap:1.4rem}
  .welcome h1{font-size:clamp(2.45rem,10vw,3.3rem)}
  .welcome-lede{font-size:1.125rem}
  .welcome-art{max-width:36rem}
  .start-row,.lately li,.about-author{grid-template-columns:1fr;gap:.2rem}
  .start-row{padding:.85rem 0}
  .lately,.shelf-map{padding-top:2rem}
  .about-author{gap:1rem;padding-top:2rem}
}
@media print{.welcome{grid-template-columns:1fr 1fr;padding-top:1rem}.welcome h1{font-size:2rem}}