:root{--ink:#14161c;--paper:#ece7dc;--silver:#c9ccd4;--muted:#8d919c;--line:#2a2d36}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--paper)}
body{font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  font-size:1.125rem;line-height:1.65;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;width:100%;max-width:38rem;margin:0 auto;padding:12vh 1.5rem 4rem}
.mark{width:56px;height:56px;margin-bottom:2.5rem;opacity:.9}
.eyebrow{font-variant:small-caps;letter-spacing:.18em;color:var(--muted);font-size:.95rem;margin:0 0 .75rem}
h1{font-weight:400;font-size:clamp(2.2rem,6vw,3.2rem);line-height:1.1;margin:0 0 1.5rem;letter-spacing:.01em}
h1 em{font-style:italic;color:var(--silver)}
p{margin:0 0 1.2rem}
.rule{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
a{color:var(--silver);text-underline-offset:.2em}
a:hover{color:var(--paper)}
.volumes{list-style:none;padding:0;margin:0 0 1.5rem}
.volumes li{padding:.55rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem}
.volumes span{color:var(--muted);font-size:.95rem;white-space:nowrap}
footer{max-width:38rem;width:100%;margin:0 auto;padding:2rem 1.5rem 3rem;color:var(--muted);font-size:.9rem}