/* SimaNotes as a hosted page — the few rules a side-panel layout needs to sit
   in a browser tab. Linked AFTER sidepanel.css so it only adjusts.

   The side panel was designed as a ~400px column (docs/design-system.md). In
   a tab it would stretch to the window; centering it at a column width keeps
   every spacing decision the panel made and reads as the same product. The
   width is a little wider than the panel because a tab has room for it and
   the draft cards benefit. Everything else — tokens, buttons, cards — is the
   panel's own stylesheet, untouched. */

body {
  max-width: 560px;
  margin: 0 auto;
  min-height: 100vh;
  box-sizing: border-box;
  padding-left: var(--sp-4);
  padding-right: var(--sp-4);
}