/* Novellit-linkille tilaa aiempien novellisivujen mobiilinavigaatiossa. */
@media (max-width: 720px) {
  .site-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    height: auto;
    min-height: 84px;
    padding-block: 1rem;
  }

  .main-nav {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 12px;
    row-gap: 0;
  }

  .main-nav a {
    padding-block: 5px;
  }
}

/* Palautettujen pitkien teosotsikoiden sovitus tabletin kapeaan tekstipalstaan. */
@media (min-width: 561px) and (max-width: 860px) {
  .novella-work-copy h1.novella-work-title--long {
    max-width: 100%;
    font-size: clamp(2.35rem, 6vw, 3rem);
  }
}