:root {
  --code-font: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
    Bitstream Vera Sans Mono, Courier New, monospace, serif;
}

::selection {
  background: var(--selection);
  color: #000;
}

body {
  margin: 0;
  color: var(--text-color);
  background: var(--page-background);
  font: var(--text-size) / 1.7 system-ui, -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
}

* {
  box-sizing: border-box;
}

a {
  color: var(--text-color);
  text-decoration: none;
}

details > summary {
  outline: none;
}

.Wrap {
  max-width: var(--page-max-width);
  margin: 0 auto;

  @media (max-width: 768px) {
    max-width: 100%;
  }
}

.external-link-icon {
  margin-left: 3px;
  display: inline-block;
}

.saika-banner {
  margin-bottom: 10px;

  & > *:first-child {
    margin-top: 0;
  }

  & > *:last-child {
    margin-bottom: 0;
  }
}

.saika-footer {
  margin-top: 5rem;

  & a {
    color: var(--geist-success);
  }
}