/* Editorial listening session. Native audio blocks remain available without JS. */
.rk-sound-player{padding:clamp(14px,1.5vw,28px);background:var(--wp--preset--color--ink);color:var(--wp--preset--color--paper)}
.rk-sound-player>.wp-block-columns{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(24px,4vw,74px);align-items:stretch;margin:0}
.rk-sound-player .wp-block-column{min-width:0}
.rk-sound-visual{position:relative;height:100%;min-height:clamp(230px,21.8vw,410px);isolation:isolate}
.rk-sound-player .rk-sound-image{height:100%;margin:0}
.rk-sound-player .rk-sound-image img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:50% 50%}
.rk-sound-player .rk-sound-copy{height:100%;padding:clamp(6px,1.2vw,22px) 0 clamp(3px,.6vw,11px);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(16px,1.8vw,32px);align-items:stretch}
.rk-sound-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(12px,2vw,36px);margin:0}
.rk-sound-player .rk-sound-title{font-size:clamp(26px,3.35vw,64px);color:var(--wp--preset--color--paper);line-height:1.05;letter-spacing:-.025em;margin:0;white-space:nowrap}
.rk-sound-title mark{color:var(--wp--preset--color--acid)}
.rk-sound-player .rk-sound-tag{font-size:clamp(14px,.65vw,14px);letter-spacing:.1em;text-transform:uppercase;line-height:1.5;margin:2px 0 0;opacity:1;flex-shrink:0}
.rk-sound-play{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(56px,5.5vw,100px);height:clamp(56px,5.5vw,100px);border:2px solid var(--wp--preset--color--paper);border-radius:50%;background:color-mix(in srgb,var(--wp--preset--color--ink) 33.333%,transparent);color:var(--wp--preset--color--paper);place-items:center;transition:background .2s}
.rk-sound-play:hover{background:color-mix(in srgb,var(--wp--preset--color--ink) 69.020%,transparent)}
.rk-play-symbol{width:0;height:0;border-top:clamp(9px,1vw,18px) solid transparent;border-bottom:clamp(9px,1vw,18px) solid transparent;border-left:clamp(14px,1.4vw,26px) solid currentColor;margin-left:5px}
.rk-sound-play[aria-pressed="true"] .rk-play-symbol{width:clamp(14px,1.4vw,24px);height:clamp(20px,2vw,36px);border:0;border-left:clamp(5px,.5vw,8px) solid currentColor;border-right:clamp(5px,.5vw,8px) solid currentColor;margin:0}
.rk-sound-console{display:none;margin:0}
.rk-sound-player.is-ready .rk-sound-play{display:grid}
.rk-sound-player.is-ready .rk-sound-console{display:block}
.rk-sound-player.is-ready .rk-sound-audio{display:none}
.rk-tone-options{display:flex;max-width:390px;width:62%;border:1px solid #74766a;border-radius:100px;overflow:hidden;margin:0 0 clamp(16px,2vw,36px)}
.rk-tone-options button{flex:1;min-width:0;border:0;border-radius:100px;padding:clamp(5px,.5vw,9px) 8px;background:transparent;color:inherit;font-size:clamp(16px,.95vw,17px);line-height:1.3}
.rk-tone-options button[aria-pressed="true"]{background:var(--wp--preset--color--acid);color:var(--wp--preset--color--ink)}
.rk-tone-options button:focus-visible{outline-offset:-4px}
.rk-waveform{position:relative;height:clamp(42px,4.5vw,82px);margin:0 0 clamp(10px,1.1vw,20px);overflow:hidden}
.rk-waveform img{display:block;width:100%;height:100%;object-fit:fill;opacity:.7}
.rk-waveform img[hidden]{display:none}
.rk-wave-progress{position:absolute;top:0;bottom:0;left:0;width:var(--rk-progress,0%);background:var(--wp--preset--color--acid);mix-blend-mode:color;pointer-events:none}
.rk-sound-timeline{display:flex;align-items:center;gap:clamp(10px,1vw,18px);font-size:clamp(14px,.8vw,14px);font-variant-numeric:tabular-nums}
.rk-sound-timeline input{appearance:none;-webkit-appearance:none;flex:1;width:0;height:2px;margin:0;background:linear-gradient(to right,var(--wp--preset--color--acid) var(--rk-progress,0%),#686b61 var(--rk-progress,0%));cursor:pointer;accent-color:var(--wp--preset--color--acid)}
.rk-sound-timeline input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border:0;border-radius:50%;background:var(--wp--preset--color--paper)}
.rk-sound-timeline input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--wp--preset--color--paper)}
.rk-sound-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0}
.rk-sound-player .rk-sound-caption{font-size:clamp(16px,.95vw,17px);margin:0;opacity:1}
.rk-sound-player .rk-sound-more{margin:0;opacity:1;flex-shrink:0;font-size:clamp(14px,.7vw,14px);text-transform:uppercase;letter-spacing:.14em}
.rk-sound-more a{display:flex;gap:clamp(12px,1.5vw,26px);align-items:center;text-decoration:none;border-bottom:1px solid var(--wp--preset--color--line);padding-bottom:6px}
.rk-sound-more a span{font-size:1.6em;line-height:1}
.rk-sound-audio{width:100%;margin:0}
.rk-sound-audio audio{width:100%}
.rk-sound-audio figcaption{font-size:14px}
@media(min-width:701px) and (max-width:1200px){.rk-sound-player .rk-sound-tag{display:none}.rk-sound-player .rk-sound-title{font-size:3.7vw}}
@media(max-width:700px){.rk-sound-player>.wp-block-columns{grid-template-columns:1fr;gap:22px}.rk-sound-visual{min-height:0;aspect-ratio:1.85}.rk-sound-player .rk-sound-copy{padding:0 4px 8px;gap:24px}.rk-sound-player .rk-sound-title{font-size:clamp(23px,6.2vw,43px)}.rk-sound-player .rk-sound-tag{font-size:14px}.rk-tone-options{width:72%;max-width:340px;margin-bottom:22px}.rk-tone-options button{padding:8px 10px;font-size:16px}.rk-waveform{height:58px}.rk-sound-footer{gap:12px}.rk-sound-player .rk-sound-caption{font-size:16px}.rk-sound-player .rk-sound-more{font-size:14px;letter-spacing:.08em}.rk-sound-more a{gap:10px}.rk-sound-timeline input{height:3px}}
@media(max-width:360px){.rk-sound-player .rk-sound-tag{display:none}.rk-sound-player .rk-sound-title{font-size:25px}.rk-sound-footer{align-items:flex-start;flex-direction:column;gap:16px}}
.editor-styles-wrapper .rk-sound-console{display:block}
.editor-styles-wrapper .rk-sound-play{display:none}

.rk-sound-timeline input{box-sizing:content-box;border-block:10px solid transparent;background-clip:padding-box}

/* Longer user-selected fonts may wrap the heading/tag rather than overflow. */
.rk-sound-heading-row{flex-wrap:wrap}
.rk-sound-player .rk-sound-title{white-space:normal;min-width:0;max-width:100%;overflow-wrap:break-word}
.rk-sound-player .rk-sound-tag{max-width:100%}
