/* Article audio samples share the blog's type, warm surfaces and coral controls. */
.vc-sample{margin:24px 0;padding:20px;background:var(--sand);border:1px solid var(--sand-dark);border-radius:var(--radius-lg)}
.vc-sample-heading{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.vc-sample-heading strong{font-family:var(--font-rounded);font-size:21px;line-height:1.3;font-weight:800}
.vc-sample-heading span{font-size:16px;color:var(--ink-soft)}
.vc-sample audio{width:100%;display:block}
.vc-sample.is-enhanced audio{display:none}
.vc-sample-controls{display:grid;grid-template-columns:48px minmax(0,1fr) auto 44px;gap:12px;align-items:center}
.vc-sample [hidden]{display:none!important}
.vc-sample button{display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;font:inherit;padding:0;flex-shrink:0;transition:background .15s ease,transform .15s ease}
.vc-sample-toggle{width:48px;height:48px;border-radius:50%;background:var(--coral);color:#fff}
.vc-sample-toggle:hover{background:var(--coral-dark)}
.vc-sample-toggle:active{transform:scale(.96)}
.vc-sample button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.vc-sample button .vc-sample-play-icon{width:28px;height:28px;fill:currentColor;stroke-width:3;transform:translateX(1px)}
.vc-sample-pause-icon,.vc-sample-muted-icon{display:none}
.is-playing .vc-sample-play-icon{display:none}
.is-playing .vc-sample-pause-icon{display:block}
.is-muted .vc-sample-muted-icon{display:block}
.is-muted .vc-sample-sound-waves{display:none}
.vc-sample.is-loading .vc-sample-toggle{opacity:.65;cursor:progress}
.vc-sample-mute{width:44px;height:44px;border-radius:50%;background:var(--coral-glow);color:var(--coral)}
.vc-sample-mute:hover{background:var(--sand-dark)}
.vc-sample button:focus-visible,.vc-sample-seek:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.vc-sample-seek{appearance:none;-webkit-appearance:none;min-width:0;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;accent-color:var(--coral)}
.vc-sample-seek::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(to right,var(--coral) var(--progress,0%),var(--muted) var(--progress,0%))}
.vc-sample-seek::-moz-range-track{height:6px;border-radius:99px;background:var(--muted)}
.vc-sample-seek::-moz-range-progress{height:6px;border-radius:99px;background:var(--coral)}
.vc-sample-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-5px;width:16px;height:16px;border:0;border-radius:50%;background:var(--coral)}
.vc-sample-seek::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--coral)}
.vc-sample-seek:disabled{cursor:default;opacity:.55}
.vc-sample-time{font-family:var(--font-rounded);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-soft)}
.post-body .vc-sample-status{margin:12px 0 0;font-size:14px;line-height:1.4;color:var(--ink-soft)}
@media(max-width:420px){.vc-sample{padding:16px}.vc-sample-controls{grid-template-columns:48px minmax(0,1fr) 44px;gap:8px 12px}.vc-sample-time{grid-column:2;grid-row:2;margin-top:-9px}.vc-sample-mute{grid-column:3;grid-row:1}}
@media(prefers-reduced-motion:reduce){.vc-sample button{transition:none}}