:root {
   --text: #8aa3ad;
   --dark: #282c34;
   --title: #A2B9C3;
   --link: #61AFEF;
   --link-faded: #78A4BD;
   --link-site-title: #4B9BB5;
   --link-site-title-hover: #78A4BD; 
   --link-outer: #916B6B;

   --input-text-bg: #324A5B;
   --input-text-text: #8AA3AD;
   --input-text-placeholder: #687F89;
   --input-submit-bg: #293D4A;
   --input-submit-text: #6798B3;
   --input-submit-text-disabled: #8B9AA0;
   --input-submit-bg-disabled: #385267;
   --input-submit-bg-hover: #2F4655;

   --button1-active-bg: #23343F;
   --button1-not-active-border: #537E96;
   --button1-not-active-text: #4A7189;
   --button1-selected-bg: #263944;
   --button1-selected-text-color: #537E96;
   --button1-selected-border-color: #5D8BA4;

 /* 2-я половина: */ 
   --link-blog-title: #84A2B1;
   --link-blog-title-hover: #829DB0;
   --link-pinned-post: #78A4BD;
   --link-post-title: #7DA0B6;
   --link-read-more: #72A8C5;
   --blog-title-description: #5D8198;
   --menu-text: #668BA2;
   --menu-text-hover: #6AAFD8;
   --menu-text-first: #78A4BD;
   --menu-text-first-hover: #6AAFD8;
   --menu-bg-hover: #2E353E;
   --menu-bg-hover-pad: #3B444D;
   --menu-bg-selected-hover-pad: #454C54;
   --menu-popup-window: #303B45;
   --menu-popup-text: #78A4BD;

   --user-hidden-action: #7CA9C0;
   --user-hidden-pin-action: #7CA9C0;
   --user-hidden-delete-action: #9B6464;
   --user-hidden-action-flat-select: #808080;
   
   --pub-date: #50646C;
   
   --code-bckg: #232629;
   --code-line-bckg: #212121;
   --code-text: #7A929C;
   --code-line-text: #718A94;
   --blockquote-text: #60767F;
   --blockquote-border: #30434B;
   
   --link-paging: #78A4BD;
   --powered-by: #586D75;
   --link-wf: #84A2B1;
/* Пост: */
   --post-nav-green: #7F9A86;
   --post-nav-purple: #AAA2B7;
   --post-nav-yellow: #B8AD88;
   --post-body-title: #87A3B0;
}


body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   color: var(--text);
   background-color: var(--dark);
   a {
      color: var(--link);
   }
}


/* Заголовок тега на #subpage: */
h1 {
   color: var(--text);
}

/* Цвет горизонтальной линии в футере: */
hr {
   background: #586D75;
}

/* ---------- КОНТЕЙНЕР главной страницы ---------- */
#official-writing {
   /* Отступы слева и справа от края экрана: */
   margin-left: 1em;
   margin-right: 1em;
}
/* ---------- END КОНТЕЙНЕР главной страницы ---------- */


/* ---------- HEADER главной страницы  ----------  */
body header h2 a {
   color: var(--link-site-title);
   transition-duration: .3s;
}

body header h2 a:hover {
   color: var(--link-site-title-hover);

}

#user-nav .tabs a {
   /* Ссылки "About", "Log In" – рядом с названием сайта: */
   color: var(--link-faded);
}
/* ---------- END HEADER главной страницы ---------- */


/* --------- HEADER остальных страниц ---------- */
/* ---- ориентируюсь на страницу Blogs (/me/c/) ---- */
body header h1 a {
   color: var(--link-site-title);
   transition-duration: .3s;
}
body header h1 a:hover {
   color: var(--link-site-title-hover);
}
nav#full-nav a.simple-btn {
   color: var(--button1-not-active-text);
   border: solid 1px var(--button1-not-active-border) !important;
}
nav#full-nav a.simple-btn:hover {
  color: var(--text);
  border: solid 1px var(--link-faded) !important;
  background-color: var(--button1-active-bg);
}
/* ---------- END HEADER остальных страниц ---------- */


/* ---------- СТАТЬИ на главной странице  ---------- */
/* Заголовки статей на главной странице: */
body #official-writing h2 {
   color: var(--title);
}
/* ---------- END СТАТЬИ на главной странице ---------- */


/* ---------- ADMIN ---------- */

/* Выделенная вкладка: */
nav#admin a.selected {
   background: var(--menu-popup-window);
   color: var(--text);
}

