/* Read surface: extends Monk's existing paper, ink, Newsreader and Mulish. */
.monk-journal .journal-shell{width:min(100% - 48px,1000px);margin:0 auto;padding:60px 0 80px}
.monk-journal .journal-intro{max-width:780px;margin:0 auto 44px}
.monk-journal .journal-intro h1{font-size:clamp(40px,4.5vw,66px);line-height:1.1;overflow-wrap:anywhere}
.monk-journal .journal-intro>p{font-size:20px;line-height:1.65;color:var(--muted);max-width:65ch;margin-top:22px}
.monk-journal .journal-intro .journal-byline{font-size:14px;margin-top:24px}
.journal-back{display:inline-block;margin-bottom:36px;min-height:44px;padding-block:10px}
.journal-cover{margin-bottom:48px!important}
.journal-cover img{width:100%;height:auto;border-radius:12px}
.journal-body{max-width:70ch;margin-inline:auto;font-size:18px;line-height:1.85;overflow-wrap:anywhere}
.monk-journal .journal-body h2{font-size:36px;line-height:1.2;margin:48px 0 16px;text-wrap:pretty}
.monk-journal .journal-body h3{font-size:28px;line-height:1.3;margin:32px 0 12px;text-wrap:pretty}
.monk-journal .journal-body h4{font:600 20px/1.4 Mulish,sans-serif;margin:28px 0 12px}
.monk-journal .journal-body p{margin:0 0 22px}
.monk-journal .journal-body :is(ul,ol){padding-left:26px;margin:20px 0 28px}
.journal-body li+li{margin-top:8px}
.journal-body a{color:var(--accent);text-decoration-thickness:1px}
.journal-body a:hover,.journal-back:hover,.journal-read:hover{color:var(--accent);text-decoration-thickness:2px}
.journal-body blockquote{margin:32px 0;padding:22px 0;border-block:1px solid var(--line);font-family:Newsreader,Georgia,serif;font-size:27px;line-height:1.5}
.journal-body img{height:auto;max-width:100%;border-radius:12px;margin:30px auto}
.journal-body figcaption{font-size:14px;color:var(--muted);margin-top:12px}
.journal-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin-block:28px;font-size:16px}
.journal-body :is(th,td){padding:12px 16px;border-bottom:1px solid var(--line);text-align:left}
.journal-body pre{overflow-x:auto;padding:20px;background:#eae3d8;font-size:14px;border-radius:9px}
.journal-body hr{border:0;border-top:1px solid var(--line);margin-block:40px}
.journal-close{max-width:780px;margin:64px auto 0;padding-top:36px;border-top:1px solid var(--line)}
.monk-journal .journal-close h2{font-size:32px}
.journal-close .small-cta{margin-top:22px}
.journal-entry{display:flex;align-items:flex-start;gap:32px;padding:36px 0;border-top:1px solid var(--line)}
.journal-entry>a{flex:0 0 32%}.journal-entry img{aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.journal-entry time{font-size:13px;color:var(--muted)}
.monk-journal .journal-entry h2{font-size:32px;line-height:1.2;margin-top:12px;text-wrap:pretty;overflow-wrap:anywhere}
.journal-entry h2 a{text-decoration:none}.journal-entry h2 a:hover{text-decoration:underline}
.journal-entry p{color:var(--muted);max-width:65ch}.journal-read{display:inline-block;padding-block:10px;margin-top:14px;min-height:44px}
.journal-empty{max-width:780px;margin:auto;padding:40px 0;border-top:1px solid var(--line)}
.journal-empty a{display:inline-block;margin-top:16px;padding-block:10px;min-height:44px}
.journal-pagination{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:28px}
.journal-pagination a{padding-block:10px;min-height:44px}
@media(max-width:620px){.monk-journal .journal-shell{width:calc(100% - 40px);padding-top:32px;padding-bottom:48px}.monk-journal .journal-intro{margin-bottom:32px}.monk-journal .journal-intro>p{font-size:18px}.journal-body{font-size:17px;line-height:1.8}.monk-journal .journal-body h2{font-size:29px;margin-top:36px}.monk-journal .journal-body h3{font-size:25px}.journal-entry{flex-direction:column;gap:22px;padding-block:28px}.journal-entry>a{width:100%}.monk-journal .journal-entry h2{font-size:29px}.journal-cover{margin-bottom:32px!important}}
