.important-green {
    background-color:#798179;
    padding:12px;
    border-radius:6px
}
.hintA {
  width:70%;
  left:auto;
  right:auto;
  margin:0 50px 0 50px;
  border:1px solid rgb(36, 36, 68);
  padding:12px;
  border-radius:12px;
}
.pu-button{
  font-size: inherit;
  font-family: inherit;
  border: 1px solid #1d235a;
  border-radius: 6px;
  background-color: inherit;
  padding:6px;
  margin-top: 12px;
  cursor: pointer;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 3 columns, each taking 1 fraction of available space */
  grid-template-rows: repeat(4, 25px); /* 2 rows, each 22px tall */
  gap: 0px; /* Space between grid items */
  width: 79%;
  max-width:268px;
}
.fn-lg {
  font-size: 1.6em;  
}
/* Light theme font colors */
[data-md-color-scheme="default"] {
  --md-default-fg-color: #000000; /* Main text color */
  --md-code-fg-color: #1d235a; /* Code block text color */
  /* Add other font-related CSS variables here */
}

/* Dark theme font colors */
[data-md-color-scheme="material"] {
  --md-default-fg-color: #fffb00; /* Main text color */
  --md-code-fg-color: #88f073; /* Code block text color */
  /* Add other font-related CSS variables here */

}