/* Description: */
.features div p {
   color: #60767F;
}

/* Ниже – стиль чекбоксов: */
body div#official-writing form input[type="checkbox"] {
   background-color: #3E5A73;
   appearance: none;
   width: 20px;
   height: 20px;
   border-radius: 3px;
   cursor: pointer;
   padding: 0;
   margin: 0;
   line-height: 16px;
   position: relative;
}
body div#official-writing form input[type="checkbox"]:focus-visible {
   outline: solid 2px var(--text);
}
body div#official-writing form input[type="checkbox"]:checked {
   background-color: #2C414F;
   color: var(--text);
}

body div#official-writing form input[type="checkbox"]:checked::after {
   position: absolute;
   top: 10px;
   left: 3px;
   content: "✔";
   line-height: 0;
   display: block;
   font-size: 18px;
}
/* ---------- END ADMIN ---------- */


/* ---------- ACCOUNT SETTINGS ---------- */

/* Цвет заголовков полей в Account Settings: */
#official-writing h3 {
   color: var(--link-post-title);
}
/* ---------- END ACCOUNT SETTINGS ---------- */


/* ---------- IMPORT POSTS ---------- */
#official-writing form input[type="file"]:focus-visible {
   outline: 2px solid var(--text);
}
#official-writing form input[type="file"]::file-selector-button {
   color: var(--input-text-text);
   background-color: var(--input-submit-bg);
   border: solid 2px var(--input-submit-bg);
   border-radius: 4px 0 0 4px;
}
#official-writing form input[type="file"]::file-selector-button:hover {
   background-color: var(--input-submit-bg-hover);
   border-style: solid;
   border-width: 2px;
   border-color: var(--input-submit-bg-hover) var(--input-submit-bg) var(--input-submit-bg-hover) var(--input-submit-bg-hover);
}
#official-writing form input[type="file"]::file-selector-button:active {
   background-color: var(--input-submit-bg-disabled);
   border: solid 2px var(--input-submit-bg-disabled);
}
#official-writing form select {
    color: var(--input-text-text);
    background-color: var(--input-text-bg);
    border-style: solid;
    border-width: 2px;
    border-top-color: #40535B;
    border-right-color: #60767F;
    border-bottom-color: #60767F;
    border-left-color: #40535B;
}

/* Фокусная рамка вокруг эл-та: */
#official-writing form select:focus-visible {
   outline: 2px solid var(--text);
}
/* ---------- END IMPORT POSTS ---------- */


/* ---------- DRAFTS ---------- */

/* Заголовки статей */
.atoms h3 a {
   color: #66869C;
}
.atoms h3 a:hover {
   color: #7DA0B6;
}
.atoms date {
  color: #687F89; 
}
.atoms a.action:any-link {
   color: #708066;
}
.atoms a.action.delete {
   color: var(--user-hidden-delete-action);
}
#official-writing h4 {
   color: #8D8C53;
}
#official-writing h4 select {
    background-color: var(--menu-popup-window);
    padding: 10px;
    color: var(--text);
    /* обводка не хочет переопределяться: */
    /*
    border: solid 1px blue !important;
    border-radius: 4px !important;
    */
}
@media (max-width: 600px) {
   #user-nav .tabs a:first-child {
      margin-left: -50px;
   }
   header nav#user-nav .tabs > a + a {
      margin-left: 1em;
   }
}
/* ---------- END DRAFTS ---------- */


/* ---------- СТАТЬИ (СПИСОК БЛОГОВ) ---------- */

/* Заголовок блога: */
#official-writing ul.collections li.collection a.title:any-link {
   color: var(--link-faded);
}

/* Описание блога: */
.atoms .electron {
   color: var(--text);
}

.pager a {
   color: var(--button1-not-active-text);
}
.pager:not(.pages) a {
   border: solid 1px var(--button1-not-active-border);
}
.pager a:hover {
  background-color: var(--button1-active-bg);
  color: var(--text);
}
.pager:not(.pages) a:hover {
   border: solid 1px var(--link-faded);
}
.pager a.selected {
   background-color: var(--button1-selected-bg);
}
.pager a.selected:hover {
   color: var(--button1-selected-text-color);
   background-color: var(--button1-selected-bg);
   border: solid 1px var(--button1-selected-border-color);
}

/* ---------- END СТАТЬИ (СПИСОК БЛОГОВ) ----------- */


