/*
 * 03 · Durable Objects. The room and await geometry lives in their scene
 * modules; this page adds the lesson anchors and the example's code files.
 */
main {
  width: min(100% - 2 * var(--gutter), var(--content));
}

.lesson-anchor {
  display: block;
  scroll-margin-top: var(--space-4);
}

.code-files {
  display: grid;
  gap: var(--space-5);
}

.code-file-head {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  align-items: center;
  margin: 0 0 var(--space-2);
}

.code-file-head a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.code-file .code-static {
  max-height: 420px;
}

.copy-status {
  color: var(--muted);
  font-size: var(--text-xs);
}

#example .drawer-body {
  max-width: none;
}