/* EditorialSidenote — marginalia primitive.
 * Intentionally non-subgrid: placement on the marginalia-right track holds
 * a single .body child. No interior children reference track lines, so a
 * subgrid declaration would be a no-op. Mobile fallback rewrites
 * grid-column to content-start / content-end without subgrid for the
 * same reason.
 * Placement migrated from numeric `grid-column: 10 / 13` to the named
 * marginalia-right lines exposed by @wabbit/tome-ui/grid 0.8.0+ (per
 * marginalia spec §11.1 — closes the last bespoke numeric-coords block in
 * tome-blocks-content-writer; longform pack already uses named lines).
 * See: 2026-04-21-tome-subgrid-participation-audit.md — subgrid-optional.
 */
.editorialSidenote {
  grid-column: marginalia-right-start / marginalia-right-end;
  max-width: 30ch;
  padding-block: var(--tome-space-sm);
}

.body {
  font-size: var(--tome-type-size-sm);
  line-height: var(--tome-type-leading-normal);
  color: var(--tome-color-on-surface-muted);
}

/* Border */
.bordered {
  border-inline-start: 1px solid var(--tome-color-border);
  padding-inline-start: var(--tome-space-sm);
}

/* Note types */
.sidenote .body {
  font-style: normal;
}

.marginalia .body {
  font-size: var(--tome-type-size-xs);
}

.editor-note .body {
  font-style: italic;
}

.editor-note::before {
  content: 'Ed.';
  display: block;
  font-size: var(--tome-type-size-xs);
  font-weight: var(--tome-type-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tome-type-tracking-wide);
  color: var(--tome-color-on-surface-muted);
  margin-block-end: var(--tome-space-xxs);
}

/* Mobile modes */
@media (max-width: 768px) {
  .editorialSidenote {
    grid-column: content-start / content-end;
    max-width: none;
  }

  .mobile-inline-expansion {
    margin-block: var(--tome-space-sm);
    padding: var(--tome-space-sm);
    background-color: var(--tome-color-surface);
    border-radius: var(--tome-radius-sm);
    border-inline-start: none;
  }

  .mobile-endnote {
    display: none;
  }
}
Install