/* ---------- FOOTER главной страницы ---------- */
body footer .marketing-section a.home {
   color: var(--link-blog-title);
}
body footer.contain-me div.marketing-section div.half:nth-child(2) h3 a {
    color: var(--link-blog-title) !important;
    /* font-weight: bold; */
}

   /* Все эл-ты списка в футере обёрнуты в <a>, ... */
   /* только версия WriteFreely не обёрнута: */
body footer .marketing-section ul li {
   color: var(--link-faded);
}
body footer .marketing-section ul li a {
   color: var(--link);
}
/* ---------- END FOOTER главной страницы ---------- */


/* ---------- FOOTER в списке блогов ---------- */
body footer nav a.home:any-link {
   color: #5D8198;
}
body footer nav a.home:hover {
   /* color: var(--link-blog-title-hover); */
   color: var(--link-blog-title);
}

body footer nav a:any-link {
   color: #6F96AD;
}
body footer nav a:hover {
   color: #ACBAC8;
}
/* ---------- END FOOTER в списке блогов ---------- */


/* ---------- LOGIN FORM ---------- */
body div#official-writing form input {
   border-color: var(--input-text-bg);
   color: var(--input-text-text);
   background-color: var(--input-text-bg);
}
body div#official-writing form input::placeholder {
  color: var(--input-text-placeholder); 
}
body div#official-writing form input[type="submit"] {
   border-color: var(--input-submit-bg);
   color: var(--input-submit-text);
   background-color: var(--input-submit-bg);
}
body div#official-writing form input[type="submit"]:focus-visible {
   outline: solid 2px var(--text);
}
body div#official-writing form input[type="submit"]:hover {
   border-color: var(--input-submit-bg-hover);
   background-color: var(--input-submit-bg-hover);
}
/* Когда я нажимаю на кнопку "Log In", то она приобретает статус disabled
 и её текст меняется на "Loggin In ...".
 И в течение какого-то времени мы видим её в качестве disabled.
 Здесь мы редактируем именно этот disabled-стиль: */
body div#official-writing form input#btn-login[type="submit"]:disabled {
   color: var(--input-submit-text-disabled);
   border-color: var(--input-submit-bg-disabled) !important;
   background-color: var(--input-submit-bg-disabled) !important;
}

   /* цвет предупреждения об ошибке ввода: */
body div#official-writing ul.errors li.urgent {
   color: #A8954A;
}
/* ---------- END LOGIN FORM ---------- */



/* --------- 0000000000000 ----------- */
/* 0000000000 2-я половина 00000000000 */
/* --------- 0000000000000 ----------- */


/* ---------- NAV разворачивающееся pad-меню ---------- */
.dark #target .has-submenu a,
.dark #font-picker .has-submenu a {
   background-color: var(--dark);
}
.dark #target .has-submenu ul > li {
  background-color:  red;
}
body.dark#pad #tools nav ul li.menu-heading {
   background-color: #3B444D;
   color: #92ACB8;
   border-bottom: solid 1px var(--menu-popup-window);
}
body.dark#pad #tools nav ul li.menu-heading:hover {
   background-color: var(--menu-bg-hover-pad) !important;
}
.dark #target .has-submenu ul > li > a,
.dark #font-picker .has-submenu ul > li > a {
  background-color: var(--menu-popup-window);
}
.dark #target .has-submenu ul > li.selected a,
.dark #font-picker .has-submenu ul > li.selected a {
   background-color: var(--menu-bg-hover-pad);
}
body.dark#pad #tools #target .has-submenu ul > li.selected a,
body.dark#pad #tools #font-picker .has-submenu ul > li.selected a {
   color: var(--text);
}
body.dark#pad #tools #target .has-submenu ul > li.selected a:hover,
body.dark#pad #tools #font-picker .has-submenu ul > li.selected a:hover {
  background-color: var(--menu-bg-selected-hover-pad);
}
body.dark#pad #tools nav ul > li.has-submenu ul > li > a:hover {
   background-color: var(--menu-bg-hover-pad);
   color: var(--text);
}
/* ---------- END NAV разворачивающееся pad-меню ---------- */


/* ---------- NAV разворачивающееся меню username ---------- */
.dropdown-nav ul li.has-submenu a {
   color: var(--menu-text);
   background-color: var(--dark);
}
.dropdown-nav ul li.has-submenu a:hover {
   color: var(--menu-text-hover);
   background-color: var(--menu-bg-hover);
}
.dropdown-nav ul li.has-submenu ul li a {
   color: var(--menu-popup-text);
   background-color: var(--menu-popup-window);
}

