/* Claude fork — Review 2 items S1–S4 plus refinements. Loaded after round2.css. */
/* S1: words size naturally; real spaces live in one inline wrapper so flex anchors keep them */
.rq-roll{display:inline;white-space:nowrap}
.rq-word{width:auto!important;display:inline-block;white-space:nowrap}
/* S2: the chip is an inverted solid object, decided by section, switched instantly */
html[data-experiment="on"] [data-now-playing][data-tone]{padding:6px 4px 6px 14px!important;border:0!important;border-radius:2px;transition:none!important;box-shadow:none!important}
html[data-experiment="on"] [data-now-playing][data-tone="ink"]{background:#111!important;color:#fff!important}
html[data-experiment="on"] [data-now-playing][data-tone="paper"]{background:#fff!important;color:#111!important}
html[data-experiment="on"] [data-now-playing] .rq-chip-label small{opacity:.6}
/* S3: nav matches the section beneath it, switched instantly (no muddy cross-fades) */
.rq-return-nav{transition:transform var(--dur-s) var(--ease-main)!important}
/* S4: caption legibility on mix photographs */
html[data-experiment="on"] .rq-static .mix-card .shade{background:linear-gradient(to top,rgba(17,17,17,.62) 0%,rgba(17,17,17,.38) 28%,rgba(17,17,17,0) 55%)!important;opacity:1!important}
/* Hero play control: drawn icon (Unicode ▶ renders as an emoji on iOS); larger target; title matches the body line */
html[data-experiment="on"] .round-play{position:relative;font-size:0!important;color:#111;width:clamp(40px,calc(40 * var(--entry-unit)),82px)!important;height:clamp(40px,calc(40 * var(--entry-unit)),82px)!important;transition:background-color var(--dur-xs) var(--ease-fade),color var(--dur-xs) var(--ease-fade)}
html[data-experiment="on"] .round-play::before{content:"";display:block;width:26%;height:30%;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);transform:translateX(10%)}
html[data-experiment="on"] .round-play[data-state="pause"]::before{width:24%;height:28%;clip-path:none;background:linear-gradient(to right,currentColor 0 34%,transparent 34% 66%,currentColor 66%);transform:none}
@media(hover:hover) and (pointer:fine){html[data-experiment="on"] .hero-listen:hover .round-play{background:#111;color:#fff}}
html[data-experiment="on"] .hero-listen{gap:14px!important}
html[data-experiment="on"] .hero-listen [data-hero-listen-label]{font-size:var(--t-body)!important;font-weight:500!important;line-height:1.25!important;letter-spacing:-.005em}
html[data-experiment="on"] .hero-listen small{font-size:var(--t-label)!important;font-weight:500!important;color:#6b6b6b!important;margin-bottom:2px!important}