body { font-family: "Google Sans", sans-serif !important }
nav { background-color: var(--surface-container-low) !important }
main { padding: 4em }
/* Adjusted Code Blocks & Comment Visibility */
pre.scroll {
    background-color: var(--surface-container-highest) !important;
    color: var(--on-surface-variant);
    border: 1px solid var(--outline-variant) !important;
    border-radius: 16px !important;
    padding: 0.85rem 1rem;
    margin: 0.75rem 0;
    overflow-x: auto;
}
pre.scroll code {
    color: var(--on-surface);
}
pre.scroll .comment,
pre.scroll span.comment {
    color: var(--tertiary) !important;
    font-style: italic;
}
code {
    background-color: transparent;
}
/* Container needs relative positioning to anchor the button */
.code-container {
  position: relative;
  margin-bottom: 1rem;
}

/* Style and position the button in the top right */
.copy-button {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 8px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.8rem;
  color: #333;
}

.copy-button:hover {
  background-color: #e0e0e0;
}