.aho-head{margin:var(--bfj-space-6) 0 var(--bfj-space-3)}
.aho-kicker{display:block;font-size:var(--bfj-text-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bfj-text-3);margin-bottom:var(--bfj-space-1)}
.aho-title{font-family:var(--bfj-font-display);font-weight:400;font-size:var(--bfj-text-h2);line-height:1.15;color:var(--bfj-text);margin:0}
.aho-intro{font-size:var(--bfj-text-small);color:var(--bfj-text-2);margin:var(--bfj-space-1) 0 0}
.aho-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bfj-space-2)}
@media (min-width:560px){
.aho-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bfj-space-3)}
}
@media (min-width:960px){
.aho-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.aho-card{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--bfj-space-3);align-items:center;height:100%;padding:var(--bfj-space-2);border:1px solid var(--bfj-line);border-radius:var(--bfj-radius-md);background:var(--bfj-surface);color:var(--bfj-text);text-decoration:none;transition:border-color var(--bfj-duration-fast) var(--bfj-ease)}
.aho-card:hover{border-color:var(--bfj-interactive-border-hover)}
.aho-card:focus-visible{outline:2px solid var(--bfj-interactive);outline-offset:2px}
.aho-cover{grid-row:1/span 2;position:relative;display:block;width:64px;height:64px;border-radius:var(--bfj-radius-sm);overflow:hidden;background:var(--bfj-surface-raised);border:1px solid var(--bfj-line)}
.aho-cover::before{content:attr(data-initial);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--bfj-font-display);font-size:var(--bfj-text-h3);color:var(--bfj-interactive-soft)}
.aho-cover img{position:relative;display:block;width:100%;height:100%;object-fit:cover}
.aho-name{align-self:end;font-weight:600;font-size:var(--bfj-text-small);line-height:1.3;overflow-wrap:anywhere}
.aho-meta{align-self:start;font-size:var(--bfj-text-label);color:var(--bfj-text-3)}
.aho-card:hover .aho-meta{color:var(--bfj-interactive-soft)}
.aho-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aho-list li{position:relative}
[data-aho-player] .aho-card{padding-right:calc(var(--bfj-space-2) + 2.75rem)}
.aho-play{position:absolute;top:50%;right:var(--bfj-space-2);transform:translateY(-50%);width:2.25rem;height:2.25rem;border-radius:50%;border:0;background:var(--accent);color:var(--bfj-text);display:flex;align-items:center;justify-content:center;padding-left:.12rem;font-size:.8rem;cursor:pointer;transition:transform var(--bfj-duration-fast) var(--bfj-ease)}
.aho-play:hover{transform:translateY(-50%) scale(1.06)}
.aho-play:focus-visible{outline:2px solid var(--bfj-interactive);outline-offset:2px}
.aho-list li.is-playing .aho-card{border-color:var(--bfj-interactive)}
.aho-list li.is-playing .aho-meta::after{content:" · Playing";color:var(--bfj-interactive-soft);font-weight:700}
.aho-list li.is-playing .aho-play{background:var(--bfj-surface-raised);border:1px solid var(--bfj-interactive);color:var(--bfj-text)}
.aho-player{margin:0 0 var(--bfj-space-3)}
.aho-player-note{margin:var(--bfj-space-1) 0 0;font-size:var(--bfj-text-label);color:var(--bfj-text-3)}
.aho-player-note a{color:var(--bfj-interactive-soft);font-weight:600}
.aho-player iframe{display:block;width:100%;height:352px;border:0;border-radius:var(--bfj-radius-md);background:var(--bfj-surface)}