.archive-reading { padding-bottom: clamp(4.5rem, 9vw, 8rem); }
.archive-reading .reading-copy { max-width: 67ch; }
.wordpress-copy :is(h2, h3, h4) { margin-top: 2rem; margin-bottom: .8rem; line-height: 1.2; }
.wordpress-copy :is(figure, ul, ol, blockquote, details, hr) { margin-block: 1.2rem; }
.wordpress-copy img { max-height: 42rem; width: auto; height: auto; object-fit: contain; }
.wordpress-copy blockquote { border-inline-start: 2px solid var(--line); padding-inline-start: 1rem; }
.wordpress-copy pre { overflow-x: auto; }
.wordpress-copy code { overflow-wrap: anywhere; }
.wordpress-copy hr { border: 0; border-top: 1px solid var(--line); }

.note-reading {
  display: grid;
  grid-template-columns: minmax(0, 47rem) minmax(13rem, 16rem);
  gap: clamp(2.5rem, 6vw, 5.5rem);
  align-items: start;
}
.note-reading .reading-copy { min-width: 0; }
.note-reading .reading-copy :is(h2, p)[id] { scroll-margin-top: 6rem; }

.margin-sidebar {
  position: sticky;
  top: 6rem;
  max-height: calc(100dvh - 7rem);
  overflow-y: auto;
  min-width: 0;
  border-left: 1px solid var(--line);
  padding-left: clamp(1.15rem, 2vw, 1.6rem);
  font-size: .91rem;
  line-height: 1.48;
}
.margin-sidebar ol { margin: .65rem 0 1.35rem; padding-left: 1.1rem; }
.margin-sidebar li { padding-left: .18rem; margin-bottom: .45rem; }
.margin-sidebar li::marker { color: var(--accent); font-size: .78rem; }
.margin-sidebar a { text-decoration-color: #b9b0a2; }
.margin-sidebar a:hover { text-decoration-color: currentColor; }

.margin-summary { background: #eee8dc; padding: .95rem 1rem; border-radius: .24rem; }
.margin-summary dl { margin: .55rem 0 0; }
.margin-summary dl > div + div { margin-top: .65rem; }
.margin-summary dt { font-weight: 650; }
.margin-summary dd { margin: .14rem 0 0; color: var(--muted); }
.margin-summary p.margin-takeaway { margin: .55rem 0 0; color: var(--muted); }
.note-pagination {
  display: grid;
  gap: .85rem;
  border-top: 1px solid var(--line);
}
.note-pagination a {
  display: block;
  padding: .3rem .25rem;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.note-pagination a .eyebrow { display: block; margin-bottom: .2rem; }
.note-pagination__title { text-decoration: underline; text-decoration-color: #b9b0a2; }
.note-pagination a:hover .note-pagination__title { text-decoration-color: currentColor; }
.note-pagination--sidebar { margin-top: 1.2rem; padding-top: .7rem; }
.note-pagination--footer {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 3rem;
  padding-top: 1.2rem;
  font-size: 1rem;
  line-height: 1.5;
}
.note-pagination--footer .note-pagination__next { grid-column: 2; text-align: right; }
.margin-mobile { display: none; }

@media (max-width: 940px) {
  .note-reading { display: block; }
  .margin-sidebar { display: none; }
  .margin-mobile { display: block; margin-block: 1.3rem; font-size: .95rem; line-height: 1.5; }
  .margin-mobile .margin-summary .eyebrow { margin-bottom: .4rem; }
}

@media (max-width: 600px) {
  .note-pagination--footer { grid-template-columns: minmax(0, 1fr); gap: .85rem; }
  .note-pagination--footer .note-pagination__next { grid-column: auto; text-align: left; }
}