/* «Если курсор находится на подменю этого пункта, покрась ссылку родительского пункта как hover». */
.dropdown-nav ul li.has-submenu:has(ul:hover) > a {
   color: var(--menu-text-hover);
   background-color: var(--menu-bg-hover);
}
/*И ещё немого допов к предыдущему пункту */
.dropdown-nav ul li.has-submenu {
   background-color: var(--dark);
}
.dropdown-nav ul li.has-submenu:hover {
   background-color: var(--menu-bg-hover);
}
.dropdown-nav ul li.has-submenu:hover > a {
   background-color: var(--menu-bg-hover);
   color: var(--menu-text-hover);
}
/* конец допам */

.dropdown-nav ul li.has-submenu ul li.separator {
   background-color: red;
}
.dropdown-nav ul li.has-submenu ul {
   background-color: #404040;
   border: solid 1px #6AAFD8;
}
/* меняем стрелочку меню на серую */
img.ic-18dp {
   filter: invert(50%);
}
/* ---------- END NAV разворачивающееся меню username ---------- */


/* ---------- NAV ---------- */

/* Для мобильников делаем отступ слева меньше:
 по умолчанию он 1.5em, а мы меняем на 0.5em */
@media (max-width: 600px) {
   body#collection nav#manage {
      left: 0.5em;
   }
}

#manage ul li.has-submenu a {
   color: var(--menu-text);
   background-color: var(--dark);
}
#manage ul li.has-submenu a:hover {
   color: var(--menu-text-hover);
   background-color: var(--menu-bg-hover);
}
#manage ul li.has-submenu ul li a.write {
   color: var(--menu-text-first);
}
#manage ul li.has-submenu ul li a.write:hover {
   color: var(--menu-text-first-hover);
}
#manage ul li.has-submenu ul li a {
   color: var(--menu-popup-text);
   background-color: var(--menu-popup-window);
}

/* «Если курсор находится на подменю этого пункта, покрась ссылку родительского пункта как hover». */
#manage ul li.has-submenu:has(ul:hover) > a {
   color: var(--menu-text-hover);
   background-color: var(--menu-bg-hover);
}
#manage ul li.has-submenu ul li.separator {
   background-color: red;
}
#manage ul li.has-submenu ul {
   background-color: #404040;
   border: solid 1px #6AAFD8;
}
/* ---------- END NAV ---------- */


/* ---------- HEADER новостной ленты ---------- */
body header h1#blog-title a {
   color: var(--link-blog-title);
}

body header p.description.p-note {
   color: var(--blog-title-description);
   margin-top: 0;
}
/* ---------- END HEADER новостной ленты ---------- */


/* ---------- PINNED POSTS  ---------- */
a.pinned {
   color: var(--link-pinned-post);
}
/* ---------- END PINNED POSTS ---------- */


/* ---------- КОНТЕЙНЕР НОВОСТНОЙ ЛЕНТЫ ---------- */
#wrapper {
   max-width: 60rem;
}
article {
   /* Отступы слева и справа от края страницы: */
   padding-left: 1em;
   padding-right: 1em;
}

/* .norm – класс присваивается, если статья написана шрифтом Serif,
   .sans – статья написана шрифтом Sans-serif,
   .wrap – статья написана шрифтом Monospace */
body#collection article.norm,
body#collection article.sans,
body#collection article.wrap {
   max-width: 54rem;
}

/* То же, но для страницы с тегами: */
body#subpage article.norm,
body#subpage article.sans,
body#subpage article.wrap {
   max-width: 54rem;
}

/* То же, но для страницы поста: */
body#post article.norm,
body#post article.sans,
body#post article.wrap {
   max-width: 54rem;
}
/* ---------- END КОНТЕЙНЕР НОВОСТНОЙ ЛЕНТЫ ---------- */


/* ---------- ПОСТ В НОВОСТНОЙ ЛЕНТЕ  ---------- */

/* Разделитель между постами: */

body#collection #wrapper article,
body#subpage #wrapper article {
   /* margin'ы укажем явно для каждой страницы: */
   /* уменьшим их с 4rem до 2rem */
    margin-bottom: 2rem;
}
body #wrapper article:not(:last-of-type)::after {
   content: "";
   display: block;
   width: 90%;
   margin: 2rem auto 0 auto;
   border-bottom: solid 1px #30434B;
}

