.journal-reading,
.journal-index-reading {
 width: 100%;
 max-width: calc(70ch + 2 * var(--edge));
 margin-inline: auto;
 padding: 32px var(--edge) 72px;
 background: var(--paper);
 color: var(--body);
 font: 17px/1.75 var(--sans);
 font-variant-numeric: normal;
 overflow-wrap: anywhere;
}
.journal-reading p,
.journal-index-reading p {
 max-width: none;
}
.journal-reading h1,
.journal-index-reading h1 {
 color: var(--ink);
 font: 400 clamp(38px, 5vw, 64px)/1.15 var(--serif);
 letter-spacing: -.035em;
 margin-bottom: 24px;
}
.journal-reading h2,
.journal-index-reading h2 {
 color: var(--ink);
 font: 400 clamp(27px, 3vw, 36px)/1.3 var(--serif);
 letter-spacing: -.025em;
 margin-bottom: 20px;
}
.journal-reading .breadcrumbs {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 4px 12px;
 margin: 0 0 32px;
 padding: 0;
 font: 14px/1.65 var(--sans);
 color: var(--muted);
}
.journal-reading a,
.journal-index-reading a {
 display: inline-block;
 min-width: 44px;
 min-height: 44px;
 max-width: 100%;
 padding-block: 8px;
 color: var(--ink);
 text-decoration: underline;
 text-underline-offset: 4px;
 vertical-align: baseline;
}
.journal-reading .journal-meta {
 display: flex;
 flex-wrap: wrap;
 gap: 8px 24px;
 color: var(--muted);
 font-size: 14px;
 margin-bottom: 32px;
}
.journal-reading .journal-opening {
 margin-bottom: 32px;
}
.journal-reading .answer-block.wrap {
 display: block;
 width: 100%;
 max-width: none;
 margin: 32px 0;
 padding: 24px 0;
 border-block: 1px solid var(--line);
 background: var(--paper);
}
.journal-reading .answer-block p,
.journal-reading .answer-block .answer-first {
 font: inherit;
 max-width: none;
 color: var(--body);
}
.journal-reading .journal-section,
.journal-reading .journal-question,
.journal-reading .journal-sources {
 margin-top: 44px;
}
.journal-reading .journal-sources,
.journal-reading .journal-related {
 padding-top: 24px;
 border-top: 1px solid var(--line);
}
.journal-reading .journal-related {
 margin-top: 32px;
}
.journal-plate {
 width: 100%;
 margin: 32px 0;
}
.journal-plate picture,
.journal-plate img {
 display: block;
 width: 100%;
 height: auto;
}
.journal-plate figcaption.small {
 margin-top: 10px;
 color: var(--muted);
 font: 14px/1.65 var(--sans);
}
.journal-entries {
 list-style: none;
 margin: 40px 0 0;
 padding: 0;
}
.journal-entry {
 margin: 0;
 padding-block: 28px;
 border-top: 1px solid var(--line);
}
.journal-entry + .journal-entry {
 margin-top: 0;
}
.journal-entry h2 {
 font-size: 28px;
}
.journal-featured {
 padding-block: 36px 44px;
}
.journal-featured h2 {
 font-size: clamp(34px, 4vw, 48px);
}
.journal-entry .text-link {
 margin-top: 16px;
}
:is(.journal, .journal-index) .site-header a {
 min-height: 44px;
}
:is(.journal, .journal-index) .menu-toggle {
 min-width: 44px;
 min-height: 44px;
}
:is(.journal, .journal-index) .footer-nav a {
 display: inline-flex;
 align-items: center;
 min-height: 44px;
}
@media (min-width: 760px) {
 .journal-reading,
 .journal-index-reading {
  padding-block: 56px 104px;
 }
 .journal-entry:not(.journal-featured) {
  margin-left: 12ch;
 }
}
@media print {
 .journal-reading,
 .journal-index-reading {
  max-width: none;
  padding: 0;
 }
 .journal-plate {
  break-inside: avoid;
 }
}