/* A quiet label explains replay while keeping a generous touch target. */
.screen .step-tag:has(.morning-explanation){position:relative;padding-right:124px;min-height:44px}
.screen .morning-explanation{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:6px;width:116px;min-height:44px;padding:8px 6px;border:0;border-radius:10px;background:transparent;color:inherit;opacity:.85;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;line-height:1.25;letter-spacing:normal;text-transform:none;box-shadow:none;white-space:nowrap}
.screen .morning-explanation svg{flex:none;width:16px;height:16px}
.screen .morning-explanation:hover,.screen .morning-explanation[aria-pressed="true"]{opacity:1;background:rgba(140,170,220,.12)}
.screen .morning-explanation:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Keep translated labels intact, including when older global styles are cached. */
.morning-explanation .explanation-label { display:inline;flex:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:12px;line-height:1.25;letter-spacing:normal;text-transform:none; }