#pageEnglishLetters{font-family:var(--font-main);direction:rtl}
#pageEnglishLetters *{font-family:inherit;box-sizing:border-box}
#pageEnglishLetters .el-wrap{max-width:1280px;margin:0 auto;padding:2rem 1.25rem 4rem}
#pageEnglishLetters .el-head{text-align:center;margin-bottom:1.4rem}
#pageEnglishLetters .el-kicker{font-size:.68rem;letter-spacing:.1em;color:var(--gold-dim);direction:ltr}
#pageEnglishLetters .el-head h1{margin:.35rem 0;color:var(--gold);font-size:clamp(1.9rem,4vw,2.9rem)}
#pageEnglishLetters .el-head p{max-width:900px;margin:.35rem auto;color:var(--text-sec);line-height:1.9;font-size:.88rem}
#pageEnglishLetters .el-tools{display:flex;gap:.7rem;justify-content:center;margin:1.1rem auto 1.35rem;max-width:920px}
#pageEnglishLetters .el-tools input{flex:1;min-width:0;background:var(--bg-input);border:1px solid var(--border);border-radius:9px;color:var(--text-pri);padding:.78rem 1rem;font-family:var(--font-main);direction:ltr;text-align:left;font-size:.92rem}
#pageEnglishLetters .el-tools button{min-width:76px;padding:.72rem .9rem;border-radius:9px}
#pageEnglishLetters .el-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;max-width:1180px;margin:0 auto}
#pageEnglishLetters .el-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-pri);padding:1rem .75rem;cursor:pointer;min-height:145px;transition:.18s ease;font-family:var(--font-main);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#pageEnglishLetters .el-card:hover,#pageEnglishLetters .el-card:focus-visible{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.2);outline:none}
#pageEnglishLetters .el-char{font:700 2.6rem/1 var(--font-main);direction:ltr;color:var(--gold2);letter-spacing:.02em}
#pageEnglishLetters .el-num{margin-top:.65rem;font-size:.72rem;line-height:1.65;color:var(--text-muted);direction:ltr}
#pageEnglishLetters .el-panel{display:none;max-width:1000px;margin:1.35rem auto 0;border:1px solid var(--gold-dim);border-radius:13px;background:var(--bg-card);overflow:hidden}
#pageEnglishLetters .el-panel.show{display:block}
#pageEnglishLetters .el-hero{display:grid;grid-template-columns:130px 1fr;gap:1.1rem;align-items:center;padding:1.3rem 1.45rem;border-bottom:1px solid var(--border)}
#pageEnglishLetters .el-big{font:700 5.2rem/1 var(--font-main);text-align:center;color:var(--gold2);direction:ltr}
#pageEnglishLetters .el-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}
#pageEnglishLetters .el-meta span{border:1px solid var(--border);border-radius:7px;padding:.3rem .5rem;font-size:.7rem;color:var(--text-sec)}
#pageEnglishLetters .el-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#pageEnglishLetters .el-sec{padding:1.05rem 1.2rem;border-bottom:1px solid var(--border)}
#pageEnglishLetters .el-sec:nth-child(odd){border-left:1px solid var(--border)}
#pageEnglishLetters .el-sec h3{margin:0 0 .45rem;color:var(--gold);font-size:.82rem}
#pageEnglishLetters .el-sec p{margin:0;color:var(--text-sec);line-height:1.9;font-size:.82rem}
#pageEnglishLetters .el-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;padding:.9rem 1.1rem}
#pageEnglishLetters .el-nav button{border:1px solid var(--border);background:var(--bg-input);color:var(--gold);border-radius:8px;padding:.5rem .8rem;cursor:pointer;font-family:var(--font-main)}
#pageEnglishLetters .el-nav button:first-child{justify-self:start}#pageEnglishLetters .el-nav button:last-child{justify-self:end}
#pageEnglishLetters .el-nav span{color:var(--text-muted);font-size:.72rem;direction:ltr}
@media(max-width:1000px){#pageEnglishLetters .el-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){#pageEnglishLetters .el-grid{grid-template-columns:repeat(3,1fr)}#pageEnglishLetters .el-sections{grid-template-columns:1fr}#pageEnglishLetters .el-sec:nth-child(odd){border-left:0}#pageEnglishLetters .el-hero{grid-template-columns:90px 1fr}#pageEnglishLetters .el-big{font-size:4rem}}
@media(max-width:480px){#pageEnglishLetters .el-grid{grid-template-columns:repeat(2,1fr);gap:.55rem}#pageEnglishLetters .el-card{min-height:128px;padding:.8rem .5rem}#pageEnglishLetters .el-char{font-size:2.3rem}#pageEnglishLetters .el-num{font-size:.66rem}}

/* V213 richer English-letter encyclopedia */
#pageEnglishLetters .el-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;max-width:900px;margin:0 auto 1.1rem}
#pageEnglishLetters .el-overview article{border:1px solid var(--border);border-radius:11px;background:var(--bg-card);padding:.75rem;text-align:center}
#pageEnglishLetters .el-overview b{display:block;color:var(--gold2);font-size:1.05rem;direction:ltr}
#pageEnglishLetters .el-overview span{display:block;color:var(--text-sec);font-size:.7rem;line-height:1.55;margin-top:.15rem}
#pageEnglishLetters .el-card-key{margin-top:.45rem;color:var(--text-sec);font-size:.63rem;line-height:1.45;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#pageEnglishLetters .el-symbol-line{display:inline-block;margin-top:.55rem;padding:.3rem .55rem;border:1px solid rgba(201,168,76,.3);border-radius:999px;color:var(--gold2);font-size:.72rem}
#pageEnglishLetters .el-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
#pageEnglishLetters .el-sec{min-height:150px}
#pageEnglishLetters .el-sec h3{font-size:.88rem}
#pageEnglishLetters .el-sec p{font-size:.84rem;line-height:2}
#pageEnglishLetters .el-historical{background:rgba(201,168,76,.025)}
#pageEnglishLetters .el-linguistic{background:rgba(255,255,255,.018)}
#pageEnglishLetters .el-symbolic{background:rgba(201,168,76,.04)}
#pageEnglishLetters .el-method{grid-column:1/-1;min-height:0;background:rgba(201,168,76,.025)}
@media(max-width:700px){#pageEnglishLetters .el-overview{grid-template-columns:1fr 1fr}#pageEnglishLetters .el-overview article:last-child{grid-column:1/-1}#pageEnglishLetters .el-sections{grid-template-columns:1fr}#pageEnglishLetters .el-sec{min-height:0}#pageEnglishLetters .el-method{grid-column:auto}}