/* One editorial story per book. Text and illustrations share the reading flow. */
.note-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;list-style:none;padding:0}
.note-story{display:block;padding-bottom:30px;border-bottom:1px solid var(--line)}
.note-story>img{display:block;width:100%;height:auto}
.note-book{font-size:12px;line-height:1.8;color:var(--muted);margin:22px 0 10px}
.note-story h2{font-family:var(--serif);font-size:30px;line-height:1.5;font-weight:500;max-width:17em}
.note-deck{font-size:14px;line-height:1.9;margin:12px 0 22px;color:var(--muted)}
.note-story .text-link{font-size:13px}.note-story:hover h2{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.note-story:focus-visible{outline:2px solid var(--ink);outline-offset:7px}
.illustrated-article .book-breadcrumb{padding-top:26px}
.story-heading{display:grid;grid-template-columns:0.85fr 1.3fr;gap:52px;align-items:center;padding:40px 0 45px}
.story-heading-copy{padding-bottom:16px}
.story-heading .eyebrow{font-size:11px;letter-spacing:.12em}
.story-book{font-size:14px;margin:24px 0 14px;color:var(--muted)}
.story-heading h1{font-family:var(--serif);font-size:clamp(30px,3.1vw,45px);line-height:1.55;font-weight:500;letter-spacing:.02em;text-wrap:balance}
.story-deck{font-family:var(--serif);font-size:18px;line-height:1.9;margin:20px 0 22px}
.story-book span{display:block;font-size:11px;line-height:1.8;margin-top:5px}
.story-figure{margin:0}.story-figure img{display:block;width:100%;height:auto}
.story-figure figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}
.illustrated-article .book-body{display:block;padding-top:10px;border:0}
.illustrated-article .reading-article{max-width:740px;margin:0 auto}
.illustrated-article .article-section{display:flow-root;margin-bottom:42px}
.illustrated-article .article-section h2{font-size:27px;line-height:1.6;margin-bottom:18px}
.illustrated-article .article-section p{font-size:17px;line-height:2.05;margin-bottom:18px}
.story-figure-inline{float:right;width:43%;max-width:310px;margin:3px -40px 20px 30px}
.illustrated-article .reading-entry{display:flow-root;margin-top:48px}
.reading-book-cover{float:right;width:92px;margin:3px 0 22px 28px}
.reading-book-cover .cover-detail{width:88px;transform:none}
.reading-book-cover figcaption{font-size:9px;line-height:1.7;margin-top:8px;color:var(--muted)}
.illustrated-article .reading-entry h2{font-size:30px;line-height:1.6}
.illustrated-article .edition{clear:both}
.illustrated-article .book-end{max-width:740px;margin:48px auto 56px}
@media(max-width:1050px){.story-heading{gap:28px}.story-figure-inline{margin-right:0;width:42%}.story-deck{font-size:16px}}
@media(max-width:760px){.note-stories{grid-template-columns:1fr;gap:36px}.note-story h2{font-size:28px}.story-heading{grid-template-columns:1fr;gap:24px;padding:28px 0 34px}.story-heading-copy{padding-bottom:0}.story-book{margin:19px 0 10px}.story-heading h1{font-size:34px;max-width:17em}.story-deck{font-size:17px;margin:14px 0}.story-figure-hero{max-width:100%}.illustrated-article .article-section p{font-size:16px;line-height:2}.illustrated-article .article-section h2{font-size:25px}.illustrated-article .book-body{padding-top:0}.illustrated-article .reading-entry h2{font-size:26px}}
@media(max-width:520px){.notes-page .page-intro{padding-bottom:24px}.note-story h2{font-size:26px}.note-book{font-size:11px;margin-top:16px}.note-deck{font-size:13px;margin-bottom:16px}.note-stories{gap:30px}.story-heading h1{font-size:32px;line-height:1.55}.story-figure-inline{float:none;width:100%;max-width:none;margin:0 0 22px}.story-figure-inline img{max-height:none}.story-figure figcaption{font-size:10px}.illustrated-article .article-section{margin-bottom:34px}.illustrated-article .reading-entry{margin-top:35px}.reading-book-cover{width:70px;margin-left:18px}.reading-book-cover .cover-detail{width:68px}.illustrated-article .book-end{display:block}.illustrated-article .book-end p{font-size:16px}}