/* Element defaults. The visual language and the workspace shell live in design.css
   («Чертёжный лист», DESIGN.md), which loads after every page stylesheet. */
:root{font-family:var(--font);
  color:var(--text);
  background:var(--bg);
  font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
button,textarea,select{font:inherit}
button{cursor:pointer;
  transition:background var(--ease),border-color var(--ease),color var(--ease)}
/* Headings and text areas that a page does not style itself. */
h1{font-size:20px;
  font-weight:600;
  margin:7px 0 0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:50vw}
h2{font-size:clamp(24px,2.3vw,30px);
  font-weight:600;
  line-height:1.24;
  margin:15px 0 17px}
/* Only neutral defaults: each form sizes, frames and resizes its own fields
   (the conversation field is #prompt in design.css). */
textarea{display:block;
  line-height:1.6;
  color:var(--text)}
textarea::placeholder{color:var(--text-4)}
textarea:disabled{cursor:not-allowed;
  color:var(--text-3)}
.sr-only{position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0}
.telegram-delivery a{font-size:13px;
  color:var(--text-2)}