/* Shared geometry primitives. Page-specific styles opt into these classes. */
:root {
  /* The canvas is intentionally present, but recedes behind the work. */
  --jp-canvas: #f3f5f7;
  --jp-surface: #ffffff;
  --jp-surface-soft: rgba(255, 255, 255, .78);
  --jp-ink: #18212b;
  --jp-muted: #657280;
  --jp-accent: #962a32;
  --jp-radius-sm: 8px;
  --jp-radius-md: 10px;
  --jp-page-gutter: 20px;
  --jp-content-max: 1120px;
}

.jp-page-frame {
  box-sizing: border-box;
  width: min(var(--jp-content-max), calc(100% - (var(--jp-page-gutter) * 2)));
  margin-inline: auto;
}

/* A restrained folder cue for a primary work surface, not every inner card. */
.jp-folder-edge {
  --jp-folder-surface: var(--jp-surface);
  position: relative;
  border-radius: 2px var(--jp-radius-md) var(--jp-radius-md) var(--jp-radius-md);
  background: var(--jp-folder-surface);
}

.jp-folder-edge::before {
  position: absolute;
  top: -7px;
  left: 0;
  width: 72px;
  height: 8px;
  content: "";
  border-radius: 7px 7px 0 0;
  background: var(--jp-folder-surface);
}

.jp-copy-wrap {
  overflow-wrap: anywhere;
  white-space: normal;
}

@media (max-width: 719.98px) {
  :root { --jp-page-gutter: 14px; }
  .jp-folder-edge::before { width: 54px; height: 7px; top: -6px; }
}