/* Pit River Stories: collection and long-form reading layout. */
.story-library { margin: 1.8rem 0 3.8rem; padding-top: 1.2rem; border-top: .35rem solid var(--story-rust); }
.story-library .story-section__heading { max-width: 74ch; }
.story-library .story-section__heading h2 { margin: .4rem 0 .8rem; font-size: clamp(1.9rem, 4vw, 2.85rem); line-height: 1.13; }
.story-library .story-section__heading p { color: var(--story-text); font-size: 1.05rem; line-height: 1.65; }
.story-reading-list { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; padding: 0; margin: 1.5rem 0; }
.story-reading-list > li { margin: 0; padding: 1.4rem 0 1.55rem; border-top: 1px solid var(--story-boundary); }
.story-reading-card { position: relative; padding-left: 2.1rem; }
.story-reading-number { position: absolute; top: .15rem; left: 0; color: var(--story-signal); font: 700 .78rem/1.5 "Courier New", monospace; }
body.tlr-page-stories .story-reading-card h3 { margin: 0 0 .7rem; font-size: clamp(1.3rem, 2.5vw, 1.65rem); line-height: 1.2; }
body.tlr-page-stories .story-reading-card h3 a { color: var(--story-cream); text-decoration-thickness: 1px; text-underline-offset: .15em; }
body.tlr-page-stories .story-reading-card p { margin: 0; max-width: 58ch; color: var(--story-text); font-size: 1rem; line-height: 1.55; }
body.tlr-page-stories .story-library__byline { margin: 1rem 0 0; max-width: 82ch; color: var(--story-text); font-size: .9rem; line-height: 1.55; }
body.tlr-page-story .tlr-shell-header { padding: 1.7rem 1.2rem 1.5rem; }
.story-masthead-title { margin: .25rem 0 .6rem; font: 700 clamp(2rem, 6vw, 3rem)/1.1 "Playfair Display", Georgia, serif; }
.story-masthead-title a { color: var(--story-cream); text-decoration: none; }
.story-masthead-title a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
body.tlr-page-story main.tlr-shell-main { width: min(100%, 860px); max-width: 860px; padding: 1.4rem clamp(1.1rem, 4vw, 2rem) 4rem; }
.story-essay { max-width: 70ch; margin: 0 auto; padding-top: 1.1rem; }
.story-essay .essay-header { margin-bottom: 2.4rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--story-boundary); }
body.tlr-page-story .story-essay .article-number { margin: 0 0 .85rem; color: var(--story-signal); font: 700 .75rem/1.5 "Courier New", monospace; letter-spacing: .09em; text-transform: uppercase; }
.story-essay h1 { margin: 0 0 1rem; font: 700 clamp(2.15rem, 4.9vw, 3.5rem)/1.08 "Playfair Display", Georgia, serif; letter-spacing: -.025em; text-wrap: balance; }
body.tlr-page-story .story-essay .deck { margin: 0 0 1.3rem; color: var(--story-text); font-size: 1.16rem; line-height: 1.5; }
body.tlr-page-story .story-essay .byline { margin: 0; color: var(--story-text); font-size: .93rem; line-height: 1.65; }
body.tlr-page-story .story-essay > p { margin: 1.2rem 0; color: var(--story-text); font-size: 1.17rem; line-height: 1.78; }
body.tlr-page-story .story-essay > h2 { margin: 2.65rem 0 .9rem; font-size: clamp(1.65rem, 3.5vw, 2.2rem); line-height: 1.18; }
body.tlr-page-story .story-essay > h3 { margin: 2.4rem 0 .9rem; font-size: clamp(1.45rem, 3vw, 1.85rem); line-height: 1.2; }
.story-essay blockquote { border-left: 3px solid var(--story-rust); margin: 1.8rem 0; padding-left: 1.3rem; }
.story-essay blockquote p { color: var(--story-text); font-size: 1.17rem; line-height: 1.75; }
.story-essay a { overflow-wrap: anywhere; }
.story-essay .noteref { font: 700 .72em/1 system-ui, sans-serif; vertical-align: super; white-space: nowrap; text-decoration: none; margin-left: .14em; }
.story-essay .footnotes-heading { border-top: 1px solid var(--story-boundary); padding-top: 1.7rem; }
body.tlr-page-story .story-essay > .source-note { position: relative; padding-left: 2.2rem; margin: 1rem 0; font-size: .98rem; line-height: 1.65; overflow-wrap: anywhere; }
.story-essay .source-label { position: absolute; left: 0; font-weight: 700; }
.story-essay .source-back { display: inline-block; padding: .1em .35em; margin-left: .25em; }
.story-essay :target { scroll-margin-top: 7rem; }
.story-essay .source-note:target { background: #17263d; outline: .5rem solid #17263d; }
.story-reader-contribute { margin: 2.7rem 0 1.5rem; padding: 1.35rem 1.45rem; background: var(--story-ink); border: 1px solid var(--story-boundary); border-left: .3rem solid var(--story-rust); }
body.tlr-page-story .story-reader-contribute h2 { margin: 0 0 .6rem; font-size: 1.55rem; line-height: 1.2; }
body.tlr-page-story .story-reader-contribute p { margin: 0 0 .8rem; color: var(--story-text); font-size: 1rem; line-height: 1.6; }
.story-reader-contribute > a { display: inline-block; padding: .35rem 0; font-size: 1rem; font-weight: 600; }
.story-reader-nav { display: flex; align-items: start; justify-content: space-between; gap: 1rem 2rem; margin: 2rem 0; padding: 1rem 0; border-top: 1px solid var(--story-boundary); border-bottom: 1px solid var(--story-boundary); }
.story-reader-nav a { max-width: 48%; font-size: 1rem; line-height: 1.5; padding: .35rem 0; }
.story-reader-nav a:last-child { text-align: right; }
body.tlr-page-story .story-reader-context { color: var(--story-text); font-size: .9rem; line-height: 1.65; }
@media (max-width: 700px) {
  .story-reading-list { grid-template-columns: 1fr; }
  .story-library { margin-top: 1.4rem; }
  body.tlr-page-story main.tlr-shell-main { padding-left: 1.1rem; padding-right: 1.1rem; }
  body.tlr-page-story .story-essay > p { font-size: 1.09rem; line-height: 1.75; }
  body.tlr-page-story .story-essay .deck { font-size: 1.09rem; }
  .story-essay .essay-header { margin-bottom: 1.8rem; }
  .story-reader-nav { flex-direction: column; gap: .7rem; }
  .story-reader-nav a { max-width: 100%; }
  .story-reader-nav a:last-child { text-align: left; }
}
@media print {
  .story-library, .story-reading-list > li, .story-essay .essay-header, .story-essay .footnotes-heading { border-color: #777; }
  .story-reading-card *, .story-library *, .story-essay *, body.tlr-page-story .story-reader-context { color: #111 !important; }
  body.tlr-page-story main.tlr-shell-main { width: 100%; max-width: none; padding: 0; }
  body.tlr-page-story .tlr-shell-header { background: #fff; padding: .2in 0; }
  .story-essay { max-width: none; }
  body.tlr-page-story .story-essay > p { font-size: 11pt; line-height: 1.55; }
  body.tlr-page-story .story-essay > .source-note { font-size: 9pt; line-height: 1.5; }
  .story-essay h1 { font-size: 28pt; }
  .story-essay h2, .story-essay h3 { break-after: avoid; }
  .story-essay p { widows: 3; orphans: 3; }
  .story-reader-contribute, .story-reader-nav, .tlr-page-story .tlr-orientation { display: none; }
}

/* Story 07 source-note architecture imported from the authored HTML while preserving site-wide reader styles. */
.story-essay .author-note{margin:0 0 2rem;padding:.8rem 1rem;border-left:3px solid var(--story-signal);background:rgba(105,167,255,.08);color:var(--story-text)}
.story-essay .author-note p{margin:0!important;font-size:1rem!important;line-height:1.6!important;color:var(--story-text)!important}
.story-essay .note-ref{font:700 .72em/1 system-ui,sans-serif;vertical-align:super;white-space:nowrap;text-decoration:none;margin-left:.14em}
.story-essay .note-ref a{text-decoration:none}
.story-essay .article-notes{margin-top:2.8rem;padding-top:1.7rem;border-top:1px solid var(--story-boundary)}
.story-essay .article-notes h2{margin:.2rem 0 1rem;font-size:clamp(1.55rem,3vw,2rem)}
.story-essay .article-notes ol{padding-left:1.55rem;margin:1rem 0;color:var(--story-text)}
.story-essay .article-notes li{padding-left:.25rem;margin:0 0 1.35rem;line-height:1.65;scroll-margin-top:7rem}
.story-essay .article-notes li::marker{color:var(--story-signal);font-family:system-ui,sans-serif;font-weight:700}
.story-essay .article-notes p{margin:0 0 .2rem;color:var(--story-text);font-size:.98rem;line-height:1.65}
.story-essay .article-notes li:target{background:#17263d;outline:.45rem solid #17263d;border-radius:.1rem}
.story-essay .backlinks{font-family:system-ui,sans-serif;font-size:.85rem;font-weight:650}
.story-essay .note-back{text-decoration:none;margin-right:.4rem}
@media print{.story-essay .article-notes li:target{background:none;outline:none}.story-essay .author-note{background:white;border-color:#777}}