/* Nonnumeric elapsed reading time; transform updates never affect layout. */
.reading-carousel-controls {display:flex;align-items:center;gap:12px;color:var(--color-accent)}
.reading-carousel-progress {display:block;flex:none;width:68px;height:2px;overflow:hidden;position:relative;border-radius:1px}
.reading-carousel-progress::before {content:'';position:absolute;inset:0;background:currentColor;opacity:.25}
.reading-carousel-progress > span {display:block;width:100%;height:100%;background:currentColor;transform:scaleX(0);transform-origin:left center}
.reading-carousel-toggle {display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--surface-support);color:var(--color-accent);cursor:pointer;transition:background-color 180ms ease-out,color 180ms ease-out}
.reading-carousel-toggle:hover {background:#c8dcda;color:var(--color-ink)}
.reading-carousel-toggle svg {width:20px;height:20px}
.about-quote-carousel .about-quote-controls {gap:8px}
.about-quote-carousel .about-quote-controls button {flex:none}
.about-quote-readout {flex:1;min-width:24px;text-align:center}
.about-quote-readout .reading-carousel-progress {width:100%;margin-top:6px}
@media(prefers-reduced-motion:reduce) {
 .reading-carousel-toggle {transition:none}
}