.resource-center-page .resource-center-levels { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; padding: 0 0 16px; border-bottom: 1px solid var(--site-line-soft, #e9e0d2); }
.resource-center-page .resource-center-levels > span { margin-right: 5px; color: var(--site-muted); font-size: 12px; }
.resource-center-page .resource-center-levels .search-level-btn { margin: 0; padding: 6px 11px; font-size: 12px; }
.resource-center-page .scale-letter-index { margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--site-line-soft, #e9e0d2); }
.resource-center-page .scale-letter-heading { margin: 0 0 9px; color: var(--site-muted, #778294); font-size: 11px; letter-spacing: .05em; }
.resource-center-page .scale-letter-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; }
.resource-center-page .scale-letter { display: flex; align-items: center; justify-content: center; min-width: 0; height: 29px; padding: 0; border: 1px solid #e6dccd; border-radius: 5px; background: #fffdf8; color: #455268; font: 600 14px/1 Georgia, "Times New Roman", serif; text-decoration: none; transition: border-color .15s, background .15s, color .15s; }
.resource-center-page .scale-letter-other { grid-column: span 4; font-family: var(--site-sans); font-size: 11px; font-weight: 500; }
.resource-center-page .scale-letter:hover:not([aria-disabled="true"]), .resource-center-page .scale-letter.active { border-color: #c58948; background: #fff0dc; color: #995e25; text-decoration: none; }
.resource-center-page .scale-letter:focus-visible { outline: 2px solid var(--site-primary, #244a70); outline-offset: 2px; }
.resource-center-page .scale-letter[aria-disabled="true"] { opacity: .38; cursor: not-allowed; }
@media (max-width: 768px) {
    .resource-center-page .resource-search-button { min-width: 78px !important; flex: 0 0 78px; white-space: nowrap; }
    .resource-center-page .resource-search-button > span { white-space: nowrap; }
    .resource-center-page .resource-center-levels { gap: 7px; margin-bottom: 12px; padding-bottom: 12px; }
    .resource-center-page .resource-center-levels > span { width: 100%; }
    .resource-center-page .scale-letter-grid { grid-template-columns: repeat(9, minmax(0, 1fr)); }
    .resource-center-page .scale-letter-other { grid-column: auto; }
}

/* Scale alphabet spacing: start */
.resource-center-page .scale-letter-index { margin-top: 18px; padding-top: 16px; }
.resource-center-page .scale-letter-heading { margin-bottom: 12px; }
.resource-center-page .scale-letter-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 8px; }
.resource-center-page .scale-letter { height: 38px; }
.resource-center-page .scale-letter-other { grid-column: span 2; }
/* Scale alphabet spacing: end */