/* Three editorial imprints. All measures, ink and rules belong to the
   existing paper/evergreen site; the artwork is not a logo or a control. */
.hk-print {
  display: block;
  min-inline-size: 0;
  max-inline-size: 100%;
  block-size: auto;
  overflow: hidden;
  pointer-events: none;
}

.hk-direction-spread,
.hk-story-spread,
.hk-reading-spread {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 1.25rem;
}

.hk-direction-spread .section-heading {
  grid-template-columns: minmax(0, 1fr);
  gap: .85rem;
}
.hk-direction-spread .section-heading p { max-inline-size: 42ch; }
.hk-direction-spread .home-story-link { margin-block-start: .35rem; }
.hk-print--keel { inline-size: min(100%, 42rem); justify-self: center; }

.reading-list.hk-story-list { max-inline-size: none; }
.hk-story-list article:not(.hk-story-spread) { max-inline-size: 68ch; }
.hk-story-list .hk-story-spread { padding-block: clamp(1.45rem, 3vw, 2.5rem); }
.hk-story-spread p { max-inline-size: 48ch; }
.hk-print--hearth { inline-size: min(65%, 14rem); justify-self: center; }

.hk-reading-spread .hero-lead { max-inline-size: 54ch; }
.hk-print--book { inline-size: min(62%, 13rem); justify-self: center; }
#direction, #reading-art, #hearth-story { scroll-margin-block-start: 1rem; }

@media (min-width: 49rem) {
  .hk-direction-spread,
  .hk-story-spread,
  .hk-reading-spread {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(2rem, 6vw, 6rem);
  }
  .hk-direction-spread { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); }
  .hk-print--keel { justify-self: end; }
  .hk-print--hearth { inline-size: min(82%, 20rem); }
  .hk-print--book { inline-size: min(78%, 20rem); }
}