.write-links {
  --tone: var(--color-links);
  --tone-soft: var(--color-links-soft);
}

.write-links__body {
  display: grid;
  gap: var(--space-section);
  min-inline-size: 0;
}

.write-links__pages {
  min-inline-size: 0;
}

.write-links__page {
  display: grid;
  gap: var(--space-card-gap);
  min-inline-size: 0;
}

.write-links__part {
  display: grid;
  min-inline-size: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.write-links__part-head {
  padding: var(--space-2) var(--space-4);
  border-block-end: 1px solid var(--color-border);
  background: var(--color-surface-sunken);
}

.write-links__part-body {
  display: grid;
  gap: var(--space-label);
  min-inline-size: 0;
  padding: var(--space-3) var(--space-4);
}

.write-links__text {
  margin: 0;
}

.write-links__list {
  min-inline-size: 0;
}

.write-links__list > .list-row:first-child {
  padding-block-start: 0;
}

.write-links__status {
  display: flex;
  justify-content: flex-end;
  inline-size: 8.5rem;
}

.write-links__count {
  inline-size: 8.5rem;
  text-align: end;
}

@media (max-width: 768px) {
  .write-links__status,
  .write-links__count {
    inline-size: auto;
  }
}