/* The journal shares the site's paper, ink and type; prose keeps its own measure. */
.journal-main>.wrap { max-width:840px; }
.journal-lead { padding:var(--page-top) 0 0; }
.journal-lead>.eyebrow,.journal-title { max-width:var(--reading); margin-inline:auto; }
.journal-lead .eyebrow { color:var(--rust); margin-bottom:20px; }
.journal-title h1 { font-size:clamp(36px,4.5vw,50px); line-height:1.15; letter-spacing:-.025em; }
.journal-title h1 em { font-style:normal; }
.journal-title>p { color:var(--muted); font-size:20px; line-height:1.8; margin-top:22px; max-width:52ch; }
.journal-layout { padding:30px 0 var(--page-bottom); }
.journal-contents { display:flex; justify-content:space-between; gap:16px; max-width:var(--reading); margin:0 auto 40px; padding:20px 0; border-block:1px solid var(--line); }
.journal-contents a { color:var(--muted); text-decoration:none; font-size:15px; line-height:1.7; }
.journal-contents a:hover { color:var(--green); }
.journal-contents a>span:first-child { display:block; font-size:14px; color:var(--rust); margin-bottom:4px; }
.journal-body { max-width:var(--reading); margin:auto; }
.journal-body p { font-size:21px; line-height:1.75; margin-bottom:22px; }
.journal-opening { padding-bottom:18px; }
.journal-chapter { border-top:1px solid var(--line); padding:40px 0 24px; scroll-margin-top:20px; }
.journal-chapter .chapter-day { font-size:14px; color:var(--rust); letter-spacing:.15em; margin-bottom:16px; }
.journal-chapter h2 { font-size:32px; margin-bottom:26px; }
.journal-dialogue { margin:30px 0; padding:24px 28px; background:var(--tint); border-radius:4px; }
.journal-dialogue blockquote { margin:0 0 24px; }
.journal-dialogue blockquote:last-child { margin-bottom:0; }
.journal-dialogue blockquote p { font-family:var(--display); font-size:23px; line-height:1.6; margin-bottom:8px; }
.journal-dialogue cite,.journal-quote cite { font-style:normal; color:var(--muted); font-size:16px; }
.journal-quote { margin:28px 0; border-left:2px solid var(--green); padding-left:24px; }
.journal-quote p { font-family:var(--display); font-size:23px; line-height:1.65; margin-bottom:8px; }
.journal-quote--last { border-color:var(--rust); }
.journal-quote--last p { color:var(--green); font-size:24px; }
.story-record { display:grid; grid-template-columns:1fr auto; gap:4px 24px; margin:28px 0; padding:22px 0; border-block:1px dashed #aab8a6; }
.record-kicker { display:block; grid-column:1/-1; font-size:14px; letter-spacing:.12em; color:var(--green); margin-bottom:12px; }
.story-record p { font-size:18px; margin-bottom:0; align-self:center; }
.story-record strong { grid-column:2; grid-row:2/4; font-family:var(--display); font-size:32px; line-height:1.3; font-weight:600; align-self:center; }
.story-record>span:last-child:not(.record-kicker) { color:var(--muted); font-size:16px; }
.story-record--small { display:block; }
.journal-cover,.journal-scene { width:calc(100% + 64px); max-width:none; margin:32px -32px 38px; }
.journal-cover>a,.journal-scene>a { display:block; }
.journal-cover img,.journal-scene img { width:100%; border-radius:5px; image-rendering:pixelated; }
.journal-cover figcaption,.journal-scene figcaption { margin-top:12px; font-size:15px; color:var(--muted); }
.shift-receipt { background:var(--page); border:1px solid var(--line); max-width:440px; margin:30px 0; padding:26px 30px; }
.shift-receipt .record-kicker { border-bottom:1px dashed #aab8a6; padding-bottom:14px; }
.shift-receipt dl>div { display:flex; justify-content:space-between; gap:20px; font-size:18px; margin-top:12px; }
.shift-receipt dd { margin:0; font-weight:600; }
.shift-receipt dl>div:last-child { margin-top:16px; padding-top:16px; border-top:1px dashed #aab8a6; }
.journal-body .journal-ending { font-family:var(--display); font-size:23px; line-height:1.65; margin-top:30px; }
@media(max-width:760px) {
 .journal-main>.wrap { width:calc(100% - 40px); }
 .journal-lead .eyebrow { margin-bottom:16px; }
 .journal-title h1 { font-size:36px; }
 .journal-title>p { font-size:18px; margin-top:18px; }
 .journal-layout { padding:24px 0 44px; }
 .journal-contents { gap:12px; margin-bottom:28px; padding:18px 0; }
 .journal-contents .chapter-link-title { display:none; }
 .journal-contents a>span:first-child { margin:0; font-size:15px; }
 .journal-contents a { font-size:15px; }
 .journal-body p { font-size:20px; line-height:1.75; margin-bottom:20px; }
 .journal-chapter { padding:30px 0 18px; }
 .journal-chapter h2 { font-size:28px; margin-bottom:22px; }
 .journal-dialogue { padding:22px 20px; margin-block:24px; }
 .journal-dialogue blockquote p,.journal-quote p { font-size:22px; line-height:1.6; }
 .journal-quote { padding-left:18px; margin-block:24px; }
 .journal-quote--last p { font-size:22px; }
 .story-record { gap:6px 12px; }
 .story-record p { font-size:17px; }
 .story-record strong { font-size:24px; }
 .story-record>span:last-child:not(.record-kicker) { font-size:15px; }
 .journal-cover,.journal-scene { width:100%; margin:26px 0 30px; }
 .shift-receipt { padding:22px; }
 .journal-body .journal-ending { font-size:22px; }
}