.arkki-youtube-playlist{background:var(--church-bg);padding:clamp(28px,5vw,72px) 0}.arkki-youtube-playlist__shell{background:var(--church-surface);border:2px solid var(--church-primary);border-radius:8px;padding:clamp(22px,4vw,48px)}.arkki-youtube-playlist__header{align-items:end;display:grid;gap:clamp(20px,3vw,44px);grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);margin-bottom:clamp(22px,4vw,42px)}.arkki-youtube-playlist__header h2{margin-bottom:0}.arkki-youtube-playlist__intro{border-top:2px solid var(--church-primary);color:var(--church-muted);padding-top:18px}.arkki-youtube-playlist__grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.arkki-youtube-playlist__player{aspect-ratio:16/9;background:var(--church-text);border:2px solid var(--church-text);border-radius:8px;overflow:hidden;width:100%}.arkki-youtube-playlist__player--featured{max-width:1180px}.arkki-youtube-playlist__player iframe{border:0;display:block;height:100%;width:100%}.arkki-youtube-playlist__empty{align-items:center;background:var(--church-text);border:2px solid var(--church-text);border-radius:8px;color:var(--church-text-light);display:flex;font-weight:900;justify-content:center;min-height:220px;padding:24px;text-align:center}.arkki-youtube-playlist__grid .arkki-youtube-playlist__empty{grid-column:1/-1}.arkki-youtube-playlist__button{align-items:center;background:var(--church-text);border:2px solid var(--church-text);border-radius:var(--church-button-radius);color:var(--church-text-light);display:inline-flex;font-weight:900;gap:10px;margin-top:18px;min-height:46px;padding:0 18px;text-decoration:none;transition:background .18s ease,color .18s ease}.arkki-youtube-playlist__button:focus,.arkki-youtube-playlist__button:hover{background:var(--church-primary);color:var(--church-text)}.arkki-youtube-playlist__play{border-bottom:7px solid transparent;border-left:11px solid;border-top:7px solid transparent;display:inline-block;height:0;width:0}@media (max-width:720px){.arkki-youtube-playlist__grid,.arkki-youtube-playlist__header{grid-template-columns:1fr}}@media (min-width:721px) and (max-width:1100px){.arkki-youtube-playlist__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}