/* Cantico recordings: click-to-load video and audio players. */
.cn-media { display: grid; gap: 16px; margin: 8px 0 24px; max-width: 720px; }
.cn-media--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cn-video { margin: 0; }
.cn-video__btn, .cn-video iframe { display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0; margin: 0; background: var(--ink, #221c17); cursor: pointer; overflow: hidden; border-radius: 0; }
.cn-video__btn img { width: 100%; height: 100%; object-fit: cover; opacity: .92; transition: opacity .2s; }
.cn-video__btn:hover img, .cn-video__btn:focus-visible img { opacity: 1; }
.cn-video__icon { position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 50%; background: rgba(250, 247, 241, .94); box-shadow: 0 1px 8px rgba(34, 28, 23, .2); }
.cn-video__icon::after { content: ""; position: absolute; left: 27px; top: 21px; border-style: solid; border-width: 13px 0 13px 21px; border-color: transparent transparent transparent var(--green, #2f5d4f); }
.cn-video figcaption, .cn-audio__meta { font-size: 13px; line-height: 1.5; letter-spacing: .02em; color: var(--ink-faint, #6e6559); }
.cn-video figcaption { border-bottom: 1px solid var(--rule, #ddd5c8); padding: 12px 0; }
.cn-video figcaption strong { color: var(--ink, #221c17); font-weight: 600; margin-right: 6px; }

.cn-audio { display: flex; gap: 16px; align-items: center; padding: 16px 0; border-top: 1px solid var(--rule, #ddd5c8); border-bottom: 1px solid var(--rule, #ddd5c8); }
.cn-media > .cn-audio + .cn-audio { border-top: 0; margin-top: -16px; }
.cn-audio__play { flex-shrink: 0; position: relative; width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--green, #2f5d4f); background: var(--green, #2f5d4f); cursor: pointer; padding: 0; }
.cn-audio__play:hover { background: var(--green-deep, #1f4034); }
.cn-audio__play span { position: absolute; left: 18px; top: 14px; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent var(--ink-inverse, #faf7f1); }
.cn-audio.is-playing .cn-audio__play span { left: 16px; top: 15px; width: 16px; height: 18px; border: 0; border-left: 5px solid var(--ink-inverse, #faf7f1); border-right: 5px solid var(--ink-inverse, #faf7f1); }
.cn-audio__body { flex: 1; min-width: 0; }
.cn-audio__title { margin: 0 !important; font-family: var(--font-serif, Georgia, serif); font-size: 20px; line-height: 1.3; font-weight: 600; color: var(--ink, #221c17); }
.cn-audio__meta { margin: 2px 0 0 !important; }
.cn-audio__bar { height: 3px; background: var(--rule, #ddd5c8); margin-top: 10px; cursor: pointer; }
.cn-audio__bar span { display: block; height: 100%; width: 0; background: var(--green, #2f5d4f); }
.cn-audio audio { width: 100%; margin-top: 8px; }
.cn-audio.is-enhanced audio { display: none; }

/* Photos placed in page content */
.cn-content figure.is-style-cn-portrait, .cn-content figure.cn-portrait { max-width: 420px; }
.cn-content figure.cn-portrait-small { max-width: 240px; margin: 0 0 20px; }
.cn-content figure.wp-block-image img { width: 100%; height: auto; }
.cn-home-body .cn-media { margin-top: 0; }
.cn-admin-note { font-size: 13px; color: #8a5a22; background: #fff8e6; border: 1px dashed #8a5a22; padding: 8px 12px; }
@media (max-width: 640px) {
  .cn-media--pair { grid-template-columns: 1fr; }
  .cn-video__icon { width: 56px; height: 56px; margin: -28px 0 0 -28px; }
  .cn-video__icon::after { left: 22px; top: 17px; border-width: 11px 0 11px 17px; }
}