.hero .courtyard-quote{max-inline-size:100%;overflow-wrap:anywhere;text-wrap:balance}
.hero .courtyard-quote[data-density=medium]{font-size:clamp(1.85rem,4.9vw,4.9rem);max-inline-size:14em}
.hero .courtyard-quote[data-density=long]{font-size:clamp(1.55rem,3.5vw,3.75rem);max-inline-size:16em;letter-spacing:.025em}
.hero .courtyard-quote span{max-inline-size:100%}
.entries a h3,#tracks button .track-title{transition:color .24s ease}
.entries a:hover h3,.entries a:focus-visible h3{color:var(--red)}
.entries a::after{content:"";position:absolute;inset:auto auto -1px 0;inline-size:min(5rem,20%);block-size:1px;background:#986455;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.entries a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
#tracks button:hover:not(.track-remove){color:#774738}
.playlist-help{padding:.7rem 0;border-block:1px solid var(--line);color:var(--faded);margin-bottom:1rem}
.playlist-help summary{cursor:pointer;color:var(--red)}
.playlist-help ol{padding-inline-start:1.45rem;line-height:1.6}
.playlist-help a{color:var(--red);text-decoration:underline;text-underline-offset:.24em}
.playlist-actions{display:flex;flex-wrap:wrap;gap:.6rem}
@media(max-width:620px){
  .hero .courtyard-quote[data-density=medium]{font-size:clamp(1.55rem,6.2vw,2.55rem)}
  .hero .courtyard-quote[data-density=long]{font-size:clamp(1.35rem,5.6vw,2.3rem)}
}
@media(prefers-reduced-motion:reduce){.entries a h3,.entries a::after,#tracks button .track-title{transition:none}}


#tracks li button:hover:not([aria-current=true]){background:transparent}
@media(prefers-reduced-motion:no-preference){
  :is(button,.ink):not(:disabled):active{transform:scale(.96);box-shadow:inset 0 2px 5px #261b2228}
  .entries a{transition:color .24s ease}
}

@media(prefers-reduced-motion:no-preference){
  .home-recent .entries li{animation:recent-note .4s cubic-bezier(.18,.8,.3,1.13) both}
  .home-recent .entries li:nth-child(2){animation-delay:.035s}
  .home-recent .entries li:nth-child(3){animation-delay:.07s}
  .home-recent .entries li:nth-child(4){animation-delay:.105s}
  .home-recent .entries li:nth-child(5){animation-delay:.14s}
  @keyframes recent-note{from{opacity:0;translate:0 .45rem}}
}