/**
 * Thin reset to let wp_theme/css/main.css drive the header/footer look.
 * Scoped so it never fights WP markup (.header, .main-menu, .footer).
 */
html.writercom-writer-ui body {
  margin: 0;
  background: #fff;
}

/* Drupal-only helpers for content rendered between header and footer. */
.writercom-main-content {
  padding-top: 0;
}

.writercom-layout--sidebar {
  display: grid;
  gap: 2rem;
}

@media (min-width: 60rem) {
  .writercom-layout--sidebar {
    grid-template-columns: minmax(0, 1fr) 20rem;
  }
}

.writercom-main-content .messages {
  margin: 1rem 0;
}