/* LAMASSU self-hosted copy (2026-10-07). Source: website-docs/personalization/sureth-keyboard-src/sureth-keyboard/sureth-keyboard.css,
 * v1.0, by Ashour Rehana (shared for Ramen's use). UNMODIFIED below this comment. No Google Fonts link is used: the key labels get the
 * self-hosted Noto Sans Syriac Eastern (OFL, assets/fonts/syriac-eastern.woff2) through --sk-font, set in assets/base.css (.pz .sk-keyboard). */
/* Sureth Keyboard - all classes prefixed .sk- */
.sk-keyboard{
  --sk-bg:#eceff1;--sk-key:#fff;--sk-key-text:#1c1b1f;--sk-border:rgba(0,0,0,.15);
  --sk-vowel:#e8def8;--sk-special:#d7e3f4;--sk-action:#cfe6d4;--sk-pressed:rgba(33,99,180,.3);
  --sk-radius:8px;--sk-font:'Noto Sans Syriac Eastern','Estrangelo Edessa','Serto Jerusalem',sans-serif;
  box-sizing:border-box;width:100%;max-width:640px;margin:8px 0;padding:8px;
  background:var(--sk-bg);border-radius:12px;direction:rtl;user-select:none;-webkit-user-select:none;
  touch-action:manipulation;
}
.sk-keyboard *{box-sizing:border-box}
.sk-keyboard .sk-row{display:flex;justify-content:center;gap:2px;margin-bottom:6px}
.sk-keyboard .sk-actions{margin:8px 0 0}
.sk-keyboard .sk-key{
  flex:0 1 calc((100% - 16px)/9);min-width:0;min-height:44px;margin:0;padding:6px 2px;
  border:1px solid var(--sk-border);border-radius:var(--sk-radius);background:var(--sk-key);
  color:var(--sk-key-text);font:500 20px/1 var(--sk-font);cursor:pointer;
  transition:background .1s;-webkit-tap-highlight-color:transparent;
}
.sk-keyboard.sk-vowels .sk-key.sk-vowel{flex-basis:calc((100% - 10px)/6);background:var(--sk-vowel)}
.sk-keyboard .sk-actions .sk-key{min-height:48px}
.sk-keyboard .sk-backspace{flex:1 1 0;font-family:system-ui,sans-serif}
.sk-keyboard .sk-toggle{flex:2 1 0;background:var(--sk-special);font-size:16px}
.sk-keyboard .sk-space{flex:3 1 0;font:500 13px system-ui,sans-serif}
.sk-keyboard .sk-enter{flex:2 1 0;background:var(--sk-action);font:500 13px system-ui,sans-serif}
.sk-keyboard .sk-key:active{background:var(--sk-pressed)}
.sk-keyboard .sk-key:focus-visible{outline:2px solid #2163b4;outline-offset:1px}
@media (max-width:400px){.sk-keyboard .sk-key{font-size:18px}}