/* Reserve the fixed language control's actual width; the old rule lost to mode specificity. */
.mode-score .topbar,html:not(.mode-score) .topbar{padding-right:calc(clamp(18px,4vw,64px) + 98px + 28px)}
@media(max-width:900px){
 .mode-score .topbar,html:not(.mode-score) .topbar{padding-right:128px;align-items:flex-start}
 .topbar .topnav{position:absolute;top:86px;right:var(--pad);gap:16px}
}
@media(max-width:760px){
 .mode-score .topbar,html:not(.mode-score) .topbar{padding-right:128px}
 .topbar .topnav{top:78px}
}

/* The package action remains available alongside Change example. */
.topnav [data-package]{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:760px){.topbar .topnav{gap:12px}.topnav [data-package]{font-size:11px;min-height:38px;padding:8px 12px}}
/* Longer, descriptive delivery CTA must fit the copy column. */
.st-deliv .cap-actions .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.1;padding-top:12px;padding-bottom:12px}
@media(max-width:1000px){html:not(.mode-score) .st-deliv{grid-template-columns:minmax(0,1fr);grid-template-areas:"cap" "board" "duo";gap:24px}}