.guide-hero.tool-hero{padding-bottom:clamp(20px,3vw,30px)}.guide-hero.tool-hero .page-title{max-width:none}.kbd-app{gap:14px;margin-bottom:clamp(44px,6vw,72px);display:grid}.kbd-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kbd-text{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:100%;min-height:9.5rem;color:var(--ink);font-family:var(--arabic);resize:vertical;padding:16px 20px;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.95;display:block}.kbd-text::placeholder{color:var(--ink-faint);opacity:1}.kbd-text:focus-visible{outline:2px solid var(--gold-strong);outline-offset:2px;border-radius:var(--radius-lg)}.kbd-translit{border:1px solid var(--gold-wash-strong);border-radius:var(--radius-md);background:var(--surface-soft);padding:14px 18px}.kbd-translit[hidden]{display:none}.kbd-translit-label{color:var(--ink-muted);margin:0 0 4px;font-size:13px}.kbd-translit-out{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:1.15rem;line-height:1.55}.kbd-translit-empty{color:var(--ink-muted);font-size:15px}.kbd-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.kbd-actions .button{cursor:pointer;font-family:inherit}.kbd-status{min-height:1.4em;color:var(--ink-body);margin:0;font-size:14px}.kbd-skip{border-radius:var(--radius-sm);background:var(--ink);color:#fff;justify-self:start;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.kbd-skip:not(:focus){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kbd-board{--kbd-gap:5px;gap:var(--kbd-gap);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);-webkit-user-select:none;user-select:none;touch-action:manipulation;padding:10px;display:grid}.kbd-row{gap:var(--kbd-gap);grid-template-columns:repeat(30,minmax(0,1fr));display:grid}.kbd-key,.kbd-gap{grid-column:span 2;min-width:0}.kbd-d1{grid-column:span 1}.kbd-d3{grid-column:span 3}.kbd-d4{grid-column:span 4}.kbd-d6{grid-column:span 6}.kbd-d20{grid-column:span 20}.kbd-key{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);height:52px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;place-items:center;padding:0;transition:background .12s,border-color .12s;display:grid;position:relative}@media (hover:hover){.kbd-key:hover{border-color:var(--gold-wash-strong);background:var(--gold-wash)}}.kbd-key:active{background:var(--gold-wash-strong)}.kbd-key:focus-visible{outline:2px solid var(--gold-strong);outline-offset:1px;z-index:1}.kbd-main{font-family:var(--arabic);pointer-events:none;font-size:1.6rem;line-height:1}.kbd-alt{color:var(--ink-muted);font-family:var(--arabic);pointer-events:none;font-size:.82rem;line-height:1;position:absolute;top:4px;right:6px}.kbd-latin{color:var(--ink-faint);pointer-events:none;font-size:10px;font-weight:650;line-height:1;position:absolute;bottom:3px;left:6px}.kbd-fn{background:0 0;font-size:14px;font-weight:650}.kbd-fn .kbd-main{font-family:var(--sans);font-size:14px}.kbd-fn[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}@media (hover:hover){.kbd-fn[aria-pressed=true]:hover{background:#2a251c}}.kbd-space{background:var(--surface)}.kbd-gap{pointer-events:none}.kbd-options{flex-wrap:wrap;gap:4px 28px;display:flex}.kbd-toggle{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.kbd-toggle input{width:20px;height:20px;accent-color:var(--gold-strong);cursor:pointer;margin:0}.kbd-hint{max-width:70ch;color:var(--ink-muted);margin:0;font-size:14px}.kbd-hint .arabic-inline{font-size:1.3em}.kbd-noscript{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-body);margin:0;padding:14px 18px}@media (width<=640px){.guide-hero.tool-hero{padding-top:18px;padding-bottom:16px}.tool-hero .guide-lead{font-size:16px}.tool-hero .guide-updated{margin-top:10px}.kbd-app{gap:10px}.kbd-text{resize:none;min-height:6.5rem;padding:10px 16px}.kbd-actions .button{flex:1 1 0}.kbd-status{flex-basis:100%}.kbd-board{--kbd-gap:2px;margin-inline:-10px;padding:4px}.kbd-row{grid-template-columns:repeat(25,minmax(0,1fr))}.kbd-key,.kbd-gap{grid-column:span 2}.kbd-m1{grid-column:span 1}.kbd-m3{grid-column:span 3}.kbd-m5{grid-column:span 5}.kbd-m16{grid-column:span 16}.kbd-hide-m{display:none}.kbd-key{height:48px}.kbd-main{font-size:1.4rem}.kbd-alt{font-size:.7rem;top:2px;right:3px}.kbd-latin{display:none}.kbd-fn,.kbd-fn .kbd-main{font-size:13px}}@media (prefers-reduced-motion:reduce){.kbd-key{transition:none}}.kbd-steps{color:var(--ink-body);margin:0 0 22px;padding-left:22px}.kbd-steps li+li{margin-top:6px}