.listen{align-items:start;grid-template-columns:.85fr 1.15fr;gap:80px;overflow:hidden}.listen-intro{position:sticky;top:45px}.listening-note{display:block;margin-top:38px;font:italic 23px Georgia,serif;color:#ddbd91}.greeting-list{display:grid;gap:18px;position:relative;z-index:1}.greeting-list .soundcard{padding:25px 28px;transition:background .3s,border-color .3s}.greeting-heading{display:flex;align-items:center;gap:20px;margin-bottom:20px}.greeting-number{font:italic 42px Georgia,serif;color:#ddbd9166}.greeting-list .soundcard h3{margin:9px 0 0;font-size:29px}.greeting-list .tag{font-size:9px;letter-spacing:1.5px;line-height:1.6}.greeting-list .playing{border-color:#ddbd9180;background:#ffffff12}.greeting-list .playing .greeting-number{color:#ddbd91}.greeting-list .pending{border-style:dashed;background:transparent}.greeting-list .pending-note{margin:0 0 15px;font:italic 18px Georgia,serif;color:#d5dbcd}.pending-status{display:inline-block;font-size:10px;letter-spacing:1px;color:#ddbd91;border:1px solid #ddbd9140;border-radius:30px;padding:8px 13px}
@media(max-width:850px){.listen{gap:40px;grid-template-columns:1fr}.listen-intro{position:static}.listening-note{margin-top:24px}.greeting-list{max-width:650px;width:100%}.greeting-list .soundcard{padding:23px}.greeting-heading{gap:17px}.greeting-list .soundcard h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.greeting-list .soundcard{transition:none}}