/* American vs British comparison — page-specific styles. Shared styles in vocabulary.css. */
.american-british-page .alphabet {display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 20px}
.american-british-page .alphabet button {min-width:38px;min-height:38px;padding:7px 10px;border:1px solid #d6d6d6;border-radius:4px;background:#fff}
.american-british-page .alphabet button[aria-pressed="true"] {background:#b22222;color:#fff;border-color:#b22222}
.american-british-page .compare-table td {overflow-wrap:anywhere}
.american-british-page .compare-table td:first-child {font-weight:650}
.american-british-page .compare-table .form-value {font-weight:400}
.american-british-page .compare-table button.speak {display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:38px;height:38px;min-height:38px;padding:6px;margin-left:8px;border:1px solid #d4dce5;border-radius:4px;background:#fff;color:#1769d2}
.american-british-page .compare-table button.speak:hover {background:#eef5ff;border-color:#1769d2}
.american-british-page .compare-table button.speak svg {display:block;flex:none}
.american-british-page .compare-table .reveal:not([hidden]) {display:none}
.american-british-page.hide-forms .compare-table .form-value:not(.revealed) {display:none!important}
.american-british-page.hide-forms .compare-table .reveal:not([hidden]) {display:inline-block}
.american-british-page .compare-table .reveal[hidden] {display:none!important}
.american-british-page #flash-speak {display:inline-flex;align-items:center;gap:7px}
.american-british-page #flash-speak svg {width:19px;height:19px;color:#1769d2}
@media(max-width:600px) {.american-british-page .compare-table {min-width:540px}}