.nordscroll-stream {
  width: 100%;
  max-width: var(--wp--style--global--content-size, 100%);
  margin-inline: auto;
}

.nordscroll-article {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding-top: clamp(1.5rem, 4vw, 3.5rem);
  scroll-margin-top: 4rem;
}

.nordscroll-separator {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 clamp(2rem, 5vw, 4rem);
  color: currentColor;
  opacity: .65;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nordscroll-separator::before,
.nordscroll-separator::after {
  content: '';
  flex: 1;
  border-top: 1px solid currentColor;
  opacity: .35;
}

.nordscroll-header { margin-bottom: 1.5rem; }
.nordscroll-title { margin: .35rem 0 .65rem; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.08; }
.nordscroll-title a { color: inherit; text-decoration: none; }
.nordscroll-title a:hover { text-decoration: underline; }
.nordscroll-meta, .nordscroll-categories { font-size: .9rem; opacity: .75; }
.nordscroll-featured-image { margin: 0 0 2rem; }
.nordscroll-featured-image img { display: block; width: 100%; height: auto; }
.nordscroll-content { overflow-wrap: anywhere; }
.nordscroll-content > :first-child { margin-top: 0; }
.nordscroll-content img { max-width: 100%; height: auto; }
.nordscroll-sentinel { height: 1px; }
.nordscroll-status { min-height: 2rem; padding: 1rem 0; text-align: center; font-size: .9rem; opacity: .7; }
.nordscroll-status.is-loading::after { content: ''; display: inline-block; width: .9em; height: .9em; margin-left: .5em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -.12em; animation: nordscroll-spin .8s linear infinite; }
.nordscroll-status.is-error { opacity: 1; }
@keyframes nordscroll-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .nordscroll-status.is-loading::after { animation: none; } }