/* Readable project stories and the non-JavaScript photo archive. */
.reading-index{margin:40px var(--page-gutter,5vw);padding:24px 0;border-top:1px solid var(--line,#9996);font-family:Arial,sans-serif}
.reading-index summary{cursor:pointer;font-size:18px;line-height:1.5}
.reading-index p{max-width:70ch;line-height:1.6}
.reading-index ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.reading-index li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line,#9996);line-height:1.5}
.reading-index li span{white-space:nowrap;opacity:.65}
body[data-project-reader]{margin:0;background:var(--site-paper,#f9fbf7);color:var(--site-ink,#26342d)}
body[data-page] main.reading-page{width:100%;max-width:960px;margin:0 auto;padding:56px 28px 60px;font-family:Arial,sans-serif;line-height:1.7;overflow-wrap:anywhere;color:var(--site-ink,#26342d)}
.reading-page h1{font-family:var(--font-display,Arial),sans-serif;font-size:clamp(32px,5vw,62px);line-height:1.1;text-wrap:balance}
.reading-page p{font-size:18px;max-width:75ch}
.reading-page figure{margin:28px 0}
.reading-page a,.reading-index a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.reading-cover{display:block;width:100%;max-height:540px;object-fit:contain}
.reading-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.reading-photos img{width:100%;height:220px;object-fit:cover}
.reading-photos figcaption{font-size:14px}
.reading-photo-index{margin-top:32px;border-top:1px solid var(--line,#9996);padding-top:20px}
.reading-photo-index summary{cursor:pointer;font-size:18px}
.reading-photo-index li{margin:10px 0}
@media(max-width:650px){.reading-index ul{grid-template-columns:1fr}.reading-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-photos img{height:160px}body[data-page] main.reading-page{padding:28px 24px 35px}.reading-index li{gap:12px}}