/* Заголовок: */
.post-title a:link,
.post-title a:visited {
   color: var(--link-post-title);
}
/* Если заголовок отстутсвует, то им станонвится дата. Её тоже подкрашиваем: */
.post-title time a:link,
.post-title time a:visited {
   color: var(--link-post-title);
   font-size: 1.6rem;
}
.post-title {
   font-size: 1.6rem;
}
#collection #wrapper .h-entry .post-title,
#subpage #wrapper .h-entry .post-title {
   /* переопределяем margin .post-titl'а: */
   margin-bottom: 0;
   /* шрифт: */
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

/* User hidden actions: */
a.user.hidden.action {
   color: var(--user-hidden-action);
}
a.user.hidden.pin.action {
   color: var(--user-hidden-pin-action);
}
a.user.hidden.delete.action {
   color: var(--user-hidden-delete-action);
}
div.user.hidden.action.flat-select label {
   color: var(--user-hidden-action-flat-select);
}
/* SELECT изменяется только в Falkon и то - только текст: */
div.user.hidden.action.flat-select select option {
   color: var(--menu-text);
   background-color: var(--dark);
}

.dt-published,
#subpage #wrapper .norm.h-entry time.dt-published {
   color: var(--pub-date);
}
#collection #wrapper .h-entry .dt-published,
#subpage #wrapper .h-entry .dt-published {
   /*--link-wf: #66869C;*/
   /* переопределяем margin даты публикации: */
   margin-top: 0;
}

/* Текст статей в новостной ленте: */
#collection #wrapper .h-entry .book,
#subpage #wrapper .h-entry .book {
   /* font-size: 1.2rem; */
   font-size: 1.3rem;
}
@media (max-width: 600px) {
#collection #wrapper .h-entry .book,
#subpage #wrapper .h-entry .book {
   font-size: 1.2rem;
}
}
#collection #wrapper .h-entry .book p,
#subpage #wrapper .h-entry .book p {
   line-height: 1.3;
   margin-top: .7rem;
   margin-bottom: .7rem;
}

body#collection a.read-more,
body#subpage a.read-more {
   color: var(--link-read-more); 
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

#paging a {
   color: var(--link-paging);
}

.book.e-content ul li {
   /* расстояние между эл-тами списка: */
   /* margin-top: -.2rem;
   margin-bottom: -.2rem; */
   line-height: 1.2;
}
.book.e-content ol li {
   line-height: 1.2;
}

#collection #wrapper .h-entry .book p {
   
}
.book ol {
   margin: 0;
}

 /* Если после P идёт UL или OL, то убираем margin-bottom: */
/*
#collection #wrapper .h-entry .book p:has(+ ul),
#collection #wrapper .h-entry .book p:has(+ ol) {
   margin-bottom: 0;
}

*/

/* ---------- END ПОСТ В НОВОСТНОЙ ЛЕНТЕ ---------- */


/* ---------- БЛОКИ КОДА В НОВОСТНОЙ ЛЕНТЕ ---------- */

/* .book.e-content – без "read more" */
/* .book.p-summary – с "read more" */

#wrapper .book pre {
  /* background-color: var(--code-bckg); */
   background-color: var(--code-bckg);
   border: solid 1px var(--code-bckg);
   font-size: .9em;
   line-height: 1.3;
}
/* многострочный блок кода: */
#wrapper .book pre code {
   background-color: var(--code-bckg);
   color: var(--code-text);
   white-space: pre;
}
/* однострочный блок кода: */
#wrapper .book p code {
  background-color: var(--code-line-bckg); 
  border: solid 1px var(--code-line-bckg);
  color: var(--code-line-text);
}

/* ---------- END БЛОКИ КОДА В НОВОСТНОЙ ЛЕНТЕ ---------- */


/* ---------- ЦИТАТЫ В НОВОСТНОЙ ЛЕНТЕ и не только ---------- */
body#collection blockquote,
body#subpage blockquote,
body#post blockquote {
   color: var(--blockquote-text);
   border-left: solid 4px var(--blockquote-border);
}
/* ---------- END ЦИТАТЫ В НОВОСТНОЙ ЛЕНТЕ и не только ---------- */


/* ---------- FOOTER НОВОСТНОЙ ЛЕНТЫ ---------- */

/* надпись "powered by" в футере на страничках collection и subpage: */
body footer nav {
   color: var(--powered-by);
}
#collection footer nav a {
   color: var(--link-wf);
}

