/* Inner pages (Journal, Terms, not found): a small masthead, a section title, a ruled page. */
.mast-sm { padding-top: 14px; }
.mast-sm .mast-in { display: block; }
.mast-sm .masthead { margin: 0 0 6px; font-size: clamp(2.5rem, 9vw, 4.75rem); }
.mast-sm .masthead a { text-decoration: none; }
.mast-sm .mast-rule { margin-bottom: 0; }
.plain { margin-top: 28px; display: grid; gap: 28px; }
.plain h1 { font-size: clamp(2.5rem, 10vw, 5.5rem); }
.plain .standfirst { margin-top: 14px; max-width: 34ch; }
.pl-text p:not(.kicker):not(.standfirst) { margin-top: 18px; max-width: 56ch; }
.pl-text a { text-decoration-color: var(--ledger-red); }
.pl-links { margin-top: 24px; border-top: 1px solid var(--ink); }
.pl-links a { display: flex; align-items: baseline; gap: 8px; min-height: 48px; padding: 12px 0 9px; border-bottom: 1px solid var(--rule); text-decoration: none; font-weight: 600; }
.pl-links .lead { flex: 1; min-width: 12px; border-bottom: 1px dotted var(--ink-soft); transform: translateY(-4px); }
.pl-links .pg { font-size: var(--fs-label); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ledger-red); }
/* a page left ruled: nothing written yet */
.ruled { position: relative; min-height: 280px; border: 1px solid var(--ink); background-color: rgb(255 255 255 / 0.28);
  background-image: repeating-linear-gradient(to bottom, transparent 0 35px, var(--rule) 35px 36px); background-position: 0 14px; padding: 16px 20px 16px 4.25rem; overflow: hidden; }
.ruled::before, .ruled::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--ledger-red-tint); }
.ruled::before { left: 3.25rem; }
.ruled::after { left: calc(3.25rem + 3px); }
.ruled .note { position: relative; background: var(--newsprint); display: inline-block; padding: 0 8px 0 0; }
.ruled img { position: absolute; right: 12px; bottom: 8px; width: min(46%, 220px); mix-blend-mode: multiply; }
.nf-list a { text-transform: none; font-size: 1.25rem; }
@media (min-width: 1024px) {
  .mast-sm { padding-top: 24px; }
  .plain { margin-top: 64px; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); align-items: start; }
  .pl-text { grid-column: 1 / 7; }
  .ruled { grid-column: 8 / 13; min-height: 460px; }
  .ruled img { width: 260px; }
  .pl-text p:not(.kicker):not(.standfirst) { font-size: 1.25rem; }
}
@media (hover: hover) and (pointer: fine) { .pl-links a:hover { color: var(--ledger-red); } }
main > .folio:first-child { margin-top: 24px; }
.pl-links a > span:first-child { white-space: nowrap; }
.pl-links .pg { text-align: right; }
