.gh-alphabet-widget{--alpha-accent:#ff5401;margin:1.2rem 0}.gh-alphabet--ssr{max-width:860px;margin:0 auto}.gh-alphabet__title{color:#222;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.gh-alphabet__intro{color:#555;margin:0 0 .8rem;font-size:.95rem;line-height:1.5}.gh-alphabet__counts{color:#444;background:#fff7f2;border:1px solid #ffe0d0;border-radius:8px;margin:0 0 .9rem;padding:.5rem .7rem;font-size:.95rem}.gh-alphabet__counts b{color:var(--alpha-accent)}.gh-alphabet__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin:0 0 .8rem;display:flex}.gh-alphabet__filters,.gh-alphabet__toggles{flex-wrap:wrap;gap:.35rem;display:flex}.gh-alphabet__fbtn,.gh-alphabet__tbtn{font:inherit;cursor:pointer;color:#444;background:#fff;border:1px solid #ddd;border-radius:20px;padding:.3rem .8rem;font-size:.85rem;transition:background .15s,color .15s,border-color .15s}.gh-alphabet__fbtn:hover,.gh-alphabet__tbtn:hover{border-color:var(--alpha-accent);color:var(--alpha-accent)}.gh-alphabet__fbtn.is-active{background:var(--alpha-accent);color:#fff;border-color:var(--alpha-accent)}.gh-alphabet__tbtn.is-active{color:var(--alpha-accent);border-color:var(--alpha-accent);background:#fff1ea}.gh-alphabet__tbtn--print{font-weight:600}.gh-alphabet__grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:.5rem;margin:0 0 .9rem;display:grid}.gh-alphabet__cell{font:inherit;cursor:pointer;text-align:center;background:#fff;border:1px solid #e6e6e6;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .2rem .45rem;transition:box-shadow .15s,border-color .15s,transform .1s;display:flex;position:relative}.gh-alphabet__cell:hover{border-color:var(--alpha-accent);transform:translateY(-1px);box-shadow:0 3px 10px #ff540126}.gh-alphabet__cell.is-selected{border-color:var(--alpha-accent);box-shadow:0 0 0 2px #ff540159}.gh-alphabet__cell[hidden]{display:none}.gh-alphabet__num{color:#aaa;font-size:.68rem;position:absolute;top:3px;left:6px}.gh-alphabet__glyph{color:#222;letter-spacing:.02em;font-size:1.55rem;font-weight:600;line-height:1.1}.gh-alphabet__tr{color:#888;font-size:.72rem}.gh-alphabet__cell--vowel{background:#fff8f4}.gh-alphabet__cell--vowel .gh-alphabet__glyph{color:var(--alpha-accent)}.gh-alphabet__cell--sign{background:#f5f6ff}.gh-alphabet__cell--sign .gh-alphabet__glyph{color:#6a6ad0}.gh-alphabet--handwritten .gh-alphabet__glyph{font-family:Marck Script,Segoe Script,Bradley Hand,Comic Sans MS,cursive;font-style:italic}.gh-alphabet__panel{background:#fff;border:1px solid #ffd9c6;border-radius:12px;align-items:center;gap:1rem;margin:0 0 1rem;padding:1rem 1.1rem;display:flex;position:relative;box-shadow:0 4px 16px #0000000f}.gh-alphabet__panel[hidden]{display:none}.gh-alphabet__panel-close{color:#bbb;cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;position:absolute;top:.3rem;right:.5rem}.gh-alphabet__panel-close:hover{color:var(--alpha-accent)}.gh-alphabet__panel-glyph{color:var(--alpha-accent);text-align:center;min-width:90px;font-size:3rem;font-weight:700}.gh-alphabet__panel-body{color:#444;font-size:.92rem}.gh-alphabet__panel-body p{margin:.12rem 0}.gh-alphabet__panel-ctx{color:#777;font-size:.85rem;font-style:italic}.gh-alphabet__panel-num{color:#888}.gh-alphabet__translit-note{color:#777;background:#fafafa;border-left:3px solid #ffd9c6;border-radius:0 6px 6px 0;margin:0 0 1rem;padding:.5rem .7rem;font-size:.85rem;line-height:1.5}.gh-alphabet__diff,.gh-alphabet__faq{margin:1.1rem 0}.gh-alphabet__diff h3,.gh-alphabet__faq h3{color:#222;margin:0 0 .5rem;font-size:1.02rem}.gh-alphabet__diff ul{color:#444;margin:0;padding-left:1.2rem;font-size:.92rem;line-height:1.55}.gh-alphabet__faq-item{margin:0 0 .6rem}.gh-alphabet__faq-item b{color:#333;font-size:.95rem;display:block}.gh-alphabet__faq-item span{color:#555;font-size:.9rem;line-height:1.5}@media (width<=520px){.gh-alphabet__grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.4rem}.gh-alphabet__glyph{font-size:1.3rem}.gh-alphabet__panel{text-align:center;flex-direction:column}.gh-alphabet__toolbar{justify-content:center}}@media print{body.gh-alphabet-printing *{visibility:hidden!important}body.gh-alphabet-printing .gh-alphabet-widget,body.gh-alphabet-printing .gh-alphabet-widget *{visibility:visible!important}body.gh-alphabet-printing .gh-alphabet-widget{width:100%;position:absolute;top:0;left:0}body.gh-alphabet-printing .gh-alphabet__toolbar,body.gh-alphabet-printing .gh-alphabet__panel{display:none!important}body.gh-alphabet-printing .gh-alphabet__cell{break-inside:avoid}}.gh-alphabet__example{color:#7a7a7a;white-space:normal;margin-top:2px;font-size:.72rem;line-height:1.25;display:block}.gh-alphabet__panel-example{margin:.35rem 0 0}