/* Точки S3 в оболочке viewer: компактная ссылка «Аккаунт» и демо-плашка.
   Изолированный файл — public/style.css viewer не меняется. */
#account-link{flex:none;display:inline-flex;align-items:center;height:34px;padding:6px 10px;box-sizing:border-box;font:inherit;color:var(--dsw-alias-label-primary);text-decoration:none;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;background:var(--dsw-alias-bg-base)}
#account-link:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
#demo-banner{flex:none;display:flex;gap:10px;align-items:flex-start;background:var(--dsw-alias-state-business-primary);color:#ffffff;padding:10px 14px;font-size:14px;line-height:1.5}
#demo-banner p{margin:0;flex:1;min-width:0}
#demo-banner a{color:#ffffff;font-weight:600}
#demo-banner button{flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;font:inherit;font-size:16px;line-height:1;color:#ffffff;background:none;border:1px solid #ffffff66;border-radius:6px;cursor:pointer}
#demo-banner[hidden]{display:none}
/* На узких экранах ссылка не занимает ряд селектора — прежние геометрии шапки не меняются. */
@media(max-width:600px){
 header{position:relative}
 #account-link{position:absolute;top:8px;right:14px}
}