/* The story shelves, 1 Nov 2026: the same 10px grid as the books. Loaded after grid.css, on these pages only. */
main h1.storyh{font-family:"Silkscreen",monospace;font-size:32px;font-weight:400;line-height:calc(var(--u)*4);
  margin:var(--u) 0 calc(var(--u)*4);top:var(--n32);text-transform:uppercase;overflow-wrap:anywhere}
main>.note{font-family:"Silkscreen",monospace;font-size:16px;line-height:calc(var(--u)*2);padding:2px var(--u) 4px;border:2px solid var(--ink);
  margin:0 0 calc(var(--u)*4);display:block;width:fit-content;top:0}
.prose h3.sub{font-size:inherit;line-height:var(--book-lh);margin:var(--book-lh) 0 0;position:relative;top:var(--nb);text-indent:0}
.prose ul{margin:0;padding-left:var(--m)}
.prose li{margin:0;line-height:var(--book-lh);position:relative;top:var(--nb)}
.prose aside.fn{font-size:14.5px;line-height:calc(var(--u)*2);margin:0 0 0 var(--m);padding:var(--u) 0 var(--u) var(--u);border-left:2px solid var(--ink);
  position:relative;top:4px}
.prose aside.fn sup{font-size:.8em;line-height:0}
/* page wording, not reading text: it keeps one size and typeface at every width and setting, so it stays on the lines
   (Tom, 1 Nov 2026). 19.4px Literata has lowercase one unit tall; the 3px lift puts it on the lines. */
main.contents>p.how,main.styles>p.how{font-family:"Literata",Georgia,serif;font-size:19.4px;line-height:calc(var(--u)*3);margin:0 0 calc(var(--u)*3);top:-3px;max-width:none}
main.contents>h2.door{font-size:32px;line-height:calc(var(--u)*4);margin:calc(var(--u)*2) 0;top:var(--n32);padding:0;border:0}
main.contents .toc{margin:-1px 0 calc(var(--u)*4 - 1px);padding:0;list-style:none}
.toc a{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}
.toc .nm{flex:1;min-width:0;overflow-wrap:anywhere}
.toc .ts{flex:0 0 auto;font-family:"Silkscreen",monospace;font-size:16px;font-style:normal;line-height:calc(var(--u)*3);position:relative;top:var(--n16);margin:0;text-transform:uppercase;white-space:nowrap}
.prose ul.num{padding-left:0}