/* Semantic HTML controls over the unchanged designer CSS. Every visual value
   comes from the supplied tokens; no token is redefined here. */
.us-page a.us-brand,.us-page a.us-name{color:var(--und-ink)}
.us-page a.us-navl:not(.on){color:var(--und-muted)}
.us-play{border:var(--border-hairline) solid transparent;cursor:pointer}
.us-fo input{accent-color:var(--accent);margin:0;width:var(--space-4);height:var(--space-4)}
.us-page :focus-visible{outline:calc(var(--border-hairline) * 2) solid var(--accent);outline-offset:var(--space-1)}
.us-codeb{width:100%;min-width:0;text-align:center}
.us-acct .us-col{min-width:min(var(--und-rail),100%);overflow-wrap:anywhere}
.us-legal{max-width:var(--measure-prose);margin:var(--space-8) auto;display:flex;flex-direction:column;gap:var(--space-4);color:var(--und-muted)}
.us-legal h1,.us-legal h2,.us-legal h3{color:var(--und-ink);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);margin:var(--space-4) 0 0;scroll-margin-top:var(--space-6)}
.us-legal h1{font-size:var(--text-av-h1);letter-spacing:var(--tracking-display)}
.us-legal h2{font-size:var(--text-h2)}
.us-legal h3{font-size:var(--text-av-h3)}
.us-legal p{margin:0;line-height:var(--leading-body)}
.us-legal ul,.us-legal ol{margin:0;padding-left:var(--space-6)}
.us-legal li+li{margin-top:var(--space-2)}
.us-legal-table{max-width:100%;overflow-x:auto}
.us-legal table{border-collapse:collapse;width:100%}
.us-legal th,.us-legal td{padding:var(--space-3);border:var(--border-hairline) solid var(--und-line);text-align:left;vertical-align:top;min-width:var(--und-rail)}
.us-legal th,.us-legal strong{color:var(--und-ink)}

/* Reserve geometry for account state, branded assets and Add labels. */
body.us-page{display:flex;flex-direction:column}
body.us-page>main{flex:1}
.us-brand-icon{width:var(--space-7);height:var(--space-7);object-fit:contain;flex:none}
#account-link{min-inline-size:var(--space-10);text-align:end;flex:none}
.us-avatar{flex:none}
.us-add .us-btn{min-inline-size:calc(var(--space-8) * 3)}
.us-acts [data-action="add"]{min-inline-size:calc(var(--space-8) * 7)}
@media(max-width:640px){.us-navin{gap:var(--space-3)}#account-link{min-inline-size:0;inline-size:var(--space-10);max-inline-size:var(--space-10)}}