@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);border-radius:var(--radius);box-shadow:var(--shadow-1);background:linear-gradient(to right, var(--jewel,var(--gold)) 0 5px, var(--card) 5px);transition:background-color var(--dur-2) var(--ease-out), 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: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)){background:linear-gradient(to left, var(--jewel,var(--gold)) 0 5px, var(--card) 5px)}.gx .gx-group:nth-of-type(4n+1){--jewel:var(--accent)}.gx .gx-group:nth-of-type(4n+2){--jewel:var(--garnet)}.gx .gx-group:nth-of-type(4n+3){--jewel:var(--emerald)}.gx .gx-group:nth-of-type(4n){--jewel:var(--gold)}.gx .guide-card:after{content:"";background:var(--gold);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{color:var(--on-band);background:var(--band-2)}.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)):hover{color:var(--on-band);background:var(--band-2)}.gx .guide-card:hover .guide-card-meaning{color:var(--on-band-mute)}.gx .guide-card:hover:after{background:var(--on-band-gold);translate:3px -50%}}
}