.suggestion-button {
    /* Basic button styling */
    display: block;
    margin-top: 2px; /* optional spacing */
    padding: 3px 8px; /* Reduced vertical padding for thinner appearance */
    margin: 3px;
    font-family: Arial, sans-serif;
    font-size: 10px; /* Smaller font size */
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #6B7280; /* Light bluish-grey */
    border: none;
    border-radius: 6px; /* Slightly smaller radius for proportionality */
    cursor: pointer;
    
    /* 3D effect */
    box-shadow: 0 2px 0 #4B5563, /* Reduced shadow height */
                0 3px 4px rgba(0,0,0,0.2);
    position: relative;
    top: 0;
    transition: all 0.2s ease;
}

/* Hover effect */
.suggestion-button:hover {
    background-color: #7B8794; /* Lighter bluish-grey on hover */
    box-shadow: 0 2px 0 #4B5563,
                0 3px 4px rgba(0,0,0,0.3);
    top: -2px;
    transform: scale(1.05);
}

/* Active/click effect */
.suggestion-button:active {
    box-shadow: 0 1px 0 #4B5563,
                0 2px 4px rgba(0,0,0,0.2);
    top: 2px;
}

/* ===== Curriculum Notes Bar ===== */
section.ap-notes-callout {
  margin: 6px 0 8px; /* very narrow spacing */
}

/* High-specificity inner container to beat theme styles */
section.ap-notes-callout .ap-notes-inner {
  /*background-color: #e5e5e5 !important;  true grey */
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.45;
  color: #333;
}

/* Title */
section.ap-notes-callout strong {
  font-size: 13px;
}

/* List styling */
section.ap-notes-callout ul {
  margin: 6px 0 0 18px;
  padding: 0;
}

section.ap-notes-callout li {
  margin: 4px 0;
}
table {
  margin-bottom: 2px !important;
}
section.tabbed {
  margin-top: 2px !important;
}