.editorial-node {
  --editorial-text: #24313b;
  --editorial-muted: #64707d;
  --editorial-line: rgba(0, 0, 0, 0.08);
  --editorial-soft: #f8fafb;
  --editorial-accent: #1d4f73;
}

.editorial-page {
  padding: 2.5rem 0 4rem;
}

.editorial-page__header {
  margin-bottom: 2rem;
}

.editorial-page__title {
  margin: 0;
  font-size: var(--bisbat-title-lg);
  line-height: var(--bisbat-leading-tight);
}

.editorial-page__content {
  display: grid;
  gap: 1.5rem;
  max-width: 920px;
}

.editorial-page__section {
  padding: 0;
}

.editorial-page__section + .editorial-page__section {
  border-top: 1px solid var(--editorial-line);
  padding-top: 1.5rem;
}

.editorial-page__section-title {
  margin: 0 0 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: var(--bisbat-leading-tight);
}

/* Grups de camps renderitzats per Drupal */
.editorial-page__section .field-group-format,
.editorial-page__section fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.editorial-page__section .field-group-format > h2,
.editorial-page__section .field-group-format > h3,
.editorial-page__section legend {
  margin: 0 0 0.9rem;
  color: var(--editorial-text);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: var(--bisbat-leading-tight);
}

.editorial-page__section .fieldset-wrapper,
.editorial-page__section .field-group-format-wrapper {
  display: grid;
  gap: 0;
}

/* Files tipus taula */
.editorial-page__section .field {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  gap: 1rem;
  padding: 0.85rem 0;
  border-top: 1px solid var(--editorial-line);
  margin: 0;
}

.editorial-page__section .field:first-child {
  border-top: 0;
  padding-top: 0;
}

.editorial-page__section .field__label {
  margin: 0;
  color: var(--editorial-muted);
  font-size: 0.95rem;
  font-weight: 700;
}

.editorial-page__section .field__items,
.editorial-page__section .field__item,
.editorial-page__section .field__item p,
.editorial-page__section .field__items p {
  color: var(--editorial-text);
  line-height: var(--bisbat-leading-relaxed);
}

.editorial-page__section .field__item p:first-child,
.editorial-page__section .field__items p:first-child {
  margin-top: 0;
}

.editorial-page__section .field__item p:last-child,
.editorial-page__section .field__items p:last-child {
  margin-bottom: 0;
}

.editorial-page__section a {
  color: var(--editorial-accent);
  text-decoration: none;
  font-weight: 600;
}

.editorial-page__section a:hover {
  text-decoration: underline;
}

/* Cos editorial */
.editorial-page__richtext {
  line-height: var(--bisbat-leading-loose);
}

.editorial-page__richtext p:first-child {
  margin-top: 0;
}

.editorial-page__richtext p:last-child {
  margin-bottom: 0;
}

.editorial-page__richtext h2,
.editorial-page__richtext h3,
.editorial-page__richtext h4 {
  margin-top: 2rem;
  color: var(--editorial-text);
}

/* Àudio */
.editorial-page__audio audio {
  display: block;
  width: 100%;
  max-width: 720px;
}

/* Adjunts / llistes */
.editorial-page__section--attachments .field__items,
.editorial-page__section--links .field__items {
  display: grid;
  gap: 0;
}

.editorial-page__section--attachments .field__item,
.editorial-page__section--links .field__item {
  padding: 0.85rem 0;
  border-top: 1px solid var(--editorial-line);
}

.editorial-page__section--attachments .field__item:first-child,
.editorial-page__section--links .field__item:first-child {
  border-top: 0;
  padding-top: 0;
}

/* Mobile */
@media (max-width: 767px) {
  .editorial-page {
    padding: 2rem 0 3rem;
  }

  .editorial-page__content {
    gap: 1.25rem;
  }

  .editorial-page__section + .editorial-page__section {
    padding-top: 1.25rem;
  }

  .editorial-page__section .field {
    grid-template-columns: 1fr;
    gap: 0.4rem;
  }

  .editorial-page__richtext {
    font-size: 1rem;
    line-height: var(--bisbat-leading-relaxed);
  }
}