#collection footer nav a.home.pubd {
   color: var(--menu-text);
}

/* ---------- END FOOTER НОВОСТНОЙ ЛЕНТЫ ---------- */

/* 0000000 ---- 000000000 */
/* -------- ТЭГИ --------- */
/* 000000000 --- 000000000 */


/* ---------- КОНТЕТ  ---------- */

body#subpage #wrapper h1 {
   max-width: 54rem;
}

/* ---------- END КОНТЕНТ ---------- */


/* 00000000 --- 00000000 */
/* ------- ПОСТ --------- */
/* 0000 ---------- 000000 */


/* --------- POST HEADER ---------- */
span.views {
   color: var(--post-nav-green);
}
#post header nav a:not(.pinned):not(.unpin) {
   /* color: #B8AD88; */
   /* color: #A59DB2; */
   color: var(--post-nav-purple);
}
a.unpin {
   color: var(--post-nav-yellow);
}
/* --------- END POST HEADER ---------- */


/* --------- POST CONTENT ---------- */
#post-body h2 {
   color: var(--post-body-title);
}
body#post article h2#title.dated {
   margin-bottom: 0;
}

#post #post-body .dt-published { 
   color: var(--pub-date);
}

/* .e-content – это статья целиком (и внутри поста, и в новостной ленте, и на #subpage), а ...
   .p-summary – это превьюшка в новостной ленте или на #subpage.  */
/* Это текст на страничке #post */
.e-content, .p-summary {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   font-size: 1.3rem;
}
@media (max-width: 600px) {
   .e-content, .p-summary {
      font-size: 1.2rem;
   }
}

/* ОТСТУПЫ МЕЖДУ АБЗАЦАМИ */
/* задаются шириной строки вышестоящего элемента .e-content */
/* Эл-ты <p> преобразованы в inline, а расстояния между ними задаются */
/*  с помощью line-height: */
body#post .e-content {
   line-height: .8rem;
}
/* Зададим высоту строки <p>, чтобы */
/* чтобы она не наследовалась элементом .e-content: */
body#post .e-content p {
   line-height: 1.3;
}


/* Расстояние между эл-тами списка: */
/*
body#post article li {
   margin-top: -.6rem;
   margin-bottom: -.6rem;
}
*/

/* Списки верхнего уровня: */
body#post article ul,
body#post article ol {
   margin-top: .5rem; 
   line-height: .6;
}
/* Вложенные списки: */
body#post article ul ul,
body#post article ul ol,
body#post article ol ol,
body#post article ol ul {
   margin-top: .5rem;
}

/* --------- END POST CONTENT ---------- */


/* ---------- БЛОКИ КОДА В ПОСТЕ ---------- */

/* Фон в многострочном блоке кода: */
#post-body .e-content pre {
   background-color: var(--code-bckg);
   border: solid 1px var(--code-bckg);
   overflow-x: auto;
   font-size: .9em;
   line-height: 1.2;
}
body#post pre code {
   white-space: pre;
}
/* Цвет текста внутри многострочного блока, который hljs не окрасил: */
#post-body .e-content code {
   color: var(--code-text);
}
/* Цвет текста внутри однострочного блока: */
#post-body .e-content p code {
   background-color: var(--code-line-bckg);
   border: solid 1px var(--code-line-bckg);
   color: var(--code-line-text);
}
/* ---------- END БЛОКИ КОДА В ПОСТЕ ---------- */


/* --------- POST FOOTER ---------- */
#post footer nav {
   color: var(--powered-by);
   /* color: #7A929C; */
}
#post footer nav a {
   color: var(--link-wf);
}
/* --------- END POST FOOTER ---------- */


/* ---------- PAD ---------- */
body#pad textarea {
   /* Отступы от края экрана уменьшим с 2em до 1.2em: */
   padding-left: 1.2em;
   padding-right: 1.2em;
}
body#pad.dark #tools nav > ul > li a {
   color: #7192A7;
}
body#pad.dark #tools .hidden#wc {
   /* цвет текста "кол-во слов": */
   color: var(--text);
}
body#pad.dark textarea {
   color: var(--text);
   background-color: #282C34;
}
body#pad.dark .modal {
   color: var(--text);
   background-color: #282C34;
}
body#pad.dark .modal > div {
   color: #5D8198 !important;
}
/* ---------- END PAD ---------- */