@layer areas {
.gx.page>.gx-group{max-width:none}.gx.page>*{margin-inline:0}.gx .gx-group{margin-block-start:var(--space-7)}.gx .gx-group-head{margin:0 0 var(--space-4)}.gx .gx-list{gap:var(--space-3);margin:0;padding:0;list-style:none}.gx .gx-list>li{display:grid}.gx .guide-card{min-block-size:5rem;padding:var(--space-4) 3.25rem var(--space-4) var(--space-5);color:var(--ink);background:var(--card);border-radius:var(--radius);transition:background-color var(--dur-2) var(--ease-out), scale var(--dur-1) var(--ease-out);align-content:center;gap:2px;text-decoration:none;display:grid;position:relative}.gx .guide-card:after{content:"";background:var(--accent);block-size:18px;inline-size:18px;-webkit-mask:var(--orn-arrow) center / contain no-repeat;mask:var(--orn-arrow) center / contain no-repeat;transition:translate var(--dur-2) var(--ease-out);position:absolute;inset-block-start:50%;inset-inline-end:1.3rem;translate:0 -50%}.gx .guide-card:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{scale:-1 1}.gx .guide-card:active{scale:.99}.gx .guide-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.gx .guide-card-name{font:400 1.25rem/1.2 var(--serif)}.gx .guide-card-meaning{font:400 var(--step--1)/1.35 var(--sans);color:var(--mute)}@media (hover:hover){.gx .guide-card:hover{background:var(--sheet);color:var(--ink)}.gx .guide-card:hover:after{translate:3px -50%}}
}