/* copy code button css starts here */

/* Wrapper to position the button relative to the code */
.code-wrapper {
	position: relative;
	margin-bottom: 20px;
}

/* The actual button styling */
.copy-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #f1f1f1; /* Light grey background */
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
	z-index: 10;
	transition: background-color 0.2s;
}

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

/* Optional: Ensure code block has space for the button */
.code-wrapper pre {
  padding-top: 2.25rem;      /* keep space for button */
  overflow: auto;            /* ensure horizontal scroll works */
}

@media (max-width: 480px) {
  .copy-btn {
	font-size: 11px;
	padding: 4px 8px;
  }
}
/* copy code button css ends here */

/* skip link css ends here */

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
}
.skip-link:focus {
  left: 12px;
  top: 12px;
  z-index: 9999;
}

/* skip link css ends here */