/* Сброс, типографика, фокус, табличные цифры */

*{box-sizing:border-box;margin:0;padding:0}
/* Цифры табличные везде (§8.3): у Golos Text все цифры одной ширины,
   и время с деньгами встают в колонку без второго, моноширинного шрифта. */
body{
  font-family:var(--font);font-variant-numeric:tabular-nums;
  background:var(--paper);color:var(--ink);
  font-size:var(--fs);line-height:1.45;
  -webkit-font-smoothing:antialiased;
  /* Абзац не кончается одним словом на строке (§8.3). Свойство
     наследуется, поэтому одно правило закрывает подсказки, пустые
     состояния и примечания всех экранов; однострочных подписей оно
     не касается. */
  text-wrap:pretty;
}
/* Заголовок в две строки делится поровну, а не «длинная + хвост». */
:is(h1,h2,h3,h4){text-wrap:balance}
/* В поле ввода перенос обычный: «красивый» переставлял бы слова прямо
   под курсором, пока человек печатает. */
:is(textarea,input){text-wrap:wrap}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
input{font:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--r-xs)}
.app{display:flex;height:100dvh;overflow:hidden}

/* Числовые значения — табличными цифрами основного шрифта: время и
   деньги встают в колонку, но второго, моноширинного голоса у них нет. */
.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}