.cbrb-bar,.cbrb-bar *{box-sizing:border-box}
.cbrb-bar{--cbrb-border:#d3decf;--cbrb-soft:#f4f2e9;--cbrb-navy:#063f3c;--cbrb-green:#477b59;display:flex;align-items:center;gap:12px;width:100%;min-width:0;margin:18px 0;padding:13px 16px;border-radius:20px;background:var(--cbrb-soft);border:1px solid var(--cbrb-border);box-shadow:0 10px 28px rgba(33,61,50,.07);font-family:inherit;color:var(--cbrb-navy)}
.cbrb-icon{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:15px;background:var(--cbrb-soft);border:1px solid var(--cbrb-border);font-size:1.35rem}
.cbrb-copy{min-width:0;flex:1}.cbrb-copy span,.cbrb-copy small{display:block;color:#56675d;font-size:.78rem;line-height:1.2;font-weight:800}.cbrb-copy strong{display:block;margin-top:3px;color:var(--cbrb-navy);font-size:clamp(.98rem,2vw,1.16rem);line-height:1.1;font-weight:950;white-space:nowrap}.cbrb-copy small{margin-top:3px;font-size:.74rem;font-weight:700}
.cbrb-controls{display:flex;align-items:center;gap:14px;flex:0 0 auto}.cbrb-play{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:94px;padding:10px 15px;border:0;border-radius:14px;background:var(--cbrb-green);color:#fff;font:inherit;font-size:.9rem;font-weight:900;cursor:pointer}.cbrb-play:hover{filter:brightness(.96)}.cbrb-play:focus-visible,.cbrb-volume input:focus-visible{outline:3px solid #a96b28;outline-offset:3px}.cbrb-volume{display:flex;align-items:center;gap:7px;margin:0}.cbrb-volume input{width:105px;margin:0;accent-color:var(--cbrb-green);cursor:pointer}.cbrb-audio{display:none}.cbrb-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px;padding:0;border:0}
@media(max-width:600px){.cbrb-bar{align-items:center;padding:12px 13px;gap:10px}.cbrb-volume input{width:72px}.cbrb-controls{gap:8px}.cbrb-play{min-width:82px;padding:10px 12px}.cbrb-copy small{max-width:150px}}
@media(max-width:420px){.cbrb-bar{flex-wrap:wrap}.cbrb-copy{width:calc(100% - 54px)}.cbrb-controls{width:100%;min-width:0;padding-left:54px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.cbrb-volume{min-width:0;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px}.cbrb-volume input{display:block;width:100%;min-width:0;max-width:100%;margin:0}}

.cbrb-website{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:var(--cbrb-green);font-size:.76rem;line-height:1.2;font-weight:850;text-decoration:underline;text-underline-offset:2px}.cbrb-website:hover{color:var(--cbrb-navy)}.cbrb-website:focus-visible{outline:3px solid #a96b28;outline-offset:3px;border-radius:3px}