/* One invitation, followed by a quiet speaker control as the work takes over. */
.editorial-score-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:none;color:inherit;padding:0;width:44px;min-width:44px;min-height:44px;cursor:pointer}
.editorial-score-glyph{display:block;width:18px;height:18px;flex:none;pointer-events:none}
.editorial-score-toggle:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.editorial-score-toggle:hover .editorial-score-glyph{opacity:.68}
body[data-experience="approved"] #experience-controls>.editorial-score-toggle{width:44px;min-width:44px;min-height:44px}

/* The existing question remains the opening's dominant invitation. */
body[data-experience="approved"] .hero-foot{justify-content:flex-start}
body[data-experience="approved"] .hero-foot>div:first-child>button{min-height:44px;display:inline-flex;align-items:center}
.invitation>.editorial-score-invitation{display:flex;align-items:center;margin-top:clamp(20px,2.2vw,30px);width:min(100%,820px);text-align:left}
.editorial-score-invitation-button{appearance:none;display:inline-flex;align-items:center;gap:10px;border:0;border-radius:0;background:none;color:inherit;font:400 16px/1.5 var(--sans);padding:0;min-height:44px;max-width:100%;cursor:pointer;text-align:left}
.editorial-score-invitation-button>span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:transparent;transition:text-decoration-color .18s ease}
.editorial-score-invitation-button:hover>span,.editorial-score-invitation-button:focus-visible>span{text-decoration-color:currentColor}
.editorial-score-invitation-button:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.editorial-score-invitation-button[data-state="loading"]>span{text-decoration-color:currentColor;text-decoration-style:dotted}
@media(max-width:700px){
 .invitation>.editorial-score-invitation{margin-top:20px}
 .editorial-score-invitation-button{font-size:15px}
 body[data-experience="approved"] .hero:has(.is-engaged){min-height:760px}
}
@media(max-height:600px) and (min-width:701px){
 body[data-experience="approved"] .hero{height:auto;min-height:100svh;padding:130px 8vw 140px}
 body[data-experience="approved"] .hero .invitation{position:relative;inset:auto;transform:none}
}
@media(prefers-reduced-motion:reduce){.editorial-score-invitation-button>span{transition:none}}
