/* ============================================================
   UTILITIES — атомарные однозначные классы (один класс = одно
   CSS-свойство или простая комбинация), заменившие точечные
   инлайн-стили в шаблонах. Грузится на ВСЕХ страницах.

   Оглавление:
   .fw-bold, .inline-block, .ti-1, .lh-135, .pb-05/1/15/2/3,
   .pt-1/05/035/2/3, .py-1, .my-1, .mb-1, .ml-1, .mt-2,
   .ta-right, .ta-center, .flex-end, .flex-col, .flex-center,
   .italic, .mono, .nowrap, .color-accent, .fs-lg, .w-100,
   .h-auto, .w-10px, .w-50px, .va-bottom, .icon-1em,
   .img-centered, .hidden
   ============================================================ */

.fw-bold { font-weight: bold; }
.inline-block { display: inline-block; }
.ti-1 { text-indent: 1em; }
.lh-135 { line-height: 1.35em; }
.pb-05 { padding-bottom: .5em; }
.pb-1 { padding-bottom: 1em; }
.pb-15 { padding-bottom: 1.5em; }
.pb-2 { padding-bottom: 2em; }
.pb-3 { padding-bottom: 3em; }
.pt-1 { padding-top: 1em; }
.pt-05 { padding-top: .5em; }
.pt-035 { padding-top: .35em; }
.pt-2 { padding-top: 2em; }
.pt-3 { padding-top: 3em; }
.py-1 { padding: 1em 0; }
.my-1 { margin: 1em 0; }
.mb-1 { margin-bottom: 1em; }
.ml-1 { margin-left: 1em; }
.mt-2 { margin-top: 2em; }
.ta-right { text-align: right; }
.ta-center { text-align: center; }
.flex-end { display: flex; justify-content: flex-end; }
.flex-col { display: flex; flex-direction: column; }
.flex-center { display: flex; justify-content: center; }
.italic { font-style: italic; }
.mono { font-family: monospace; }
.nowrap { white-space: nowrap; }
.color-accent { color: #957056; }
.fs-lg { font-size: large; }
.w-100 { width: 100%; }
.h-auto { height: auto; }
.w-10px { width: 10px; }
.w-50px { width: 50px; }
.va-bottom { vertical-align: bottom; }
.icon-1em { width: 1em; height: 1em; vertical-align: middle; }
.img-centered { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.hidden { display: none !important; }