@font-face {
  font-family: 'Berkeley Mono';
  src: url('/fonts/BerkeleyMono-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Berkeley Mono';
  src: url('/fonts/BerkeleyMono-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Berkeley Mono';
  src: url('/fonts/BerkeleyMono-Oblique.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Berkeley Mono';
  src: url('/fonts/BerkeleyMono-Bold-Oblique.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-mono: 'Berkeley Mono', monospace;
}

time {
  font-family: var(--font-mono);
}

code {
  font-family: var(--font-mono);
}

pre {
  font-family: var(--font-mono);
}

a {
  text-decoration: none;
}

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

/* Form layout (UX only - position/layout) */
form input,
form textarea,
form button,
form .cf-turnstile {
  display: block;
}

/* Sandboxes list description (match blog list layout; just lighter text) */
ul.blog-posts li .post-description {
  opacity: 0.65;
}

ul.blog-posts li .post-description::before {
  content: " — ";
}

ul.blog-posts li .post-line {
  flex: 1 1 auto;
  min-width: 0;
}

/* Emoji styling */
.emoji {
  height: 1em;
  vertical-align: middle;
  display: inline-block;
}

/* Hidden iframe for form submissions */
.hidden-iframe {
  display: none;
}

/* Half-width content images */
.half-width {
  width: 50%;
}