/* তাইবাহ — আরবি কিবোর্ড ও হরফের ব্লক (arkb.js-এর সাথে) */
@font-face{font-family:'Noto Naskh Arabic';src:url(fonts/noto-naskh-arabic-arabic-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Naskh Arabic';src:url(fonts/noto-naskh-arabic-arabic-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
.arkb{--ak-bg:#FBF8F0;--ak-key:#fff;--ak-line:#E3D8BE;--ak-text:#1C1B19;--ak-muted:#6A665C;--ak-g:#0B3B2E;--ak-g2:#16785E;--ak-gold:#C9A227;--ak-h:#9A3412;
  --ak-ar:'Noto Naskh Arabic','Amiri',serif;
  background:var(--ak-bg);border:1px solid var(--ak-line);border-radius:16px;padding:10px;color:var(--ak-text);font-family:'Noto Sans Bengali',system-ui,sans-serif;box-sizing:border-box}
[data-theme=dark] .arkb{--ak-bg:#0B3328;--ak-key:#072A21;--ak-line:rgba(233,205,114,.25);--ak-text:#EEE8D8;--ak-muted:#A9BBB1;--ak-g:#E9CD72;--ak-g2:#E9CD72;--ak-h:#FDBA74}
.arkb *{box-sizing:border-box}
.ak-tabs{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.ak-tabs button{border:1px solid var(--ak-line);background:var(--ak-key);color:var(--ak-text);border-radius:999px;padding:5px 14px;font:600 .85rem inherit;font-family:inherit;cursor:pointer}
.ak-tabs button.on{background:var(--ak-g);border-color:var(--ak-g);color:#fff}
[data-theme=dark] .ak-tabs button.on{color:#06261E}
.ak-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.ak-extra{margin-top:8px;padding-top:8px;border-top:1px dashed var(--ak-line);grid-template-columns:repeat(6,minmax(0,1fr))}
.ak-marks{grid-template-columns:repeat(5,minmax(0,1fr))}
.ak-signs{grid-template-columns:repeat(10,minmax(0,1fr))}
.ak-k{position:relative;min-height:48px;border:1px solid var(--ak-line);border-bottom-width:3px;background:var(--ak-key);color:var(--ak-text);border-radius:10px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s,background .15s}
.ak-k .ak-c{font-family:var(--ak-ar);font-size:1.55rem;line-height:1.25}
.ak-k small{font-size:.62rem;color:var(--ak-muted);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ak-h .ak-c{color:var(--ak-h);font-size:1.75rem}
.ak-n .ak-c{font-size:1.25rem}
.ak-k:hover{border-color:var(--ak-gold)}
.ak-k:active,.ak-k.ak-hit{transform:translateY(2px);border-bottom-width:1px;background:#FFF6D8}
[data-theme=dark] .ak-k:active,[data-theme=dark] .ak-k.ak-hit{background:#14463A}
.ak-k:focus-visible,.ak-tabs button:focus-visible,.ak-b:focus-visible,.arkb-pill:focus-visible{outline:2px solid var(--ak-gold,#C9A227);outline-offset:2px}
.ak-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:6px;margin-top:8px}
.ak-row .ak-k{font:600 .85rem 'Noto Sans Bengali',sans-serif;min-height:44px}
.ak-tip{font-size:.78rem;color:var(--ak-muted);margin:8px 2px 0}
/* প্যানেলে: নিচে ভাসমান */
.arkb-dock{position:fixed;left:0;right:0;bottom:0;z-index:9000;border-radius:16px 16px 0 0;max-height:52vh;overflow:auto;box-shadow:0 -10px 30px rgba(0,0,0,.18);padding-bottom:max(10px,env(safe-area-inset-bottom))}
@media(min-width:900px){.arkb-dock{left:auto;right:16px;bottom:16px;width:560px;border-radius:16px;max-height:70vh}}
.ak-bar{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ak-bar b{color:var(--ak-g)}
.ak-hint{font-size:.75rem;color:var(--ak-muted);flex:1}
.ak-x{border:0;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--ak-text);width:36px;height:36px;border-radius:50%}
.ak-x:hover{background:rgba(0,0,0,.06)}
html.arkb-open body{padding-bottom:52vh}
@media(min-width:900px){html.arkb-open body{padding-bottom:0}}
.arkb-pill{position:fixed;z-index:8999;width:30px;height:26px;border-radius:8px;border:1px solid #C9A227;background:#0B3B2E;color:#E9CD72;
  font:700 1rem 'Noto Naskh Arabic',serif;line-height:1;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2);opacity:.9}
.arkb-pill:hover{opacity:1}
.arkb-pill[hidden],.arkb[hidden]{display:none}
/* হরফের ব্লক */
.ak-blocks{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch}
.ak-b{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;min-height:58px;padding:4px 6px;border-radius:10px;
  border:1px solid #E3D8BE;border-bottom-width:3px;background:#fff;cursor:pointer;font-family:inherit;color:#1C1B19}
.ak-b span{font-family:'Noto Naskh Arabic','Amiri',serif;font-size:1.7rem;line-height:1.2}
.ak-b small{font-size:.6rem;color:#6A665C;white-space:nowrap}
.ak-bl{background:#F1F8F4;border-color:#9BD3B8}
.ak-bh{background:#FFF4E8;border-color:#F3C08F}
.ak-bh span{color:#9A3412;font-size:1.9rem}
.ak-bo{background:#F4F4F4}
.ak-bs{min-width:18px;border:1px dashed #E3D8BE;background:transparent;border-radius:6px}
.ak-br{flex-basis:100%;height:0}
.ak-b.on{outline:3px solid #C9A227;outline-offset:1px}
.ak-empty{color:#6A665C;font-size:.9rem;margin:0}
@media(max-width:480px){
  .ak-grid{gap:4px}.ak-k{min-height:44px;border-radius:8px}.ak-k .ak-c{font-size:1.35rem}
  .ak-signs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ak-extra{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ak-marks{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ak-b{min-width:40px;min-height:52px}.ak-b span{font-size:1.45rem}
}