.ar-block{border:1px solid var(--border,#ffffff14);background:var(--card-bg,#ffffff05);border-radius:14px;margin:0 0 2.5rem;padding:1.5rem}.ar-head{margin-bottom:1rem}.ar-title{color:var(--gold,#c89b3c);letter-spacing:.01em;margin:0;font-size:1.05rem;font-weight:700}.ar-sub{opacity:.6;margin:.15rem 0 0;font-size:.8rem}.ar-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.5rem;display:grid}.ar-row{border:1px solid var(--border,#ffffff12);background:var(--background,transparent);border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:border-color .15s,background .15s;display:flex}.ar-row:hover,.ar-row-active{border-color:color-mix(in srgb, var(--gold,#c89b3c) 45%, transparent)}.ar-play{border:1px solid color-mix(in srgb, var(--gold,#c89b3c) 40%, transparent);width:36px;height:36px;color:var(--gold,#c89b3c);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.ar-play:hover{background:color-mix(in srgb, var(--gold,#c89b3c) 12%, transparent)}.ar-meta{flex-direction:column;min-width:0;display:flex}.ar-name{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.ar-reciter{opacity:.7;color:inherit;font-size:.78rem;text-decoration:none}.ar-reciter:hover{color:var(--gold,#c89b3c);text-decoration:underline}