@charset "windows-1251";
@import url("https://forumstatic.ru/files/001c/25/f9/12061.css");
@import url(style_cs.1791688791.css);
/* ИЗОБРАЖЕНИЯ ФОРУМА: все адреса меняются только здесь */
:root {
  --image-forum-header: url('https://cdn.midjourney.com/fbbc2aed-09ba-4dc5-b5df-beeb817e1579/0_3.png');

  /* Галочка checkbox, встроенный SVG */
  --image-checkbox-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  /* Звезда категорий и тем */
  --image-category-star: url("https://forumstatic.ru/files/001c/25/f9/63283.png");
  /* Фон путеводителя */
  --image-category0: url("https://cdn.midjourney.com/c26039e8-5884-4e7f-ab00-1c291b7bb9ab/0_0.png");
  /* Фон раздела персонажей */
  --image-category2: url("https://cdn.midjourney.com/ca54c4a2-1a16-4e3d-93a0-2ee8d93323d6/0_3.png");
  /* Декоративный фон карточек */
  --image-category4: url("https://2img.net/i.imgur.com/4A82lW0.png");
  /* Фон нечётных тем */
  --image-topic-background-odd: url('https://cdn.midjourney.com/ca54c4a2-1a16-4e3d-93a0-2ee8d93323d6/0_0.png');
  /* Фон чётных тем */
  --image-topic-background-even: url("https://2img.net/i.imgur.com/g3JoE2B.png");
  --image-fon-demo: url("https://cdn.midjourney.com/51cfc42c-c700-480d-b498-ae363543c423/0_2.png");
  /* иконки сообщений */
  --icon-new-message: url("https://forumstatic.ru/files/001c/25/f9/99248.png");
  --icon-old-message: url("https://forumstatic.ru/files/001c/25/f9/38141.png");
  --icon-closed-message: url("https://forumstatic.ru/files/001c/25/f9/27015.png");
  --icon-sticky-message: url("https://forumstatic.ru/files/001c/25/f9/73437.png");
}

 
@font-face {
	font-family: 'El Messiri';
	src: url('../res/font/el_messiri_regular.eot'); /* IE 9 Compatibility Mode */
	src: url('../res/font/el_messiri_regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../res/font/el_messiri_regular.woff2?v=1') format('woff2'), /* Super Modern Browsers */
		url('../res/font/el_messiri_regular.woff?v=1') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../res/font/el_messiri_regular.ttf?v=1') format('truetype'), /* Safari, Android, iOS */
		url('../res/font/el_messiri_regular.svg?v=1#el_messiri_regular') format('svg'); /* Chrome < 4, Legacy iOS */
}


 
/***************************************************************/
 
/* ПЕРЕМЕННЫЕ */
:root {
  --pun-width: 1100px;
  --profile-width: 270px;
  --profile-nav: 180px;
  --main-border-radius: 3px;
  --secondary-border-radius: 6px;
  --padding-punbb: 3rem;
  --main-bg-body: #596c71;
  --secondary-bg-body: #a9b4b7;
  --main-bg-body-light: hsl(167.02deg 7% 72.42% / 50%);
  --secondary-bg-body-light: #cdcbc3;
  --main-bg-pun: #d5d4cc;
  --secondary-bg-pun: #dddbd5;
  --main-border-color: #c1beb5;
  --secondary-border-color: #9d998f;
  --primary-text: #161412;
  --lighter-text: #efeae1;
  --links-color: #913a2d;
  --links-hover-color: #386764;
  --links-color-light: #f0dca6;
  --links-hover-color-light: #edfdfc;
}
 
/* RESET-n-NORMALIZE */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, h8, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
 
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  border: 0px solid transparent;
}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
 
body {
  line-height: 1;
}
 
ol,
ul {
  list-style: none;
}
 
blockquote,
q {
  quotes: none;
}
 
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
 
table {
  border-collapse: collapse;
  border-spacing: 0;
}
 
main {
  display: block;
}
 
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
 
pre {
  font-family: monospace;
  font-size: 1em;
}
 
a {
  background-color: transparent;
}
 
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
 
b, strong {
  font-weight: bold;
}
 
i, em {
  font-style: italic;
}
 
code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}
 
small {
  font-size: 80%;
}
 
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
 
sub {
  bottom: -0.25em;
}
 
sup {
  top: -0.5em;
}
 
img {
  border-style: none;
}
 
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
 
button,
input {
  overflow: visible;
}
 
button,
select {
  text-transform: none;
}
 
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  appearance: button;
}
 
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
 
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
 
fieldset {
  padding: calc(var(--space-0-4rem) * var(--forum-padding-density)) calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
}
 
progress {
  vertical-align: baseline;
}
 
textarea {
  overflow: auto;
}
 
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
 
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
 
[type="search"] {
  -webkit-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px;
}
 
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
 
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
 
details {
  display: block;
}
 
summary {
  display: list-item;
}
 
template {
  display: none;
}
 
[hidden] {
  display: none;
}
 
 
/* обнуляем всякое */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  position: absolute;
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
  border: 0px none transparent;
  box-shadow: none;
}
 
.punbb .clearer {
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
}
 
.divider {
  display: none;
}
 
/* убираем font boosting */
html * {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
 
/* задаем размер шрифт на форуме */
html {
  font-size: 62.5%; /* 10px */
}
 
body {
  scrollbar-gutter: stable both-edges;
  line-height: 1.4;
  font-family: Verdana, Tahoma, Arial, system-ui, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  color: var(--primary-text);
  background-attachment: fixed;
  background-color: var(--main-bg-body);
}
 
[id="pun"],
[id="pun"] * {
  box-sizing: border-box;
}
 
/******************************/
 
/* ССЫЛКИ */
a {
  color: var(--links-color);
  text-decoration: none;
  -moz-transition: 0.12s linear;
  transition: 0.12s linear;
}
 
a:hover {
  color: var(--links-hover-color);
}
 
.post-box a {
  text-shadow: 0px 0px 0px var(--links-color);
}
 
.post-box a:hover {
  text-shadow: 0px 0px 0px var(--links-hover-color);
}
 
.quote-box cite a,
.code-box .legend a,
.hide-box cite a {
  color: var(--links-color-light);
}
 
.quote-box cite a:hover,
.code-box .legend a:hover,
.hide-box cite a:hover {
  color: var(--links-hover-color-light);
}
 
/* навигация */
[id="pun-navlinks"] a {
  color: var(--links-color-light);
}
 
[id="pun-navlinks"] a:hover,
[id="pun-navlinks"] a:focus,
[id="pun-navlinks"] a:active {
  color: var(--links-hover-color-light);
}
 
[id="pun-ulinks"] a {
  /* text-shadow: 0px 0px 0px var(--links-color); */
}
 
[id="pun-ulinks"] a:hover {
  /* text-shadow: 0px 0px 0px var(--links-hover-color); */
}
 
/* активная вкладка */
[id="pun-navlinks"] ul li.isactive a {
  color: var(--lighter-text);
}
 
[id="profilenav"] ul li.isactive a {
  color: var(--links-hover-color);
}
 
/* ссылки в админке */
.punbb-admin [id="pun-admain"] a {
  color: var(--links-color) !important;
}
 
.punbb-admin [id="pun-admain"] a:hover,
.punbb-admin a:focus {
  color: var(--links-hover-color) !important;
}
 
.punbb-admin [id="pun-admain"] li.isactive a {
  color: var(--links-hover-color) !important;
}
 
/******************************/
 
/* ЦВЕТНОЙ СКРОЛЛ */
@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--links-color) var(--main-border-color);
  }
}
 
*::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}
 
*::-webkit-scrollbar-track {
  background-color: var(--secondary-border-color);
}
 
*::-webkit-scrollbar-thumb {
  background-color: var(--links-color);
}
 
*::-webkit-scrollbar-corner {
  background-color: transparent;
}
 
/* внутри форума */
#pun *::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: var(--radius-0px);
}
 
#pun *::-webkit-scrollbar-track {
  background-color: transparent !important;
}
 
#pun *::-webkit-scrollbar-thumb {
  background-color: var(--links-color) !important;
  border-radius: var(--radius-2px);
}
 
/* ХАЙЛАЙТ-ВЫДЕЛИТЕЛЬ */
.post-content .highlight-text {
  background-color: var(--links-color-light) !important;
  color: var(--primary-text) !important;
  padding: 0 calc(var(--space-6px) * var(--forum-padding-density));
  border-radius: var(--main-border-radius);
}
 
/* ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА */
*::selection {
  background-color: var(--links-color);
  color: var(--lighter-text);
}
 
*::-moz-selection {
  background-color: var(--links-color);
  color: var(--lighter-text);
}
 
/******************************/
 
/* ЗАГОЛОВКИ */
h1 {
  text-align: center;
  font-size: clamp(1.4rem, (1vw + 1.3rem), 3.2rem);
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
}
 
h2 {
  margin: var(--space-0-2rem) var(--space-0rem);
  padding: calc(var(--space-0-4rem) * var(--forum-padding-density)) calc(var(--space-0-4rem) * var(--forum-padding-density));
  text-align: center;
  font-size: clamp(1.4rem, (1vw + 0.5rem), 1.8rem);
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
}
 
h3 {
  margin: var(--space-0-2rem) var(--space-0rem);
  padding: calc(var(--space-0-2rem) * var(--forum-padding-density)) calc(var(--space-0rem) * var(--forum-padding-density));
  font-size: clamp(1.2rem, (1vw + 0.1rem), 1.5rem);
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
}
 
/******************************/
 
/* все таблички на форуме */
table {
  width: 100%;
}
 
thead {
  font-size: 1rem;
  opacity: 0.85;
}
 
thead th {
  padding: calc(var(--space-4px) * var(--forum-padding-density));
}
 
.punbb .main td {
  padding: calc(var(--space-1rem) * var(--forum-padding-density)) calc(var(--space-0-5rem) * var(--forum-padding-density));
}
 
.usertable {
  margin: var(--space-0-5rem) auto;
}
 
/******************************/
 
/* разделитель */
hr,
.post-content hr {
  margin: var(--space-1-5rem) auto var(--space-1-4rem) !important;
  width: 80%;
  opacity: 1 !important;
}
 
hr,
.post-content hr,
.post-author li hr,
[id="profile-signature"] ul {
  border: 0px solid var(--secondary-border-color);
  border-width: 1px 0 0 0;
}
 
/* картинки */
* img {
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
 
/* картинки и текст рядом */
img.postimg {
  vertical-align: middle;
  max-height: 2000px;
  max-width: 100%;
  width: auto;
  height: auto;
}
 
/* скролл */
.scrollbox {
  overflow: auto;
}
 
/* легенда блоков */
legend {
  margin: auto auto var(--space-0px) var(--space-2rem);
  text-align: left;
  text-transform: lowercase;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  opacity: 0.9;
}
 
legend span {
  padding: calc(var(--space-0-3rem) * var(--forum-padding-density)) calc(var(--space-0-6rem) * var(--forum-padding-density));
}
 
legend span:before,
legend span:after {
  display: inline-block;
}
 
legend span:before {
  content: '(';
  margin-right: var(--space-0-3rem);
}
 
legend span:after {
  content: ')';
  margin-left: var(--space-0-3rem);
}
 
[id="pun-edit"] legend,
legend.warntext {
  padding: calc(var(--space-1rem) * var(--forum-padding-density)) 0;
}
 
/* блок написания поста */
[id="post.container"][method="post"] legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  right: 0px;
  left: 0px;
  width: calc(100% - var(--padding-punbb) * 2);
}
 
/* блок с выбором и перемещением */
.fs-box {
  margin: var(--space-0-6rem) var(--space-0-7rem) var(--space-0-4rem);
}
 
/* всплывающие подсказки */
.tooltipsy {
  max-width: 300px;
  background: rgba(0, 0, 0, 0.8) !important;
  border: 1px solid rgba(0, 0, 0, 0.8);
  color: #e9e9e9;
}
 
/******************************/
 
/* поля ввода преднастройка */
button,
input,
optgroup,
select,
textarea {
  line-height: 1;
  font-size: 1.2rem;
  color: var(--primary-text);
  border: 1px solid var(--secondary-border-color);
  border-radius: var(--main-border-radius);
  background-color: var(--secondary-bg-pun);
}
 
[id="main-reply"] {
  width: 100%;
}
 
[id="form-buttons"] table,
.punbb .formal textarea {
  width: 99%;
}
 
[id="post-form"].formal {
  margin-bottom: var(--space-1-6rem);
}
 
/* выпадающее меню */
select {
  outline: none;
  padding: calc(var(--space-0-5rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
}
 
/* поля ввода */
input {
  outline: none;
  padding: calc(var(--space-0-5rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density)) calc(var(--space-0-4rem) * var(--forum-padding-density));
  max-width: 100%;
}
 
[type="checkbox"],
[type="radio"],
input[type="radio"] {
  box-shadow: none;
}
 
/* радиокнопки */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] *,
fieldset[class="radiofield security-level"] * {
  height: 2em;
  vertical-align: middle;
  line-height: 1.5;
}
 
.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
  margin: var(--space-0px) var(--space-0-8rem) auto var(--space-0-4rem);
}
 
input[type="checkbox"] {
  padding: calc(var(--space-5px) * var(--forum-padding-density)) !important;
  height: 1em;
  border: 1px solid var(--secondary-border-color);
  border-radius: var(--radius-2px);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: all .1s linear 0s;
}
 
input[type="radio"] {
  padding: calc(var(--space-5px) * var(--forum-padding-density)) !important;
  height: 1.2rem;
  border-radius: var(--radius-50pct);
  border: 1px solid var(--secondary-border-color);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: all .2s ease-in-out 0s;
}
 
[id="pun"] input[type="checkbox"]:checked,
[id="pun"] input[type="radio"]:checked {
  height: 1.2rem;
  border: 1px solid var(--links-color);
  background-image: var(--image-checkbox-check);
  background-position: 0;
  background-repeat: no-repeat;
  background-color: var(--links-color);
}
 
/* выбранная строка - перекрашивается */
[id="pun"] tr:has(input[type="radio"]:checked),
[id="pun"] tr:has(input[type="checkbox"]:checked),
[id="pun"] #messages .fs-box tr:has(input[type="checkbox"]:checked),
#pun-admain #filetable tr.selected td,
#filetable tr:has(.tc3.checker input[type="checkbox"]:checked) {
  background-color: var(--secondary-bg-body-light);
}
 
[id="pun"] [id="pun-multimove"] .post:has(input[type="checkbox"]:checked),
[id="pun"] [id="pun-multidelete"] .post:has(input[type="checkbox"]:checked) {
  border-radius: var(--secondary-border-radius);
  background-color: var(--secondary-bg-body-light);
}
 
/******************************/
 
/* подчеркнутый текст */
.bbuline,
em.bbuline {
  text-decoration: underline;
}
 
/* зачеркнутый текст */
del {
  text-decoration: line-through;
  opacity: 0.85;
  transition: 0.25s ease-in-out;
  background-color: transparent;
}
 
del:hover {
  text-decoration: none;
  opacity: 0.85;
}
 
/* поясняющиий текст */
.post-content abbr {
  cursor: help;
  text-decoration: underline dotted;
}
 
/******************************/
 
/* таблица опроса*/
[id="poll-special"] div.formal.vote-result table td {
  width: 33%;
}
 
[id="poll-special"] td h1 {
  display: block;
  margin: auto var(--space-0px);
  padding: calc(var(--space-2px) * var(--forum-padding-density));
  height: 8px !important;
  background-image: none;
  background-color: var(--main-bg-body);
}
 
[id="poll-special"] td h1:before,
[id="poll-special"] td h1:after {
  display: none;
}
 
[id="poll-special"] td span {
  padding: 0 calc(var(--space-1rem) * var(--forum-padding-density));
}
 
[id="poll-special"] td.tac span {
  padding: 0;
}
 
[id="poll-special"] table.poll2 tr td:first-child {
  text-align: right !important;
}
 
[id="poll-special"] table.poll2 tr td.tac {
  text-align: center !important;
}
 
/* опрос да-нет*/
[id="poll-special"].section.type-3 div.formal.vote-result table td {
  width: auto;
}
 
/******************************/
 
/* КНОПКИ */
/* центрируем кнопки */
[id="post-form"] .formsubmit {
  text-align: center;
}
 
[id="imageupload-left"] input[type=button] {
  width: auto !important;
}
 
[id="viewprofile-next"] [id="pa-edit"] a,
[id="pun-profile"] a.vip,
input[class="button"],
input[class="button submit"],
input[type="button"],
input[type="submit"],
input[name="ban"],
.button {
  cursor: pointer;
  -moz-transition: 0.18s linear;
  transition: 0.18s linear;
  margin: var(--space-1rem) var(--space-1rem);
  padding: calc(var(--space-0-6rem) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density)) calc(var(--space-0-7rem) * var(--forum-padding-density)) !important;
  width: auto;
  letter-spacing: 0.08rem;
  font-weight: 600 !important;
  font-size: 1.1rem;
  color: var(--lighter-text);
  border: 1px solid var(--main-bg-body);
  border-radius: var(--main-border-radius);
  background-color: var(--main-bg-body);
  filter: brightness(1.0);
}
 
/* кнопка отправить */
input[name="submit"],
input[id="reputationButtonSend"],
[id="viewprofile-next"] [id="pa-edit"] a {
  color: var(--links-color-light);
  border-radius: var(--main-border-radius);
  border: 1px solid var(--links-color);
  background-color: var(--links-color);
  background-size: 100% auto;
  background-position: 100% 100%;
}
 
/* кнопки при наведении */
[id="pun-profile"] a.vip:hover,
input[class="button"]:hover,
input[class="button submit"]:hover,
input[type="button"]:hover,
input[name="ban"]:hover,
.button:hover {
  cursor: pointer;
  color: var(--links-hover-color-light);
  background-color: var(--links-hover-color);
}
 
input[name="submit"]:hover,
input[id="reputationButtonSend"]:hover,
[id="viewprofile-next"] [id="pa-edit"] a:hover {
  cursor: pointer;
  color: var(--links-hover-color-light);
  border-color: var(--links-hover-color);
  background-color: var(--links-hover-color);
}
 
/* улучшить аккаунт */
[id="pun-profile"] a.vip {
  display: block;
  margin: var(--space-1-2rem) var(--space-1rem);
  max-width: 300px;
  text-align: center;
}
 
[id="pun-profile"] a.vip {
  display: inline-block;
  padding: calc(var(--space-0-2rem) * var(--forum-padding-density)) calc(var(--space-1-1rem) * var(--forum-padding-density)) calc(var(--space-0-3rem) * var(--forum-padding-density)) !important;
  font-weight: 400 !important;
}
 
/******************************/
 
/* страница нет новых сообщений */
h1+div.info {
  padding: calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density));
}
 
/* пояснение для пустого блока */
.info .container {
  margin: var(--space-0rem);
  padding: calc(var(--space-1rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density)) calc(var(--space-0-8rem) * var(--forum-padding-density));
}
 
/* списки на страницах VIP, help */
[id="forum-vip"] ul li,
[id="forum-foundation"] ul li {
  list-style-type: disc;
  padding-bottom: calc(var(--space-0-5rem) * var(--forum-padding-density));
  margin-left: var(--space-2rem);
}
 
[id="pun-help"].punbb {
  padding: calc(calc(var(--padding-punbb) * var(--forum-padding-density))/1.8) calc(var(--padding-punbb) * var(--forum-padding-density));
}
 
[id="pun-help"] h2 {
  margin: var(--space-0-5rem) var(--space-0rem) var(--space-1rem);
  padding: calc(var(--space-0-4rem) * var(--forum-padding-density)) min(calc(var(--space-3pct) * var(--forum-padding-density)), calc(var(--space-2rem) * var(--forum-padding-density))) calc(var(--space-0-4rem) * var(--forum-padding-density));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: clamp(1.4rem, (1vw + 0.5rem), 2rem);
  color: var(--links-hover-color);
}
 
[id="pun-help"] h3 {
  margin: var(--space-1-2rem) auto;
  width: 80%;
}
 
[id="pun-help"] p {
  padding-bottom: calc(var(--space-0-8rem) * var(--forum-padding-density));
}
 
[id="pun-help"] dl,
[id="pun-help"] ul {
  margin-left: var(--space-2rem);
  padding-bottom: calc(var(--space-0-6rem) * var(--forum-padding-density));
}
 
[id="pun-help"] dl dt,
[id="pun-help"] ul li {
  padding: 0 0 calc(var(--space-0-6rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
}
 
[id="pun-help"] dd {
  padding: 0 0 calc(var(--space-2rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
}
 
/******************************/
 
/* вкплывающие окна, модальные окна, pop-up */
.modal-inner,
.inner,
[id="pun"] .modal-inner {
  padding: calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density));
  color: var(--primary-text);
  border-radius: var(--secondary-border-radius);
  border: 1px solid var(--main-border-color);
  background-color: var(--main-bg-pun);
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.55) !important;
}
 
[id="pun"] .pun-modal .container {
  overflow: auto;
  padding: calc(var(--space-0-5rem) * var(--forum-padding-density)) calc(var(--space-0em) * var(--forum-padding-density));
}
 
[id="pun"] [id="pun-reputation"] .inner {
  top: 40%;
}
 
[id="pun"] .pun-modal.rating_theme [id="all_voters"] tbody {
  overflow-y: hidden;
}
 
[id="pun"] .pun-modal.rating_theme .container {
  overflow-x: hidden;
}
 
[id="pun"] .pun-modal [id="all_voters"] figure {
  width: auto !important;
  max-width: 74px !important;
}
 
[id="pun"] .pun-modal .closer {
  font-size: 1.6rem !important;
  margin-right: var(--space-4px) !important;
}
 
.inner td {
  vertical-align: top;
}
 
[id="pun"] .pun-modal h2 {
  margin: var(--space-0px) auto var(--space-1-8rem) auto !important;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--links-hover-color);
}
 
/* перемещение сообщений */
[id="move_posts_form"] thead tr,
[id="move_posts_form"] tbody tr {
  padding-right: calc(var(--space-8px) * var(--forum-padding-density));
  display: grid !important;
  align-items: center;
  grid-template-columns: 1fr auto;
  justify-items: start;
  border-bottom: 1px solid var(--main-border-color);
}
 
[id="pun"] [id="pun-report"] .bg,
[id="pun"] [id="pun-reputation"] .bg,
[id="pun"] [id="pun-admin-award-form"] .bg {
  background-color: rgba(0, 0, 0, 0.75);
}
 
/******************************/
 
/* плавная прокрутка внутри форума */
@media (prefers-reduced-motion: no-preference) {
  [id="pun"] {
    scroll-behavior: smooth;
  }
}
 
/* тело форума, начало, start */
[id="pun"] {
  position: relative;
  overflow-wrap: break-word;
  margin: var(--space-20px) auto var(--space-20px);
  padding: calc(var(--space-0rem) * var(--forum-padding-density));
  width: clamp(280px, var(--pun-width), 100%);
  max-width: var(--pun-width);
  font-size: 1.2rem;
  letter-spacing: 0.015em;
  border-radius: var(--secondary-border-radius);
  box-shadow: inset 0px 0px 50px -22px var(--main-bg-body), 0px 1px 30px -16px hsl(0deg 0% 0% / 80%);
  background-color: var(--main-bg-pun);
}
 
.punbb {
  display: grid;
  width: auto;
  padding: calc(calc(var(--padding-punbb) * var(--forum-padding-density))/2) calc(var(--padding-punbb) * var(--forum-padding-density));
}
 
[id="pun-main"] {
  position: relative;
}
 
[id="pun-main"]:after {
  content: '';
  display: block;
  clear: both;
}
 
/******************************/
 
/* логотип, шапка форума */
[id="pun-title"] {
  padding: calc(var(--space-0rem) * var(--forum-padding-density));
}
 
[id="pun-title"] tr[id="title-logo-tr"] {
  display: grid;
  grid-template-columns: auto 1fr;
}
 
[id="title-logo-tr"] [id="title-logo-tdl"] {
  grid-column: 2;
  grid-row: 1 / -1;
  align-self: center;
}
 
[id="title-logo-tr"] [id="title-logo-tdr"] {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  grid-column: 1;
  grid-row: 1 / -1;
  margin: calc(-3px - var(--padding-punbb) / 2) auto -22px;
  padding: calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-20px) * var(--forum-padding-density));
  min-width: 240px;
  background-color: var(--links-color);
  clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 20px), 50% 100%, 0 calc(100% - 20px));
}
 
 
[id="pun-title"] h1.title-logo {
  margin: auto var(--space-0px) auto;
  padding: calc(var(--space-1rem) * var(--forum-padding-density));
  max-height: 80px;
  overflow: auto;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.04rem;
  font-weight: 600;
  font-size: 3rem;
  font-family: El Messiri, Tahoma, Verdana, sans-serif;
  color: var(--main-bg-body);
}
 
[id="pun-title"] h1.title-logo span {
  margin: auto var(--space-0rem);
  text-align: center;
}
 
td[id="title-logo-tdr"]:before {
  margin: var(--space-0rem);
  padding: calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-0rem) * var(--forum-padding-density));
  min-width: calc(3.6rem*4);
  box-sizing: border-box;
  content: '» Mybb';
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  font-size: 3.6rem;
  font-weight: 600;
  font-family: El Messiri, Tahoma, Verdana, sans-serif;
  background: linear-gradient(2deg, var(--links-color) -6%, var(--links-color-light) 70%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#pun.custom-logo #title-logo-tdr {
  display: block;
  background-image: var(--forum-logo);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#pun.custom-logo #title-logo-tdr:before {
  content: "";
}
 
/******************************/
 
/* НАВИГАЦИЯ */
[id="pun-navlinks"] {
  margin: var(--space-1rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-0rem) auto;
  padding: calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--padding-punbb) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-2rem) * var(--forum-padding-density));
  max-width: 80%;
  border-radius: var(--secondary-border-radius) var(--radius-0px) var(--radius-0px) var(--secondary-border-radius);
  background-color: var(--links-color);
}
 
[id="pun-navlinks"] .container,
[id="pun-ulinks"] .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-0-3rem) var(--space-1-5rem);
  line-height: 1.2;
}
 
[id="pun-navlinks"] .container {
  margin: auto;
  width: auto;
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}
 
[id="pun-ulinks"] {
  margin: var(--space-0-2rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-1-2rem);
  padding: calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--padding-punbb) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density));
  border: 0px solid transparent;
  border-image: linear-gradient(to right, transparent 0%, var(--main-border-color) 30%, var(--main-border-color) 100%);
  /* border-image-slice: 1; */
  border-width: 0px 0px 1px 0px;
}
 
[id="pun-ulinks"] .container {
  justify-content: flex-end;
  font-size: 1.1rem;
  font-style: italic;
  text-transform: lowercase;
}
 
[id="pun-navlinks"] li,
[id="pun-ulinks"] li {
  position: relative;
  margin: auto var(--space-0rem);
  padding: calc(var(--space-0rem) * var(--forum-padding-density));
}
 
/* уведомления */
[id="pun"] span.num_msg {
  position: absolute;
  z-index: 6;
  display: inline-block;
  margin-left: -4px !important;
  margin-top: -18px !important;
  padding: calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density)) !important;
  height: 18px !important;
  line-height: 0;
  font-weight: 400;
  font-size: 10px !important;
  border-radius: var(--main-border-radius);
  background-color: var(--links-hover-color);
}
 
[id="pun"] span.num_msg:before {
  top: 15px !important;
  background-color: var(--links-hover-color) !important;
}
 
[id="pun"] .bubble,
[id="pun"] .notify-bubble {
  display: inline-block;
  position: inherit !important;
  top: 0px !important;
  right: 0px !important;
  margin: auto auto auto var(--space-6px) !important;
  padding: calc(var(--space-1px) * var(--forum-padding-density)) calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-0px) * var(--forum-padding-density)) calc(var(--space-3px) * var(--forum-padding-density)) !important;
  min-width: 8px !important;
  width: auto !important;
  height: auto !important;
  font-weight: 400 !important;
  font-size: 8px !important;
  color: var(--lighter-text);
  border-radius: var(--radius-2px);
  background-color: var(--links-hover-color) !important;
}
 
[id="pun"] .bubble:after,
[id="pun"] .notify-bubble:after {
  display: none !important;
}
 
[id="pun"] #notify-link .unreads {
  top: -9px;
  right: -14px;
  height: 14px;
  min-width: 14px;
  font-weight: 400;
  font-size: 8px;
  border-radius: var(--main-border-radius);
  background-color: var(--secondary-bg-body);
}
 
#messages-list a>img.atr {
  width: 30px;
  height: 30px;
  border-radius: var(--main-border-radius) !important;
  background-size: cover !important;
}
 
/******************************/
 
/* объявление */
[id="pun-announcement"] {
  margin: var(--space-0-5rem) var(--space-0rem);
  padding: calc(var(--space-0-5rem) * var(--forum-padding-density));
}
 
[id="pun-announcement"] h2 {
  display: none;
}
 
/******************************/
 
/* приветствие */
[id="pun-status"] {
  margin: var(--space-0-2rem) var(--space-0rem);
  padding: calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density)) calc(var(--space-6px) * var(--forum-padding-density));
  overflow: auto;
  text-align: left;
  font-size: 1.1rem;
}
 
[id="pun-status"] .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-4px) var(--space-6px);
}
 
[id="pun-status"] .container span.item1 {
  order: -3;
}
 
[id="pun-status"] .container span.item2 {
  order: -2;
}
 
[id="pun-status"] .container span.item4 {
  order: -1;
}
 
[id="pun"] [id="pun-status"] span.item3 {
  margin: auto var(--space-0px) auto auto;
}
 
 
[id="pun"] [id="pun-status"] .status-right {
  float: none !important;
  clear: both;
}
 
/******************************/
 
/* хлебные крошки */
[id="pun-crumbs1"],
[id="pun-crumbs2"] {
  margin: var(--space-0-5rem) var(--space-2rem);
  padding: calc(var(--space-0-5rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
}
 
p.crumbs em {
  font-size: 0rem;
  font-weight: 600;
}
 
p.crumbs em:before {
  display: inline-block;
  padding: calc(var(--space-0px) * var(--forum-padding-density)) calc(var(--space-5px) * var(--forum-padding-density));
  margin-top: var(--space-0px);
  content:'home';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-size: 8px;
  font-style: normal;
  border-radius: var(--radius-0pct);
  transform: translateY(-1px);
}
 
/* удаляем на главной */
[id="pun-index"] [id="pun-crumbs1"],
[id="pun-index"] [id="pun-crumbs2"] {
  display: none;
}
 
/******************************/
 
/* Блок таблицы форумов */
[id="pun-main"] {
  padding: calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-0rem) * var(--forum-padding-density));
  margin: var(--space-1rem) var(--space-0rem);
}
 
/* общая строка тем-автор */
.forum tr {
  display: grid;
  grid-template-columns: 1.7fr 1fr 0.4fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  margin: var(--space-1rem) var(--space-0rem);
}
 
.forum tr:last-of-type {
  margin-bottom: var(--space-0px);
  border-bottom-width: 0px;
}
 
.forum thead tr {
  margin: var(--space-0rem);
}
 
.forum tr .tc3 {
  text-align: center;
}
 
/* аватарка и последний пост */
.forum .tcr:not(thead .tcr) {
  font-size: 1.1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
    "avain avaina"
    "avain abyuser";
  align-items: center;
  gap: var(--space-2px) var(--space-10px);
}
 
.forum .tcr:not(:has(> em.user-avatar)):not(thead .tcr) {
  grid-template-areas:
    "avaina avaina"
    "abyuser abyuser";
  gap: var(--space-2px) var(--space-0px);
}
 
.forum .tcr:not(:has(> em.user-avatar)):not(thead .tcr) a {
  grid-column: 1 / -1;
}
 
/* автор темы */
.byuser-username {
  font-size: 1.45rem;
  text-transform: uppercase;
}
 
.tcl span.byuser:before {
  content: '-';
  padding: 0 calc(var(--space-0-4rem) * var(--forum-padding-density));
}
 
/******************************/
 
/* ГЛАВНАЯ СТРАНИЦА */
/* заголовки на главной странице */
[id="pun-index"] [id="pun-main"] h2,
[id="pun-stats"] h2,
[id="post-form"] h2,
[id="similar-topics"] h2,
[id="pun-mod"] h2 {
  margin: var(--space-3rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-2-6rem);
  padding: calc(var(--space-0-5rem) * var(--forum-padding-density)) calc(var(--padding-punbb) * var(--forum-padding-density)) calc(var(--space-0-5rem) * var(--forum-padding-density));
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
  font-size: clamp(1.2rem, (1vw + 0.2rem), 2rem);
  overflow: hidden;
  color: var(--lighter-text);
  background-color: var(--main-bg-body);
}
 
[id="pun-category1"] h2:first-of-type,
[id="pun-index"] .info h2,
[id="similar-topics"] h2,
[id="pun-mod"] h2 {
  margin-top: var(--space-1rem);
}
 
[id="pun-index"] [id="pun-main"] h2 span,
[id="pun-index"] .category h2 span,
.info h2 span,
[id="pun-stats"] h2 span,
[id="post-form"] h2 span,
[id="similar-topics"] h2 span {
  display: block;
}
 
/* таблица форумов на главной */
[id="pun-index"] .category table {
  border-collapse: separate;
}
 
[id="pun-index"] .category thead,
[id="pun-viewforum"] .category thead {
  display: none;
}
 
/* расстояние между строками */
[id="pun-index"] .category tbody.hasicon {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: var(--space-26px) var(--space-0px);
}
 
/* СТРОКА форум - последнее сообщение */
[id="pun-index"] .category tr,
[id="pun-index"] .category tr.isub,
[id="pun-viewforum"] .category tr.isub {
  position: relative;
  margin: var(--space-0rem);
  padding: calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-0-8rem) * var(--forum-padding-density));
  display: grid;
  grid-template-columns: 1.5fr 0.5fr auto auto;
  grid-template-rows: auto auto auto;
  grid-template-areas:
    "lone lfour lfour lfour"
    "lone lfour lfour lfour"
    "lone . ltwo lthree";
  gap: var(--space-6px) var(--space-16px);
}
 
/* фикс первой и последней строк */
[id="pun-index"] .category tr:first-of-type {
  margin-top: var(--space-0px);
}
 
[id="pun-index"] .category tr:last-of-type {
  margin-bottom: var(--space-0px);
}
 
/* сообщений и тем */
[id="pun-index"] .tc2:before,
[id="pun-viewforum"] tr.isub td.tc2:before {
  margin-right: var(--space-4px);
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-size: 1.2rem;
  content:'forum';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="pun-index"] .tc3:before,
[id="pun-viewforum"] tr.isub td.tc3:before {
  margin-right: var(--space-4px);
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-size: 1.2rem;
  content:'chat';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="pun-index"] .category .tc2,
[id="pun-index"] .category .tc3,
[id="pun-viewforum"] .category tr.isub .tc2,
[id="pun-viewforum"] .category tr.isub .tc3 {
  display: block;
  margin: var(--space-0px);
  padding: calc(var(--space-4px) * var(--forum-padding-density));
  text-align: center;
}
 
/* блок форум */
[id="pun-index"] .category .tcl,
[id="pun-viewforum"] .category .isub .tcl {
  padding: calc(var(--space-0rem) * var(--forum-padding-density));
  text-align: justify;
}
 
.category .tcl .intd {
  position: relative;
  padding: calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density));
  height: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "iconka neiconka";
  gap: var(--space-0px) var(--space-0px);
  box-shadow: 0px 4px 20px -16px var(--secondary-border-color);
  border-radius: var(--secondary-border-radius);
  border: 1px solid var(--main-border-color);
  background-color: var(--secondary-bg-body-light);
}
 
/* последнее сообщение */
[id="pun-index"] .category .tcr,
[id="pun-viewforum"] .category tr.isub td.tcr {
  align-self: center;
  text-align: center;
  margin: var(--space-0px);
  padding: calc(var(--space-0rem) * var(--forum-padding-density));
  height: 100%;
  position: relative;
  font-size: 1.1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas:
    "lastpost-span avaindex"
    "lastpost-a avaindex";
  gap: var(--space-4px) var(--space-14px);
}
 
/* заголовок форума */
[id="pun-index"] h3,
[id="pun-viewforum"] tr.isub h3 {
  padding: calc(var(--space-0-2rem) * var(--forum-padding-density)) calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-0-4rem) * var(--forum-padding-density));
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.04rem;
}
 
/* модераторы */
span.modlist {
  display: block;
  font-style: italic;
  font-size: 1.1rem;
  text-align: right;
  opacity: 0.8;
}
 
/* поле последнего сообщения */
a.lastpost-link {
  position: relative;
  font-size: 1.2rem;
}
 
/* автор последнего поста */
[id="pun-index"] span.lastpost,
[id="pun-viewforum"] tr.isub span.lastpost {
  display: block;
  align-self: end;
}
 
/******************************/
 
/* подфорумы */
[id="pun-viewforum"] .category tr.isub {
  margin: var(--space-1-8rem) var(--space-0rem) var(--space-1-4rem);
}
 
[id="pun"] #pun-main #subforums,
.subforums {
  margin: var(--space-0rem) var(--space-1rem) var(--space-1rem);
  padding: calc(var(--space-0-6rem) * var(--forum-padding-density)) calc(var(--space-1-6rem) * var(--forum-padding-density)) calc(var(--space-0-5rem) * var(--forum-padding-density));
  width: fit-content;
  font-size: 1.1rem;
  border-radius: var(--main-border-radius);
  border: 1px solid var(--main-border-color);
  background: var(--main-bg-body-light);
}
 
[id="pun"] #pun-main #subforums {
  width: auto !important;
  font-size: 1.2rem;
}
 
[id="pun"] #pun-main #subforums a {
  font-weight: 600;
}
 
/* заголовок внутренний */
.punbb h1:not(.title-logo) {
  margin: var(--space-0-5rem) var(--space-0rem) var(--space-0-5rem);
  padding: calc(var(--space-0-4rem) * var(--forum-padding-density)) min(calc(var(--space-3pct) * var(--forum-padding-density)), calc(var(--space-2rem) * var(--forum-padding-density))) calc(var(--space-0-4rem) * var(--forum-padding-density));
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
  font-size: clamp(1.2rem, (1vw + 0.2rem), 1.6rem);
 color: var(--main-bg-body);
}
 
.punbb h1:not([id="pun-title"] h1) span {
  display: block;
}
 
/* модераторское меню */
div.modmenu {
  margin: var(--space-1rem) calc(var(--space-0rem) - var(--padding-punbb));
  padding: calc(var(--space-0-8rem) * var(--forum-padding-density)) calc(calc(var(--space-1-4rem) * var(--forum-padding-density)) + calc(var(--padding-punbb) * var(--forum-padding-density)));
  border-radius: var(--main-border-radius);
  /* border: 1px solid var(--main-bg-body-light); */
  background: var(--secondary-bg-body-light);
}
 
.modmenu .container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
 
/* RSS Atom */
div.modmenu .container span {
  float: right;
  margin: auto var(--space-0px) auto auto;
}
 
/******************************/
 
/* внутри форума/категории */
[id="pun-viewforum"] .forum tr {
  display: grid;
  grid-template-columns: 1.6fr 0.4fr 0.4fr 0.8fr;
  grid-template-rows: auto;
  align-items: center;
}
 
[id="pun-viewforum"] thead tr {
  padding: 0;
}
 
[id="pun-viewforum"] .forum .tc2 {
  text-align: center;
}
 
/* модерирование списка тем */
[id="pun-modviewforum"] .forum tr {
  grid-template-columns: 1.6fr 0.4fr 0.4fr 0.8fr 50px;
  grid-template-rows: auto;
  padding-left: calc(var(--space-0px) * var(--forum-padding-density));
}
 
[id="pun-modviewforum"] .forum .tc2,
[id="pun-modviewforum"] .forum .tcmod {
  text-align: center;
}
 
p.selectfield,
p.checkfield {
  margin: var(--space-1rem) var(--space-0rem);
}
 
/* надпись над блоком выбора */
p#sex.infofield,
label[for^="po"],
label[for="fld-lang"],
label[for^="fld"]:not(.adlabel) {
  margin-left: var(--space-1-2rem);
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  opacity: 0.88;
}
 
/* обнуляем для чекбоксов и некоторых радио */
p.checkfield label,
span.radio label,
dd div.checkfield label,
.checkfield label[for^="fld"] {
  margin-left: var(--space-0rem);
  font-style: normal;
  font-size: 1.1rem;
  opacity: 1;
}
 
.areafield~p.checkfield label[for^="fld"],
.areafield~p.inputfield label[for^="fld"] {
  font-size: 1.2rem;
  opacity: 1;
}
 
/* блок выбора */
select[name="move_to_forum"] {
  margin-top: var(--space-0-3rem);
}
 
/* кнопка */
p.formsubmit {
  margin: auto var(--space-1-1rem) var(--space-1-8rem);
}
 
/* перемещение сообщений */
[id="pun-multimove"] .modmenu .container,
[id="pun-multidelete"] .modmenu .container {
  justify-content: flex-end;
}
 
[id="pun-multimove"] .modmenu strong,
[id="pun-multidelete"] .modmenu strong {
  order: -2;
  margin: auto var(--space-1rem) auto var(--space-0rem);
}
 
[id="pun-multimove"] .modmenu input[type="submit"],
[id="pun-multidelete"] .modmenu input[type="submit"] {
  order: -1;
  margin: auto auto auto var(--space-0rem);
}
 
[id="pun-multimove"] .modmenu input[type="checkbox"],
[id="pun-multidelete"] .modmenu input[type="checkbox"] {
  margin-right: var(--space-6px);
}
 
[id="pun-multimove"] li.pl-select,
[id="pun-multidelete"] li.pl-select {
  padding: calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density));
  border-bottom: 1px solid var(--main-border-color);
}
 
/* редактирование темы */
[id="topic-modmenu"].modmenu {
  padding: calc(var(--space-0-5rem) * var(--forum-padding-density)) calc(var(--padding-punbb) * var(--forum-padding-density));
}
 
/* просматривают тему */
[id="topic-users-in"].modmenu {
  border-width: 0px;
  background-color: transparent;
}
 
[id="topic-users-in"] .container {
  display: block;
}
 
div[id="topic-users-in"].modmenu .container span {
  float: none;
  clear: both;
}
 
[id="topic-users-in"] a:after {
  content: ',';
}
 
[id="topic-users-in"] a:last-child:after {
  display: none;
}
 
/******************************/
 
/* ИКОНКИ */
.forum .tcl .intd,
.fs-box .tcl .intd {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  align-items: center;
}
 
div.icon {
  display: block;
  margin: auto var(--space-1-4rem) auto var(--space-0px);
  width: 12px;
  height: 12px;
  border-radius: var(--radius-50pct);
  border: 1px solid var(--secondary-border-color);
  background-color: var(--main-bg-body-light);
}
 
.inew div.icon {
  border: 1px solid var(--links-color);
  background-color: var(--links-color);
}
 
.iclosed div.icon {
  border: 1px solid var(--secondary-border-color);
  background-color: var(--secondary-border-color);
}
 
.isticky div.icon {
  border: 1px solid var(--links-hover-color);
  background-color: var(--links-hover-color);
}
 
/* иконки на главной */
[id="pun-index"] div.icon,
[id="pun-viewforum"] .isub div.icon {
  margin: calc(-1px - var(--space-1-2rem)) var(--space-1-6rem) var(--space-0px) -4px;
  width: 20px;
  height: 36px;
  border: 0px solid transparent;
  border-radius: var(--radius-0px);
  background: var(--main-bg-body);
  clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% calc(100% - 6px), 0% 100%);
}
 
[id="pun-index"] div.icon.inew,
[id="pun-viewforum"] .isub div.icon.inew {
  background: var(--links-color);
}
 
/* пометки о темах */
span.stickytext,
span.closedatafield,
span.redirecttext,
span.polltext {
  display: inline-block;
  margin-right: var(--space-1rem);
  padding: calc(var(--space-0-1rem) * var(--forum-padding-density)) calc(var(--space-0-5rem) * var(--forum-padding-density)) calc(var(--space-0-2rem) * var(--forum-padding-density)) calc(var(--space-0-9rem) * var(--forum-padding-density));
  line-height: 1.2;
  letter-spacing: 0.06rem;
  font-size: 1rem;
  text-transform: lowercase;
  text-align: center;
  border-radius: var(--main-border-radius);
  border: 1px solid var(--main-bg-body-light);
  background: var(--secondary-bg-body-light);
}
 
/* количество непрочитанных тем */
[id="pun"] .icon[data-new-topics]:before,
[id="pun"] .subforums span[data-new-topics]:before {
  left: 12px;
  margin: var(--space-0px);
  height: 12px;
  line-height: 12px;
  font-size: 8px;
  font-weight: 600;
  border-radius: var(--radius-4px);
  background: var(--links-color);
}
 
/******************************/
 
/* ЮЗЕР-АВАТАР */
[id="pun"] .punbb .user-avatar {
  float: left;
  position: relative;
  width: auto !important;
  height: auto !important;
  margin: auto auto auto var(--space-0px) !important;
  overflow: visible;
  border-radius: var(--main-border-radius);
}
 
[id="pun"] .punbb .user-avatar:hover {
  border-radius: var(--secondary-border-radius);
}
 
[id="pun"] .punbb .user-avatar a {
  padding: 0;
  background: transparent;
}
 
[id="pun"] .punbb .user-avatar span.avatar-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  height: 38px !important;
  width: 32px !important;
  border-radius: var(--main-border-radius);
  opacity: 0.85;
  filter: grayscale(0.25);
  -moz-transition: 0.12s linear;
  transition: 0.12s linear;
}
 
[id="pun"] .punbb .user-avatar span.avatar-image:hover {
  opacity: 1;
  filter: grayscale(0);
}
 
/* аватар на главной */
[id="pun"] [id="pun-index"].punbb .user-avatar {
  float: none !important;
  clear: both !important;
  margin: auto auto !important;
  height: auto !important;
  width: auto !important;
  transform: rotate(4deg);
  -moz-transition: 0.12s linear;
  transition: 0.12s linear;
}
 
[id="pun"] [id="pun-index"].punbb .category .tcr:hover .user-avatar {
  transform: rotate(0deg);
}
 
[id="pun"] [id="pun-index"].punbb .user-avatar .avatar-image {
  position: relative;
  margin: var(--space-0px) auto auto var(--space-0px);
  height: 54px !important;
  width: 38px !important;
  border-radius: var(--main-border-radius);
}
 
[id="pun"] [id="pun-index"].punbb .category .tcr .user-avatar:hover .avatar-image {
  opacity: 1;
  border-radius: var(--main-border-radius);
}
 
/* нет аватара */
.user-avatar.no-avatar span.avatar-image {
  background-image: none !important;
  background-color: var(--main-bg-body);
}
 
/* индикатор онлайн */
.punbb .user-avatar .isonline {
  display: block;
  position: absolute;
  z-index: 4 !important;
  width: 16px !important;
  height: 16px !important;
  right: -5px !important;
  top: -6px !important;
  bottom: auto;
  border: 1px solid var(--links-color);
  border-radius: var(--radius-0pct) !important;
  background-color: var(--links-color) !important;
  animation: blinkColor 3s linear infinite !important;
  clip-path: polygon(50% 0, 65% 35%, 100% 50%, 65% 60%, 50% 100%, 35% 62%, 0 50%, 35% 35%);
}
 
[id="pun-index"] .user-avatar .isonline {
  top: -4px !important;
  right: -4px !important;
}
 
/* убираем некоторые переносы строк */
[id="pun-index"] h3+br,
[id="pun-index"] .category .tcr em+a+br,
[id="pun-viewforum"] h3+br,
[id="pun-viewforum"] .category .tcr em+a+br,
.lastpost-link+br,
a.lastpost-link+br {
  display: none;
}
 
/******************************/
 
/* СТАТИСТИКА */
[id="pun-stats"] li[id="onlinelist"] {
  grid-column: 1 / -1;
  min-width: 0px;
  overflow: auto;
  font-size: 1.2rem;
}
 
[id="pun-stats"] {
  margin: var(--space-0-5rem) var(--space-0rem) var(--space-1rem);
}
 
[id="pun-stats"] ul.container {
  margin: var(--space-0rem);
  display: grid;
 
  grid-template-columns: 0.6fr 1fr;
  grid-template-rows: repeat(auto-fill, minmax(0px, auto));
  grid-template-areas:
    "nonlinelist nonlinelist"
    "ntemy nusers_24h"
    "nsoob nusers_24h"
    "nrega nusers_24h"
    "nregapos nusers_24h"
    ". nusers_24h";
  gap: var(--space-6px) var(--space-16px);
}
 
[id="pun-stats"] ul.container li.item5:not(li.item5.users_24h) {
  grid-column: 1 / -1;
}
 
/* выделяем цифры статистики */
[id="pun-stats"] li strong,
li[id="onlinelist"] strong {
  font-weight: 600;
}
 
/* блоки статистики */
[id="pun-stats"] li.item1,
[id="pun-stats"] li.item2,
[id="pun-stats"] li.item3,
[id="pun-stats"] li.item4 {
  padding: calc(var(--space-0px) * var(--forum-padding-density)) calc(var(--space-0px) * var(--forum-padding-density));
  text-align: left;
}
 
[id="pun-stats"] li.item1 span,
[id="pun-stats"] li.item2 span,
[id="pun-stats"] li.item3 span,
[id="pun-stats"] li.item4 span {
  display: inline-block;
  padding-right: calc(var(--space-4px) * var(--forum-padding-density));
}
 
/* активны */
[id="pun-stats"] li.item5.onlinelist {
  margin-bottom: var(--space-0-4rem);
  padding: calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-0-8rem) * var(--forum-padding-density));
  text-align: left;
}
 
/* выделить админсостав в статистике */
[id="pun-stats"] a.group1,
[id="pun-stats"] a.group2 {
  font-weight: 400;
}
 
/* сервисный копирайт */
[id="pun-about"] {
  margin: var(--space-0-6rem) var(--space-0rem);
  padding: calc(var(--space-0-4rem) * var(--forum-padding-density)) calc(var(--space-1-2rem) * var(--forum-padding-density));
  text-align: right;
  font-size: 1.1rem;
}
 
/******************************/
 
/* расширенная статистика */
[id="pun"] [id="pun-statistic"] h1 {
  margin: var(--space-1-4rem) var(--space-0rem) var(--space-0-5rem);
}
 
[id="pun-statistic"] thead {
  text-align: left;
}
 
[id="pun-statistic"] tr {
  border-bottom: 1px solid var(--main-border-color);
}
 
[id="pun-statistic"] tr:last-of-type {
  border-bottom-width: 0px;
}
 
/******************************/
 
/* УЧАСТНИКИ */
/* отступ блока фильтров */
form[id="userlist"] {
  margin: var(--space-1rem) var(--space-1-2rem);
}
 
/* поля в строчку в Поиске Участников и Поиске Тем */
form[id="userlist"] p.inputfield,
form[id="userlist"] p.selectfield,
form[id="punbbsearch"] p.inputfield,
form[id="punbbsearch"] p.selectfield {
  display: inline-block;
  margin: var(--space-0-5rem) var(--space-0-2rem) var(--space-1rem);
}
 
/* верхняя граница для блоков-выборов */
form[id="userlist"] fieldset,
form[id="punbbsearch"] fieldset,
form[id="messages"][method="post"] fieldset {
  margin-bottom: var(--space-1-2rem);
}
 
form[id="userlist"] fieldset,
form[id="punbbsearch"] fieldset {
  padding: calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
  border-radius: var(--secondary-border-radius);
  border: 1px solid var(--main-border-color);
  background-color: var(--secondary-bg-body-light);
}
 
/* общее деление строки с участниками */
.usertable tr {
  display: grid;
  grid-template-columns: 1fr 1fr 0.4fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: auto;
  align-items: center;
  justify-items: center;
  border-bottom: 1px solid var(--main-border-color);
}
 
.online-list tr {
  display: grid;
  grid-template-columns: 0.9fr 1.3fr 0.8fr;
  grid-template-rows: auto;
  align-items: center;
  justify-items: center;
  /* border-bottom: 1px solid var(--main-border-color); */
}
 
.online-list thead tr th.tcl.action {
  display: none;
}
 
/* фиксим строку с аватаром и никнеймом */
.usertable .tcl,
.usertable .tc2 {
  justify-self: start;
  text-align: left;
  line-height: 110%;
}
 
.usertable .tcl {
  padding-left: calc(var(--space-1rem) * var(--forum-padding-density)) !important;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "avain nikname";
  gap: var(--space-0px) var(--space-12px);
  font-weight: 400;
}
 
/* пользователи онлайн */
.online-list td {
  padding: calc(var(--space-1em) * var(--forum-padding-density)) calc(var(--space-0-4em) * var(--forum-padding-density)) !important;
}
 
.online-list td.tcl {
  justify-self: left;
}
 
.online-list th.tcl {
  width: 100% !important;
}
 
[id="pun-online"] .tcl.action {
  width: 100% !important;
}
 
/******************************/
 
/* ПРОФИЛЬ */
/* страница предпросмотра */
[id="viewprofile-next"] {
  margin: var(--space-1-2rem) min(var(--space-3pct), var(--space-2rem)) var(--space-0rem);
}
 
[id="viewprofile-next"] [id="profilenav"] {
  display: none;
}
 
[id="viewprofile-next"] [id="viewprofile"] .container {
  margin: var(--space-0px) var(--space-0rem) auto;
}
 
[id="viewprofile-next"] [id="viewprofile"] div.container table {
  margin: var(--space-0px) var(--space-0px);
  width: 100%;
}
 
[id="viewprofile"] div.container table {
  width: auto;
  border-spacing: 0px 0px;
  border-collapse: separate;
}
 
/* делим блок профиля на части */
[id="viewprofile-next"] [id="viewprofile"] table tr:not([id="profile-signature"] table tr) {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  align-items: start;
  gap: var(--space-10px) var(--space-20px);
}
 
.punbb td#profile-left {
  grid-column: 1 / 2;
  position: relative;
  padding: calc(var(--space-16px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density)) !important;
  width: auto;
  min-width: 200px;
  max-width: 330px;
  text-align: center;
  font-size: 1.1rem;
  color: var(--primary-text);
  border-radius: var(--secondary-border-radius);
  border: 1px solid var(--main-border-color);
  border-radius: var(--secondary-border-radius);
  background-color: var(--secondary-bg-body-light);
}
 
[id="profile-left"] li {
  margin: auto var(--space-1-2rem) var(--space-0-8rem) !important;
}
 
.punbb #profile-left strong {
  display: block;
  font-weight: 400 !important;
}
 
.punbb #profile-left #profile-name strong {
  font-weight: 600 !important;
  font-size: 1.4rem;
  color: var(--links-color);
}
 
[id="profile-left"] [id="pa-edit"] {
  margin-top: var(--space-2rem) !important;
  margin-bottom: var(--space-2rem) !important;
}
 
/* блоки с описанием */
.punbb td[id="profile-right"] {
  grid-column: -2 / -1;
  position: relative;
  width: auto;
}
 
[id="profile-right"] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
  grid-template-rows: auto;
  gap: var(--space-16px) var(--space-12px);
  overflow: hidden;
  width: 100% !important;
  font-size: 1.1rem;
}
 
[id="profile-right"] li {
  align-content: center;
  padding: calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density)) !important;
  text-align: center;
  border-radius: var(--secondary-border-radius);
  border: 1px solid var(--main-border-color);
  border-radius: var(--secondary-border-radius);
  background-color: var(--secondary-bg-body-light);
}
 
[id="profile-right"] li span {
  display: block;
  margin: auto auto var(--space-0-4rem);
  font-size: 1.2rem;
  font-weight: 600;
}
 
.punbb #profile-right li strong {
  padding-left: calc(var(--space-4px) * var(--forum-padding-density));
  font-weight: 400;
}
 
#profile-right li[id="pa-posts"] {
  order: -1;
  grid-column: 1 / -1;
}
 
 
/* отделяем подпись */
[id="viewprofile"] #profile-signature {
  padding: calc(var(--space-1-8rem) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
}
 
.punbb #profile-signature ul {
  border-color: var(--secondary-border-color);
  border-style: solid;
  border-width: 1px 0px 0px 0px !important;
}
 
/* профиль внутри */
[id="profile"]>.container {
  margin-left: calc(var(--profile-nav) + var(--space-1-4rem));
}
 
[id="profile"].formal {
  margin: var(--space-0-4rem) var(--space-0-8rem) var(--space-0-4rem) min(var(--space-3pct), var(--space-2rem));
}
 
/* меню профиля */
[id="profilenav"] {
  margin: var(--space-0px) var(--space-0px) var(--space-1rem) calc(-1*var(--profile-nav) - var(--space-1-4rem));
  padding: calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
  width: var(--profile-nav);
  float: left;
  border-radius: var(--secondary-border-radius);
  border: 1px solid var(--secondary-border-color);
  background: var(--secondary-bg-body-light);
}
 
[id="profilenav"] h2 {
  margin: var(--space-1-6rem) var(--space-0rem) var(--space-0-4rem);
  padding: calc(var(--space-0rem) * var(--forum-padding-density));
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.18rem;
  font-weight: 600;
  font-size: 1.4rem;
  color: var(--main-bg-body);
}
 
[id="profilenav"] h2:first-of-type {
  margin-top: var(--space-0-4rem);
}
 
[id="profilenav"] ul {
  text-align: center;
  font-weight: 600;
}
 
[id="profilenav"] ul li {
  padding: calc(var(--space-4px) * var(--forum-padding-density));
}
 
/* блоки внутри профиля */
[id="profile"] .fs-box {
  overflow: auto;
}
 
[id="profile"] .fs-box p {
  margin: var(--space-0-6rem) var(--space-1rem);
}
 
[id="profile"] .fs-box p.formsubmit {
  margin-top: var(--space-1-2rem);
}
 
[id="profile"] fieldset {
  margin: var(--space-0-2rem) var(--space-0rem) var(--space-1rem);
  padding: calc(var(--space-0-2rem) * var(--forum-padding-density)) calc(var(--space-0rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
}
 
[id="profile"] legend {
  margin-left: var(--space-1rem);
}
 
[id="profile"] label[for^="fld"] {
  font-size: 1.2rem;
}
 
.fs-box.inline p.inputfield {
  display: inline-block;
}
 
/* загрузка аватара */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 var(--space-0-8rem) var(--space-1-6rem);
  max-width: 220px;
}
 
/* предпросмотр подписи */
dl.parsedsig {
  margin-top: var(--space-1-2rem);
  padding: calc(var(--space-1rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density)) calc(var(--space-1-2rem) * var(--forum-padding-density));
  border-top: 1px solid var(--secondary-border-color);
}
 
/* загрузка файлов */
[id="profile"] p.submitend {
  padding: calc(var(--space-1-4rem) * var(--forum-padding-density)) calc(var(--space-0-8rem) * var(--forum-padding-density));
}
 
[id="filetable"] .ft-version,
[id="filetable"] .tc3 {
  text-align: center;
}
 
[id="filetable"] tr {
  border-bottom: 1px solid var(--main-border-color);
}
 
span.files-page-select {
  padding-top: calc(var(--space-1-2rem) * var(--forum-padding-density));
}
 
/* выдаем права */
[id="setmods"] dl {
  padding: calc(var(--space-0-8rem) * var(--forum-padding-density)) 0;
}
 
[id="setmods"] dt {
  font-weight: 600;
  margin: var(--space-0-4rem) auto var(--space-0-4rem) var(--space-1-6rem);
}
 
[id="profile"] [id="setmods"] dd {
  margin-left: var(--space-2rem);
}
 
[id="setmods"] dd div.checkfield {
  padding: calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-2px) * var(--forum-padding-density));
}
 
div.checkfield .sub {
  margin-left: var(--space-1-4rem);
}
 
/* ПОДАРКИ */
[id="profile-gifts"] {
  margin: var(--space-1-8rem) var(--space-1-4rem) var(--space-1rem);
}
 
[id="pun-mod"].punbb [id="send_gift"] tr td {
  vertical-align: middle;
}
 
.punbb.mod-gifts p:has(input[type="button"]) {
  margin-top: var(--space-1-4rem);
}
 
/* RUSFF награды */
[id="profileContainer"] .fs-box tr {
  display: table-row;
}
 
[id="awards-content"] tr {
  width: 100%;
  margin: var(--space-0px);
  padding: calc(var(--space-0px) * var(--forum-padding-density));
}
 
[id="awards-content"] td.tc2,
[id="awards-content"] td.tcl {
  width: 20% !important;
  text-align: center;
}
 
.punbb .profile-awards-container div.fs-box table td,
.punbb [id="awards-content"] td {
  vertical-align: middle;
  border-bottom: 1px solid var(--main-border-color);
}
 
.profile-awards-container fieldset:nth-child(2) {
  padding: calc(var(--space-1rem) * var(--forum-padding-density));
  border-radius: var(--secondary-border-radius);
  background-color: var(--secondary-bg-body-light);
}
 
textarea[id="award-description"] {
  border: 1px solid var(--secondary-border-color);
}
 
/* страница наград */
[id="pun-mod"] h2 {
  grid-template-columns: 1fr auto auto;
  gap: var(--space-0px) var(--space-12px);
}
 
[id="pun-mod"] h2 .catleft {
  grid-column: 1 / 2;
}
 
[id="pun-mod"] h2 span {
  grid-column: 2 / -2;
}
 
[id="pun-mod"] h2 .fr {
  grid-column: -2 / -1;
}
 
[id="awards-content"] a.award-edit,
[id="awards-content"] a.award-delete {
  padding: calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-6px) * var(--forum-padding-density));
}
 
/******************************/
 
/* ЛИЧНЫЕ СООБЩЕНИЯ */
.usertable td,
.fs-box .hasicon td {
  width: 100% !important;
  text-align: center;
}
 
#messages .fs-box tr {
  display: grid;
  grid-template-columns: 1.7fr 1.2fr 0.8fr 0.3fr;
  grid-template-rows: auto;
  align-items: center;
  margin: var(--space-1rem) var(--space-0rem);
}
 
#messages .fs-box tr:first-of-type {
  margin-top: var(--space-0-2rem);
}
 
#messages .fs-box thead tr {
  margin: var(--space-0rem);
  background-image: none;
}
 
/* фикс thead */
#messages th.pmtcl1,
#messages th.pmtc22,
#messages th.pmtc33,
#messages th.pmtc24 {
  width: 100% !important;
  text-align: left;
}
 
#messages th.pmtc33,
#messages th.pmtc24,
#messages .pmtc33,
#messages .pmtc24 {
  text-align: center;
}
 
#messages .pmtcl1 {
  text-align: left;
}
 
#messages .tc2.pmtc22 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
 
[id="pun"] .tc2.pmtc22 .user-avatar {
  margin: var(--space-0px) var(--space-12px) var(--space-0px) var(--space-0px) !important;
}
 
/* фикс для таблиц в письме */
.fs-box .post-content tr {
  display: table-row;
}
 
[id="pun-messages"] .fs-box h3 {
  margin-top: var(--space-0rem);
  margin-right: var(--space-0rem);
  border-width: 1px 1px 1px 0px;
}
 
/* громкость уведомлений */
[id="notify-settings"] {
  margin: auto var(--space-0rem) var(--space-1-4rem) calc(-1*var(--profile-nav) - var(--space-1-4rem)) !important;
  padding: calc(var(--space-0-8rem) * var(--forum-padding-density)) calc(var(--space-1-6rem) * var(--forum-padding-density));
  overflow: auto;
  font-size: 1.1rem;
  line-height: 1.1;
  border: 1px solid var(--main-border-color);
  border-radius: var(--main-border-radius);
  background-color: var(--secondary-bg-body-light);
}
 
[id="volSlider"] {
  position: relative;
  z-index: 3;
  float: right;
  margin: var(--space-3px) var(--space-5px) var(--space-3px) !important;
  width: 120px !important;
  height: 2px !important;
  border-radius: var(--main-border-radius) !important;
  border: 0px solid transparent !important;
  background-color: var(--secondary-border-color) !important;
  box-shadow: none !important;
}
 
[id="volSlider"] .before {
  position: absolute;
  margin-top: var(--space-0px) !important;
  height: 2px !important;
  border: solid 0px transparent !important;
  border-radius: var(--radius-0px) !important;
  background-color: var(--links-color) !important;
}
 
[id="volSlider"] .thumb {
  position: relative;
  top: -4px !important;
  cursor: pointer;
  width: 10px !important;
  height: 10px !important;
  border-radius: var(--radius-50pct) !important;
  border: 0px solid transparent !important;
  background-color: var(--links-color) !important;
  box-shadow: none !important;
}
 
/******************************/
 
/* ПАГИНАЦИЯ */
.linkst,
.linksb {
  margin: var(--space-1rem) var(--space-0px);
  padding: calc(var(--space-0-5rem) * var(--forum-padding-density)) 0;
  font-size: 1.1rem;
}
 
.pagelink strong,
.pagelink a {
  margin: auto;
  padding: calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-3px) * var(--forum-padding-density));
  font-size: 1.2rem;
}
 
.linkst {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  gap: var(--space-0px) var(--space-12px);
}
 
.linkst .pagelink {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  min-width: 0px;
}
 
.linkst .postlink {
  grid-column: -2 / -1;
  grid-row: 1 / 2;
  justify-self: end;
  min-width: 0px;
}
 
.linksb {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  gap: var(--space-12px) var(--space-12px);
}
 
.linksb .pagelink {
  grid-row: 1 / 2;
  grid-column: 1 / -2;
  min-width: 0px;
}
 
[id="pun"] #pun-viewtopic .linksb .postlink {
  display: block;
}
 
[id="pun"] #pun-viewtopic .linksb .postlink span.closed {
  padding: 0;
  font-size: 0px;
  border-width: 0px;
  opacity: 0.7;
  background-color: transparent;
}
 
[id="pun"] #pun-viewtopic .linksb .postlink span.closed:before {
  display: inline-block;
  content:'lock_outline';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-size: 16px;
  font-weight: 400;
}
 
.linksb .postlink {
  grid-row: 1 / 2;
  grid-column: 2 / -1;
  min-width: 0px;
}
 
.linksb .subscribelink {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  margin: var(--space-0-8rem) auto var(--space-0rem) var(--space-0rem);
  float: none;
}
 
/* поиск по теме */
[id="s-block"] {
  display: flex;
  justify-content: flex-end;
  grid-column: 2 / -1;
  margin: var(--space-0-3rem) var(--space-0-5rem) auto auto;
  max-width: 190px;
  float: none !important;
  clear: both;
}
 
[id="s-block"] [id="sTheme"] {
  margin: var(--space-0rem);
  height: auto;
  min-height: 25px;
  border-radius: var(--main-border-radius) var(--radius-0rem) var(--radius-0rem) var(--main-border-radius);
}
 
[id="s-block"] [id="sTheme"]:focus {
  border: 1.5px solid var(--links-hover-color) !important;
}
 
[id="s-block"] [id="isk"] {
  margin: var(--space-0rem);
  width: auto;
  height: auto;
  min-height: 25px;
}
 
[id="s-block"] [id="isk"]:before {
  margin: auto;
  padding: calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density));
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 14px;
}
 
/******************************/
 
/* ТЕЛО ПОСТА */
/* заголовок, дата поста */
.post h3 {
  margin: var(--space-1-4rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-1-6rem) var(--space-0rem);
  padding: calc(var(--space-0-8rem) * var(--forum-padding-density)) calc(var(--padding-punbb) * var(--forum-padding-density)) calc(var(--space-0-6rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
  text-align: right;
  font-size: 1.1rem;
  border: 0px solid transparent;
  /* border-image: linear-gradient(to right, transparent 0%, var(--main-border-color) 50%, var(--main-border-color) 100%); */
  border-image-slice: 1;
  border-width: 1px 0px;
  background: linear-gradient(to right, transparent 0%, var(--main-bg-body-light) 100%);
}
 
h3 span {
  display: block;
  position: relative;
  margin: var(--space-0px) var(--space-0px);
  padding: calc(var(--space-0px) * var(--forum-padding-density));
}
 
/* кнопка поделиться */
.topic h3 a.sharelink {
  float: right;
  margin-right: var(--space-0rem);
  margin-left: var(--space-1rem);
  font-size: 0rem;
}
 
.topic h3 a.sharelink:before {
  content:'share';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-size: 1.1rem;
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
/* номер поста */
h3 span strong:first-of-type:before {
  content: '#';
}
 
h3 span strong:first-of-type {
  margin-left: var(--space-1rem);
  float: right;
}
 
/* делим пост на части */
.post h3+.container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "post-author post-body"
    ". post-body"
    "post-links post-links";
  gap: var(--space-10px) var(--space-16px);
  overflow-wrap: break-word;
}
 
/* блок автора поста */
.post-author {
  position: relative;
  display: block;
  margin: var(--space-4px) auto var(--space-16px) var(--space-0px);
  padding: calc(var(--space-2rem) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density)) calc(var(--space-1-6rem) * var(--forum-padding-density));
  width: var(--profile-width);
  align-self: start;
  text-align: center;
  box-shadow: 0px 4px 20px -16px var(--secondary-border-color);
  border-radius: var(--secondary-border-radius);
  border: 1px solid var(--main-border-color);
  background: linear-gradient(0deg, var(--main-bg-pun) 0%, transparent 100%);
  background-color: var(--secondary-bg-body-light);
}
 
.post-author ul {
  padding: calc(var(--space-0px) * var(--forum-padding-density));
}
 
/* индикатор онлайн */
.post-author.online:before {
  content: '';
  display: block;
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translate(-50%, -11px) rotate(0deg);
  width: 18px;
  height: 20px;
  background: var(--links-color);
  clip-path: polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);
}
 
/* расстояние между блоками по умолчанию */
.post-author li {
  margin: var(--space-0-5rem) auto;
}
 
.post-author li:first-child {
  margin-top: var(--space-0px);
}
 
.post-author li:last-child {
  margin-bottom: var(--space-0px);
}
 
/* иконка поиска всех сообщений */
.pa-author i[id="tuser"] {
  display: block;
  position: absolute;
  top: 0rem;
  left: 0rem;
  transform: translate(-100%, 1.5rem);
  margin-left: auto !important;
  padding: calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-6px) * var(--forum-padding-density)) !important;
  width: auto !important;
  height: auto !important;
  line-height: 1;
  text-align: center;
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-size: 10px;
  font-weight: 600;
  color: var(--links-hover-color);
  text-shadow: 0 0 0 var(--links-hover-color);
  border: 1px solid var(--main-border-color);
  border-radius: var(--main-border-radius) var(--radius-0px) var(--radius-0px) var(--main-border-radius);
  background-color: var(--secondary-bg-body-light);
  opacity: 1 !important;
}
 
i[id="tuser"]:hover {
  color: var(--links-color);
  text-shadow: 0 0 0 var(--links-color);
  opacity: 1 !important;
}
 
.pa-author i[class^="icons-"]:before,
.pa-author i[class*=" icons-"]:before,
.pa-author .i[class*=" icons-"]:before,
.pa-author .i[class^="icons-"] {
  margin-right: var(--space-0rem);
  margin-left: var(--space-0rem);
}
 
/* флаг */
[id="pun"] .punbb .pa-author .flag-i {
  position: absolute;
  top: -0px;
  left: 0%;
  transform: translate(-100%, calc(100% + 3.5rem));
  margin-right: var(--space-0rem);
  height: 12px;
}
 
/* статус */
.pa-title {
  font-style: italic;
  font-size: 1.1rem;
}
 
/* никнейм */
.pa-author {
  margin-left: -0.4rem !important;
  margin-right: -0.4rem !important;
  padding: calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-5px) * var(--forum-padding-density));
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.2;
  border-radius: var(--secondary-border-radius);
  background-color: var(--main-bg-body-light);
}
 
p.pa-author {
  font-family: Trebuchet Ms, Tahoma, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.2;
}
 
/* аватар */
li.pa-avatar img {
  max-width: 100%;
  width: auto;
  max-height: 400px;
  height: auto;
  border-radius: var(--secondary-border-radius);
}
 
/* репутация */
.pa-respect a img {
  display: none;
}
 
li.pa-respect>span:not(.fld-name) {
  display: inline-block;
}
 
/* устанавливаем иконки вместо картинок */
.pa-respect>a:before {
  content:'remove';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none; /* минус */
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-weight: 400;
  font-size: 8px;
  line-height: 1;
  color: var(--links-color);
}
 
.pa-respect>a:first-of-type:before {
  content:'favorite_border';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none; /* сердечко */
  padding: calc(var(--space-0px) * var(--forum-padding-density)) calc(var(--space-2px) * var(--forum-padding-density));
}
 
.pa-respect>a:hover:before {
  color: var(--links-hover-color);
}
 
/* текстовый блок */
.post-body {
  line-height: 1.5;
  position: relative;
  margin: var(--space-0px) var(--space-0px);
  padding: 0;
}
 
.post-box {
  position: relative;
  padding: calc(var(--space-0px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density));
  text-align: justify;
}
 
.punbb .post-content {
  width: 100%;
  padding: 0;
  margin: 0;
  word-break: break-word;
}
 
/* предпросмотр сообщения, удаление сообщения */
[id="post-preview"] .post-box,
[id="pun-delete"] .post-box {
  max-width: 860px;
  margin: var(--space-1-2rem) auto var(--space-1-2rem);
  line-height: 1.5;
}
 
/* RUSFF версии сообщений */
.fs-box.hashelp p.areafield.required {
  margin: var(--space-0rem) var(--space-1rem) var(--space-1rem);
}
 
.fs-box.hashelp div.history_posts_list {
  margin: var(--space-0rem) var(--space-1rem) var(--space-1-4rem);
}
 
[id="history_selected_diff"] {
  margin: var(--space-1-2rem);
  padding: calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density));
  border-radius: var(--secondary-border-radius);
  border: 1px solid var(--main-border-color);
}
 
/******************************/
 
/* отступы для абзацев и табличек */
.post-content p,
[id="post-preview"] .post-content p {
  padding: 0;
  margin: auto auto var(--space-0-8rem) auto;
}
 
.post-content p:last-of-type,
[id="post-preview"] .post-content p:last-of-type {
  padding: 0;
  margin: auto auto;
}
 
.post-content p:has(+ table),
[id="post-preview"] .post-content p:has(+ table),
.post-content p:has(+ ul),
[id="post-preview"] .post-content p:has(+ ul) {
  margin-bottom: var(--space-0-3rem);
}
 
.post-content p~table {
  margin: var(--space-0-8rem) var(--space-0rem) var(--space-0-8rem) var(--space-0rem);
}
 
.punbb .post-content ul {
  padding: calc(var(--space-0-6rem) * var(--forum-padding-density)) 0 calc(var(--space-1rem) * var(--forum-padding-density)) calc(var(--space-2rem) * var(--forum-padding-density));
}
 
.punbb .post-content tbody {
  vertical-align: middle;
}
 
/* видимые границы для таблиц в постах */
.post-box .post-content td {
  display: table-cell;
  padding: calc(var(--space-0-5rem) * var(--forum-padding-density)) calc(var(--space-0-8rem) * var(--forum-padding-density)) !important;
  height: auto;
  overflow: hidden;
  border: 1px solid var(--main-border-color);
}
 
/* отредактировано */
.lastedit {
  font-size: 1rem;
  font-style: italic;
  text-align: right;
  opacity: 0.8;
}
 
/* цитата, код, скрытый текст */
[id="pun-help"] blockquote,
[id="pun-help"] div.blockcode,
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
  display: block;
  position: relative;
  padding: calc(var(--space-1-4rem) * var(--forum-padding-density)) calc(var(--space-1-6rem) * var(--forum-padding-density));
  margin: var(--space-1-4rem) var(--space-1rem) var(--space-1-6rem);
  line-height: 1.5;
  box-shadow: 0px 4px 20px -16px var(--secondary-border-color);
  border: 1px solid var(--main-border-color);
  border-radius: var(--secondary-border-radius);
  background-color: var(--secondary-bg-body-light);
}
 
.post-content .quote-box:has(+ .post-sig),
.post-content .code-box:has(+ .post-sig),
.post-content .hide-box:has(+ .post-sig) {
  margin: var(--space-1-4rem) var(--space-1rem) var(--space-0-4rem);
}
 
.post-content .quote-box {
  background-color: var(--secondary-bg-body-light);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-auto-flow: row;
}
 
.quote-box cite,
.quote-box blockquote {
  min-width: 0px;
}
 
.quote-box cite:before {
  font-size: 1.2rem;
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  content:'format_quote';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: calc(var(--space-4px) * var(--forum-padding-density));
  line-height: 1;
  font-weight: 400;
  border: 1px solid var(--main-border-color);
  background-color: var(--secondary-bg-body-light);
}
 
/* убираем лишний отступ в цитате */
.quote-box p:last-of-type,
blockquote p:last-of-type,
.post-content p:last-of-type {
  padding-bottom: 0;
}
 
/* цитата в цитате */
.quote-box .quote-box,
.quote-box .code-box,
.quote-box .hide-box,
.hide-box .quote-box {
  border: 1px solid var(--secondary-border-color);
}
 
 
/* автор цитаты */
.quote-box cite,
.code-box .legend,
.hide-box cite,
[id="pun-help"] blockquote strong,
[id="pun-help"] div.blockcode strong {
  display: block;
  position: relative;
  margin: -1.4rem -1.6rem var(--space-1rem);
  padding: calc(var(--space-0-8rem) * var(--forum-padding-density)) calc(var(--space-1-6rem) * var(--forum-padding-density)) calc(var(--space-0-6rem) * var(--forum-padding-density));
  width: auto;
  min-width: 40%;
  text-align: center;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.4;
  color: var(--lighter-text);
  border-radius: calc(var(--secondary-border-radius) - var(--radius-1px)) calc(var(--secondary-border-radius) - var(--radius-1px)) var(--radius-0px) var(--radius-0px);
  /* background-color: var(--links-color); */
}
 
.code-box .legend {
  /* background-color: var(--main-bg-body); */
}
 
pre {
  font-family: monospace;
  font-size: 1.1rem;
}
 
/* максимальный скролл кода */
[id="pun"] .post-content .scrollbox,
[id="pun-help"] .scrollbox {
  overflow: auto;
  height: auto !important;
  max-height: 16rem !important;
  width: 100%;
  padding-bottom: calc(var(--space-0-8rem) * var(--forum-padding-density));
}
 
/* спойлер */
.spoiler-box>div[onclick]>p {
  margin: 0 !important;
  padding: 0 !important;
}
 
.post-content .quote-box.spoiler-box {
  padding: calc(var(--space-0px) * var(--forum-padding-density));
}
 
[id="pun"] .post-content .spoiler-box>div {
  display: block;
  position: relative;
  padding: calc(var(--space-1-4rem) * var(--forum-padding-density)) calc(var(--space-1-8rem) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density)) calc(var(--space-42px) * var(--forum-padding-density)) !important;
  min-height: 20px;
  font-size: inherit;
  background-image: none;
}

 [id="pun"] .post-content .spoiler-box>div.visible {
  background-image: none;
}
 
[id="pun"] .post-content .spoiler-box>blockquote {
  padding: calc(var(--space-0-2rem) * var(--forum-padding-density)) calc(var(--space-1-8rem) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density));
}
 
/* плюсик на спойлере */
.post-content .spoiler-box>div:before {
  content:'add';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  margin: var(--space-0px) var(--space-8px) auto var(--space-0px);
  height: 20px;
  line-height: 20px;
  transform: translateY(-50%) rotate(0deg);
  transition: 0.5s ease-in-out;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
 
/* минус на спойлере */
.post-content .spoiler-box>div.visible:before {
  content:'remove';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
  height: 20px;
  line-height: 20px;
  transform: translateY(-50%) rotate(-180deg);
}
 
/* рейтинг поста */
div.post-rating {
  padding-top: calc(var(--space-0-8rem) * var(--forum-padding-density));
}
 
[id="pun"] div.post-rating p {
  position: relative;
  padding: calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density)) !important;
  max-height: 24px;
  font-size: 1.1rem;
  line-height: 1;
  border-radius: var(--main-border-radius);
  border: 1px solid var(--main-border-color) !important;
  background-color: var(--secondary-bg-body-light);
}
 
div.post-rating p a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
 
/* сердечко у рейтинга поста */
div.post-rating p a:before {
  content:'favorite_border';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-size: 1rem;
  margin-right: var(--space-0-6rem);
  transform: scale(1);
  transition: 0.25s ease-in-out;
}
 
div.post-rating p:hover a:before {
  transform: scale(1.2);
}
 
/* плюс-минус */
[id="pun"] div.post-vote p {
  display: flex;
  align-items: center;
  padding: calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density)) !important;
  max-height: 24px;
  line-height: 1;
  font-size: 1.1rem;
  border-radius: var(--main-border-radius);
  border: 1px solid var(--main-border-color) !important;
}
 
/* подпись */
.post-sig {
  padding: calc(var(--space-0-4rem) * var(--forum-padding-density)) calc(var(--space-0px) * var(--forum-padding-density)) calc(var(--space-1-4rem) * var(--forum-padding-density)) calc(var(--space-0px) * var(--forum-padding-density));
}
 
.post-sig dt {
  position: relative;
  display: block;
  height: 1px;
  width: auto;
  max-width: 80%;
  margin: var(--space-14px) auto var(--space-12px);
  background-color: var(--secondary-border-color);
}
 
.post-sig dd {
  font-size: 1.2rem;
  line-height: 1.5;
}
 
/* ссылки редактирования поста */
.post-links {
  padding: calc(var(--space-0-8rem) * var(--forum-padding-density)) calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-0-6rem) * var(--forum-padding-density));
  font-size: 1.2rem;
  text-transform: lowercase;
  text-align: right;
}
 
.post-links ul li {
  display: inline-block;
}
 
.post-links ul li a {
  margin: auto var(--space-4px);
  padding: calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density));
  line-height: 1.1;
}
 
/* сдвигаем ссылки профиля влево */
.post-links li.pl-email,
.post-links li.pl-website {
  float: left;
}
 
/******************************/
 
/* кнопки создания и ответа */
.postlink {
  text-align: right;
}
 
div.postlink.long {
  width: auto;
}
 
.postlink span,
.subscribelink a,
[id="pun-searchposts"] .post-links li {
  margin: var(--space-0-5rem);
  padding: calc(var(--space-0-4rem) * var(--forum-padding-density)) calc(var(--space-0-8rem) * var(--forum-padding-density));
  border-radius: var(--main-border-radius);
  /* border: 1px solid var(--main-border-color); */
  /* background: var(--secondary-bg-body-light); */
}
 
.postlink.long .new-topic {
  padding-right: calc(var(--space-0-8rem) * var(--forum-padding-density));
}
 
/* поле ввода заголовка */
p.inputfield {
  margin: var(--space-1rem);
}
 
[id="form-area"].container {
  margin: var(--space-1-2rem) var(--space-1rem) var(--space-1rem);
}
 
/******************************/
 
/* поле ответа */
[id="post-form"] h2 {
  margin: var(--space-1rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-1-2rem);
}
 
/* оболочка поля ответа */
textarea {
  margin: var(--space-0-6rem) var(--space-0rem) var(--space-0-2rem);
  padding: calc(var(--space-1-4rem) * var(--forum-padding-density));
  max-width: 100%;
  line-height: 1.5;
  text-shadow: none;
  outline: none;
  border: 1px solid var(--main-border-color);
  background-color: var(--secondary-bg-pun);
}
 
/* чтобы не плясал текст */
textarea[id="main-reply"] {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
 
/* расширитель */
div.grippie {
  filter: contrast(0.3);
}
 
/******************************/
 
/* BB-кнопки */
[id="form-buttons"] {
  margin: var(--space-0-4rem) var(--space-1rem);
  padding: calc(var(--space-0-4rem) * var(--forum-padding-density)) calc(var(--space-0-8rem) * var(--forum-padding-density));
  border-radius: var(--main-border-radius);
  border: 1px solid var(--main-border-color);
  background: var(--secondary-bg-body-light);
}
 
.punbb .hashelp {
  position: relative;
}
 
[id="post"] .container[id$="-area"],
[id="tags"] .container {
  display: block;
  overflow: auto;
  max-height: 276px;
  text-shadow: none;
  border: 1px solid var(--secondary-border-color);
  border-radius: var(--main-border-radius);
  background-color: var(--main-bg-pun);
}
 
[id="form-buttons"]+[id="tags"] {
  position: relative;
}
 
[id="pun"] [id="tags"] .container {
  z-index: 2;
  position: absolute;
  right: 0px;
  top: 0px !important;
  z-index: 2;
  padding: calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density));
  text-align: center;
}
 
[id="tags"] tr {
  display: table-row;
}
 
[id="pun-messages"] [id="post-form"] div.container {
  padding-left: calc(var(--space-12px) * var(--forum-padding-density)) !important;
}
 
[id="font-area"],
[id="size-area"] {
  right: unset !important;
}
 
[id="font-area"] div,
[id="size-area"] div,
[id="addition-area"] div {
  height: auto !important;
  padding: calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density));
}
 
[id="font-area"] div:hover,
[id="size-area"] div:hover,
[id="addition-area"] div:hover {
  border-radius: var(--main-border-radius);
  background-color: var(--secondary-bg-pun);
}
 
[id="image-area-tcon-computer"] {
  margin-bottom: var(--space-0-6em);
}
 
[id="image-area"] {
  max-width: 430px;
}
 
[id="pun"] #video-area-tinp,
[id="pun"] #image-area-tinp {
  border: 1px solid var(--secondary-border-color);
}
 
[id="pun"] #keyboard-span input {
  margin: var(--space-2px);
  padding: calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density)) !important;
  font-weight: 400 !important;
  font-size: 12px;
  color: inherit;
  text-shadow: none;
  border: 1px solid var(--main-bg-body-light);
  border-radius: var(--main-border-radius);
  background-image: none;
  background-color: var(--secondary-bg-body-light);
}
 
[id="pun"] #keyboard-span input:hover {
  border: 1px solid var(--main-bg-body-light) !important;
  background-color: var(--lighter-text) !important;
}
 
/* BB-теги иконками */
[id="form-buttons"] tr {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
  grid-template-rows: auto;
  gap: var(--space-6px) var(--space-6px);
  text-align: center;
}
 
[id="form-buttons"] td {
  position: relative;
  padding: 0 !important;
  height: 24px;
  line-height: 0;
  cursor: pointer;
  font-family: 'Material Icons';font-feature-settings:'liga';text-transform:none;
  font-size: 16px;
  font-weight: 400;
  color: var(--primary-text);
  background-image: none !important;
  opacity: 0.9;
}
 
[id="form-buttons"] td img {
  opacity: 0;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
 
[id="form-buttons"] td:hover {
  opacity: 1;
  color: var(--links-color);
}
 
[id="form-buttons"] td:before {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
[id="button-font"]:before {
  content:'font_download';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-size"]:before {
  content:'format_size';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-bold"]:before {
  content:'format_bold';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-italic"]:before {
  content:'format_italic';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-underline"]:before {
  content: "\f0cd";
}
 
[id="button-strike"]:before {
  content: "\f0cc";
}
 
[id="button-left"]:before {
  content:'format_align_left';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-center"]:before {
  content:'format_align_center';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-right"]:before {
  content:'format_align_right';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-link"]:before {
  content:'link';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-spoiler"]:before {
  content:'forum';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-image"]:before {
  content:'image';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-video"]:before {
  content:'videocam';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-hide"]:before {
  content:'lock_outline';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-quote"]:before {
  content:'format_quote';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-code"]:before {
  content:'code';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-color"]:before {
  content: "\f1fb";
}
 
[id="button-table"]:before {
  content:'grid_on';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-smile"]:before {
  content:'sentiment_satisfied';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="button-keyboard"]:before {
  content: "\f11c";
}
 
[id="button-addition"]:before {
  content:'add_circle_outline';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
/* RUSFF-вложения */
[id="button-files_rusff"]:before {
  content:'add';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
/* RUSFF-граффити */
[id="button-graffiti_rusff"]:before {
  content:'chat';font-family:'Material Icons';font-feature-settings:'liga';text-transform:none;
}
 
[id="pun"] #pun-reputation .bg {
  background: rgba(0, 0, 0, 0.75);
}
 
[id="pun"] [id="pun-graffiti-rusff"] .inner.popup_graffiti {
  position: fixed !important;
  left: 50% !important;
  top: 25% !important;
  margin: -130px 0 0 0 !important;
  transform: translateX(-50%);
  width: auto !important;
  max-width: 700px !important;
}
 
.punbb .inner.popup_graffiti h1 {
  grid-template-columns: 1fr auto auto;
}
 
.punbb .inner.popup_graffiti h1:before {
  grid-column: 1 / 2;
}
 
.punbb .inner.popup_graffiti h1 span:first-of-type {
  grid-column: 2 / -2;
}
 
/******************************/
 
/* страница репутации и позитива */
[id="pun-respect"] [id="pun-main"] tr,
[id="pun-positive"] [id="pun-main"] tr {
  border-bottom: 1px solid var(--main-border-color);
}
 
[id="pun-respect"] [id="pun-main"] .container,
[id="pun-positive"] [id="pun-main"] .container {
  padding: calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density)) 0;
  text-align: center;
}
 
[id="pun-respect"] .tc3,
[id="pun-positive"] .tc3 {
  word-break: break-word;
}
 
/******************************/
 
/* похожие темы */
[id="similar-topics"] div.container {
  padding: calc(var(--space-0-2rem) * var(--forum-padding-density)) calc(var(--space-1-2rem) * var(--forum-padding-density)) calc(var(--space-1rem) * var(--forum-padding-density));
}
 
[id="pun"] #similar-topics div.container {
  padding-top: calc(var(--space-0-2rem) * var(--forum-padding-density));
}
 
[id="pun"] #similar-topics td {
  padding: calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-0px) * var(--forum-padding-density));
  border-bottom: 1px solid var(--main-border-color);
}
 
/******************************/
 
/* регистрация и вход */
[id="pun-regrules"] p.formsubmit {
  margin-top: var(--space-2rem);
}
 
[id="pun-regrules"] .html-box {
  text-align: justify;
}
 
form[id="register"] div.info-box {
  margin: var(--space-0-2rem) var(--space-1-4rem) var(--space-0-3rem);
  text-align: justify;
}
 
form[id="register"] div.info-box p {
  padding: 0 0 calc(var(--space-0-9rem) * var(--forum-padding-density)) 0;
  line-height: 1.4;
}
 
[id="pun-register"].punbb .formal fieldset,
[id="pun-login"].punbb .formal fieldset {
  margin-bottom: var(--space-1-2rem);
  padding: calc(var(--space-1rem) * var(--forum-padding-density));
  border-radius: var(--secondary-border-radius);
  border: 1px solid var(--main-border-color);
  background-color: var(--secondary-bg-body-light);
}
 
[id="pun-login"] .fs-box p.inputfield:not(p.required),
[id="pun-register"] .fs-box p.inputfield {
  display: block;
}
 
[id="pun-register"] p.inputfield {
  margin: var(--space-0rem) var(--space-1rem) var(--space-0-8rem);
}
 
[id="pun-login"] p.infofield,
[id="pun-register"] p.infofield {
  display: block;
  clear: both;
}
 
[id="pun-register"] p.inputfield:not(.required)>br:has(+ span.input),
[id="pun-login"] p.inputfield:not(.required)>br:has(+ span.input) {
  display: none;
}
 
[id="pun-register"] fieldset.radiofield label {
  font-size: 1.2rem;
}
 
/******************************/
 
/* ПЕРЕАДРЕСАЦИЯ */
.redirect-page {
  background-color: var(--main-bg-body) !important;
}
 
.redirect-page #pun {
  margin: var(--space-10pct) auto auto;
  text-align: center;
  font-size: 1.2rem;
  color: var(--primary-text);
  background-color: var(--main-bg-pun) !important;
}
 
.redirect-page h1+div.info {
  padding: calc(var(--space-0px) * var(--forum-padding-density));
}
 
/******************************/
 
/* ЗАКЛАДКИ */
[id="BookmCntToggle"] {
  top: 10px !important;
  height: 26px !important;
  width: 26px !important;
  z-index: 11 !important;
  opacity: 0.85 !important;
  color: var(--links-hover-color) !important;
  border-radius: var(--main-border-radius);
  border: 1px solid var(--links-hover-color);
  box-shadow: none !important;
  background-color: var(--main-bg-pun) !important;
}
 
[id="BookmCntToggle"]:hover {
  opacity: 1 !important;
}
 
[id="MyBookmarks"] {
  margin-top: var(--space-50px);
  height: auto !important;
  min-height: 150px;
  max-height: 500px;
  border-radius: var(--radius-0px) var(--secondary-border-radius) var(--secondary-border-radius) var(--radius-0px);
  border: 1px solid var(--secondary-border-color);
  border-left-width: 0px;
  box-shadow: none !important;
  background-color: var(--main-bg-pun);
}
 
[id="MyBookmarks"] .container {
  margin-top: var(--space-2-6rem);
}
 
[id="MyBookmarks"] span.scrl.t,
[id="MyBookmarks"] span.scrl.b {
  top: -2rem !important;
}
 
[id="MyBookmarks"] inner {
  margin-top: var(--space-2-4rem);
  padding-top: calc(var(--space-0rem) * var(--forum-padding-density)) !important;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
 
[id="pun"] .punbb [id="MyBookmarks"] h2,
[id="pun"] .punbb [id="MyBookmarks"] h1 {
  display: block;
  margin: var(--space-0px) var(--space-0px) var(--space-4px) !important;
  padding: calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-20px) * var(--forum-padding-density)) calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density));
  font-size: 1.1rem;
  color: var(--lighter-text);
  border-width: 0px;
  border-radius: var(--radius-0px) calc(var(--secondary-border-radius) - var(--radius-1px)) var(--radius-0px) var(--radius-0px);
  background-color: var(--main-bg-body);
}
 
[id="pun"] .punbb [id="MyBookmarks"] h2:before,
[id="pun"] .punbb [id="MyBookmarks"] h1:before {
  display: none;
}
 
.editBookmark {
  background-color: var(--main-bg-pun);
}
 
[id="pun"] .punbb .editBookmark h1 {
  display: block;
  font-size: 1.1rem;
}
 
[id="pun"] .punbb .editBookmark h1:before {
  display: none;
}
 
/******************************/
 
/* RUSFF реакции */
.reactions-root {
  margin-top: var(--space-1-2rem);
}
 
[id="pun"] .post-body .reactions-container {
  justify-content: flex-end;
  margin-right: var(--space-4px);
}
 
[id="pun"] .reaction-picker {
  order: 5;
}
 
[id="pun"] .post-body .reaction-picker-panel {
  right: 0;
}
 
/* уменьшаем плюсик */
[id="pun"] .post-body .reaction-picker-button {
  width: 18px;
  height: 18px;
  padding: calc(var(--space-4px) * var(--forum-padding-density));
  margin-top: var(--space-4px);
}
 
/* список реакций */
[id="pun"] .post-body .emoji-mart {
  font-size: 11px;
  border: 1px solid var(--secondary-border-color);
  border-radius: var(--main-border-radius);
  background-color: var(--secondary-bg-body-light);
  box-shadow: none;
}
 
/* поставленные реакции */
[id="pun"] .post-body .reaction-chip {
  background-color: var(--secondary-bg-body-light);
  border-radius: var(--main-border-radius);
  border: 1px solid var(--main-border-color);
}
 
[id="pun"] .post-body button.reaction-chip:not(.reaction-counter) {
  border: 1px solid var(--secondary-border-color);
}
 
[id="pun"] .reaction-chip.reaction-chip--clicked:not(.reaction-chip--disabled):hover {
  background-color: var(--secondary-bg-pun);
}
 
/* менюшка */
[id="pun"] .emoji-mart-bar {
  border: 0px solid transparent;
}
 
[id="pun"] .reactions-root .emoji-mart-anchor {
  color: var(--links-color);
}
 
[id="pun"] .reactions-root .emoji-mart-anchor:hover,
.reactions-root .emoji-mart-anchor:focus,
.reactions-root .emoji-mart-anchor-selected {
  color: var(--links-hover-color);
}
 
[id="pun"] .emoji-mart-anchor-selected {
  color: var(--links-hover-color) !important;
}
 
[id="pun"] .emoji-mart-anchor-bar {
  background-color: var(--links-hover-color) !important;
}
 
/* поиск иконок */
[id="pun"] .reactions-root .emoji-mart-search input {
  margin-bottom: var(--space-6px);
  font-size: 1.1rem;
  border: 1px solid var(--secondary-border-color);
  border-radius: var(--main-border-radius);
  background-color: var(--main-bg-pun);
  box-shadow: none;
}
 
[id="pun"] .reactions-root .emoji-mart-search-icon {
  top: 5px;
}
 
/* блоки смайликов */
[id="pun"] .reactions-root .emoji-mart-category-label span {
  color: var(--primary-text);
  border-radius: var(--main-border-radius);
  border: 1px solid var(--main-border-color);
  background-color: var(--secondary-bg-pun);
}
 
[id="pun"] .reactions-root .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: rgba(244, 244, 244, 0.6);
}
 
/* RUSFF-рекомендации */
[id="pun"] div#pun-live-rusff {
  margin: var(--space-1-4rem) var(--space-0rem) var(--space-0rem);
  height: auto;
  width: auto;
  line-height: 1.4;
  font-size: 1.1rem;
  overflow: auto;
}
 
[id="pun"] .cool1 {
  width: 100px;
  font-size: 10px;
}
 
/******************************/
 
/* градиент-граница */
.usertable tr,
.forum tr:not(thead tr),
#messages .fs-box tr:not(thead tr) {
  border: 0px solid transparent;
  border-image: linear-gradient(to right, transparent 0%, var(--main-border-color) 20%, var(--main-border-color) 80%, transparent 100%);
  border-image-slice: 1;
  border-width: 0px 0px 1px 0px;
}
 
/******************************/
 
/* задаем порядок блоков */
[id="html-header"] {
  grid-row: 4;
}
 
[id="pun-title"] {
  grid-column: 1;
  grid-row: 1;
}
 
[id="pun-navlinks"] {
  grid-column: 1;
  grid-row: 2;
}
 
[id="pun-ulinks"] {
  grid-column: 1;
  grid-row: 3;
}
 
 
/* задаем наименования для GRID */
[id="pun-index"] .category .tcl,
[id="pun-viewforum"] .category .isub .tcl {
  grid-area: lone;
  min-width: 0px;
  /* max-width: 688px; */
}
 
[id="pun-index"] .category .tc2,
[id="pun-viewforum"] .category .isub .tc2 {
  grid-area: ltwo;
  /* margin-top: auto; */
  min-width: 70px;
  align-items: flex-start;
}
 
[id="pun-index"] .category .tc3,
[id="pun-viewforum"] .category .isub .tc3 {
  grid-area: lthree;
  min-width: 70px;
  align-items: flex-start;
}
 
[id="pun-index"] .category .tcr,
[id="pun-viewforum"] .category .isub .tcr {
  grid-area: lfour;
  min-width: 0px;
  max-width: 414px;
}
 
/* блок форума */
[id="pun-index"] div.icon,
[id="pun-viewforum"] .isub div.icon {
  grid-area: iconka;
  min-width: 0px;
}
 
[id="pun-index"] div.tclcon,
[id="pun-viewforum"] .isub div.tclcon {
  grid-area: neiconka;
  min-width: 0px;
}
 
/* последний пост */
[id="pun-index"] .user-avatar,
[id="pun-viewforum"] .isub .user-avatar {
  grid-area: avaindex;
  min-width: 0px;
}
 
.lastpost-link {
  grid-area: lastpost-a;
  align-self: start;
  min-width: 0px;
}
 
[id="pun-index"] span.lastpost,
[id="pun-viewforum"] .isub span.lastpost {
  grid-area: lastpost-span;
  align-self: end;
  min-width: 0px;
}
 
/* статистика */
[id="pun-stats"] li.item1 {
  grid-area: ntemy;
  min-width: 0px;
}
 
[id="pun-stats"] li.item2 {
  grid-area: nsoob;
  min-width: 0px;
}
 
[id="pun-stats"] li.item3 {
  grid-area: nrega;
  min-width: 0px;
}
 
[id="pun-stats"] li.item4 {
  grid-area: nregapos;
  min-width: 0px;
}
 
[id="pun-stats"] li.item5.onlinelist {
  grid-area: nonlinelist;
  min-width: 0px;
}
 
[id="pun-stats"] li.item5.users_24h {
  grid-area: nusers_24h;
  min-width: 0px;
  max-height: 100px;
}
 
/* фиксим строку с авой и никнеймом */
.forum .tcr .user-avatar,
.usertable .user-avatar {
  grid-area: avain;
  min-width: 0px;
}
 
.usertable .user-avatar {
  margin: auto auto auto var(--space-0px);
}
 
.usertable .usersname {
  grid-area: nikname;
  min-width: 0px;
  margin: auto auto auto var(--space-0px);
}
 
.forum .tcr .user-avatar+a {
  grid-area: avaina;
  min-width: 0px;
  align-self: end;
}
 
.forum .tcr span.byuser {
  grid-area: abyuser;
  min-width: 0px;
  align-self: start;
}
 
/* делим пост на части */
.post-author {
  grid-area: post-author;
  min-width: 0px;
}
 
.post-body {
  grid-area: post-body;
  min-width: 0px;
}
 
.post-links {
  grid-area: post-links;
  min-width: 0px;
}
 
/* поля в профиле */
/* автор */
.post-author li.pa-author {
  grid-area: pa-autor;
  min-width: 0px;
}
 
/* аватар */
.post-author li.pa-avatar {
  grid-area: pa-avatar;
  min-width: 0px;
}
 
/* статус */
.post-author li.pa-title {
  grid-area: pa-title;
  min-width: 0px;
}
 
/* репутация */
.post-author li.pa-respect {
  grid-area: pa-respect;
  min-width: 0px;
}
 
/* сообщения */
.post-author li.pa-posts {
  grid-area: pa-posts;
  min-width: 0px;
}
 
/*********************************/
 
/* АДМИНКА */
/* инфоблок в шапке */
.punbb-admin [id="title-logo-tr"] [id="title-logo-tdr"] {
  clip-path: none;
}
 
div.admin-advert-block {
  display: block;
  position: absolute;
  top: 10px;
  right: 50%;
  transform: translateX(50%);
  text-align: center;
  border-radius: var(--secondary-border-radius);
  z-index: 5;
  background-color: var(--main-bg-pun);
}
 
#pun-admain {
  background-color: var(--main-bg-pun);
  color: var(--primary-text);
}
 
/* страницы в админке */
.punbb-admin .linksb {
  display: flex;
  flex-wrap: wrap;
  height: auto !important;
  padding: calc(var(--space-1rem) * var(--forum-padding-density)) 0;
}
 
.punbb-admin .linksb .pagelink {
  font-size: 1.1rem !important;
}
 
#pun-admain .linksb .postlink {
  font-size: 1.1rem;
  flex-basis: 45%;
}
 
/* навигация и некоторые контейнеры */
div.adcontainer {
  background-color: var(--main-bg-pun);
}
 
/* настройки список */
#pun-adnav ul.adsubnav li {
  color: var(--links-hover-color) !important;
}
 
.adcontainer:has(#adnav-standard) {
  border-color: var(--secondary-border-color);
  border-radius: var(--radius-0px) var(--radius-0px) var(--secondary-border-radius) var(--secondary-border-radius);
  background-color: var(--secondary-bg-body-light);
}
 
#pun-adnav .isactive ul.adsubnav a {
  border-bottom: none;
}
 
/* заголовки */
#pun-admain h1,
#pun-admain h2,
#pun-admain h3,
#pun-admain h4,
.adformal h2,
#pun-adnav h2,
.adformal h2,
#pun #pun-adnav h2 {
  padding: calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density));
  font-size: 1.1rem !important;
  color: var(--lighter-text);
  border-radius: var(--secondary-border-radius) var(--secondary-border-radius) var(--radius-0px) var(--radius-0px);
  border-width: 0px;
  background-color: var(--main-bg-body);
}
 
/*для мелочи */
#pun-admain1 form.adcontainer,
#pun-admain2 form.adcontainer,
#pun-admain-new form.adcontainer,
#pun-admain1 div.adcontainer,
#pun-admain2 div.adcontainer {
  padding: calc(var(--space-16px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density)) !important;
  background-color: var(--main-bg-pun);
  border-color: var(--main-border-color);
  border-radius: var(--radius-0px) var(--radius-0px) var(--secondary-border-radius) var(--secondary-border-radius);
}
 
#pun-admain1 div.adcontainer {
  margin-bottom: var(--space-1-2rem);
}
 
#pun-admain .adformal {
  border-bottom: 0px solid transparent;
}
 
#pun-admain2.adformal,
#pun-admain3.adformal {
  margin-top: var(--space-1-2rem);
}
 
/* легенда в админке */
#pun-admain legend span {
  font-size: 1.1rem !important;
  border-radius: var(--main-border-radius);
  background-color: var(--secondary-bg-body-light) !important;
}
 
/* окантовка блоков */
#pun-admain fieldset {
  border-color: transparent !important;
}
 
#pun-admain fieldset .handle,
#pun-admain fieldset p {
  margin-bottom: var(--space-6px) !important;
  border-radius: var(--main-border-radius);
  border-color: transparent !important;
  background-color: var(--secondary-bg-pun) !important;
}
 
/* поля ввода */
#pun-admain input,
#pun-admain select {
  border-color: var(--secondary-border-color);
}
 
#pun-admain .tags {
  border-radius: var(--main-border-radius);
  border: 1px solid var(--main-border-color);
  background-color: var(--secondary-bg-body-light) !important;
}
 
#pun-admain input[type="radio"],
#pun-admain input[type="checkbox"] {
  border-color: var(--main-bg-body);
}
 
#pun-admain input.button {
  border: 1px solid var(--main-bg-body);
}
 
#pun-admain input[type="radio"]:checked,
#pun-admain input[type="checkbox"]:checked {
  border: 1px solid var(--links-color);
}
 
/* ранги */
#pun-admain #ranks label[for^="fld"] {
  opacity: 1;
}
 
/* кнопки в админке */
#pun-admain input.button,
#pun-admain p.submitend input[type="submit"],
#pun-admain span.submitend input[type="submit"] {
  margin: var(--space-0-4rem) var(--space-0-2rem);
  padding: calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-4px) * var(--forum-padding-density)) !important;
  font-weight: 400 !important;
  font-size: 1.1rem;
  letter-spacing: 0.04rem;
}
 
/* границы в таблицах */
#pun-admain .adcontainer td {
  border-color: transparent !important;
}
 
#pun-admain table.adcontainer td,
#pun-admain table#filetable td {
  border-bottom: 1px solid var(--main-border-color) !important;
}
 
/* шрифт в списках */
#pun-admain select,
#pun-admain optgroup {
  font-size: 1.2rem !important;
}
 
/* ширина блока редактирования-просмотра */
div#pun-admain .adlabel {
  width: 20rem;
  margin-left: -20rem;
  padding-left: calc(var(--space-1em) * var(--forum-padding-density));
  padding-right: calc(var(--space-0em) * var(--forum-padding-density));
}
 
/* блок подфорумов */
#pun-admain2 fieldset .subforums {
  margin: var(--space-1rem) var(--space-0rem);
  width: 100%;
}
 
/* редактируем BB-панель */
#pun-admain #form-buttons td#button-smile {
  display: none;
}
 
#pun-admain #tags .container {
  max-width: 320px;
}
 
#pun-admain #table-area td,
#pun-admain #color-area td {
  padding: calc(var(--space-2px) * var(--forum-padding-density));
  border-color: var(--main-border-color) !important;
}
 
#pun-admain #table-area td img,
#pun-admain #color-area td img {
  width: auto;
  height: 15px;
}
 
/* END АДМИНКА */
 
/************************************************/
 
/* MOBILE */

 
/********************************************************************/
 

 
/********************************************************************/
 

 
/*******************************************/
 

 
/*******************************************************/
 

 
/*******************************************************/
 

 
/************************************************************/
 

 
/****************************************************************/
 

 /* END MOBILE */

/* cyrillic-ext */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIhMX1D_JOuMw_LLPtLp_A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIhMX1D_JOuMw_LJftLp_A.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* math */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIhMX1D_JOuMw_LXftLp_A.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIhMX1D_JOuMw_LT_tLp_A.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIhMX1D_JOuMw_LLvtLp_A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIhMX1D_JOuMw_LL_tLp_A.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIhMX1D_JOuMw_LIftL.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIvMX1D_JOuMwf7I-NP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIvMX1D_JOuMw77I-NP.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* math */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIvMX1D_JOuM3b7I-NP.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIvMX1D_JOuM2T7I-NP.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIvMX1D_JOuMwX7I-NP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIvMX1D_JOuMwT7I-NP.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v37/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tDMPKzSQ.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* ОБНОВЛЁННАЯ ГЛАВНАЯ: палитра, категории PunBB, Guidebook, меню, dark и mobile */
:root {
  --orange:#F15200;
  --light-orange:rgba(241,82,0,.1);
  --medium-orange:rgba(241,82,0,.2);
  --teal: #3F9695;
  --light-teal:rgb(156 201 185 / 38%);
  --medium-teal:rgba(79,169,168,.36);
  --pale-green:#EAF2EC;
  --sage-green: #aac6b9;
  --blue:#527ED9;
  --lavender:#D0B0FF;
  --amber:#FABE26;
  --white:#F8FAF7;
  --slate-blue:#303652;
  --midnight-blue:#202342;
  --sandy-orange:#E99E54;
  --muted-purple:#726190;
  --translucent-white:rgba(255,255,255,.9);
  --golden-yellow:#FABE25;
  --mustard-yellow:#E0AB23;
  --dark-gold:#B98B18;
  --bright-orange:#FF6F24;
  --deep-orange:#F25100;
  --burnt-orange:#D74900;
  --cornflower-blue:#7094E0;
  --royal-blue:#527ED9;
  --cobalt-blue:#456BC2;
  --light-lavender:#D0B0FF;
  --lilac:#BC93F8;
  --mint-gradient:linear-gradient(
  180deg,
  #68BDB5 0%,
  #87C5AD 27%,
  #B3C69A 54%,
  #98AC72 77%,
  #778E57 100%
);
  --midnight-gradient: linear-gradient(45deg, #48AAA8,#7094E0);
  --drop-shadow:0 0 8px rgba(46,37,37,.2);
  --light-shadow:0 0 8px rgba(46,37,37,.1);
  --inner-shadow:inset 0 0 8px rgba(46,37,37,.1);
  --links:600 14px "Roboto",sans-serif;
 /* Старые имена сохранены: остальные страницы получают новую палитру. */
  --main-bg-body:var(--slate-blue);
  --secondary-bg-body:var(--teal);
  --main-bg-body-light:var(--light-teal);
  --secondary-bg-body-light:var(--pale-green);
  --main-bg-pun:var(--white);
  --secondary-bg-pun:var(--pale-green);
  --main-border-color:var(--sage-green);
  --secondary-border-color:var(--teal);
  --primary-text:var(--slate-blue);
  --lighter-text:var(--white);
  --links-color:var(--blue);
  --links-hover-color:var(--orange);
  --links-color-light:var(--amber);
  --links-hover-color-light:var(--lavender);
  --font-body:"Lora",Georgia,serif;
  --font-ui:"Roboto",Arial,sans-serif;
  --font-icons:"Material Icons";
  --font-symbols:"Material Symbols Outlined";
  --index-radius:30px;
  --index-gap:20px;
  --index-star:var(--image-category-star);
  --index-guide:var(--image-category0);
  --index-characters:var(--image-category2);
  --index-decoration:var(--image-category4);
  }
[data-theme="dark"]:root {
 --medium-orange:rgba(241,82,0,.3);
 --teal:#7E75F6;
 --light-teal:rgba(141,122,229,.1);
 --medium-teal:rgba(141,122,229,.35);
 --sage-green:#3A3462;
 --pale-green:#1B1A2F;
 --white:#0E0F1B;
 --slate-blue:#DDDDEA;
 --translucent-white:rgba(14,15,27,.9);
 --mint-gradient:linear-gradient(180deg,#272E5A,#261729);
 --midnight-gradient:linear-gradient(45deg,#c0bff2,#afaee8);
 --drop-shadow:0 0 8px rgba(0,0,0,.5);
 --light-shadow:0 0 8px rgba(0,0,0,.3);
 --inner-shadow:inset 0 0 8px rgba(0,0,0,.2);
 --links-color:var(--amber);
 --links-hover-color:var(--teal);
 --image-forum-header: url(https://cdn.midjourney.com/b0e5a7d0-856f-457f-b65d-b351be6591ee/0_0.png);
 --image-fon-demo: url(https://cdn.midjourney.com/ecdbcdbd-d8a7-4180-b9b2-3d1847a3617f/0_0.png);
  /* иконки сообщений */
 --icon-new-message: url("https://forumstatic.ru/files/001c/25/f9/54529.png");
 --icon-old-message: url("https://forumstatic.ru/files/001c/25/f9/54529.png");
 --icon-closed-message: url("https://forumstatic.ru/files/001c/25/f9/19936.png");
 --icon-sticky-message: url("https://forumstatic.ru/files/001c/25/f9/46870.png");
 --image-default-avatar: url(https://forumstatic.ru/files/001c/25/f9/93917.png);
}
@font-face {font-family:'Material Icons';font-style:normal;font-weight:400;font-display:block;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2')}
@font-face {font-family:'Material Symbols Outlined';font-style:normal;font-weight:100 700;font-display:block;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v377/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2')}
.material-icons,.material-symbols-outlined {font-family:var(--font-icons);font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:'liga'}
.material-symbols-outlined {font-family:var(--font-symbols)}
body {background-color:var(--pale-green);background-image: var(--image-fon-demo);background-attachment: fixed;background-repeat:no-repeat;background-size:cover;min-height:100vh}
#pun-index {background:var(--white);color:var(--primary-text);font:400 14px/1.45 var(--font-body);border-radius:var(--index-radius)}
#pun-index #pun-main {max-width:1200px;margin-inline:auto}
#pun-index .category {margin:0 0 var(--space-65px);min-width:0}
#pun-index #pun-main .category h2 {position:relative;display:flex;align-items:center;gap:var(--space-15px);width:auto;height:auto;margin:0 0 var(--space-12px);padding:0;background:none;border:none;overflow:visible;color:var(--sage-green);font: 700 clamp(18px,4.8vw,40px)/1.05 var(--font-body);letter-spacing:-2px;text-align:left;text-transform:uppercase}
#pun-index #pun-main .category h2 span {display:block;min-width:0;overflow-wrap:anywhere}
#pun-index .category h2::after {content:'';height:2px;background:var(--sage-green);flex:1;min-width:20px}
#pun-index .category:nth-of-type(even) h2 {flex-direction:row-reverse;text-align:right}
#pun-index .category table,#pun-index .category tbody {display:block;width:100%;border:0}
#pun-index .category thead {display:none}
#pun-index .category tbody,#pun-index .category tbody.hasicon {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--index-gap)}
#pun-index .category tr,#pun-index .category tr.isub {position:relative;display:grid;grid-template-columns:minmax(0,1fr) 145px;grid-template-rows:auto 1fr auto;grid-template-areas:
'title last'
'title last'
'topics posts';gap:var(--space-8px) var(--space-16px);padding:calc(var(--space-18px) * var(--forum-padding-density));margin:0;min-width:0;min-height:210px;border:0;border-radius:var(--index-radius);overflow: visible;background-color:var(--pale-green);background-image:var(--index-decoration);background-size:cover;background-position:left bottom}
#pun-index .category td {width:auto;min-width:0;border:0}
#pun-index .category .tcl {grid-area:title;text-align:left;padding:0}
#pun-index .category .tcl .intd {display:block;height:100%;padding:0;border:0;background:none;box-shadow:none}
#pun-index .category .tclcon {display:flex;flex-direction:column;height:100%;min-width:0}
#pun-index .category h3 {position:relative;isolation:isolate;overflow: visible;display:block;padding:0 calc(var(--space-35px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density));margin:0;letter-spacing:-.7px;font: 600 clamp(14px,2vw,20px)/1.15 var(--font-body);text-transform:uppercase;text-align: center;}
#pun-index .category h3::after {content:'';position:absolute;z-index: 99999;right:0;top: -22px;width: 52px;height: 56px;background:var(--index-star) center/contain no-repeat;opacity:.65;pointer-events:none;}
#pun-index .category h3 a {color:var(--slate-blue)}
#pun-index .category h3 a:hover {color:var(--links-color)}
#pun-index .category .forumdesc {padding:calc(var(--space-15px) * var(--forum-padding-density)) calc(var(--space-18px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--radius-20px);background:var(--translucent-white);font: 400 13px/1.65 var(--font-body);overflow-wrap:anywhere;max-height: 200px;overflow:auto}
#pun-index .category .forumdesc strong {font-weight:700}
#pun-index .category .tc2,#pun-index .category .tc3 {display:block;align-self:end;min-width:0;margin:0;padding:0;font:400 12px/1.4 var(--font-ui);color:var(--teal);text-align:right}
#pun-index .category .tc2 {grid-area:topics}
#pun-index .category .tc3 {grid-area:posts}
#pun-index .category .tc2::before {content:'Темы: ';font:inherit}
#pun-index .category .tc3::before {content:'Сообщения: ';font:inherit}
#pun-index .category .tcr {grid-area:last;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-5px);max-width:none;width:auto;height:auto;padding:0;margin:0;font:400 12px/1.35 var(--font-body);text-align:center;overflow-wrap:anywhere}
#pun #pun-index.punbb .user-avatar {order:-1;display:block;float:none!important;transform:none!important;clear:none!important;margin:0 0 var(--space-5px)!important;width:145px!important;height:98px!important;border:2px solid var(--white);border-radius:var(--radius-20px);position:relative;background:var(--medium-teal)}
#pun #pun-index.punbb .user-avatar .avatar-image {display:block;position:static;width:100%!important;height:100%!important;margin:0!important;border-radius:var(--radius-18px)!important;background-size:cover;background-position:center 30%;object-fit:cover}
#pun-index .category .tcr img {max-width:100%}
#pun-index .category .tcr .user-avatar img {width:100%;height:100%;object-fit:cover;border-radius:var(--radius-18px)}
#pun-index .category span.lastpost,#pun-index .category .lastpost-link {display:block;min-width:0;align-self:auto;font-size:12px}
#pun-index .category .lastpost-link {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pun-index .category .tcr br {display:none}
#pun-index .category .icon {display:none}
#pun-index .category .inew + .tclcon h3::before {content:'stars';font:20px/1 var(--font-icons);color:var(--orange);margin-right:var(--space-6px);text-transform:none}
#pun-index .index-sublinks {display:flex;flex-wrap:wrap;gap:var(--space-6px);margin-top:var(--space-10px);font-size:0}
#pun-index .index-sublinks a {display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--space-7px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));min-height:32px;border-radius:var(--radius-10px);background:var(--midnight-gradient),var(--blue);background-size:100% 100%,100% 100%;background-repeat:no-repeat;color:var(--white);font:600 12px/1.2 var(--font-ui);text-transform:uppercase;text-align:center;transition:background-size .3s;overflow-wrap:anywhere}
#pun-index .index-sublinks a:hover {background-size:0 100%,100% 100%;color:var(--white)}
#pun-index .index-layout-feature tbody,#pun-index .index-layout-feature tbody.hasicon {grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
#pun-index .index-layout-feature tr:first-child {grid-row:span 2;min-height:410px;background-image: linear-gradient(180deg, var(--light-teal), var(--light-teal)), var(--index-guide);background-position:center;background-size:cover}
#pun-index .index-layout-feature tr:first-child .forumdesc {margin-top:var(--space-6px)}
#pun-index .index-layout-feature tr:first-child {grid-template-columns:1fr;grid-template-areas:'title' 'last' 'topics' 'posts';grid-template-rows:1fr auto auto auto}
#pun-index .index-layout-feature tr:first-child h3 {text-align:center;font-size: 20px;}
#pun-index .index-layout-feature tr:first-child .tcr {flex-direction:row;flex-wrap:wrap;justify-content:center;padding:calc(var(--space-8px) * var(--forum-padding-density));border-radius:var(--radius-14px);background:var(--translucent-white)}
#pun-index .index-layout-feature tr:first-child .tcr .user-avatar {display:none!important}
#pun-index .index-layout-feature tr:first-child .index-sublinks {margin-top:auto;padding-top:calc(var(--space-145px) * var(--forum-padding-density));justify-content:center}
#pun-index .index-layout-feature tr:first-child .index-sublinks a {width:42px;height:42px;padding:0;border-radius:var(--radius-50pct);background:var(--white);color:var(--slate-blue);box-shadow:var(--light-shadow);border:1px solid var(--sage-green)}
#pun-index .index-layout-feature tr:first-child .index-sublinks a:hover {background:var(--slate-blue);color:var(--white)}
#pun-index .index-layout-feature tr:nth-child(n+4) {grid-column:1/-1}
#pun-index .index-layout-pair tr:first-child {background-image:linear-gradient(90deg,var(--light-teal),var(--pale-green) 52%),var(--index-characters);background-size:cover;background-position:left center}
#pun-index .index-theme {display:flex;justify-content:flex-end;margin:0 0 var(--space-18px)}
#pun-index .index-theme button,#pun-index .index-collapse {display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sage-green);background:var(--pale-green);color:var(--slate-blue);cursor:pointer;border-radius:var(--radius-50pct);width:38px;height:38px;flex:none;padding:0}
#pun-index .category h2 .index-collapse {order:3}
#pun-index .category.index-collapsed table {display:none}
#pun-index a:focus-visible,#pun-index button:focus-visible {outline:2px solid var(--links-color);outline-offset:4px}



@media(prefers-reduced-motion:reduce) {#pun-index *,#pun-index *::before,#pun-index *::after {animation:none!important;transition:none!important}}

/* Отдельное наполнение Guidebook из референса */
#pun-index .category.index-has-guide {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 var(--space-20px);align-items:stretch}
#pun-index #pun-main .category.index-has-guide h2 {grid-column:1/-1}
#pun-index .index-has-guide > table {grid-column:2;grid-row:2}
#pun-index .index-has-guide tbody,#pun-index .index-has-guide tbody.hasicon {grid-template-columns:minmax(0,1fr)}
#pun-index .CATfo-guidebook {display:flex;position:relative;flex-direction:column;grid-column:1;grid-row:2;min-width:0;width:auto;height:auto;min-height:410px;margin:0;padding:calc(var(--space-18px) * var(--forum-padding-density)) calc(var(--space-15px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density));border-radius:var(--radius-30px);overflow:hidden;background:var(--index-guide) center/cover no-repeat,var(--pale-green);box-sizing:border-box}
#pun-index .CATfo-guidebook .CATfotit {margin:0;padding:calc(var(--space-8px) * var(--forum-padding-density)) 0 calc(var(--space-12px) * var(--forum-padding-density));text-align:center;font:600 clamp(27px,3vw,40px)/1.1 var(--font-body);text-transform:uppercase}
#pun-index .CATfo-guidebook .CATfotit a {color:var(--slate-blue);display:inline-block;padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border-radius:var(--radius-14px);background:var(--translucent-white)}
#pun-index .CATfo-guidebook .CATfodesc {margin:0;padding:calc(var(--space-16px) * var(--forum-padding-density)) calc(var(--space-18px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--radius-20px);background:var(--translucent-white);color:var(--slate-blue);font:400 14px/1.35 var(--font-body)}
#pun-index .CATfo-guidebook .ov {max-height:180px;height:auto;overflow:auto}
#pun-index .CATfo-guidebook .CATfosf {display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8px);margin:auto -15px -14px;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density));background:var(--pale-green)}
#pun-index .CATfo-guidebook .CATfosf a {display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;margin:0;border-radius:var(--radius-50pct);border:1px solid var(--sage-green);background:var(--white);color:var(--slate-blue);box-shadow:var(--light-shadow)}
#pun-index .CATfo-guidebook .CATfosf a:hover {background:var(--slate-blue);color:var(--white)}
#pun-index .CATfo-guidebook .CATfosf .material-symbols-outlined {font-size:24px}
#pun-index .category.index-has-guide.index-collapsed .CATfo-guidebook {display:none}

/* Отдельное меню ссылок внутри каждой категории */
#pun-index .category .CATfosf.index-sublinks {position:static;float:none;width:auto;height:auto;margin:var(--space-12px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-7px);color:var(--slate-blue);justify-content: center;}
#pun-index .category .CATfosf.index-sublinks a {height:auto;min-height:32px;margin:0;padding:calc(var(--space-7px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));font:600 12px/1.25 var(--font-ui);text-decoration:none}
@media(min-width:1060px) {
 #pun-index .index-has-guide tr.index-with-menu .tclcon {display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.55fr);gap:var(--space-8px) var(--space-14px);align-content:start}
 #pun-index .index-has-guide tr.index-with-menu .tclcon > h3 {grid-column:1}
 #pun-index .index-has-guide tr.index-with-menu .tclcon > .forumdesc {grid-column:1}
 #pun-index .index-has-guide tr.index-with-menu .CATfosf.index-sublinks {grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;margin:0;align-self:start}
 #pun-index .index-has-guide tr.index-with-menu .CATfosf.index-sublinks a {width:100%}
}
/* Уточнения под реальную HTML-сетку PunBB пользователя */
#pun-index .index-has-guide > .container {grid-column:2;grid-row:2;min-width:0;width:100%}
#pun-index .index-has-guide > .container table {width:100%}
#pun-index .category.index-collapsed > .container {display:none}
#pun #pun-index.punbb .user-avatar > a {display:block;width:100%;height:100%;position:relative;border-radius:inherit}
#pun-index .category .tclcon {font:400 14px/1.3 var(--font-body);overflow-wrap:anywhere}
#pun-index .category .tclcon > .acchide {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
#pun-index .category tr.inew h3::before {content:'stars';font:20px/1 var(--font-icons);text-transform:none;color:var(--orange);margin-right:var(--space-6px)}
#pun-index .category .inew + .tclcon h3::before {content:none}
#pun-index .category .tcr:empty {min-height:0}



/* Главное меню PunBB — Material Icons, без изменения HTML */
#pun-navlinks {position:relative;overflow:visible;background:none;border:0;padding:calc(var(--space-12px) * var(--forum-padding-density)) 0}
#pun-navlinks ul.container {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-10px);padding:0;margin:0;list-style:none;overflow:visible}
#pun-navlinks ul.container li {position:relative;display:block;float:none;margin:0;padding:0;width:auto;border:0}
#pun-navlinks ul.container li a {position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;margin:0;/* border:1px solid var(--sage-green); */border-radius:var(--radius-17px);background: color-mix( in srgb, var(--pale-green) 35%, var(--main-bg-body-light));color: color-mix( in srgb, var(--pale-green) 35%, var(--main-bg-body));/* box-shadow:var(--light-shadow); */text-decoration:none;box-sizing:border-box;overflow:visible;transition:background-color .18s,color .18s,transform .18s}
#pun-navlinks ul.container li a::before {content:'link';display:block;position:static;width:auto;height:auto;margin:0;padding:0;background:none;font-family:'Material Icons';font-size:25px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
#pun-navlinks #navindex a::before {content:'home'}
#pun-navlinks #navuserlist a::before {content:'groups'}
#pun-navlinks #navsearch a::before {content:'search'}
#pun-navlinks #navprofile a::before {content:'account_circle'}
#pun-navlinks #navpm a::before {content:'mail'}
#pun-navlinks #navadmin a::before {content:'admin_panel_settings'}
#pun-navlinks #navlogout a::before {content:'logout'}
#pun-navlinks #navlogin a::before {content:'login'}
#pun-navlinks #navregister a::before {content:'person_add'}
#pun-navlinks #navrules a::before {content:'gavel'}
#pun-navlinks ul.container li a > span {position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);display:block;width:max-content;max-width:170px;height:auto;padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density));margin:0;border-radius:var(--radius-8px);background:var(--slate-blue);color:var(--white);font:500 12px/1.3 var(--font-ui);text-transform:none;letter-spacing:normal;text-align:center;white-space:normal;opacity:0;clip:auto;clip-path:none;visibility:visible;pointer-events:none;z-index:50;transition:opacity .18s}
#pun-navlinks ul.container li a:hover,#pun-navlinks ul.container li a:focus-visible {background:var(--medium-teal);color:var(--links-color);transform:translateY(-2px)}
#pun-navlinks ul.container li a:hover > span,#pun-navlinks ul.container li a:focus-visible > span {opacity:1}
#pun-navlinks ul.container li.isactive a {background: var(--amber);color:var(--white);border-color:var(--slate-blue)}
#pun-navlinks ul.container li a:focus-visible {outline:2px solid var(--links-color);outline-offset:3px}
#pun-navlinks ul.container li a::after {content:none}

@media(prefers-reduced-motion:reduce) {#pun-navlinks ul.container li a,#pun-navlinks ul.container li a > span {transition:none}}


/* Шапка: скрываем название и верхний banner_top в этой таблице. */
#pun #title-logo-table {display:none!important}
/* Отступ меню от правого края шапки. */
#pun #pun-navlinks {margin:var(--space-12px) var(--space-24px) var(--space-12px) auto!important;max-width:calc(100% - 48px);padding:0!important;width:max-content;box-sizing:border-box}
#pun #pun-navlinks ul.container {margin:0!important;justify-content:flex-end;gap:var(--space-10px);padding:0!important}
#pun #pun-navlinks ul.container li a {display:flex!important;padding:0!important;/* border:1px solid var(--sage-green)!important; */}
/* Значения в tc2/tc3 сохраняются; заменяются только подписи перед ними. */
#pun #pun-index .category .tc2,#pun #pun-index .category .tc3 {display:flex;align-items:center;justify-content:flex-end;gap:var(--space-5px);color:var(--teal);font:500 12px/1.3 var(--font-ui)}
#pun #pun-index .category .tc2::before,#pun #pun-index .category .tc3::before {display:inline-block;margin:0;font:400 18px/1 'Material Icons';letter-spacing:normal;text-transform:none;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
#pun #pun-index .category .tc2::before {content:'forum'}
#pun #pun-index .category .tc3::before {content:'chat_bubble_outline'}
/* Статистика форума: счётчики, онлайн и посетившие за сутки. */
#pun .statscon {padding:calc(var(--space-22px) * var(--forum-padding-density));/* border:1px solid var(--sage-green); */border-radius:var(--radius-30px);/* background:var(--white); */color:var(--slate-blue);font:400 14px/1.5 var(--font-body);/* box-shadow:var(--light-shadow); */margin:var(--space-24px) 0;min-width:0}
#pun .statscon ul.container {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-template-areas:none!important;gap:var(--space-14px);margin:0!important;padding:0!important;list-style:none}
#pun .statscon ul.container > li {grid-area:auto!important;grid-column:auto;grid-row:auto;min-width:0;width:auto;margin:0!important;padding:calc(var(--space-16px) * var(--forum-padding-density))!important;border-radius:var(--radius-20px);/* border:1px solid var(--sage-green); *//* background:var(--pale-green); */text-align:left;overflow-wrap:anywhere;font:400 13px/1.5 var(--font-body)}
#pun .statscon ul.container > li.item1,#pun .statscon ul.container > li.item2,#pun .statscon ul.container > li.item3,#pun .statscon ul.container > li.item4 {display:flex;flex-direction:column;gap:var(--space-6px)}
#pun .statscon ul.container > li.item1::before,#pun .statscon ul.container > li.item2::before,#pun .statscon ul.container > li.item3::before,#pun .statscon ul.container > li.item4::before {font:400 25px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;color:var(--teal);-webkit-font-smoothing:antialiased}
#pun .statscon .item1::before {content:'forum'}
#pun .statscon .item2::before {content:'chat_bubble_outline'}
#pun .statscon .item3::before {content:'groups'}
#pun .statscon .item4::before {content:'person_add'}
#pun .statscon ul.container > li > span {padding:0;font:400 12px/1.4 var(--font-ui);color:var(--slate-blue)}
#pun .statscon ul.container > li > strong {font: 600 22px/1.2 var(--font-body);color:var(--slate-blue)}
#pun .statscon ul.container > li.item4 > strong {font-size:18px}
#pun .statscon ul.container > li.onlinelist,#pun .statscon ul.container > li.users_24h {grid-column:span 2!important;max-height:none!important;overflow:visible!important;background:var(--pale-green)}
#pun .statscon ul.container > li.users_24h {background: var(--light-teal);border-color:var(--sage-green)}
#pun .statscon .onlinelist > div > a:first-child,#pun .statscon .users_24h > div > a:first-child {display:block;margin:0 0 var(--space-10px);color:var(--slate-blue);font: 600 16px/1.3 var(--font-body);}
#pun .statscon .onlinelist > div > a:first-child::before,#pun .statscon .users_24h > div > a:first-child::before {display:inline-block;vertical-align:middle;margin-right:var(--space-8px);color:var(--teal);font:400 24px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;-webkit-font-smoothing:antialiased}
#pun .statscon .onlinelist > div > a:first-child::before {content:'people_outline'}
#pun .statscon .users_24h > div > a:first-child::before {content:'history'}
#pun .statscon .onlinelist > div > span,#pun .statscon .users_24h > div > span {display:block;margin-top:var(--space-14px);padding-top:calc(var(--space-12px) * var(--forum-padding-density));border-top:1px solid var(--sage-green);line-height:2.4}
#pun .statscon .onlinelist > div > span a,#pun .statscon .users_24h > div > span a {display:inline-block;margin:var(--space-3px) var(--space-4px) var(--space-3px) 0;padding:calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-11px) * var(--forum-padding-density));border-radius:var(--radius-12px);background:var(--white);border:1px solid var(--sage-green);font:500 13px/1.4 var(--font-ui);text-decoration:none}
#pun .statscon a {color:var(--links-color)}
#pun .statscon a:hover {color:var(--links-hover-color)}
#pun .statscon ul.container > li.statistics {grid-column:1/-1!important;padding:calc(var(--space-12px) * var(--forum-padding-density))!important;background:none;border:0}
#pun .statscon #statistic-other {display:flex;flex-wrap:wrap;gap:var(--space-8px)}
#pun .statscon #statistic-other span {display:block;padding:0!important;min-width:0;max-width:100%}
#pun .statscon #statistic-other a {display:block;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border-radius:var(--radius-12px);/* background:var(--pale-green); *//* border:1px solid var(--sage-green); */font:500 12px/1.35 var(--font-ui);white-space:normal;overflow-wrap:anywhere}
#pun .statscon #statistic-other a:hover {background:var(--medium-teal)}
#pun .statscon a:focus-visible {outline:2px solid var(--links-color);outline-offset:3px}




/* VIEWFORUM И СПИСКИ ТЕМ SEARCH — адаптация под PunBB */
#pun :is(#pun-viewforum,#pun-searchtopics) {color:var(--slate-blue);font-family:var(--font-body)}
#pun :is(#pun-viewforum,#pun-searchtopics) #pun-main {min-width:0}
#pun :is(#pun-viewforum,#pun-searchtopics) #pun-main > h1 {display:block!important;position:relative;width:auto;height:auto;margin:var(--space-22px) 0 var(--space-10px);padding:0 0 0 calc(var(--space-38px) * var(--forum-padding-density));overflow:visible;text-align:left;text-transform:none;color:var(--slate-blue);background:none;border:0;font: 600 clamp(20px,2vw,44px)/1.12 var(--font-body);letter-spacing:-1.7px;text-shadow:2px 2px var(--sage-green);overflow-wrap:anywhere}
#pun :is(#pun-viewforum,#pun-searchtopics) #pun-main > h1::before {content:'auto_awesome';position:absolute;left:0;top:12px;color:var(--teal);font:400 27px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;text-shadow:none}
#pun :is(#pun-viewforum,#pun-searchtopics) #pun-main > h1 span {display:inline;font:inherit}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum {margin:var(--space-24px) 0;min-width:0;border:0;background:none;padding:0}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum > h2 {display:flex;position:static;width:auto;height:auto;overflow:visible;align-items:center;justify-content:space-between;gap:var(--space-12px);margin:0 0 var(--space-18px);padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density));border-radius:var(--radius-16px);border:1px solid var(--sage-green);background:var(--pale-green);color:var(--slate-blue);font:500 13px/1.4 var(--font-ui);text-transform:none}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum > h2 .item2 {color:var(--teal);text-align:right}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum > .container {margin:0;padding:0;border:0;overflow:visible}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum table {display:block;width:100%;border:0;border-collapse:separate}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum thead {display:none!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody {display:grid;gap:var(--space-18px);width:100%}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr {position:relative;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto auto 270px;grid-template-rows:minmax(52px,auto) auto;grid-template-areas:'star title title title last' 'star . replies views last';gap:0 0;width:100%;min-height:84px;margin:0!important;padding:0!important;border:0;background:none;align-items:stretch;isolation:isolate}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::before {content:'';grid-area:star;align-self:center;width: 85px;height: 85px;background: var(--icon-old-message) center/contain no-repeat;opacity:.75}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::after {content:'';position:absolute;z-index:-1;left:54px;right:284px;top:0;bottom:0;border-radius:var(--radius-22px);background:var(--pale-green) var(--image-topic-background-odd) right center/auto 100% no-repeat}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(even)::after {background-image:var(--image-topic-background-even)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody td {float:none!important;width:auto!important;min-width:0;margin:0!important;border:0;box-sizing:border-box}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcl {grid-area:title;padding:calc(var(--space-16px) * var(--forum-padding-density)) calc(var(--space-24px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density))!important;background:none;align-self:center;text-align:left}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tcl .intd {position:static;display:block;margin:0;padding:0!important;width:auto;border:0;box-shadow:none;background:none}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tcl .icon {display:none!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon {display:block;padding:0;margin:0;font:500 19px/1.4 var(--font-body);overflow-wrap:anywhere}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon > a {color:var(--slate-blue);font:inherit;text-shadow:1px 1px var(--white)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon > a:hover {color:var(--links-color)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon .byuser {display:inline;color:var(--teal);font:600 16px/1.4 var(--font-body)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon .byuser::before {content:' / ';margin:0 var(--space-3px);color:var(--teal);font:inherit}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon .acchide {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .stickytext,#pun :is(#pun-viewforum,#pun-searchtopics) .forum .closedatafield {display:inline-block;margin-right:var(--space-5px);font:600 11px/1.3 var(--font-ui);padding:calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));border-radius:var(--radius-8px);background:var(--medium-teal);color:var(--slate-blue);vertical-align:middle}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tr.inew::before {opacity:1;filter:drop-shadow(0 0 3px var(--teal))}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tr.iclosed .closedatafield {background:var(--light-orange);color:var(--links-hover-color)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tr.isticky::after {box-shadow:inset 0 0 0 1px var(--sage-green)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3 {display:inline-flex!important;align-items:center;gap:var(--space-5px);align-self:end;justify-content:center;padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-9px) * var(--forum-padding-density))!important;background:var(--white);color:var(--slate-blue);font:500 12px/1.2 var(--font-ui);text-align:center;white-space:nowrap}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2 {grid-area:replies;border-radius:var(--radius-12px) 0 0 0}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3 {grid-area:views;margin-right:var(--space-32px)!important;border-radius:0 var(--radius-12px) 0 0}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3::before {display:inline;font:400 16px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;color:var(--teal);margin:0}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2::before {content:'chat_bubble_outline'}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3::before {content:'visibility'}
/* В поиске tc2 может содержать ссылку на форум — сохраняем её как метку. */
#pun #pun-searchtopics .forum tbody .tc2:has(a) {white-space:normal;max-width:230px}
#pun #pun-searchtopics .forum tbody .tc2:has(a)::before {content:'folder_open'}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr {grid-area:last;display:grid!important;grid-template-columns:96px minmax(0,1fr);grid-template-rows:1fr 1fr;grid-template-areas:
'avatar date'
'avatar author';align-content:center;align-items:center;gap:0 var(--space-10px);position:relative;max-width:none;margin-left:var(--space-14px)!important;padding:0 calc(var(--space-12px) * var(--forum-padding-density)) 0 0!important;background:var(--white);border: 1px solid var(--light-teal);border-radius:var(--radius-22px);overflow:hidden;text-align:center;font:400 12px/1.3 var(--font-body)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr > a {grid-area:date;align-self:end;display:block;padding-top:calc(var(--space-8px) * var(--forum-padding-density));color:var(--slate-blue);font:400 12px/1.35 var(--font-body)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr > .byuser {grid-area:author;align-self:start;display:block;margin:var(--space-3px) 0 0;padding-bottom:calc(var(--space-8px) * var(--forum-padding-density));color:var(--teal);font:600 13px/1.3 var(--font-body)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr .byuser::before {content:none}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr > br {display:none}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr > .user-avatar {grid-area:avatar;display:block!important;float:none!important;position:relative!important;align-self:stretch;width:96px!important;height:100%!important;min-height:80px;margin:0!important;transform:none!important;border:0!important;border-radius:var(--radius-20px) 0 0 var(--radius-20px);overflow:hidden;background:var(--medium-teal)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .user-avatar > a {display:block;width:100%;height:100%;position:relative}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .user-avatar .avatar-image {display:block;position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;background-size:cover!important;background-position:center 30%!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .user-avatar img {width:100%;height:100%;object-fit:cover}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .user-avatar .isonline {right:5px!important;top:5px!important;width:10px!important;height:10px!important;background:var(--teal)!important;border:2px solid var(--white);border-radius:var(--radius-50pct)!important;clip-path:none;animation:none!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr:not(:has(.user-avatar)) {grid-template-columns:1fr;grid-template-areas:'date' 'author';padding:calc(var(--space-10px) * var(--forum-padding-density))!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .linkst,#pun :is(#pun-viewforum,#pun-searchtopics) .linksb {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-12px);margin:var(--space-18px) 0;padding:0;border:0;background:none}
#pun :is(#pun-viewforum,#pun-searchtopics) .pagelink {float:none;margin:0;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border-radius:var(--radius-14px);background:var(--pale-green);color:var(--slate-blue);font:400 13px/1.5 var(--font-ui)}
#pun :is(#pun-viewforum,#pun-searchtopics) .pagelink a,#pun :is(#pun-viewforum,#pun-searchtopics) .pagelink strong {display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;margin:var(--space-2px);padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));border-radius:var(--radius-9px);box-sizing:border-box}
#pun :is(#pun-viewforum,#pun-searchtopics) .pagelink strong {background:var(--slate-blue);color:var(--white)}
#pun :is(#pun-viewforum,#pun-searchtopics) .postlink {display:flex;float:none;flex-wrap:wrap;gap:var(--space-8px);margin:0;padding:0;width:auto}
#pun :is(#pun-viewforum,#pun-searchtopics) .postlink span {display:block;margin:0}
#pun :is(#pun-viewforum,#pun-searchtopics) .postlink a {display:inline-flex;align-items:center;justify-content:center;gap:var(--space-7px);min-height:38px;padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density));border:0;border-radius:var(--radius-12px);background:var(--midnight-gradient);color:var(--white);font:600 12px/1.3 var(--font-ui);text-transform:uppercase;box-sizing:border-box}
#pun :is(#pun-viewforum,#pun-searchtopics) .postlink a:hover {background:var(--links-color);color:var(--white)}
#pun :is(#pun-viewforum,#pun-searchtopics) .new-topic a::before,#pun :is(#pun-viewforum,#pun-searchtopics) .new-poll a::before {font:400 19px/1 'Material Icons';font-feature-settings:'liga';text-transform:none}
#pun :is(#pun-viewforum,#pun-searchtopics) .new-topic a::before {content:'add'}
#pun :is(#pun-viewforum,#pun-searchtopics) .new-poll a::before {content:'poll'}
#pun :is(#pun-viewforum,#pun-searchtopics) .modmenu {margin:var(--space-18px) 0;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density));/* border:1px solid var(--sage-green); */border-radius:var(--radius-16px);background:var(--pale-green);font:400 12px/1.5 var(--font-ui)}
#pun :is(#pun-viewforum,#pun-searchtopics) .modmenu .container {display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-10px)}
#pun :is(#pun-viewforum,#pun-searchtopics) a:focus-visible {outline:2px solid var(--links-color);outline-offset:3px}



[data-theme="dark"] #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::after {background-blend-mode:soft-light}
@media(prefers-reduced-motion:reduce) {#pun :is(#pun-viewforum,#pun-searchtopics) * {transition:none!important;animation:none!important}}

/* Исправление размещения содержимого списка тем */
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcl {display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;overflow:visible!important;z-index:1;min-height:0!important;height:auto!important;color:var(--slate-blue)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tcl .intd,#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon {display:block!important;position:static!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;clip:auto!important;clip-path:none!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon > a {display:inline!important;visibility:visible!important;opacity:1!important;color:var(--slate-blue)!important;font:500 19px/1.4 var(--font-body)!important;text-indent:0!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon > a:hover {color:var(--links-color)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3 {position:relative;z-index:1;visibility:visible!important;opacity:1!important}
#pun #pun-searchtopics .forum tbody tr {grid-template-columns: 85px minmax(0,1fr) auto 270px;grid-template-areas:
'star title title last'
'star forum replies last';grid-template-rows:auto auto}
#pun #pun-searchtopics .forum tbody .tc2 {grid-area:forum;justify-self:start;margin:0 0 0 var(--space-24px)!important;border-radius:var(--radius-10px) var(--radius-10px) 0 0;max-width:none;white-space:normal;text-align:left;justify-content:flex-start}
#pun #pun-searchtopics .forum tbody .tc2::before {content:'folder_open'}
#pun #pun-searchtopics .forum tbody .tc2 a {color:var(--links-color);font:500 12px/1.3 var(--font-ui);overflow-wrap:anywhere}
#pun #pun-searchtopics .forum tbody .tc3 {grid-area:replies;margin-right:var(--space-25px)!important;border-radius:var(--radius-10px) var(--radius-10px) 0 0}
#pun #pun-searchtopics .forum tbody .tc3::before {content:'chat_bubble_outline'}
#pun #pun-searchtopics .forum tbody .tc3::after {content:'ответов';font:400 11px/1.2 var(--font-ui);color:var(--slate-blue)}



/* ЕДИНОЕ ОФОРМЛЕНИЕ НАВИГАЦИИ, ТЕМЫ И ПАНЕЛЕЙ */
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3 {align-self:start;margin-bottom:var(--space-9px)!important;border-radius:var(--radius-10px);padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-9px) * var(--forum-padding-density))!important;background:var(--white);border:1px solid var(--sage-green)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcl {padding-bottom:calc(var(--space-6px) * var(--forum-padding-density))!important}
#pun #pun-searchtopics .forum tbody .tc2 {margin-left:var(--space-24px)!important}
#pun .forum .pagestext {display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-4px);margin-left:var(--space-10px);vertical-align:middle;font:500 12px/1 var(--font-ui)}
#pun .forum .pagestext .bracket {display:none}
#pun .forum .pagestext a {display:inline-flex;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 calc(var(--space-6px) * var(--forum-padding-density));border-radius:var(--radius-8px);background:var(--white);border:1px solid var(--sage-green);color:var(--slate-blue);box-sizing:border-box;font:500 12px/1 var(--font-ui)}
#pun .forum .pagestext a:hover {background:var(--medium-teal);color:var(--links-color)}
#pun #pun-viewtopic #pun-main > h1 {display:block!important;position:relative;width:auto;height:auto;overflow:visible;margin:var(--space-22px) 0;padding:0 0 0 calc(var(--space-38px) * var(--forum-padding-density));background:none;border:0;color:var(--slate-blue);font: 600 clamp(15px,4vw,24px)/1.15 var(--font-body);text-align:left;letter-spacing:-1px;text-shadow:2px 2px var(--sage-green);overflow-wrap:anywhere;text-transform: uppercase;}
#pun #pun-viewtopic #pun-main > h1::before {content:'auto_awesome';position:absolute;left:0;top: 1px;font:400 26px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;color:var(--teal);text-shadow:none}
#pun #pun-viewtopic #pun-main > h1 span {font:inherit}
#pun #pun-viewtopic :is(.linkst,.linksb) {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-12px);margin:var(--space-18px) 0;padding:calc(var(--space-14px) * var(--forum-padding-density));/* border:1px solid var(--sage-green); */border-radius:var(--radius-20px);background:var(--pale-green)}
#pun #pun-viewtopic .postlink {float:none;display:flex;flex-wrap:wrap;gap:var(--space-8px);margin:0;padding:0;width:auto}
#pun #pun-viewtopic .postlink a {display:inline-flex;align-items:center;gap:var(--space-8px);min-height:38px;padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-17px) * var(--forum-padding-density));border-radius:var(--radius-12px);background:var(--midnight-gradient);color:var(--white);font:600 12px/1.3 var(--font-ui);text-transform:uppercase;box-sizing:border-box}
#pun #pun-viewtopic .postlink a::before {content:'reply';font:400 20px/1 'Material Icons';font-feature-settings:'liga';text-transform:none}
#pun #pun-viewtopic .postlink a:hover {background:var(--links-color)}
#pun #pun-viewtopic .pagelink {float:none;margin:0;padding:0;color:var(--slate-blue);font:400 13px/1.5 var(--font-ui)}
#pun #pun-viewtopic .pagelink a,#pun #pun-viewtopic .pagelink strong {display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;margin:var(--space-2px);padding:calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density));border-radius:var(--radius-10px);background:var(--white);border:1px solid var(--sage-green);color:var(--slate-blue);box-sizing:border-box}
#pun #pun-viewtopic .pagelink strong {background:var(--slate-blue);color:var(--white);border-color:var(--slate-blue)}
#pun #pun-viewtopic .pagelink a:hover {background:var(--medium-teal)}
#pun #pun-viewtopic .subscribelink {float:none;margin:0;font:500 12px/1.4 var(--font-ui)}
#pun #pun-viewtopic .subscribelink a {display:inline-flex;align-items:center;gap:var(--space-7px);padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border-radius:var(--radius-12px);background:var(--white);border:1px solid var(--sage-green);color:var(--slate-blue)}
#pun #pun-viewtopic .subscribelink a::before {content:'notifications_none';font:400 20px/1 'Material Icons';font-feature-settings:'liga';text-transform:none}
#pun #pun-viewtopic .subscribelink a:hover {background:var(--medium-teal)}
#pun .formsubmit {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-10px);padding:calc(var(--space-16px) * var(--forum-padding-density)) 0;margin:0}
#pun .formsubmit input.button {width:auto;min-height:40px;padding:calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-18px) * var(--forum-padding-density))!important;margin:0!important;border:1px solid var(--sage-green);border-radius:var(--radius-12px);font:600 13px/1.3 var(--font-ui);letter-spacing:0;cursor:pointer;background:var(--pale-green);color:var(--slate-blue);/* box-shadow:var(--light-shadow); */}
#pun .formsubmit input[name="submit"] {background:var(--midnight-gradient);color:var(--white);border-color:transparent}
#pun .formsubmit input[name="preview"]:hover {background:var(--medium-teal)}
#pun .formsubmit input[name="submit"]:hover {background:var(--links-color)}
#pun :is(#pun-crumbs1,#pun-crumbs2) {margin:var(--space-14px) 0!important;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density))!important;/* border:1px solid var(--sage-green); */border-radius:var(--radius-16px);background:var(--pale-green);color:var(--slate-blue);width:auto!important;box-sizing:border-box}
#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs {margin:0;padding:0;font:400 12px/1.8 var(--font-ui);text-align:left;overflow-wrap:anywhere}
#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs::before,#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs::after,#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs a::before,#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs a::after {content:none}
#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs > strong {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs em {color:var(--teal);font-style:normal;margin:0 var(--space-6px)}
#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs a {color:var(--links-color);text-decoration:none}
#pun #pun-viewtopic .topic .post > h3 {position:relative;display:block;height:auto;margin:0 0 var(--space-12px);padding:calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density));/* border:1px solid var(--sage-green); */border-radius:var(--radius-15px);background:var(--pale-green);color:var(--slate-blue);font:400 12px/1.5 var(--font-ui);text-align:left}
#pun #pun-viewtopic .topic .post > h3 > span {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-10px);margin:0;padding:0;float:none}
#pun #pun-viewtopic .topic .post > h3 strong {display:inline-flex;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));border-radius:var(--radius-9px);background:var(--white);color:var(--teal);font:600 12px/1 var(--font-ui);box-sizing:border-box}
#pun #pun-viewtopic .topic .post > h3 .sharelink {display:inline-flex;align-items:center;gap:var(--space-5px);width:auto;height:auto;padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density));font:500 12px/1.3 var(--font-ui);color:var(--slate-blue);border-radius:var(--radius-9px);background:var(--white)}
#pun #pun-viewtopic .topic .post > h3 .sharelink::before {content:'share';font:400 17px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;margin:0}
#pun #pun-viewtopic .topic .post > h3 .permalink {margin-left:auto;color:var(--slate-blue);font:400 12px/1.4 var(--font-ui)}
#pun #pun-status {margin:var(--space-12px) 0!important;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density))!important;/* border:1px solid var(--sage-green); */border-radius:var(--radius-18px);background:var(--pale-green);color:var(--slate-blue);width:auto!important}
#pun #pun-status > .container {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8px) var(--space-18px);margin:0;padding:0;font:400 12px/1.6 var(--font-ui)}
#pun #pun-status .container > span {float:none;margin:0;min-width:0;overflow-wrap:anywhere}
#pun #pun-status .container strong {font-weight:600}
#pun #pun-status .container .status-right {margin-left:auto}
#pun #pun-status .container a {display:inline-block;padding:calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));border-radius:var(--radius-7px);background:var(--white);color:var(--links-color)}
#pun #pun-ulinks {margin:var(--space-12px) 0!important;padding:calc(var(--space-12px) * var(--forum-padding-density))!important;width:auto!important;/* border:1px solid var(--sage-green); */border-radius:var(--radius-18px);background:var(--pale-green)}
#pun #pun-ulinks ul.container {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-8px);margin:0;padding:0;list-style:none}
#pun #pun-ulinks ul.container li {float:none;margin:0;padding:0}
#pun #pun-ulinks ul.container li a {display:inline-flex;align-items:center;gap:var(--space-6px);padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density));border-radius:var(--radius-11px);/* border:1px solid var(--sage-green); */background:var(--white);color: color-mix( in srgb, var(--pale-green) 35%, var(--main-bg-body));font:500 12px/1.3 var(--font-ui);text-transform:none}
#pun #pun-ulinks ul.container li a:hover {background: var(--light-orange);color: var(--dark-gold);}
#pun :is(.formsubmit input,.pagestext a,#pun-status a,#pun-ulinks a,.subscribelink a):focus-visible {outline:2px solid var(--links-color);outline-offset:3px}




/* USERLIST: компактные карточки, полный блок вместо прежнего */
#pun #pun-userlist #pun-main > h1 {display:block!important;width:auto;height:auto;margin:var(--space-18px) 0;padding:0;color:var(--slate-blue);font:600 clamp(27px,4vw,44px)/1.15 var(--font-body);letter-spacing:-1px;background:none;border:0;text-align:left}
#pun #pun-userlist #pun-main table:has(td.username) {display:block!important;width:100%!important;margin:var(--space-18px) 0!important;border:0;table-layout:auto}
#pun #pun-userlist #pun-main table:has(td.username) thead {display:none!important}
#pun #pun-userlist #pun-main table:has(td.username) tbody {display:grid!important;grid-template-columns: repeat(5,minmax(0,1fr))!important;gap:var(--space-12px);width:100%}
#pun #pun-userlist #pun-main table:has(td.username) tbody tr {position:relative;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto auto auto auto!important;grid-template-areas:'person person' 'role role' 'respect posts' 'registered registered' 'visit visit'!important;gap:var(--space-8px)!important;align-items:start;align-content:start;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:calc(var(--space-13px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-18px)!important;background:var(--pale-green)!important;box-shadow:var(--light-shadow);box-sizing:border-box}
#pun #pun-userlist #pun-main table:has(td.username) tbody td {display:block!important;float:none!important;position:static!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border:0;overflow:visible!important;text-align:center!important;font: 400 11px/1.4 var(--font-ui)!important;color:var(--slate-blue);overflow-wrap:anywhere;box-sizing:border-box}
#pun #pun-userlist #pun-main table tbody td.username {grid-area:person!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:var(--space-8px)!important;background:none!important}
#pun #pun-userlist .username .user-avatar {grid-area:auto!important;position:relative!important;display:block!important;float:none!important;clear:none!important;flex:0 0 auto!important;width: 140px!important;height: 140px!important;margin:0!important;border:2px solid var(--white)!important;border-radius:var(--radius-14px)!important;transform:none!important;background:var(--medium-teal);box-shadow:var(--light-shadow);overflow:visible!important}
#pun #pun-userlist .username .user-avatar > a {display:block!important;position:relative!important;width:100%!important;height:100%!important;border-radius:var(--radius-12px);overflow:hidden}
#pun #pun-userlist .username .user-avatar .avatar-image {position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;border-radius:var(--radius-12px)!important;background-size:cover!important;background-position:center 30%!important}
#pun #pun-userlist .username .user-avatar.no-avatar .avatar-image {background-image: var(--image-default-avatar);background-color:var(--white)}
#pun #pun-userlist .username .user-avatar.no-avatar .avatar-image::after {content:'person_outline';display:flex;align-items:center;justify-content:center;height:100%;color:var(--teal);font:400 30px/1 'Material Icons';font-feature-settings:'liga'}
#pun #pun-userlist .username .user-avatar .isonline {position:absolute;right:3px!important;top:3px!important;width:9px!important;height:9px!important;border:2px solid var(--white)!important;border-radius:var(--radius-50pct)!important;background:var(--teal)!important;clip-path:none!important;animation:none!important;z-index:2}
#pun #pun-userlist .username .usersname {grid-area:auto!important;display:block!important;position:static!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;text-align:center!important;font:600 16px/1.2 var(--font-body)!important;overflow-wrap:anywhere}
#pun #pun-userlist .username .usersname a {display:inline!important;color:var(--slate-blue);font:inherit!important;text-decoration:none}
#pun #pun-userlist .username .usersname a:hover {color:var(--links-color)}
#pun #pun-userlist #pun-main table tbody td.user_title {grid-area:role!important;justify-self:center!important;max-width:100%;padding:calc(var(--space-4px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density))!important;border-radius:var(--radius-8px);background:var(--medium-teal)!important;font:500 10px/1.25 var(--font-ui)!important;text-align:center!important}
#pun #pun-userlist #pun-main table tbody td.relation {grid-area:respect!important}
#pun #pun-userlist #pun-main table tbody td.num_posts {grid-area:posts!important}
#pun #pun-userlist #pun-main table tbody :is(td.relation,td.num_posts) {justify-self:stretch!important;align-self:stretch!important;padding:calc(var(--space-7px) * var(--forum-padding-density)) calc(var(--space-3px) * var(--forum-padding-density))!important;margin:0!important;background:var(--white)!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-10px)!important;font:600 14px/1.3 var(--font-ui)!important;text-align:center!important}
#pun #pun-userlist td.relation::before,#pun #pun-userlist td.num_posts::before {display:block;margin:0 0 var(--space-4px);padding:0;color:var(--teal);font:400 9px/1.2 var(--font-ui);text-transform:none}
#pun #pun-userlist td.relation::before {content:'Уважение'}
#pun #pun-userlist td.num_posts::before {content:'Сообщения'}
#pun #pun-userlist #pun-main table tbody td.registered {grid-area:registered!important;justify-self:stretch!important;margin:var(--space-2px) 0 0!important;padding:calc(var(--space-7px) * var(--forum-padding-density)) 0 0!important;border-top:1px solid var(--sage-green)!important;font-size:10px!important}
#pun #pun-userlist #pun-main table tbody td.last_visit {grid-area:visit!important;justify-self:stretch!important;font-size:10px!important}
#pun #pun-userlist td.registered::before,#pun #pun-userlist td.last_visit::before {display:block;margin-bottom:var(--space-2px);color:var(--teal);font:400 9px/1.2 var(--font-ui)}
#pun #pun-userlist td.registered::before {content:'Регистрация'}
#pun #pun-userlist td.last_visit::before {content:'Последний визит'}
#pun #pun-userlist .formal {padding:calc(var(--space-14px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-20px);background:var(--pale-green);margin:var(--space-16px) 0}
#pun #pun-userlist .formal fieldset {padding:calc(var(--space-10px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-14px)}
#pun #pun-userlist .formal .fs-box {margin:0!important;padding:0!important}
#pun #pun-userlist .formal input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),#pun #pun-userlist .formal select {padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-10px);background:var(--white);color:var(--slate-blue);max-width:100%;box-sizing:border-box;font:400 12px/1.3 var(--font-ui)}
#pun select[name='show_group'] {width:185px} #pun select[name='sort_by'] {width:215px} #pun select[name='sort_dir'] {width:155px}
#pun #pun-userlist .formal .formsubmit {padding:calc(var(--space-10px) * var(--forum-padding-density)) 0 0!important}
#pun #pun-userlist .pagelink {padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border-radius:var(--radius-12px);background:var(--pale-green);font:400 12px/1.5 var(--font-ui);color:var(--slate-blue)}
#pun #pun-userlist .pagelink a,#pun #pun-userlist .pagelink strong {display:inline-flex;justify-content:center;align-items:center;min-width:26px;min-height:26px;margin:var(--space-2px);padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));border-radius:var(--radius-8px);box-sizing:border-box}
#pun #pun-userlist .pagelink strong {background:var(--slate-blue);color:var(--white)}
#pun #pun-userlist a:focus-visible {outline:2px solid var(--links-color);outline-offset:3px}




/* SEARCH SHOW_USER_POSTS: карточки найденных сообщений */
#pun #pun-main.show_user_posts {color:var(--slate-blue);min-width:0}
#pun #pun-main.show_user_posts > h1 {display:block!important;position:relative;width:auto;height:auto;margin:var(--space-20px) 0;padding:0 0 0 calc(var(--space-36px) * var(--forum-padding-density));overflow:visible;background:none;border:0;text-align:left;color:var(--slate-blue);font:600 clamp(28px,4vw,46px)/1.15 var(--font-body);letter-spacing:-1px;text-transform:none;text-shadow:2px 2px var(--sage-green)}
#pun #pun-main.show_user_posts > h1::before {content:'manage_search';position:absolute;left:0;top:7px;font:400 27px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;color:var(--teal);text-shadow:none}
#pun #pun-main.show_user_posts > .topic {margin:var(--space-18px) 0;background:none;border:0;padding:0}
#pun #pun-main.show_user_posts > .topic > h2 {position:static;display:flex!important;align-items:center;justify-content:space-between;gap:var(--space-12px);overflow:visible;width:auto;height:auto;margin:0 0 var(--space-16px);padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-15px) * var(--forum-padding-density));background:var(--pale-green);border:1px solid var(--sage-green);border-radius:var(--radius-15px);color:var(--slate-blue);font:500 12px/1.4 var(--font-ui);text-align:left}
#pun #pun-main.show_user_posts > .topic > h2 .item2 {color:var(--teal);text-align:right}
#pun #pun-main.show_user_posts .post {display:block!important;position:relative;margin:0 0 var(--space-18px)!important;padding:0!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-23px)!important;background:var(--white)!important;box-shadow:var(--light-shadow);overflow:hidden;min-height:0!important}
#pun #pun-main.show_user_posts .post > h3 {display:block!important;position:static;margin:0!important;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density))!important;height:auto!important;min-height:0!important;border:0!important;border-bottom:1px solid var(--sage-green)!important;background:var(--pale-green)!important;color:var(--slate-blue);text-align:left!important;font:400 12px/1.5 var(--font-ui)!important}
#pun #pun-main.show_user_posts .post > h3 > span {display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-6px) var(--space-9px);float:none!important;margin:0!important;padding:0!important;width:auto!important;background:none!important}
#pun #pun-main.show_user_posts .post > h3 strong {order:-1;display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-6px) * var(--forum-padding-density));border-radius:var(--radius-8px);background:var(--white);color:var(--teal);font:600 11px/1 var(--font-ui);box-sizing:border-box}
#pun #pun-main.show_user_posts .post > h3 a {color:var(--slate-blue);text-decoration:none;overflow-wrap:anywhere}
#pun #pun-main.show_user_posts .post > h3 a:nth-of-type(2) {font:600 17px/1.3 var(--font-body);color:var(--slate-blue)}
#pun #pun-main.show_user_posts .post > h3 a:last-of-type {margin-left:auto;font:400 11px/1.4 var(--font-ui);color:var(--teal)}
#pun #pun-main.show_user_posts .post > h3 a:hover {color:var(--links-color)}
#pun #pun-main.show_user_posts .post > h3 em {font-style:normal;color:var(--teal)}
#pun #pun-main.show_user_posts .post > .container {display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:'author body' 'author actions'!important;gap:var(--space-12px) var(--space-18px)!important;margin:0!important;padding:calc(var(--space-16px) * var(--forum-padding-density))!important;background:none!important;align-items:start;min-height:0!important}
#pun #pun-main.show_user_posts .post-author {grid-area:author!important;position:static!important;float:none!important;display:block!important;min-width:0!important;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:calc(var(--space-13px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-16px)!important;background:var(--pale-green)!important;text-align:center!important;box-sizing:border-box}
#pun #pun-main.show_user_posts .post-author > ul {display:block!important;list-style:none;margin:0!important;padding:0!important}
#pun #pun-main.show_user_posts .post-author li {display:block!important;width:auto!important;margin:0!important;padding:0!important;text-align:center!important;background:none!important;border:0!important;font:400 11px/1.5 var(--font-ui)!important;color:var(--slate-blue)}
#pun #pun-main.show_user_posts .post-author .pa-author {margin-bottom:var(--space-8px)!important;font:600 19px/1.3 var(--font-body)!important;overflow-wrap:anywhere}
#pun #pun-main.show_user_posts .post-author .pa-author::before {content:'account_circle';display:block;margin-bottom:var(--space-7px);font:400 29px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal);text-transform:none}
#pun #pun-main.show_user_posts .post-author .pa-author strong {font:inherit!important}
#pun #pun-main.show_user_posts .post-author .pa-replies {padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density))!important;border-radius:var(--radius-9px)!important;background:var(--white)!important}
#pun #pun-main.show_user_posts .post-body {grid-area:body!important;float:none!important;position:static!important;display:block!important;min-width:0!important;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:calc(var(--space-3px) * var(--forum-padding-density)) 0!important;background:none!important;border:0!important}
#pun #pun-main.show_user_posts .post-box {margin:0!important;padding:0!important;min-height:0!important;border:0!important;background:none!important}
#pun #pun-main.show_user_posts .post-content {margin:0!important;padding:0!important;min-height:0!important;font:400 14px/1.65 var(--font-body)!important;color:var(--slate-blue);overflow-wrap:anywhere}
#pun #pun-main.show_user_posts .post-content p {margin:0 0 var(--space-8px);line-height:inherit}
#pun #pun-main.show_user_posts .post-content p:empty {display:none}
#pun #pun-main.show_user_posts .post-content img {max-width:100%;height:auto}
#pun #pun-main.show_user_posts .post-content :is(pre,.code-box) {max-width:100%;overflow:auto}
#pun #pun-main.show_user_posts .post-links {grid-area:actions!important;display:block!important;position:static!important;float:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;width:auto!important;text-align:right}
#pun #pun-main.show_user_posts .post-links ul {display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-8px);margin:0!important;padding:0!important;list-style:none}
#pun #pun-main.show_user_posts .post-links li {margin:0!important;padding:0!important;float:none!important}
#pun #pun-main.show_user_posts .post-links a {display:inline-flex;align-items:center;gap:var(--space-7px);padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;margin:0!important;border:0!important;border-radius:var(--radius-11px)!important;background:var(--midnight-gradient)!important;color:var(--white)!important;font:500 11px/1.3 var(--font-ui)!important;text-transform:none!important;letter-spacing:0}
#pun #pun-main.show_user_posts .post-links a::before {content:'arrow_forward';font:400 17px/1 'Material Icons';font-feature-settings:'liga';text-transform:none}
#pun #pun-main.show_user_posts .post-links a:hover {background:var(--links-color)!important}
#pun #pun-main.show_user_posts :is(.linkst,.linksb) {display:flex;flex-wrap:wrap;gap:var(--space-10px);margin:var(--space-16px) 0;padding:0;background:none;border:0}
#pun #pun-main.show_user_posts .pagelink {float:none;margin:0;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border-radius:var(--radius-13px);background:var(--pale-green);color:var(--slate-blue);font:400 12px/1.5 var(--font-ui)}
#pun #pun-main.show_user_posts .pagelink a,#pun #pun-main.show_user_posts .pagelink strong {display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;margin:var(--space-2px);padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));border-radius:var(--radius-9px);box-sizing:border-box}
#pun #pun-main.show_user_posts .pagelink strong {background:var(--slate-blue);color:var(--white)}
#pun #pun-main.show_user_posts .pagelink a:hover {background:var(--medium-teal)}
#pun #pun-main.show_user_posts a:focus-visible {outline:2px solid var(--links-color);outline-offset:3px}


/* PROFILE VIEW: портрет слева, информация справа */
#pun #pun-main:has(#viewprofile-next) > h1 {display:block!important;position:relative;width:auto;height:auto;margin:var(--space-20px) 0;padding:0;color:var(--slate-blue);background:none;border:0;text-align:left;font:600 clamp(28px,4vw,44px)/1.15 var(--font-body);letter-spacing:-1px;text-transform:none}
#pun #viewprofile-next {display:block!important;margin:var(--space-18px) 0!important;padding:0!important;border:0!important;background:none!important;width:100%!important;min-width:0;box-sizing:border-box}
#pun #viewprofile {width:100%!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
#pun #viewprofile > .container,#pun #viewprofile > .container > ul {display:block!important;margin:0!important;padding:0!important;list-style:none;background:none!important;border:0!important}
#pun #viewprofile table,#pun #viewprofile tbody {display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
#pun #viewprofile table tr {display:grid!important;grid-template-columns:235px minmax(0,1fr)!important;grid-template-rows:auto!important;grid-template-areas:'portrait details'!important;gap:var(--space-22px)!important;align-items:start;padding:0!important;margin:0!important;background:none!important}
#pun #viewprofile #profile-left {grid-area:portrait!important;position:relative;display:flex!important;flex-direction:column!important;gap:var(--space-12px);width:auto!important;min-width:0!important;margin:0!important;padding:calc(var(--space-14px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-25px)!important;background:var(--pale-green)!important;box-sizing:border-box;align-items:stretch}
#pun #viewprofile #profile-left > li {display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;list-style:none;border:0!important;background:none!important;text-align:center!important;color:var(--slate-blue);font:400 12px/1.4 var(--font-ui);grid-area:auto!important}
#pun #viewprofile #profile-left #pa-avatar {order:1}
#pun #viewprofile #pa-avatar > div {display:block;margin:0!important;padding:0!important;width:100%!important;background:none;border:0}
#pun #viewprofile #pa-avatar img {display:block!important;width:100%!important;height: 200px!important;max-width:100%!important;margin:0!important;border:0!important;border-radius:var(--radius-17px)!important;object-fit:cover;object-position:center 25%;box-shadow:var(--light-shadow)}
#pun #viewprofile #profile-left #profile-name {order:2;font:600 26px/1.15 var(--font-body)!important;overflow-wrap:anywhere;color:var(--links-color)}
#pun #viewprofile #profile-name strong {font:inherit!important}
#pun #viewprofile #profile-left #profile-title {order:3;align-self:center;padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;border-radius:var(--radius-10px)!important;background:var(--medium-teal)!important;font:500 11px/1.3 var(--font-ui)!important}
#pun #viewprofile #profile-left #pa-online {order:4;padding:calc(var(--space-9px) * var(--forum-padding-density))!important;border-radius:var(--radius-12px)!important;background:var(--white)!important;color:var(--teal);font:400 11px/1.4 var(--font-ui)!important}
#pun #viewprofile #pa-online strong {font:inherit}
#pun #viewprofile #profile-left #pa-edit {order:5}
#pun #viewprofile #pa-edit a {display:flex;align-items:center;justify-content:center;gap:var(--space-7px);width:100%;margin:0!important;padding:calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border:0!important;border-radius:var(--radius-12px)!important;background:var(--midnight-gradient)!important;color:var(--white)!important;font:600 11px/1.4 var(--font-ui)!important;text-transform:uppercase;box-sizing:border-box}
#pun #viewprofile #pa-edit a::before {content:'edit';font:400 18px/1 'Material Icons';font-feature-settings:'liga';text-transform:none}
#pun #viewprofile #profile-right {grid-area:details!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-template-areas:none!important;gap:var(--space-13px)!important;align-content:start;width:auto!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-sizing:border-box}
#pun #viewprofile #profile-right::before {content:'Информация об участнике';grid-column:1/-1;display:block;padding:calc(var(--space-22px) * var(--forum-padding-density)) calc(var(--space-20px) * var(--forum-padding-density));border-radius:var(--radius-24px);background:var(--pale-green) var(--index-decoration) right center/auto 100% no-repeat;border:1px solid var(--sage-green);font:600 clamp(22px,2.5vw,30px)/1.2 var(--font-body);color:var(--slate-blue);text-align:left}
#pun #viewprofile #profile-right > li {grid-area:auto!important;display:flex!important;flex-direction:column;gap:var(--space-7px);align-items:flex-start;justify-content:flex-start;position:relative;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:calc(var(--space-15px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-18px)!important;background:var(--pale-green)!important;list-style:none;text-align:left!important;color:var(--slate-blue);overflow-wrap:anywhere;box-sizing:border-box}
#pun #viewprofile #profile-right > li > span {display:block;font:500 11px/1.4 var(--font-ui)!important;color:var(--teal);margin:0!important;padding:0!important;width:auto!important}
#pun #viewprofile #profile-right > li > strong {display:block;font:500 15px/1.45 var(--font-body)!important;color:var(--slate-blue);margin:0!important;padding:0!important;min-width:0;max-width:100%}
#pun #viewprofile #profile-right > li > span a {color:var(--teal);font:inherit!important}
#pun #viewprofile #profile-right > li > strong a {display:inline-block;margin:var(--space-3px) var(--space-3px) var(--space-3px) 0;padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density));border-radius:var(--radius-9px);background:var(--white);border:1px solid var(--sage-green);font:500 11px/1.35 var(--font-ui);color:var(--links-color)}
#pun #viewprofile #profile-right #pa-posts {grid-column:1/-1!important}
#pun #viewprofile #profile-right #pa-email {grid-column:1/-1!important}
#pun #viewprofile #profile-right #pa-email strong {font-family:var(--font-ui)!important;font-size:11px!important}
#pun #viewprofile #profile-right #pa-email a {padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))}
#pun #viewprofile #profile-right #pa-email a::before {display:inline-block;vertical-align:middle;margin-right:var(--space-5px);content:'mail_outline';font:400 17px/1 'Material Icons';font-feature-settings:'liga'}
#pun #viewprofile #profile-right #pa-email a.sendpm::before {content:'chat_bubble_outline'}
#pun #viewprofile #profile-signature {margin:var(--space-22px) 0 0!important;padding:calc(var(--space-18px) * var(--forum-padding-density)) calc(var(--space-20px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-22px)!important;background:var(--pale-green)!important;color:var(--slate-blue);font:400 14px/1.6 var(--font-body);overflow-wrap:anywhere;box-sizing:border-box}
#pun #viewprofile #profile-signature::before {content:'Подпись';display:block;margin-bottom:var(--space-12px);padding-bottom:calc(var(--space-8px) * var(--forum-padding-density));border-bottom:1px solid var(--sage-green);font:600 20px/1.3 var(--font-body);color:var(--teal)}
#pun #viewprofile #profile-signature > ul {margin:0!important;padding:0!important;border:0!important;background:none!important;list-style:none}
#pun #viewprofile #profile-signature img {max-width:100%;height:auto}
#pun #viewprofile a:hover {color:var(--links-hover-color)}
#pun #viewprofile a:focus-visible {outline:2px solid var(--links-color);outline-offset:3px}




/* PROFILE EDIT: верхнее меню и карточки настроек */
#pun #pun-main:has(#profile > .container > #profilenav) > h1 {display:block!important;width:auto;height:auto;margin:var(--space-20px) 0;padding:0;background:none;border:0;text-align:left;color:var(--slate-blue);font:600 clamp(28px,4vw,44px)/1.15 var(--font-body);letter-spacing:-1px;text-transform:none}
#pun #profile.formal {display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important;min-width:0}
#pun #profile > .container {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-template-areas:none!important;gap:var(--space-18px)!important;width:100%!important;margin:0!important;padding:0!important;min-width:0}
#pun #profile #profilenav {grid-area:auto!important;grid-column:1/-1!important;position:static!important;display:block!important;float:none!important;width:auto!important;height:auto!important;margin:0 0 var(--space-4px)!important;padding:calc(var(--space-14px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-22px)!important;background:var(--pale-green)!important;box-sizing:border-box}
#pun #profile #profilenav h2 {display:none!important}
#pun #profile #profilenav ul {display:flex!important;flex-wrap:wrap!important;gap:var(--space-8px)!important;margin:0!important;padding:0!important;list-style:none;justify-content:flex-start}
#pun #profile #profilenav li {display:block!important;float:none!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#pun #profile #profilenav li a {display:inline-flex!important;align-items:center;justify-content:center;gap:var(--space-7px);min-height:38px;margin:0!important;padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-12px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:500 12px/1.3 var(--font-ui)!important;text-transform:none!important;letter-spacing:0;text-decoration:none;box-sizing:border-box}
#pun #profile #profilenav li a::before {content:'tune';display:inline-block;font:400 19px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;color:var(--teal)}
#pun #profile #profilenav .view a::before {content:'account_circle'}
#pun #profile #profilenav .item1 a::before {content:'badge'}
#pun #profile #profilenav .item2 a::before {content:'person_outline'}
#pun #profile #profilenav .item4 a::before {content:'portrait'}
#pun #profile #profilenav .item5 a::before {content:'edit'}
#pun #profile #profilenav .item6 a::before {content:'desktop_windows'}
#pun #profile #profilenav .item7 a::before {content:'lock_outline'}
#pun #profile #profilenav .item8 a::before {content:'tune'}
#pun #profile #profilenav .item9 a::before {content:'person_add'}
#pun #profile #profilenav .item10 a::before {content:'cloud_upload'}
#pun #profile #profilenav .item11 a::before {content:'admin_panel_settings'}
#pun #profile #profilenav li.isactive a {background:var(--slate-blue)!important;color:var(--white)!important;border-color:var(--slate-blue)!important;box-shadow:var(--light-shadow)}
#pun #profile #profilenav li.isactive a::before {color:var(--white)}
#pun #profile #profilenav li:not(.isactive) a:hover {background:var(--medium-teal)!important;color:var(--links-color)!important}
#pun #profile > .container > fieldset {grid-area:auto!important;display:block!important;float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:calc(var(--space-17px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-20px)!important;background:var(--pale-green)!important;box-sizing:border-box}
#pun #profile > .container > fieldset:has(textarea),#pun #profile > .container > fieldset:has(.post-content),#pun #profile > .container > fieldset:has(table) {grid-column:1/-1!important}
#pun #profile fieldset legend {display:block;position:static;width:auto!important;max-width:100%;margin:0 0 0 var(--space-2px)!important;padding:0 calc(var(--space-6px) * var(--forum-padding-density))!important;background: var(--main-bg-body);color: var(--forum-shell-background);font:600 17px/1.3 var(--font-body)!important;text-transform:none;letter-spacing:0;border-radius:var(--radius-8px);overflow-wrap:anywhere}
#pun #profile fieldset legend span {padding:0!important}
#pun #profile fieldset legend span::before,#pun #profile fieldset legend span::after {content:none}
#pun #profile fieldset .fs-box {display:block!important;margin:0!important;padding:calc(var(--space-5px) * var(--forum-padding-density)) 0 0!important;border:0!important;background:none!important;min-width:0}
#pun #profile fieldset :is(.inputfield,.selectfield,.datafield,.checkfield,.infofield) {float:none!important;width:auto!important;min-width:0;margin:0 0 var(--space-12px)!important;padding:0!important;color:var(--slate-blue);font:400 12px/1.5 var(--font-ui);overflow-wrap:anywhere}
#pun #profile fieldset p:last-child {margin-bottom:0!important}
#pun #profile fieldset label,#pun #profile fieldset .label {display:inline-block;margin-bottom:var(--space-5px);color:var(--slate-blue);font:500 12px/1.4 var(--font-ui)}
#pun #profile .inputfield > br,#pun #profile .selectfield > br {display:none}
#pun #profile fieldset .input {display:block;min-width:0;max-width:100%}
#pun #profile input:not([type='hidden']):not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),#pun #profile select,#pun #profile textarea {max-width:100%!important;min-height:38px;box-sizing:border-box;padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-11px) * var(--forum-padding-density))!important;margin:0 0 var(--space-5px)!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-11px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:400 13px/1.4 var(--font-ui)!important;outline:none}
#pun #profile .inputfield input:not([type='checkbox']):not([type='radio']) {width:100%!important}
#pun #profile textarea {width:100%!important;resize:vertical}
#pun #profile .selectfield select {margin-right:var(--space-5px)!important}
#pun #profile :is(input,select,textarea):focus-visible {outline:2px solid var(--teal);outline-offset:2px}
#pun #profile fieldset a {color:var(--links-color);font: 500 16px/1.4 var(--font-body);}
#pun #profile fieldset a:hover {color:var(--links-hover-color)}
#pun #profile .datafield a,#pun #profile #email .input a {display:inline-block;padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-9px) * var(--forum-padding-density));margin:var(--space-4px) var(--space-4px) 0 0;border:1px solid var(--sage-green);border-radius:var(--radius-9px);background:var(--white)}
#pun #profile .infofield {color:var(--teal)!important;font-size:11px!important}
#pun #profile > .container > .formsubmit {grid-area:auto!important;grid-column:1/-1!important;display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-12px)!important;margin:0!important;padding:calc(var(--space-14px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-18px);background:var(--pale-green);font:400 11px/1.5 var(--font-ui);color:var(--slate-blue);box-sizing:border-box}
#pun #profile .formsubmit input[name='submit'] {padding:calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-20px) * var(--forum-padding-density))!important;border-radius:var(--radius-12px)!important;background:var(--midnight-gradient)!important;color:var(--white)!important;border:0!important;font:600 12px/1.3 var(--font-ui)!important;letter-spacing:0}
#pun #profile .formsubmit input[name='submit']:hover {background:var(--links-color)!important}
#pun #profile a:focus-visible {outline:2px solid var(--links-color);outline-offset:3px}


/* Одиночные блоки настроек профиля — на всю ширину */
#pun #profile > .container > fieldset:not(:has(~ fieldset)):not(fieldset ~ fieldset) {grid-column:1/-1!important}
#pun #profile > .container > fieldset {box-shadow:var(--light-shadow)}
#pun #profile > .container > fieldset:has(.avatardemo) {grid-column:1/-1!important;padding:calc(var(--space-24px) * var(--forum-padding-density))!important;background:linear-gradient(135deg,var(--pale-green),var(--white))!important;border-radius:var(--radius-24px)!important}
#pun #profile fieldset:has(.avatardemo) .fs-box {display:grid!important;grid-template-columns:minmax(0,1fr) 200px!important;gap:var(--space-12px) var(--space-24px)!important;align-content:start;align-items:start;padding:calc(var(--space-8px) * var(--forum-padding-density)) 0 0!important}
#pun #profile fieldset .avatardemo {grid-column:2;grid-row:1/span 5;justify-self:end;float:none!important;display:block;width: 200px!important;height: 200px!important;max-width:100%;margin:0!important;padding:calc(var(--space-6px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--radius-21px);background:var(--white);box-shadow:var(--drop-shadow);object-fit:cover;object-position:center 25%;box-sizing:border-box}
#pun #profile fieldset:has(.avatardemo) .fs-box > p {grid-column:1;margin:0!important;max-width:720px}
#pun #profile fieldset:has(.avatardemo) .infofield {color:var(--slate-blue)!important;font-size:13px!important;line-height:1.65}
#pun #profile fieldset:has(.avatardemo) .inputfield a,#pun #profile fieldset:has(.avatardemo) .datafield a {display:inline-flex;align-items:center;gap:var(--space-7px);min-height:36px;margin:0!important;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--radius-11px);background:var(--white);color:var(--slate-blue);font:500 12px/1.3 var(--font-ui);box-sizing:border-box}
#pun #profile fieldset:has(.avatardemo) .inputfield a {background:var(--midnight-gradient);color:var(--white);border-color:transparent}
#pun #profile fieldset:has(.avatardemo) .inputfield a::before {content:'add_photo_alternate';font:400 19px/1 'Material Icons';font-feature-settings:'liga'}
#pun #profile fieldset:has(.avatardemo) .datafield a::before {content:'delete_outline';font:400 19px/1 'Material Icons';font-feature-settings:'liga'}
#pun #profile fieldset:has(.avatardemo) .datafield a:hover {background:var(--light-orange);color:var(--links-hover-color)}
#pun #profile fieldset:has(.avatardemo) .inputfield a:hover {background:var(--links-color)}
#pun #profile .checkfield {display:flex!important;align-items:center;flex-wrap:wrap;gap:var(--space-8px)}
#pun #profile .checkfield > .input {display:inline-flex!important;align-items:center;flex:none}
#pun #profile .checkfield label {display:inline!important;margin:0!important;font:500 12px/1.4 var(--font-ui)}
#pun #profile .checkfield input[type='checkbox'] {appearance:auto!important;-webkit-appearance:auto!important;width:16px!important;height:16px!important;min-height:0;margin:0!important;padding:0!important;border:0;background-image:none!important;accent-color:var(--teal);box-shadow:none}


/* Все контейнеры редактирования профиля, включая div#profile10 (загрузки). */
#pun #profile > .container {margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
#pun #profile > div.container {display:block!important;padding:0!important}
#pun #profile > div.container > fieldset {width:100%!important;margin:var(--space-16px) 0!important;box-sizing:border-box}
#pun #profile > div.container > #profilenav {margin:0 0 var(--space-18px)!important;width:100%!important}
#pun #profile > div.container > .adfs-box {max-width:100%;min-width:0;overflow-x:auto}
/* MESSAGES: панель уведомлений и список личных сообщений */
#pun #profile.messages-container,#pun #profile.messages-container > .container {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box}
#pun #profile.messages-container #notify-settings {position:static!important;float:none!important;width:100%!important;max-width:100%!important;margin:0 0 var(--space-14px)!important;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-16px);background:var(--pale-green);box-sizing:border-box;transform:none!important;left:auto!important;right:auto!important;font:400 12px/1.5 var(--font-ui);color:var(--slate-blue)}
#pun #profile.messages-container #notify-settings .inp2 {display:flex!important;align-items:center;flex-wrap:wrap;gap:var(--space-8px);width:100%!important;margin:0!important;padding:0!important;position:static!important}
#pun #profile.messages-container #OnOff_Notify {float:none!important;margin:0!important;width:16px!important;height:16px!important;appearance:auto!important;accent-color:var(--teal);flex:none}
#pun #profile.messages-container #volume-set {position:static!important;float:none!important;margin:0 0 0 auto!important;padding:0!important;display:flex;align-items:center;gap:var(--space-9px);width:auto!important;max-width:100%;font:inherit}
#pun #profile.messages-container #volSlider {position:relative!important;display:inline-block;width:120px!important;max-width:100%;flex:0 0 120px;margin:0!important}
#pun #profile.messages-container #profilenav {display:grid!important;grid-template-columns:1fr!important;gap:var(--space-12px)!important;margin-bottom:var(--space-18px)!important}
#pun #profile.messages-container #profilenav > ul {gap:var(--space-9px)!important}
#pun #profile.messages-container #profilenav > ul + ul {margin-top:var(--space-12px)!important}
#pun #profile.messages-container #profilenav a[href*='box=0']::before {content:'inbox'}
#pun #profile.messages-container #profilenav a[href*='box=1']::before {content:'send'}
#pun #profile.messages-container #profilenav a[href*='action=new']::before {content:'edit'}
#pun #profile.messages-container #profilenav a[href*='box=2']::before {content:'schedule'}
#pun #profile.messages-container #profilenav a[href*='markread']::before {content:'done_all'}
#pun #profile.messages-container #profilenav a[href*='clean']::before {content:'delete_outline'}
#pun #profile.messages-container #messages {margin:0!important;padding:0!important;max-width:100%;min-width:0}
#pun #messages fieldset {margin:0!important;padding:calc(var(--space-16px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-22px)!important;background:var(--pale-green)!important;min-width:0;box-sizing:border-box}
#pun #messages .fs-box,#pun #messages .fs-box > .container {margin:0!important;padding:0!important;min-width:0;max-width:100%}
#pun #messages table {display:block!important;width:100%!important;border:0;table-layout:auto}
#pun #messages thead {display:block!important;width:100%}
#pun #messages thead tr {display:grid!important;grid-template-columns:minmax(0,1fr) 170px 105px 26px;gap:var(--space-12px);padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border:0;background:none}
#pun #messages thead th {display:block!important;width:auto!important;padding:0!important;font:500 11px/1.4 var(--font-ui);color:var(--teal);text-align:left}
#pun #messages tbody {display:grid!important;gap:var(--space-10px);width:100%}
#pun #messages tbody tr {display:grid!important;grid-template-columns:minmax(0,1fr) 170px 105px 26px!important;grid-template-rows:auto!important;grid-template-areas:'subject sender date select'!important;gap:var(--space-12px);align-items:center;margin:0!important;padding:calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-16px);background:var(--white)!important;min-width:0}
#pun #messages tbody td {display:block!important;float:none!important;width:auto!important;min-width:0;padding:0!important;margin:0!important;border:0!important;overflow:visible!important;text-align:left!important;font:400 12px/1.4 var(--font-ui);color:var(--slate-blue)}
#pun #messages tbody .pmtcl1 {grid-area:subject!important}
#pun #messages tbody .pmtc22 {grid-area:sender!important;display:flex!important;align-items:center;gap:var(--space-8px)}
#pun #messages tbody .pmtc33 {grid-area:date!important;font-size:11px;color:var(--teal)}
#pun #messages tbody .pmtc24 {grid-area:select!important;text-align:center!important}
#pun #messages .pmtcl1 .intd {display:block!important;padding:0!important;margin:0!important}
#pun #messages .pmtcl1 .icon {display:none!important}
#pun #messages .tclcon {display:block!important;margin:0!important;padding:0!important;overflow-wrap:anywhere}
#pun #messages .tclcon > a {display:block;color:var(--slate-blue);font:500 16px/1.4 var(--font-body);overflow-wrap:anywhere}
#pun #messages tr.inew .tclcon > a {font-weight:700;color:var(--links-color)}
#pun #messages .pmtc22 > a {min-width:0;overflow-wrap:anywhere;color:var(--teal);font:500 12px/1.4 var(--font-ui)}
#pun #messages .user-avatar {position:relative!important;display:block!important;float:none!important;flex:0 0 36px;width:36px!important;height:44px!important;margin:0!important;transform:none!important;border-radius:var(--radius-10px);background:var(--medium-teal)}
#pun #messages .user-avatar > a {display:block;position:relative;width:100%;height:100%}
#pun #messages .user-avatar .avatar-image {position:absolute;inset:0;display:block;width:100%!important;height:100%!important;margin:0!important;border-radius:var(--radius-10px)!important;background-size:cover;background-position:center 30%}
#pun #messages .user-avatar .isonline {top:2px!important;right:2px!important;width:8px!important;height:8px!important;border:1px solid var(--white);border-radius:var(--radius-50pct)!important;background:var(--teal)!important;clip-path:none!important;animation:none!important}
#pun #messages input[type='checkbox'] {appearance:auto!important;-webkit-appearance:auto!important;width:15px!important;height:15px!important;padding:0!important;margin:0!important;accent-color:var(--teal);background-image:none!important}
#pun #messages tbody tr:has(input:checked) {background:var(--medium-teal)!important}
#pun #messages a:hover {color:var(--links-hover-color)}
#pun #messages .formsubmit {margin-top:var(--space-14px)!important}



/* MESSAGES DETAIL AND ACTIONS: только внутри мессенджера */
#pun #profile.messages-container .linksb {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-12px);margin:var(--space-16px) 0 0!important;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-16px);background:var(--pale-green)}
#pun #profile.messages-container .linksb .clearer {display:none}
#pun #profile.messages-container .pagelink {float:none!important;margin:0!important;padding:0!important;color:var(--slate-blue);font:400 12px/1.5 var(--font-ui)}
#pun #profile.messages-container .pagelink a,#pun #profile.messages-container .pagelink strong {display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;margin:var(--space-2px);padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));border-radius:var(--radius-9px);box-sizing:border-box;background:var(--white);border:1px solid var(--sage-green);color:var(--slate-blue)}
#pun #profile.messages-container .pagelink strong {background:var(--slate-blue);color:var(--white);border-color:var(--slate-blue)}
#pun #profile.messages-container .postlink {float:none!important;margin:0!important;padding:0!important;width:auto!important}
#pun #profile.messages-container input[type='submit'].button {min-height:37px;padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density))!important;margin:0 var(--space-5px) 0 0!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-11px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:600 12px/1.3 var(--font-ui)!important;letter-spacing:0!important;box-sizing:border-box;cursor:pointer}
#pun #profile.messages-container .postlink input[type='submit']:hover {background:var(--light-orange)!important;color:var(--links-hover-color)!important}
#pun #profile.messages-container fieldset:has(.post) {min-width:0;margin:var(--space-18px) 0!important;padding:calc(var(--space-18px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-23px)!important;background:var(--pale-green)!important;box-sizing:border-box}
#pun #profile.messages-container fieldset > legend strong {font:600 20px/1.3 var(--font-body);overflow-wrap:anywhere}
#pun #profile.messages-container fieldset:has(.post) > .fs-box {margin:0!important;padding:0!important}
#pun #profile.messages-container .post {display:block!important;margin:0!important;padding:0!important;min-height:0!important;border:0!important;background:none!important}
#pun #profile.messages-container .post > h3 {display:block!important;height:auto!important;margin:0 0 var(--space-12px)!important;padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-12px)!important;background:var(--white)!important;color:var(--teal);font:500 12px/1.4 var(--font-ui)!important;text-align:left!important}
#pun #profile.messages-container .post > h3 span {display:block!important;float:none!important;margin:0!important;padding:0!important;background:none!important;font:inherit}
#pun #profile.messages-container .post > .container {display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:'author body' 'author actions'!important;gap:var(--space-14px) var(--space-18px)!important;margin:0!important;padding:0!important;align-items:start}
#pun #profile.messages-container .post-author {grid-area:author!important;position:static!important;float:none!important;display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-17px)!important;background:var(--white)!important;box-sizing:border-box}
#pun #profile.messages-container .post-author ul {display:flex!important;flex-direction:column;gap:var(--space-8px);list-style:none;margin:0!important;padding:0!important}
#pun #profile.messages-container .post-author li {width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;text-align:center!important;font:400 10px/1.4 var(--font-ui)!important;color:var(--slate-blue);overflow-wrap:anywhere}
#pun #profile.messages-container .post-author .pa-author {font:600 20px/1.2 var(--font-body)!important}
#pun #profile.messages-container .post-author .pa-title {color:var(--teal)}
#pun #profile.messages-container .post-author .pa-avatar {order:-1}
#pun #profile.messages-container .post-author .pa-avatar img {display:block;width:100%!important;height:150px!important;object-fit:cover;border-radius:var(--radius-12px);margin:0!important}
#pun #profile.messages-container .post-author .pa-online {color:var(--teal);font-weight:600!important}
#pun #profile.messages-container .post-body {grid-area:body!important;float:none!important;position:static!important;width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:calc(var(--space-15px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-17px)!important;background:var(--white)!important;box-sizing:border-box}
#pun #profile.messages-container .post-box,#pun #profile.messages-container .post-content {min-height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
#pun #profile.messages-container .post-content {font:400 14px/1.65 var(--font-body);color:var(--slate-blue);overflow-wrap:anywhere}
#pun #profile.messages-container .post-content img {max-width:100%;height:auto}
#pun #profile.messages-container .post-sig {margin-top:var(--space-18px);padding-top:calc(var(--space-12px) * var(--forum-padding-density));border-top:1px solid var(--sage-green);color:var(--teal);font-size:12px}
#pun #profile.messages-container .post-links {grid-area:actions!important;display:block!important;float:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;width:auto!important}
#pun #profile.messages-container .post-links ul {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-8px);margin:0!important;padding:0!important;list-style:none}
#pun #profile.messages-container .post-links li {margin:0!important;padding:0!important}
#pun #profile.messages-container .post-links a {display:inline-flex;align-items:center;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-10px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:500 12px/1.3 var(--font-ui)!important}
#pun #profile.messages-container .post-links .pl-reply a {background:var(--midnight-gradient)!important;color:var(--white)!important}
#pun #profile.messages-container #post-form {width:100%!important;max-width:100%;margin:var(--space-18px) 0 0!important;padding:calc(var(--space-15px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-18px)!important;background:var(--white)!important;box-sizing:border-box}
#pun #profile.messages-container #post-form .fs-box {margin:0!important;padding:0!important;min-width:0}
#pun #profile.messages-container #main-reply {width:100%!important;max-width:100%;min-height:160px;padding:calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-13px)!important;background:var(--pale-green)!important;color:var(--slate-blue)!important;box-sizing:border-box;resize:vertical;font:400 14px/1.5 var(--font-ui)}
#pun #profile.messages-container #form-buttons {max-width:100%;overflow-x:auto}
#pun #profile.messages-container #post-form > p:has(input[name='savemessage']) {display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-12px);padding:calc(var(--space-12px) * var(--forum-padding-density)) 0 0!important;margin:0!important}
#pun #profile.messages-container #post-form > p:has(input[name='savemessage']) > span {float:none!important;min-width:0}
#pun #profile.messages-container .checkfield:has(input[name='savemessage']) {display:inline-flex!important;align-items:center;justify-content:center;gap:var(--space-7px);float:none!important;margin:0!important;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-11px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-11px);background:var(--pale-green);color:var(--slate-blue);font:500 12px/1.3 var(--font-ui)}
#pun #profile.messages-container input[name='savemessage'] {appearance:auto!important;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:var(--teal);background-image:none!important}
#pun #profile.messages-container input[name='submit'].button {background:var(--midnight-gradient)!important;color:var(--white)!important;border-color:transparent!important}


/* MESSAGES FIX: высота карточек и положение бегунка громкости */
#pun #profile.messages-container fieldset > legend:has(> strong),#pun #profile.messages-container fieldset > legend > strong {color:var(--slate-blue)!important;font-family:var(--font-body)!important}
#pun #profile.messages-container .post > .container {grid-template-areas:'author body' 'actions actions'!important;align-items:stretch!important;grid-template-rows:auto auto!important}
#pun #profile.messages-container .post-author,#pun #profile.messages-container .post-body {align-self:stretch!important;height:auto!important;min-height:0!important}
#pun #profile.messages-container .post-author :is(.pa-reg,.pa-posts) {display:none!important}
#pun #profile.messages-container .post-links {grid-column:1/-1!important}
#pun #profile.messages-container #volume-set {align-items:center!important;min-height:24px;line-height:24px!important}
#pun #profile.messages-container #volSlider {display:block!important;position:relative!important;width:120px!important;height:24px!important;min-height:24px;margin:0!important;padding:0!important;border:0!important;background:none!important;box-sizing:border-box;cursor:pointer;overflow:visible!important}
#pun #profile.messages-container #volSlider::before {content:'';position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);border-radius:var(--radius-4px);background:var(--sage-green);pointer-events:none}
#pun #profile.messages-container #volSlider .before {position:absolute!important;left:0!important;top:50%!important;bottom:auto!important;height:4px!important;max-width:100%;margin:0!important;padding:0!important;border:0!important;border-radius:var(--radius-4px);background:var(--teal)!important;transform:translateY(-50%);pointer-events:none}
#pun #profile.messages-container #volSlider .thumb {position:absolute!important;top:50%!important;bottom:auto!important;width:12px!important;height:12px!important;margin:0!important;padding:0!important;border:2px solid var(--white)!important;border-radius:var(--radius-50pct)!important;background:var(--teal)!important;box-shadow:var(--light-shadow);transform:translateY(-50%);box-sizing:border-box;cursor:grab;z-index:2}
#pun #profile.messages-container #volSlider .thumb:active {cursor:grabbing}


/* ADMIN: журнал, страницы, группы настроек и пагинация */
#pun .adformal {min-width:0;max-width:100%;margin:0!important;padding:calc(var(--space-18px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-23px)!important;background:var(--pale-green)!important;color:var(--slate-blue);box-shadow:var(--light-shadow);box-sizing:border-box}
#pun .adformal > h2 {display:block;position:static;width:auto;height:auto;margin:0 0 var(--space-16px)!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;color:var(--slate-blue)!important;font:600 25px/1.25 var(--font-body)!important;text-transform:none;overflow:visible}
#pun .adformal > h2 span {font:inherit}
#pun .adformal table.adcontainer {display:block!important;width:100%!important;max-width:100%;overflow-x:auto;border:1px solid var(--sage-green)!important;border-radius:var(--radius-15px);background:var(--white);border-spacing:0;border-collapse:separate;box-sizing:border-box}
#pun .adformal table.adcontainer :is(thead,tbody) {display:table-row-group!important;width:auto}
#pun .adformal table.adcontainer thead {display:table-header-group!important}
#pun .adformal table.adcontainer tr {display:table-row!important;background:none!important;padding:0!important;margin:0!important;border:0!important}
#pun .adformal table.adcontainer :is(th,td) {display:table-cell!important;float:none!important;width:auto;min-width:0;margin:0!important;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density))!important;border:0!important;vertical-align:top;text-align:left!important;overflow-wrap:anywhere;font:400 12px/1.55 var(--font-ui);color:var(--slate-blue);box-sizing:border-box}
#pun .adformal table.adcontainer th {background:var(--sage-green)!important;font-weight:600;color:var(--slate-blue)}
#pun .adformal table.adcontainer tbody td {border-top:1px solid var(--sage-green)!important}
#pun .adformal table.adcontainer tbody tr:nth-child(even) td {background:var(--light-teal)}
#pun .adformal table.adcontainer tbody tr:hover td {background:var(--medium-teal)}
#pun .adformal table.adcontainer td.tcl {min-width:135px}
#pun .adformal table.adcontainer td.tcr {min-width:220px}
#pun .adformal table.adcontainer td.tc3 {white-space:nowrap}
#pun .adformal table.page-list td.tc-tags {min-width:90px}
#pun .adformal table.page-list a[href*='edit_page='],#pun .adformal table.page-list a[href*='del_page='] {display:inline-flex;align-items:center;gap:var(--space-5px);margin:var(--space-3px) 0;padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-9px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--radius-9px);background:var(--pale-green);color:var(--slate-blue)!important;font:500 11px/1.3 var(--font-ui);white-space:nowrap}
#pun .adformal table.page-list a[href*='edit_page=']::before {content:'edit';font:400 16px/1 'Material Icons';font-feature-settings:'liga'}
#pun .adformal table.page-list a[href*='del_page=']::before {content:'delete_outline';font:400 16px/1 'Material Icons';font-feature-settings:'liga'}
#pun .adformal table.page-list a[href*='del_page=']:hover {background:var(--light-orange);color:var(--orange)!important}
#pun .adformal .pagelink {display:block;float:none!important;margin:var(--space-12px) 0!important;padding:calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border-radius:var(--radius-13px);background:var(--white);border:1px solid var(--sage-green);font:400 12px/1.6 var(--font-ui);color:var(--slate-blue);box-sizing:border-box}
#pun .adformal .pagelink .page-container {display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-4px)}
#pun .adformal .pagelink :is(a,strong) {display:inline-flex;align-items:center;justify-content:center;min-width:27px;min-height:27px;margin:var(--space-2px);padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));border-radius:var(--radius-8px);box-sizing:border-box}
#pun .adformal .pagelink strong {background:var(--slate-blue);color:var(--white)}
#pun .adformal .per-page-select {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-10px)}
#pun .adformal .per-page-select > span:last-child {float:none!important;margin-left:auto}
#pun .adformal :is(select,input[type='text'],input[type='password'],textarea) {max-width:100%;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-10px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:400 12px/1.4 var(--font-ui);box-sizing:border-box}
#pun .adformal fieldset,#pun #pun-admain fieldset {min-width:0;margin:var(--space-18px) 0!important;padding:calc(var(--space-17px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-19px)!important;background:var(--pale-green)!important;box-sizing:border-box}
#pun .adformal legend,#pun #pun-admain legend {max-width:100%;margin:0 0 0 var(--space-2px)!important;padding:0 calc(var(--space-7px) * var(--forum-padding-density))!important;border:0!important;border-radius:var(--radius-8px);background:var(--pale-green)!important;color:var(--slate-blue)!important;font:600 19px/1.3 var(--font-body)!important;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
#pun .adformal legend span,#pun #pun-admain legend span {padding:0!important;font:inherit}
#pun .adformal legend span::before,#pun .adformal legend span::after,#pun #pun-admain legend span::before,#pun #pun-admain legend span::after {content:none}
#pun .adformal .adfs-box,#pun #pun-admain .adfs-box {min-width:0;max-width:100%;margin:0!important;padding:calc(var(--space-7px) * var(--forum-padding-density)) 0 0!important}
#pun .adformal .adinfofield,#pun #pun-admain .adinfofield {color:var(--slate-blue);font:400 12px/1.6 var(--font-ui);overflow-wrap:anywhere}
#pun .adfs-box.words > .adinfofield:only-child {display:flex;align-items:center;gap:var(--space-10px);padding:calc(var(--space-16px) * var(--forum-padding-density))!important;margin:0!important;border:1px dashed var(--sage-green);border-radius:var(--radius-14px);background:var(--white);color:var(--teal)}
#pun .adfs-box.words > .adinfofield:only-child::before {content:'filter_alt';font:400 24px/1 'Material Icons';font-feature-settings:'liga'}
#pun .adformal a:focus-visible {outline:2px solid var(--links-color);outline-offset:3px}


/* STATISTIC.PHP: рейтинги участников и тем */
#pun #pun-main > :is(#administration,#most_active,#most_connected,#most_invitations,#most_viewed_topics,#most_replied_topics) {margin:var(--space-20px) 0!important;padding:calc(var(--space-18px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-23px)!important;background:var(--pale-green)!important;color:var(--slate-blue);box-shadow:var(--light-shadow);min-width:0;scroll-margin-top:20px}
#pun #pun-main > :is(#administration,[id^='most_']) > h1 {display:block!important;position:static;width:auto;height:auto;margin:0 0 var(--space-16px)!important;padding:0!important;border:0!important;background:none!important;color:var(--slate-blue);text-align:left;font:600 clamp(23px,3vw,32px)/1.2 var(--font-body)!important;text-transform:none;letter-spacing:-.6px;overflow:visible}
#pun #pun-main > :is(#administration,[id^='most_']) > h1::before {content:'leaderboard';display:inline-block;vertical-align:middle;margin-right:var(--space-10px);color:var(--teal);font:400 25px/1 'Material Icons';font-feature-settings:'liga';text-transform:none}
#pun #pun-main > #administration > h1::before {content:'admin_panel_settings'}
#pun #pun-main > #most_connected > h1::before {content:'schedule'}
#pun #pun-main > #most_invitations > h1::before {content:'person_add'}
#pun #pun-main > #most_viewed_topics > h1::before {content:'visibility'}
#pun #pun-main > #most_replied_topics > h1::before {content:'forum'}
#pun #pun-main > :is(#administration,[id^='most_']) > .container {margin:0!important;padding:0!important;min-width:0;overflow:visible}
#pun #pun-main > :is(#administration,[id^='most_']) table {display:block!important;width:100%!important;border:0;border-spacing:0}
#pun #pun-main > :is(#administration,[id^='most_']) thead {display:none!important}
#pun #pun-main > :is(#administration,[id^='most_']) tbody {display:grid!important;gap:var(--space-9px);counter-reset:rating}
#pun #pun-main > :is(#administration,[id^='most_']) tbody tr {display:grid!important;grid-template-columns:30px minmax(110px,1.2fr) minmax(110px,1fr) repeat(3,minmax(95px,.8fr))!important;gap:var(--space-12px);align-items:center;margin:0!important;padding:calc(var(--space-13px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-15px);background:var(--white)!important;min-width:0;counter-increment:rating}
#pun #pun-main > :is(#administration,[id^='most_']) tbody tr::before {content:counter(rating);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-9px);background:var(--pale-green);color:var(--teal);font:600 12px/1 var(--font-ui)}
#pun #pun-main > :is(#administration,[id^='most_']) tbody tr:first-child::before {background:var(--amber);color:var(--midnight-blue)}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td {display:block!important;float:none!important;width:auto!important;min-width:0;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;padding:0!important;border:0!important;color:var(--slate-blue);text-align:left!important;font:400 12px/1.4 var(--font-ui);overflow:visible!important;overflow-wrap:anywhere}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td::before {display:block;margin-bottom:var(--space-4px);color:var(--teal);font:400 10px/1.2 var(--font-ui)}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tc-title::before {content:'Статус'}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tc-registered::before {content:'Регистрация'}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tc-posts::before {content:'Сообщения'}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tc-lastvisit::before {content:'Последний визит'}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tc-percent::before {content:'Доля сообщений'}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tc-timevisit::before {content:'Время на форуме'}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tc-invitations::before {content:'Приглашения'}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tc-replies::before {content:'Ответы'}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tc-views::before {content:'Просмотры'}
#pun #pun-main > :is(#administration,[id^='most_']) tbody td.tcl a {font:600 17px/1.3 var(--font-body);color:var(--slate-blue)}
#pun #pun-main > :is(#administration,[id^='most_']) tbody a:hover {color:var(--links-color)}
#pun #pun-main > :is(#most_viewed_topics,#most_replied_topics) tbody tr {grid-template-columns:30px minmax(0,2fr) minmax(90px,1fr) 90px 90px!important}
#pun #pun-main > :is(#most_viewed_topics,#most_replied_topics) td.tc-username::before {content:'Автор'}



/* ADMIN FIX: целая шапка таблицы и заголовки переменной высоты */
#pun .adformal table.adcontainer {border-radius:var(--radius-12px)!important;overflow-x:auto!important;overflow-y:hidden!important}
#pun .adformal table.adcontainer thead,#pun .adformal table.adcontainer thead tr {border-radius:0!important;background:none!important}
#pun .adformal table.adcontainer thead th {height:auto!important;min-height:0!important;border-radius:0!important;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density))!important;line-height:1.5!important;vertical-align:middle!important;background:var(--sage-green)!important;white-space:normal!important;overflow:visible!important}
#pun .adformal table.adcontainer thead th:first-child {border-top-left-radius:var(--radius-11px)!important}
#pun .adformal table.adcontainer thead th:last-child {border-top-right-radius:var(--radius-11px)!important}
#pun .adformal legend,#pun #pun-admain legend {display:table!important;position:static!important;float:none!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 0 var(--space-4px)!important;padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;box-sizing:border-box;border-radius:var(--radius-10px)!important;color:var(--slate-blue)!important;background:var(--pale-green)!important}
#pun .adformal legend > span,#pun #pun-admain legend > span,#pun .adformal legend > strong,#pun #pun-admain legend > strong {display:inline!important;position:static!important;width:auto!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;font:inherit!important;line-height:inherit!important;box-sizing:border-box}
#pun .adformal fieldset,#pun #pun-admain fieldset {overflow:visible!important;min-width:0!important;height:auto!important}


/* ADMIN: таблица заполняет ширину, без внутренней полосы справа. */
#pun .adformal table.adcontainer {display:table!important;width:100%!important;max-width:100%!important;table-layout:fixed!important;border-spacing:0!important;padding:0!important;margin-right:0!important;border-collapse:separate!important}
#pun .adformal table.adcontainer :is(th,td) {min-width:0!important;white-space:normal!important;overflow-wrap:anywhere}
#pun .adformal table.adcontainer :is(th,td).tcl {width:17%!important}
#pun .adformal table.adcontainer :is(th,td).tc2 {width:17%!important}
#pun .adformal table.adcontainer :is(th,td).tc3 {width:20%!important}
#pun .adformal table.adcontainer :is(th,td).tcr {width:auto!important}
#pun .adformal table.page-list :is(th,td).tc-tags {width:15%!important}

/* ADMIN: нижняя навигация, фильтр действий и содержимое форм */
#pun #pun-admain :is(.linkst,.linksb) {display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-12px);margin:var(--space-16px) 0!important;padding:calc(var(--space-13px) * var(--forum-padding-density)) calc(var(--space-15px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-17px);background:var(--pale-green);box-sizing:border-box;min-width:0}
#pun #pun-admain :is(.linkst,.linksb) > .clearer {display:none}
#pun #pun-admain .pagelink {float:none!important;max-width:100%;margin:0!important;padding:0!important;line-height:2!important;color:var(--slate-blue);font:400 12px/2 var(--font-ui)!important;overflow-wrap:anywhere}
#pun #pun-admain .pagelink :is(a,strong) {display:inline-flex;align-items:center;justify-content:center;min-width:29px;min-height:29px;margin:var(--space-3px) var(--space-2px);padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density));border-radius:var(--radius-9px);border:1px solid var(--sage-green);background:var(--white);color:var(--slate-blue);box-sizing:border-box;font:500 12px/1.3 var(--font-ui)}
#pun #pun-admain .pagelink strong {background:var(--slate-blue);color:var(--white);border-color:var(--slate-blue)}
#pun #pun-admain .pagelink a:hover {background:var(--medium-teal);color:var(--links-color)}
#pun #pun-admain .pagelink .ellipsis {display:inline-block;padding:0 calc(var(--space-5px) * var(--forum-padding-density));color:var(--teal)}
#pun #pun-admain :is(.linkst,.linksb) .postlink {display:block;float:none!important;min-width:0;max-width:100%;width:auto!important;margin:0!important;padding:0!important;flex:0 1 380px}
#pun #pun-admain :is(.linkst,.linksb) .postlink select {display:block;width:100%;min-width:0;max-width:100%;min-height:38px;margin:0!important;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-11px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-11px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:400 12px/1.4 var(--font-ui);box-sizing:border-box}
#pun #pun-admain .adfs-box {color:var(--slate-blue);font:400 13px/1.6 var(--font-ui);overflow-wrap:anywhere;min-width:0}
#pun #pun-admain .adfs-box :is(p,ul,ol) {margin:0 0 var(--space-12px)}
#pun #pun-admain .adfs-box p:last-child {margin-bottom:0}
#pun #pun-admain .adfs-box :is(.adinputfield,.adselectfield,.adcheckfield,.adtextarea) {margin:0 0 var(--space-14px)!important;padding:0!important;min-width:0}
#pun #pun-admain .adfs-box :is(label,.label) {font:500 12px/1.4 var(--font-ui);color:var(--slate-blue)}
#pun #pun-admain .adfs-box :is(input[type='text'],input[type='password'],input[type='number'],select,textarea) {max-width:100%!important;min-height:36px;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-11px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-10px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:400 12px/1.4 var(--font-ui);box-sizing:border-box}
#pun #pun-admain .adfs-box textarea {width:100%;resize:vertical;min-height:120px}
#pun #pun-admain .adfs-box input[type='checkbox'],#pun #pun-admain .adfs-box input[type='radio'] {appearance:auto!important;accent-color:var(--teal);width:16px;height:16px;min-height:0;margin:0 var(--space-6px) 0 0;padding:0!important;vertical-align:middle;background-image:none!important}
#pun #pun-admain :is(.adformsubmit,.formsubmit) {display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-10px);margin:var(--space-14px) 0;padding:calc(var(--space-12px) * var(--forum-padding-density)) 0;font:400 12px/1.5 var(--font-ui)}
#pun #pun-admain input[type='submit'],#pun #pun-admain input[type='button'] {min-height:36px;margin:0 var(--space-5px) 0 0!important;padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-11px)!important;background:var(--pale-green)!important;color:var(--slate-blue)!important;font:600 12px/1.3 var(--font-ui);letter-spacing:0;cursor:pointer}
#pun #pun-admain input[type='submit'] {background:var(--midnight-gradient)!important;color:var(--white)!important;border-color:transparent!important}
#pun #pun-admain :is(input,select,textarea,a):focus-visible {outline:2px solid var(--teal);outline-offset:2px}


/* ADMIN NAV: панель с иконками и вложенными разделами */
#pun #pun-adnav {width:170px!important;max-width:100%;padding:0!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-20px)!important;background:var(--pale-green)!important;box-shadow:var(--light-shadow);overflow:visible;box-sizing:border-box}
#pun #pun-adnav > h2 {display:block;margin:0!important;padding:calc(var(--space-15px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border:0!important;border-bottom:1px solid var(--sage-green)!important;border-radius:var(--radius-19px) var(--radius-19px) 0 0;background:var(--midnight-gradient)!important;color:var(--white)!important;font:600 15px/1.3 var(--font-body)!important;text-align:left;text-transform:none}
#pun #pun-adnav > h2::before {content:'dashboard';display:inline-block;vertical-align:middle;margin-right:var(--space-7px);font:400 20px/1 'Material Icons';font-feature-settings:'liga'}
#pun #pun-adnav .adcontainer {margin:0!important;padding:calc(var(--space-9px) * var(--forum-padding-density))!important;border:0!important;background:none!important}
#pun #adnav-standard > ul {display:flex;flex-direction:column;gap:var(--space-5px);margin:0!important;padding:0!important;list-style:none}
#pun #adnav-standard > ul > li {position:relative;display:block;margin:0!important;padding:0!important;border:0!important;background:none!important;min-width:0}
#pun #adnav-standard > ul > li > a {display:flex;align-items:center;gap:var(--space-8px);min-height:36px;margin:0!important;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-9px) * var(--forum-padding-density))!important;border:1px solid transparent;border-radius:var(--radius-11px);background:var(--white);color:var(--slate-blue)!important;font:500 11px/1.35 var(--font-ui);text-decoration:none;box-sizing:border-box;overflow-wrap:anywhere}
#pun #adnav-standard > ul > li > a::before {content:'settings';flex:none;display:block;font:400 19px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;color:var(--teal)}
#pun #adnav-standard > ul > li > a:hover {background:var(--medium-teal);border-color:var(--sage-green)}
#pun #adnav-standard > ul > li.isactive > a {background:var(--slate-blue);color:var(--white)!important;box-shadow:var(--light-shadow)}
#pun #adnav-standard > ul > li.isactive > a::before {color:var(--white)}
#pun #adnav-standard > ul > .item1 > a::before {content:'home'}
#pun #adnav-standard > ul > .item2 > a::before {content:'category'}
#pun #adnav-standard > ul > .item3 > a::before {content:'forum'}
#pun #adnav-standard > ul > .item4 > a::before {content:'people'}
#pun #adnav-standard > ul > .item14 > a::before {content:'badge'}
#pun #adnav-standard > ul > .item6 > a::before {content:'tune'}
#pun #adnav-standard > ul > .item7 > a::before {content:'verified_user'}
#pun #adnav-standard > ul > .item5 > a::before {content:'groups'}
#pun #adnav-standard > ul > .item-forms > a::before {content:'dynamic_form'}
#pun #adnav-standard > ul > .item8 > a::before {content:'filter_alt'}
#pun #adnav-standard > ul > .item9 > a::before {content:'military_tech'}
#pun #adnav-standard > ul > .item10 > a::before {content:'block'}
#pun #adnav-standard > ul > .item12 > a::before {content:'cleaning_services'}
#pun #adnav-standard > ul > .item15 > a::before {content:'palette'}
#pun #adnav-standard > ul > .item20 > a::before {content:'folder_open'}
#pun #adnav-standard > ul > .item16 > a::before {content:'description'}
#pun #adnav-standard > ul > .item17 > a::before {content:'campaign'}
#pun #adnav-standard > ul > .item13 > a::before {content:'mail_outline'}
#pun #adnav-standard > ul > .item18 > a::before {content:'payments'}
#pun #adnav-standard > ul > .item19 > a::before {content:'language'}
#pun #adnav-standard > ul > .item21 > a::before {content:'backup'}
#pun #adnav-standard > ul > .item11 > a::before {content:'history'}
#pun #adnav-standard > ul > .item22 > a::before {content:'code'}
#pun #adnav-standard .adsubnav {display:flex;flex-direction:column;gap:var(--space-3px);margin:var(--space-6px) 0 var(--space-7px) var(--space-17px)!important;padding:0 0 0 calc(var(--space-9px) * var(--forum-padding-density))!important;border-left:2px solid var(--sage-green);list-style:none}
#pun #adnav-standard .adsubnav li {margin:0!important;padding:0!important;background:none!important;border:0!important}
#pun #adnav-standard .adsubnav a {display:block;padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-6px) * var(--forum-padding-density))!important;border-radius:var(--radius-7px);font:400 10px/1.35 var(--font-ui);color:var(--slate-blue)!important;overflow-wrap:anywhere}
#pun #adnav-standard .adsubnav a:hover {background:var(--medium-teal);color:var(--links-color)!important}
#pun #adnav-standard .new {position:static;display:inline-block;margin:var(--space-4px) 0 var(--space-2px) var(--space-9px);padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-6px) * var(--forum-padding-density))!important;background:var(--light-orange);color:var(--orange)!important;border-radius:var(--radius-6px);font:600 9px/1 var(--font-ui)!important;vertical-align:baseline}
#pun #pun-adnav a:focus-visible {outline:2px solid var(--links-color);outline-offset:2px}



/* ADMIN NAV: скрытые подразделы, остаются основные ссылки разделов. */
#pun #pun-adnav #adnav-standard .adsubnav {display:none!important}
#pun #adnav-standard > ul > li:has(.adsubnav) > a {height:100%}
/* Бейдж нового раздела внутри плашки меню. */
#pun #adnav-standard > ul > li:has(> sup.new) {position:relative!important}
#pun #adnav-standard > ul > li:has(> sup.new) > a {padding-right:calc(var(--space-46px) * var(--forum-padding-density))!important}
#pun #adnav-standard > ul > li > sup.new {position:absolute!important;right:7px!important;top:18px!important;bottom:auto!important;left:auto!important;transform:translateY(-50%);display:inline-block;margin:0!important;padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-5px) * var(--forum-padding-density))!important;border-radius:var(--radius-6px);background:var(--light-orange);color:var(--orange)!important;font:600 8px/1.15 var(--font-ui)!important;vertical-align:baseline;white-space:nowrap;pointer-events:none;z-index:1}

/* POST CONTENT: цитаты и код; подпись не изменяется */
#pun .post-content :is(.quote-box,.code-box) {position:relative;max-width:100%;min-width:0;margin:var(--space-16px) 0!important;padding:0!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-18px)!important;background:var(--pale-green)!important;box-shadow:var(--light-shadow);color:var(--slate-blue);box-sizing:border-box;overflow:hidden}
#pun .post-content .quote-box > cite {display:block;position:relative;margin:0!important;padding:calc(var(--space-11px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density))!important;border:0!important;/* border-bottom:1px solid var(--sage-green)!important; */border-radius:0!important;/* background:var(--medium-teal)!important; */color:var(--slate-blue)!important;text-align:left!important;font:600 12px/1.4 var(--font-ui)!important;font-style:normal}
#pun .post-content .quote-box > cite a {color:var(--links-color)!important}
#pun .post-content .quote-box > blockquote {position:relative;display:block;margin:0!important;padding:calc(var(--space-23px) * var(--forum-padding-density)) calc(var(--space-36px) * var(--forum-padding-density))!important;border:0!important;background:none!important;color:var(--slate-blue);font:400 14px/1.65 var(--font-body);overflow-wrap:anywhere;min-width:0;box-sizing:border-box}
#pun .post-content .quote-box > blockquote::before,#pun .post-content .quote-box > blockquote::after {content:'format_quote';position:absolute;display:block;width:22px;height:22px;font:400 22px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal);opacity:.65;pointer-events:none}
#pun .post-content .quote-box > blockquote::before {left:9px;top:8px;transform:rotate(180deg)}
#pun .post-content .quote-box > blockquote::after {right:9px;bottom:8px}
#pun .post-content .quote-box > blockquote > p {margin:0 0 var(--space-8px)!important;padding:0!important;font:inherit;line-height:inherit}
#pun .post-content .quote-box > blockquote > p:last-child {margin-bottom:0!important}
#pun .post-content .quote-box .quote-box {box-shadow:none}
#pun .post-content .code-box > .legend {display:flex;align-items:center;gap:var(--space-8px);margin:0!important;padding:calc(var(--space-11px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density))!important;border:0!important;/* border-bottom:1px solid var(--sage-green)!important; */border-radius:0!important;/* background:var(--midnight-gradient)!important; */color:var(--white)!important;text-align:left!important;font:600 12px/1.4 var(--font-ui)!important}
#pun .post-content .code-box > .legend::before {content:'code';font:400 21px/1 'Material Icons';font-feature-settings:'liga';text-transform:none}
#pun .post-content .code-box .blockcode {position:relative;margin:0!important;padding:calc(var(--space-22px) * var(--forum-padding-density)) calc(var(--space-31px) * var(--forum-padding-density))!important;border:0!important;background:none!important;min-width:0;box-sizing:border-box}
#pun .post-content .code-box .blockcode::before,#pun .post-content .code-box .blockcode::after {position:absolute;display:block;color:var(--teal);font:400 18px/1 'Material Icons';font-feature-settings:'liga';opacity:.7;pointer-events:none}
#pun .post-content .code-box .blockcode::before {content:'chevron_left';left:7px;top:9px}
#pun .post-content .code-box .blockcode::after {content:'chevron_right';right:7px;bottom:9px}
#pun .post-content .code-box .scrollbox {display:block;min-width:0;max-width:100%;max-height:350px;min-height:3.5em;overflow:auto!important;margin:0!important;padding:0 0 calc(var(--space-5px) * var(--forum-padding-density))!important;scrollbar-width:thin;scrollbar-color:var(--teal) var(--sage-green)}
#pun .post-content .code-box pre {display:block;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--slate-blue)!important;font:400 12px/1.6 Consolas,'Courier New',monospace!important;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important;width:max-content;min-width:100%;max-width:none!important;tab-size:4}
#pun .post-content .code-box .scrollbox::-webkit-scrollbar {width:6px;height:6px}
#pun .post-content .code-box .scrollbox::-webkit-scrollbar-thumb {background:var(--teal)!important;border-radius:var(--radius-6px)}
#pun .post-content .code-box .scrollbox::-webkit-scrollbar-track {background:var(--sage-green)!important}


/* VIEWTOPIC: карточка автора и sticky в пределах сообщения */
#pun #pun-viewtopic .post h3 + .container {grid-template-columns:270px minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:'post-author post-body' 'post-links post-links'!important;align-items:start;overflow:visible!important}
#pun #pun-viewtopic .post {overflow:visible!important}
#pun #pun-viewtopic .post-author {position:sticky!important;top:16px!important;align-self:start!important;float:none!important;width:100%!important;min-width:0;max-width:100%;height:auto!important;margin:0!important;padding:calc(var(--space-16px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-20px)!important;background:linear-gradient(160deg,var(--pale-green),var(--white))!important;box-shadow:var(--light-shadow)!important;box-sizing:border-box;text-align:center}
#pun #pun-viewtopic .post-author.online::before {content:none!important}
#pun #pun-viewtopic .post-author > ul {display:flex!important;flex-direction:column;gap:var(--space-10px);margin:0!important;padding:0!important;list-style:none}
#pun #pun-viewtopic .post-author li {grid-area:auto!important;float:none!important;width:auto!important;margin:0!important;padding:0!important;min-width:0;color:var(--slate-blue);font:400 12px/1.5 var(--font-ui);overflow-wrap:anywhere}
#pun #pun-viewtopic .post-author .pa-author {padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border-radius:var(--radius-12px);background:var(--medium-teal)!important;font:600 23px/1.2 var(--font-body)!important;text-transform: uppercase;}
#pun #pun-viewtopic .post-author .pa-author a {color:var(--slate-blue)!important;text-shadow:none}
#pun #pun-viewtopic .post-author .pa-title {font:500 11px/1.4 var(--font-ui)!important;color:var(--teal)!important}
#pun #pun-viewtopic .post-author .pa-avatar img {display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:280px;margin:0 auto!important;border-radius:var(--radius-14px);box-shadow:var(--light-shadow)}
#pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect) {display:flex!important;align-items:center;justify-content:flex-start;gap:var(--space-7px);padding:calc(var(--space-9px) * var(--forum-padding-density)) calc(var(--space-11px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-11px);background:var(--white)!important;font:600 12px/1.4 var(--font-ui)!important}
#pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect)::before {font:400 19px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;color:var(--teal);flex:0 0 auto}
#pun #pun-viewtopic .post-author .pa-posts::before {content:'chat_bubble_outline'}
#pun #pun-viewtopic .post-author .pa-respect::before {content:'favorite_border'}
#pun #pun-viewtopic .post-author .fld-name {margin-right:auto;color:var(--teal);font-weight:400}
#pun #pun-viewtopic .post-author .fld-name a {color:inherit!important}
#pun #pun-viewtopic .post-author .pa-online {display:flex!important;align-items:center;justify-content:center;gap:var(--space-8px);padding:calc(var(--space-10px) * var(--forum-padding-density))!important;border-radius:var(--radius-12px);background:var(--light-teal)!important;color:var(--teal)!important;font:500 11px/1.5 var(--font-ui)!important}
#pun #pun-viewtopic .post-author .pa-online strong {font:inherit!important;color:inherit}
#pun #pun-viewtopic .post-author.online .pa-online::before {content:'';width:8px;height:8px;border-radius:var(--radius-50pct);background:var(--teal);box-shadow:0 0 0 4px var(--medium-teal);flex:0 0 auto}
@media(max-height:650px) {#pun #pun-viewtopic .post-author {position:static!important}}


/* VIEWTOPIC: sticky ограничен строкой тела, кнопки остаются ниже */
#pun #pun-viewtopic .post h3 + .container {grid-template-rows:auto auto!important;grid-template-areas:'post-author post-body' 'post-links post-links'!important;row-gap:var(--space-16px)!important}
#pun #pun-viewtopic .post-author {position:relative!important;top:auto!important;align-self:stretch!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
#pun #pun-viewtopic .post-author > ul {position:sticky!important;top:16px!important;padding:calc(var(--space-16px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-20px)!important;background:linear-gradient(160deg,var(--pale-green),var(--white))!important;box-shadow:var(--light-shadow)!important;box-sizing:border-box;width:100%}
#pun #pun-viewtopic .post-links {grid-area:post-links!important;position:relative!important;float:none!important;clear:both;width:100%!important;min-width:0;max-width:100%;margin:0!important;padding:calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-16px)!important;background:var(--pale-green)!important;box-sizing:border-box;text-transform:none!important}
#pun #pun-viewtopic .post-links > ul {display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center;justify-content:flex-end;gap:var(--space-8px)!important;width:100%;height:auto!important;margin:0!important;padding:0!important;list-style:none}
#pun #pun-viewtopic .post-links li {display:block!important;float:none!important;flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;min-width:0;max-width:100%}
#pun #pun-viewtopic .post-links li.pl-email:last-of-type {margin-right:auto!important}
#pun #pun-viewtopic .post-links li.email {margin-right:auto!important}
#pun #pun-viewtopic .post-links li.pl-delete {margin-left:auto!important}
#pun #pun-viewtopic .post-links a {display:inline-flex!important;align-items:center;justify-content:center;gap:var(--space-6px);margin:0!important;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-11px) * var(--forum-padding-density))!important;min-height:36px;max-width:100%;border:1px solid var(--sage-green)!important;border-radius:var(--radius-10px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:500 12px/1.4 var(--font-ui)!important;text-transform:none!important;text-shadow:none!important;text-decoration:none!important;box-sizing:border-box;overflow-wrap:anywhere}
#pun #pun-viewtopic .post-links a::before {font:400 18px/1 'Material Icons';font-feature-settings:'liga';text-transform:none;color:var(--teal);flex:0 0 auto}
#pun #pun-viewtopic .post-links .profile a::before {content:'account_circle'}
#pun #pun-viewtopic .post-links .pm a::before {content:'chat'}
#pun #pun-viewtopic .post-links .email a::before {content:'mail_outline'}
#pun #pun-viewtopic .post-links .pl-delete a::before {content:'delete_outline';color:var(--orange)}
#pun #pun-viewtopic .post-links .pl-edit a::before {content:'edit'}
#pun #pun-viewtopic .post-links .pl-quote a::before {content:'format_quote';color:inherit}
#pun #pun-viewtopic .post-links .pl-quote a {background:var(--midnight-gradient)!important;color:var(--white)!important;border-color:transparent!important}
#pun #pun-viewtopic .post-links a:hover {background:var(--medium-teal)!important;color:var(--slate-blue)!important}
#pun #pun-viewtopic .post-links .pl-delete a:hover {background:var(--light-orange)!important;color:var(--orange)!important}
#pun #pun-viewtopic .post-links a:focus-visible {outline:2px solid var(--teal);outline-offset:3px}
@media(max-height:650px) {#pun #pun-viewtopic .post-author > ul {position:static!important}}


/* MESSAGE EDITOR: ввод, инструменты и вспомогательные панели */
#pun fieldset:has(#main-reply) {display:block!important;min-width:0!important;width:100%!important;max-width:100%;margin:var(--space-18px) 0!important;padding:calc(var(--space-18px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-20px)!important;background:var(--pale-green)!important;/* box-shadow:var(--light-shadow); */box-sizing:border-box}
#pun fieldset:has(#main-reply) > legend {float:none!important;width:auto!important;max-width:100%;height:auto!important;margin:0!important;padding:0 calc(var(--space-9px) * var(--forum-padding-density))!important;color:var(--slate-blue)!important;font:600 17px/1.4 var(--font-body)!important;white-space:normal;overflow-wrap:anywhere}
#pun fieldset:has(#main-reply) > legend span {display:inline!important;padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-6px) * var(--forum-padding-density))!important;border-radius:var(--radius-8px);background: var(--main-bg-body);color: var(--forum-shell-background);font:inherit!important}
#pun fieldset:has(#main-reply) .fs-box {position:relative;min-width:0;width:100%;margin:0!important;padding:0!important;box-sizing:border-box}
#pun fieldset:has(#main-reply) .areafield {margin:var(--space-12px) 0 0!important;padding:0!important}
#pun fieldset:has(#main-reply) .areafield > .input {display:block!important;width:100%!important;margin:0!important;padding:0!important}
#pun #main-reply {display:block;width:100%!important;max-width:100%!important;min-width:0!important;min-height:240px;height:auto;padding:calc(var(--space-16px) * var(--forum-padding-density))!important;margin:0!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-15px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:400 14px/1.65 var(--font-ui)!important;box-shadow:var(--inner-shadow);box-sizing:border-box;resize:vertical}
#pun #main-reply:focus {outline:2px solid var(--teal)!important;outline-offset:2px;border-color:var(--teal)!important}
#pun fieldset:has(#main-reply) #form-buttons {width:100%!important;max-width:100%;margin:0!important;padding:calc(var(--space-7px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-13px)!important;background:var(--white)!important;box-sizing:border-box}
#pun fieldset:has(#main-reply) #form-buttons :is(table,tbody) {display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#pun fieldset:has(#main-reply) #form-buttons tr {display:flex!important;flex-wrap:wrap!important;gap:var(--space-5px);width:100%;margin:0!important;padding:0!important;background:none!important}
#pun fieldset:has(#main-reply) #form-buttons td {position:relative;display:block!important;flex:0 0 34px;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:var(--radius-8px);background:var(--pale-green)!important;color:var(--slate-blue);cursor:pointer}
#pun fieldset:has(#main-reply) #form-buttons td::before {content:var(--editor-icon,'extension');position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 20px/1 'Material Icons'!important;font-feature-settings:'liga';text-transform:none;color:inherit;pointer-events:none}
#pun fieldset:has(#main-reply) #form-buttons td img {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;opacity:0!important;margin:0!important;padding:0!important;cursor:pointer}
#pun fieldset:has(#main-reply) #form-buttons td:hover {background:var(--medium-teal)!important;color:var(--teal)}
#pun #button-font {--editor-icon:'font_download'}
#pun #button-size {--editor-icon:'format_size'}
#pun #button-bold {--editor-icon:'format_bold'}
#pun #button-italic {--editor-icon:'format_italic'}
#pun #button-underline {--editor-icon:'format_underlined'}
#pun #button-strike {--editor-icon:'strikethrough_s'}
#pun #button-left {--editor-icon:'format_align_left'}
#pun #button-center {--editor-icon:'format_align_center'}
#pun #button-right {--editor-icon:'format_align_right'}
#pun #button-link {--editor-icon:'link'}
#pun #button-spoiler {--editor-icon:'unfold_more'}
#pun #button-image {--editor-icon:'image'}
#pun #button-video {--editor-icon:'videocam'}
#pun #button-hide {--editor-icon:'lock_outline'}
#pun #button-quote {--editor-icon:'format_quote'}
#pun #button-code {--editor-icon:'code'}
#pun #button-color {--editor-icon:'palette'}
#pun #button-table {--editor-icon:'grid_on'}
#pun #button-smile {--editor-icon:'sentiment_satisfied'}
#pun #button-keyboard {--editor-icon:'keyboard'}
#pun #button-addition {--editor-icon:'add_circle_outline'}
#pun fieldset:has(#main-reply) #tags {position:relative;max-width:100%;min-width:0}
#pun fieldset:has(#main-reply) #tags > .container {max-width:100%!important;width:auto!important;min-width:0!important;max-height:360px;overflow:auto;z-index:10;margin:var(--space-10px) 0!important;padding:calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-14px)!important;background:var(--white)!important;box-shadow:var(--drop-shadow);color:var(--slate-blue);box-sizing:border-box}
#pun fieldset:has(#main-reply) #tags :is(input:not([type='hidden']):not([type='file']),textarea) {max-width:100%;box-sizing:border-box;border:1px solid var(--sage-green);border-radius:var(--radius-8px);padding:calc(var(--space-7px) * var(--forum-padding-density));background:var(--pale-green);color:var(--slate-blue)}
#pun fieldset:has(#main-reply) #tags textarea {width:100%!important;min-height:100px;resize:vertical;font:13px/1.5 var(--font-ui)}
#pun fieldset:has(#main-reply) #tags :is(#image-source-list,#image-area-actions,#video-area-actions,#spoiler-type-list) a {display:inline-block;margin:var(--space-4px);padding:calc(var(--space-7px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--radius-9px);background:var(--pale-green);color:var(--slate-blue);cursor:pointer;font:500 12px/1.4 var(--font-ui)}
#pun fieldset:has(#main-reply) :is(#font-area,#size-area,#addition-area) > div {position:relative;padding:calc(var(--space-7px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density));border-radius:var(--radius-8px);cursor:pointer}
#pun fieldset:has(#main-reply) :is(#font-area,#size-area,#addition-area) > div:hover {background:var(--medium-teal)}
#pun fieldset:has(#main-reply) :is(#font-area,#size-area) > div > img {position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0}
#pun fieldset:has(#main-reply) #keyboard-span input {margin:var(--space-2px);min-width:27px;cursor:pointer}
#pun fieldset:has(#main-reply) #video-host-list {line-height:2;overflow-wrap:anywhere}
#pun fieldset:has(#main-reply) #image-area-tcon-computer table {width:100%;table-layout:fixed}
#pun fieldset:has(#main-reply) #table-area td.selected {background:var(--medium-teal)!important}
/* меню модератора и экспорт */
#pun #topic-modmenu {width:100%!important;max-width:100%;margin:var(--space-16px) 0!important;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-15px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-16px)!important;background:var(--pale-green)!important;box-sizing:border-box}
#pun #topic-modmenu > .container {display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-12px);margin:0!important;padding:0!important;width:100%!important;min-width:0;background:none!important;border:0!important;font:400 12px/1.5 var(--font-ui);color:var(--teal)}
#pun #topic-modmenu strong {display:flex;align-items:center;gap:var(--space-9px);max-width:100%;min-width:0;font-weight:400!important}
#pun #topic-modmenu strong::before {content:'admin_panel_settings';font:400 23px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#pun #mod-options {width:auto!important;max-width:100%;min-width:0;min-height:39px;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-30px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-11px)!important;background-color:var(--white)!important;color:var(--slate-blue)!important;font:500 12px/1.4 var(--font-ui)!important;box-sizing:border-box;cursor:pointer}
#pun #mod-options:focus-visible {outline:2px solid var(--teal);outline-offset:2px}
#pun #topic-modmenu .container > span {float:none!important;margin:0!important;font-size:0}
#pun #topic-modmenu .container > span a {display:inline-flex;align-items:center;gap:var(--space-5px);margin:0 0 0 var(--space-7px);padding:calc(var(--space-7px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--radius-9px);background:var(--white);color:var(--slate-blue);font:500 11px/1.4 var(--font-ui);text-decoration:none}
#pun #topic-modmenu .container > span a::before {content:'rss_feed';font:400 16px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#pun #topic-modmenu .container > span a:hover {background:var(--medium-teal)}

/* Компактные окна редактора и расстояние между сообщениями */
:root {--editor-smilies-width:320px;--editor-video-width:440px;--post-next-gap:10px}
#pun fieldset:has(#main-reply) #tags > #smilies-area {width:var(--editor-smilies-width)!important;max-width:100%!important;left:auto!important;right:0!important;box-sizing:border-box}
#pun fieldset:has(#main-reply) #tags > #video-area {width:var(--editor-video-width)!important;max-width:100%!important;right:auto!important;box-sizing:border-box}
#pun #smilies-block {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-8px);width:auto!important;max-width:100%}
#pun #smilies-block img {display:inline-block;flex:0 0 auto;width:auto!important;height:auto!important;max-width:100%;margin:0!important;padding:calc(var(--space-2px) * var(--forum-padding-density));cursor:pointer;object-fit:contain}
#pun #pun-viewtopic .topic .post:has(.post-links) {margin-bottom:var(--post-next-gap)!important}
#pun #pun-viewtopic .topic .post + .post > h3 {margin-top:0!important}
/* Общие отступы и радиусы для всего форума */
:root {
  --space-0-4rem: 0.4rem;
  --space-0rem: 0rem;
  --space-1rem: 1rem;
  --radius-0px: 0px;
  --radius-2px: 2px;
  --space-6px: 6px;
  --space-0-2rem: 0.2rem;
  --space-4px: 4px;
  --space-0-5rem: 0.5rem;
  --space-1-5rem: 1.5rem;
  --space-1-4rem: 1.4rem;
  --space-0px: 0px;
  --space-2rem: 2rem;
  --space-0-3rem: 0.3rem;
  --space-0-6rem: 0.6rem;
  --space-0-7rem: 0.7rem;
  --space-1-6rem: 1.6rem;
  --space-0-8rem: 0.8rem;
  --space-5px: 5px;
  --radius-50pct: 50%;
  --space-2px: 2px;
  --space-1-2rem: 1.2rem;
  --space-1-1rem: 1.1rem;
  --space-3pct: 3%;
  --space-0em: 0em;
  --space-1-8rem: 1.8rem;
  --space-8px: 8px;
  --space-20px: 20px;
  --space-10px: 10px;
  --space-9px: 9px;
  --space-1px: 1px;
  --space-3px: 3px;
  --radius-0pct: 0%;
  --space-3rem: 3rem;
  --space-2-6rem: 2.6rem;
  --space-26px: 26px;
  --space-16px: 16px;
  --space-14px: 14px;
  --space-0-1rem: 0.1rem;
  --space-0-9rem: 0.9rem;
  --radius-4px: 4px;
  --space-12px: 12px;
  --space-1em: 1em;
  --space-0-4em: 0.4em;
  --radius-0rem: 0rem;
  --radius-1px: 1px;
  --space-42px: 42px;
  --space-0-6em: 0.6em;
  --space-10pct: 10%;
  --space-50px: 50px;
  --space-2-4rem: 2.4rem;
  --space-18px: 18px;
  --space-2-2rem: 2.2rem;
  --space-7px: 7px;
  --space-34px: 34px;
  --space-65px: 65px;
  --space-15px: 15px;
  --space-35px: 35px;
  --radius-20px: 20px;
  --radius-18px: 18px;
  --radius-10px: 10px;
  --radius-14px: 14px;
  --space-145px: 145px;
  --space-36px: 36px;
  --radius-24px: 24px;
  --space-100px: 100px;
  --radius-30px: 30px;
  --radius-17px: 17px;
  --radius-8px: 8px;
  --space-24px: 24px;
  --space-22px: 22px;
  --space-11px: 11px;
  --radius-12px: 12px;
  --space-13px: 13px;
  --space-38px: 38px;
  --radius-16px: 16px;
  --radius-22px: 22px;
  --space-32px: 32px;
  --radius-9px: 9px;
  --space-25px: 25px;
  --space-17px: 17px;
  --radius-15px: 15px;
  --radius-7px: 7px;
  --radius-11px: 11px;
  --radius-23px: 23px;
  --radius-13px: 13px;
  --radius-25px: 25px;
  --radius-21px: 21px;
  --radius-19px: 19px;
  --radius-6px: 6px;
  --space-46px: 46px;
  --space-23px: 23px;
  --space-31px: 31px;
  --space-28px: 28px;
  --space-30px: 30px;
}

/* MODERATION SELECT: нативный список и оформление раскрытия */
:root {--mod-picker-gap:6px;--mod-picker-padding:calc(8px * var(--forum-padding-density));--mod-option-padding:calc(10px * var(--forum-padding-density)) calc(12px * var(--forum-padding-density));--mod-picker-radius:14px;--mod-option-radius:9px}
#pun #mod-options option {background:var(--white);color:var(--slate-blue);font:400 12px/1.5 var(--font-ui)}
#pun #mod-options option:checked {background:var(--sage-green);color:var(--slate-blue)}
[data-theme='dark'] #pun #mod-options {color-scheme:dark}
@supports (appearance:base-select) {
 #pun #topic-modmenu #mod-options,#pun #topic-modmenu #mod-options::picker(select) {appearance:base-select}
 #pun #topic-modmenu #mod-options {display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-12px);background-image:none!important;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important}
 #pun #topic-modmenu #mod-options::picker-icon {color:var(--teal);transition:rotate .15s}
 #pun #topic-modmenu #mod-options:open::picker-icon {rotate:180deg}
 #pun #topic-modmenu #mod-options::picker(select) {margin-top:var(--mod-picker-gap);padding:var(--mod-picker-padding);border:1px solid var(--sage-green);border-radius:var(--mod-picker-radius);background:var(--white);color:var(--slate-blue);box-shadow:var(--drop-shadow);max-height:320px;max-width:calc(100vw - 24px);overflow:auto;box-sizing:border-box}
 #pun #topic-modmenu #mod-options option {display:flex;align-items:center;gap:var(--space-8px);margin:0;padding:var(--mod-option-padding);border:0;border-radius:var(--mod-option-radius);background:var(--white);color:var(--slate-blue);font:500 12px/1.5 var(--font-ui);cursor:pointer;white-space:normal;overflow-wrap:anywhere}
 #pun #topic-modmenu #mod-options option + option {margin-top:var(--space-4px)}
 #pun #topic-modmenu #mod-options option:hover,#pun #topic-modmenu #mod-options option:focus {background:var(--pale-green);outline:none}
 #pun #topic-modmenu #mod-options option:checked {background:var(--sage-green)}
 #pun #topic-modmenu #mod-options option::checkmark {color:var(--teal)}
 #pun #topic-modmenu #mod-options option::before {content:var(--mod-icon,'tune');font:400 18px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
 #pun #mod-options option[value=''] {--mod-icon:'admin_panel_settings'}
 #pun #mod-options option[value*='move_topics'] {--mod-icon:'drive_file_move'}
 #pun #mod-options option[value*='close='] {--mod-icon:'lock_outline'}
 #pun #mod-options option[value*='stick='] {--mod-icon:'push_pin'}
 #pun #mod-options option[value*='up='] {--mod-icon:'arrow_upward'}
 #pun #mod-options option[value*='mode=delete'] {--mod-icon:'delete_outline';color:var(--orange)}
 #pun #mod-options option[value*='mode=delete']::before {color:var(--orange)}
 #pun #mod-options option[value*='mode=move'] {--mod-icon:'swap_horiz'}
 #pun #mod-options option[value*='mode=merge'] {--mod-icon:'merge_type'}
}
/* Ширина поля соответствует раскрытому меню модерации */
:root {--mod-select-width:280px;--mod-select-height:42px}
#pun #topic-modmenu #mod-options {width:var(--mod-select-width)!important;min-height:var(--mod-select-height)!important;max-width:100%;box-sizing:border-box}
@supports (appearance:base-select) {
 #pun #topic-modmenu #mod-options::picker(select) {min-width:anchor-size(width);box-sizing:border-box}
}

/* VIP и фонд форума: публичные страницы */
:root {--support-gap:16px;--support-padding:calc(22px * var(--forum-padding-density));--support-radius:20px;--support-item-radius:12px;--support-button-padding:calc(11px * var(--forum-padding-density)) calc(16px * var(--forum-padding-density));--support-section-gap:24px}
#pun :is(#forum-vip,#forum-foundation,#top-donators,#latest-donators) {min-width:0;max-width:100%;margin:var(--support-section-gap) 0!important;color:var(--slate-blue)}
#pun :is(#forum-vip,#forum-foundation,#top-donators,#latest-donators) > h1 {display:block!important;position:relative;height:auto!important;width:auto!important;margin:0 0 var(--support-gap)!important;padding:0!important;border:0!important;background:none!important;color:var(--slate-blue)!important;text-align:left!important;text-transform:none!important;font:600 clamp(25px,3.5vw,42px)/1.2 var(--font-body)!important;overflow-wrap:anywhere}
#pun :is(#forum-vip,#forum-foundation,#top-donators,#latest-donators) > h1 span {font:inherit!important;color:inherit}
#pun :is(#forum-vip,#forum-foundation) .info {margin:0!important;padding:0!important;border:0!important;background:none!important}
#pun :is(#forum-vip,#forum-foundation) .info > .container {margin:0!important;padding:var(--support-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--support-radius)!important;background:linear-gradient(150deg,var(--pale-green),var(--white))!important;box-shadow:var(--light-shadow);box-sizing:border-box}
#pun :is(#forum-vip,#forum-foundation) .html-box {margin:0!important;padding:0!important;background:none!important;border:0!important;font:400 14px/1.7 var(--font-ui);color:var(--slate-blue);overflow-wrap:anywhere}
#pun :is(#forum-vip,#forum-foundation) .html-box p {margin:0 0 var(--space-12px)!important;padding:0!important}
#pun #vip-info3 {font-weight:600;color:var(--teal)}
#pun #forum-vip .advantage > ul {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12px);list-style:none;margin:var(--support-gap) 0 var(--support-section-gap)!important;padding:0!important}
#pun #forum-vip .advantage > ul > li {display:flex;align-items:center;gap:var(--space-10px);min-width:0;margin:0!important;padding:calc(var(--space-14px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--support-item-radius);background:var(--white);font:500 12px/1.5 var(--font-ui);color:var(--slate-blue)}
#pun #forum-vip .advantage > ul > li::before {content:var(--vip-icon,'check_circle_outline');font:400 25px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal);flex:0 0 auto}
#pun #vip-advance1 {--vip-icon:'visibility_off'}
#pun #vip-advance2 {--vip-icon:'cloud_upload'}
#pun #vip-advance3 {--vip-icon:'favorite_border'}
#pun #vip-advance-anticensor {--vip-icon:'text_fields'}
#pun #vip-advance-stealth {--vip-icon:'security'}
#pun #vip-advance-multi {--vip-icon:'switch_account'}
#pun #vip-tariffs {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--support-gap);width:100%!important;margin:0!important;padding:0!important}
#pun #vip-tariffs .vip-tariff {position:relative;display:flex!important;flex-direction:column;align-items:stretch;gap:var(--space-12px);float:none!important;width:auto!important;min-width:0;margin:0!important;padding:var(--support-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--support-radius)!important;background:var(--white)!important;box-shadow:var(--light-shadow);text-align:center;box-sizing:border-box}
#pun #vip-tariffs .tariff12 {border-color:var(--teal)!important;background:linear-gradient(160deg,var(--light-teal),var(--white))!important}
#pun #vip-tariffs .head {margin:0!important;padding:0!important;background:none!important;border:0!important;font:600 22px/1.3 var(--font-body)!important;color:var(--slate-blue)!important}
#pun #vip-tariffs .price {display:block!important;margin:0!important;padding:0!important;background:none!important;color:var(--teal)!important;font:600 36px/1.2 var(--font-ui)!important;min-height:64px}
#pun #vip-tariffs .price span {display:inline-block;color:var(--slate-blue);opacity:.6;font:400 13px/1.4 var(--font-ui);text-decoration:line-through}
#pun #vip-tariffs .button-ok,#pun #forum-foundation input[type='submit'] {display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;height:auto!important;margin:0!important;padding:var(--support-button-padding)!important;border:1px solid transparent!important;border-radius:var(--support-item-radius)!important;background:var(--midnight-gradient)!important;color:var(--white)!important;font:600 12px/1.5 var(--font-ui)!important;text-decoration:none!important;text-transform:none!important;white-space:normal;box-sizing:border-box;cursor:pointer}
#pun #vip-tariffs .button-ok {width:100%!important}
#pun #vip-tariffs .button-ok[href*='foundation'] {background:var(--pale-green)!important;border-color:var(--sage-green)!important;color:var(--slate-blue)!important}
#pun :is(#vip-tariffs .button-ok,#forum-foundation input[type='submit']):hover {filter:brightness(1.08)}
#pun :is(#vip-tariffs .button-ok,#forum-foundation input[type='submit']):focus-visible {outline:2px solid var(--teal);outline-offset:3px}
#pun #forum-foundation form {margin:0!important;padding:0!important}
#pun #forum-foundation form > p:last-child {margin:var(--support-gap) 0 0!important}
#pun :is(#top-donators,#latest-donators) > .container {margin:0!important;padding:0!important;border:1px solid var(--sage-green)!important;border-radius:var(--support-radius)!important;background:var(--white)!important;overflow:hidden;box-sizing:border-box}
#pun :is(#top-donators,#latest-donators) table {display:table!important;width:100%!important;margin:0!important;border:0!important;border-collapse:separate!important;border-spacing:0!important;table-layout:fixed;background:none!important}
#pun :is(#top-donators,#latest-donators) :is(th,td) {display:table-cell!important;padding:calc(var(--space-14px) * var(--forum-padding-density))!important;border:0!important;border-radius:0!important;text-align:left!important;vertical-align:middle;white-space:normal!important;overflow-wrap:anywhere;background-image:none!important;font:400 12px/1.5 var(--font-ui);color:var(--slate-blue)}
#pun :is(#top-donators,#latest-donators) th {background:var(--sage-green)!important;font-weight:600}
#pun :is(#top-donators,#latest-donators) td {background:var(--white)!important;border-top:1px solid var(--sage-green)!important}
#pun :is(#top-donators,#latest-donators) tbody tr:nth-child(even) td {background:var(--pale-green)!important}
#pun :is(#top-donators,#latest-donators) td:first-child a {color:var(--teal)!important;font-weight:600}
#pun :is(#top-donators,#latest-donators) td:last-child {font-weight:600;color:var(--teal)}



/* Основной контейнер форума: оформление без старых теней */
:root {--forum-shell-radius:var(--radius-20px);--forum-shell-border:var(--sage-green);--forum-shell-background:var(--white);--forum-shell-margin:var(--space-20px)}
#pun {position:relative;overflow-wrap:break-word;margin:var(--forum-shell-margin) auto!important;padding:0!important;width:clamp(280px,var(--pun-width),100%);max-width:var(--pun-width);border:1px solid var(--forum-shell-border)!important;border-radius:var(--forum-shell-radius)!important;box-shadow:none!important;background:var(--forum-shell-background)!important;background-image:none!important;box-sizing:border-box}

/* Отличающийся заголовок статистики на главной */
:root {--stats-heading-gap:var(--space-12px);--stats-heading-padding:var(--space-12px) var(--space-16px);--stats-heading-radius:var(--radius-14px);--stats-heading-margin:var(--space-16px);--stats-heading-size:22px}
#pun #pun-stats > h2 {position:relative!important;display:flex!important;align-items:center;gap:var(--stats-heading-gap);width:100%!important;height:auto!important;min-height:0!important;margin:0 0 var(--stats-heading-margin)!important;padding:var(--stats-heading-padding)!important;/* border:1px solid var(--sage-green)!important; */border-radius:var(--stats-heading-radius)!important;background:var(--pale-green)!important;background-image:none!important;box-shadow:none!important;color:var(--slate-blue)!important;font:600 var(--stats-heading-size)/1.3 var(--font-body)!important;letter-spacing:0!important;text-align:left!important;text-transform:none!important;box-sizing:border-box;overflow:visible!important}
#pun #pun-stats > h2 > span {display:block!important;float:none!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font:inherit!important;color:inherit!important;text-shadow:none!important;overflow-wrap:anywhere;min-width:0}
#pun #pun-stats > h2::before {content:'insights'!important;position:static!important;display:flex!important;align-items:center;justify-content:center;flex:0 0 34px;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:var(--radius-10px);background:var(--medium-teal)!important;color:var(--teal)!important;font:400 23px/1 'Material Icons'!important;font-feature-settings:'liga';text-transform:none;transform:none!important}
#pun #pun-stats > h2::after {content:''!important;position:static!important;display:block!important;flex:1;min-width:20px;width:auto!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;background:var(--sage-green)!important;transform:none!important}

/* Дополнительные элементы форума */
:root {--ui-gap:8px;--ui-padding:calc(12px * var(--forum-padding-density));--ui-radius:12px;--ui-section-gap:16px;--ui-select-radius:11px;--bookmark-width:260px;--bookmark-radius:16px;--partners-max-height:100px;--partners-gap:6px;--editor-button-min:34px}
/* Список групп в поиске участников */
/* Списки фильтров в поиске участников */
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir']) {border:1px solid var(--sage-green)!important;border-radius:var(--ui-select-radius)!important;background-color:var(--white)!important;color:var(--slate-blue)!important;min-height:38px;max-width:100%;font:500 12px/1.5 var(--font-ui);box-sizing:border-box}
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir']) option {background:var(--white);color:var(--slate-blue)}

@supports(appearance:base-select) {
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir']),#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir'])::picker(select) {appearance:base-select}
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir']) {display:inline-flex;align-items:center;justify-content:space-between;gap:var(--ui-gap);background-image:none!important;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important}
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir'])::picker-icon {color:var(--teal)}
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir'])::picker(select) {padding:calc(var(--space-6px) * var(--forum-padding-density));margin-top:var(--space-6px);border:1px solid var(--sage-green);border-radius:var(--ui-radius);background:var(--white);box-shadow:none;max-height:none;min-width:anchor-size(width);max-width:calc(100vw - 24px);box-sizing:border-box}
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir']) option {display:flex;align-items:center;gap:var(--ui-gap);padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border-radius:var(--radius-8px);font:500 12px/1.5 var(--font-ui);cursor:pointer;white-space:normal}
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir']) option:hover,#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir']) option:checked {background:var(--pale-green)}
/* Общий стиль иконок */
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir']) option::before {font:400 18px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal);flex:0 0 auto}

/* Группы */
#pun select[name='show_group'] option[value='-1']::before {content:'groups'}
#pun select[name='show_group'] option[value='1']::before {content:'admin_panel_settings'}
#pun select[name='show_group'] option[value='2']::before {content:'shield'}
#pun select[name='show_group'] option[value='4']::before {content:'person'}

/* Сортировка по */
#pun select[name='sort_by'] option[value='username']::before {content:'badge'}
#pun select[name='sort_by'] option[value='registered']::before {content:'how_to_reg'}
#pun select[name='sort_by'] option[value='last_visit']::before {content:'schedule'}
#pun select[name='sort_by'] option[value='respect']::before {content:'favorite'}
#pun select[name='sort_by'] option[value='positive']::before {content:'sentiment_satisfied_alt'}
#pun select[name='sort_by'] option[value='num_invites']::before {content:'person_add'}
#pun select[name='sort_by'] option[value='num_posts']::before {content:'forum'}
#pun select[name='sort_by'] option[value='last_post']::before {content:'update'}

/* Направление сортировки */
#pun select[name='sort_dir'] option[value='ASC']::before {content:'arrow_upward'}
#pun select[name='sort_dir'] option[value='DESC']::before {content:'arrow_downward'}
#pun select:is([name='show_group'],[name='sort_by'],[name='sort_dir']) option::checkmark {color:var(--teal)}
}
}
/* Две компактные ячейки статистики автора */
#pun #pun-viewtopic .post-author > ul {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--ui-gap)!important}
#pun #pun-viewtopic .post-author li {grid-column:1/-1!important;grid-row:auto!important}
#pun #pun-viewtopic .post-author .pa-posts {grid-column:1!important}
#pun #pun-viewtopic .post-author .pa-respect {grid-column:2!important}
#pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect) {display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:var(--space-4px);padding:calc(var(--space-8px) * var(--forum-padding-density))!important;font:600 14px/1.3 var(--font-ui)!important;text-align:center!important}
#pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect)::before {font-size:22px}
#pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect) .fld-name {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Кнопки редактора заполняют строку и переносятся при добавлении новых */
#pun fieldset:has(#main-reply) #form-buttons tr {display:flex!important;flex-wrap:wrap!important;gap:var(--space-5px)!important}
#pun fieldset:has(#main-reply) #form-buttons td {flex:1 0 var(--editor-button-min)!important;width:auto!important;min-width:var(--editor-button-min)!important;max-width:none!important}
/* Кто просматривает тему */
#pun #pun-viewtopic #pun-main p.container:has(> span[style*='font-weight']):has(> a[href*='profile.php']) {display:block!important;width:100%!important;max-width:100%;margin:var(--ui-section-gap) 0!important;padding:var(--ui-padding)!important;/* border:1px solid var(--sage-green)!important; */border-radius:var(--ui-radius)!important;background:var(--pale-green)!important;color:var(--slate-blue)!important;font:400 12px/1.8 var(--font-ui);box-sizing:border-box}
#pun #pun-viewtopic #pun-main p.container:has(> span[style*='font-weight']) > span {color:var(--teal)}
#pun #pun-viewtopic #pun-main p.container:has(> span[style*='font-weight']) > span::before {content:'visibility';display:inline-block;vertical-align:middle;margin-right:var(--space-6px);font:400 19px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#pun #pun-viewtopic #pun-main p.container:has(> span[style*='font-weight']) > a {display:inline-block;padding:calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density));margin:var(--space-2px);border-radius:var(--radius-8px);background:var(--white);color:var(--slate-blue)!important;text-decoration:none}
/* Объявление */
#pun #pun-announcement {margin:var(--ui-section-gap) 0!important;padding:0!important;/* border:1px solid var(--sage-green)!important; */border-radius:var(--bookmark-radius)!important;background:var(--pale-green)!important;overflow:hidden}
#pun #pun-announcement > h2 {display:flex!important;align-items:center;gap:var(--ui-gap);height:auto!important;margin:0!important;padding:calc(var(--space-12px) * var(--forum-padding-density)) calc(var(--space-16px) * var(--forum-padding-density))!important;border:0!important;/* border-bottom:1px solid var(--sage-green)!important; *//* background:var(--medium-teal)!important; */color:var(--slate-blue)!important;font:600 19px/1.4 var(--font-body)!important;text-align:left!important;text-transform:none!important}
#pun #pun-announcement > h2 span {font:inherit!important;color:inherit!important;margin:0!important;padding:0!important;background:none!important}
#pun #pun-announcement > h2::before {content:'campaign';font:400 23px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#pun #pun-announcement > .container {margin:0!important;padding:calc(var(--space-16px) * var(--forum-padding-density))!important;border:0!important;background:none!important}
#pun #pun-announcement .html-box {padding:0!important;margin:0!important;font:400 13px/1.7 var(--font-ui);color:var(--slate-blue);overflow-wrap:anywhere}
/* Центрирование навигации и служебной ссылки */
#pun #statistic-other {display:flex!important;flex-wrap:wrap;justify-content:center!important;align-items:center;gap:var(--ui-gap);text-align:center!important}
#pun #statistic-other > span {padding:0!important;margin:0!important;float:none!important}
#pun #pun-ulinks > ul.container {justify-content:center!important;text-align:center!important}
#pun p.container:has(> .item1 > a[href='//mybb.ru/']) {display:flex!important;justify-content:center!important;align-items:center;text-align:center!important;margin:var(--ui-section-gap) 0!important;padding:calc(var(--space-8px) * var(--forum-padding-density))!important;background:none!important;border:0!important}
#pun p.container > .item1:has(> a[href='//mybb.ru/']) {float:none!important;margin:0!important;padding:0!important}
#pun a[href='//mybb.ru/'][title='создать форум бесплатно'] {color:var(--slate-blue)!important;opacity:.65;font:400 10px/1.5 var(--font-ui);text-decoration:none;border-bottom:1px dotted var(--teal)}
/* VIP и фонд в статусе пользователя */
#pun #pun-status .status-right a[href='/vip.php'],#pun #pun-status .status-right a[href='/foundation.php'] {display:inline-flex!important;align-items:center;gap:var(--space-5px);padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-9px);background:var(--white)!important;color:var(--slate-blue)!important;font:500 11px/1.4 var(--font-ui);text-decoration:none}
#pun #pun-status .status-right a[href='/vip.php']::before {content:'workspace_premium';font:400 17px/1 'Material Icons';font-feature-settings:'liga';color:var(--amber)}
#pun #pun-status .status-right a[href='/foundation.php']::before {content:'volunteer_activism';font:400 17px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#pun #pun-status .item3 strong {color:var(--teal)}
/* BBCode: только содержимое сообщения, подпись исключена */
#pun .post-content > p abbr {text-decoration:underline dotted var(--teal);text-underline-offset:3px;cursor:help;background:var(--light-teal);border-radius:var(--radius-4px);padding:0 calc(var(--space-2px) * var(--forum-padding-density))}
#pun .post-content > p del {opacity:.65;text-decoration-color:var(--teal)}
#pun .post-content > p strong {font-weight:700;color:var(--slate-blue)}
#pun .post-content > p em.bbuline {font-style:normal;text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:3px}
#pun .post-content > p a {color:var(--teal)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-shadow:none!important}
#pun .post-content > p a:hover {color:var(--orange)!important}
#pun .post-content > hr {height:1px;margin:var(--space-16px) 0!important;padding:0!important;border:0!important;background:var(--sage-green)!important}
#pun .post-content > p .highlight-text {padding:calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-5px) * var(--forum-padding-density));border-radius:var(--radius-4px);background:var(--medium-teal)!important;color:var(--slate-blue)!important}
/* Боковые закладки: видимость и положение оставлены скрипту */
#MyBookmarks {width:var(--bookmark-width)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px);border:1px solid var(--sage-green)!important;border-radius:var(--bookmark-radius)!important;background:var(--white)!important;color:var(--slate-blue);box-sizing:border-box;overflow:hidden;font:400 12px/1.5 var(--font-ui);z-index: 999!important;}
#MyBookmarks > h2 {display:flex!important;align-items:center;gap:var(--ui-gap);margin:0!important;padding:var(--ui-padding)!important;height:auto!important;border:0!important;background:var(--sage-green)!important;color:var(--slate-blue)!important;font:600 16px/1.4 var(--font-body)!important;text-transform:none!important}
#MyBookmarks > h2 > span {margin:0!important;padding:0!important;font:inherit!important;color:inherit!important}
#MyBookmarks #bm2 {position:static!important;display:block!important;flex:0 0 24px;width:24px!important;height:24px!important;margin:0!important;background:none!important;cursor:pointer}
#MyBookmarks #bm2::before {content:'chevron_left';font:400 24px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#MyBookmarks > .container {position:relative;padding:var(--ui-padding)!important;margin:0!important;border:0!important;background:none!important}
#MyBookmarks inner {display:block;max-height:calc(100dvh - 140px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--teal) var(--pale-green)}
#MyBookmarks .BookmarkL {list-style:none;margin:0 0 var(--ui-gap)!important;padding:calc(var(--space-10px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--ui-radius);background:var(--pale-green);overflow-wrap:anywhere}
#MyBookmarks .last_click {position:relative;display:block;padding-right:calc(var(--space-16px) * var(--forum-padding-density))}
#MyBookmarks .last_click > strong {position:absolute;right:0;top:0;color:var(--orange);cursor:pointer;font:500 18px/1 var(--font-ui)}
#MyBookmarks num {color:var(--teal)}
#MyBookmarks .last_click > a {color:var(--slate-blue)!important;text-decoration:none}
#MyBookmarks .bm-topic {font-weight:600}
#MyBookmarks .bm-note {color:var(--teal);font-size:11px}
#MyBookmarks .bm-edit {display:inline-block;margin-top:var(--ui-gap);padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--radius-8px);background:var(--white);color:var(--slate-blue);font:500 10px/1.4 var(--font-ui);cursor:pointer}
#MyBookmarks .scrl {display:inline-flex!important;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-8px);background:var(--pale-green);color:var(--teal);cursor:pointer;margin-bottom:var(--ui-gap)}
#MyBookmarks .scrl::before {content:'expand_less';font:400 20px/1 'Material Icons';font-feature-settings:'liga'}
#MyBookmarks .scrl.b::before {content:'expand_more'}
#MyBookmarks .scrl > span {display:none!important}
/* Баннеры партнёров */
#pun .partners {display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;align-content:flex-start;gap:var(--partners-gap);max-height:var(--partners-max-height)!important;width:100%;max-width:100%;margin:var(--ui-section-gap) auto!important;padding:calc(var(--space-8px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--ui-radius);background:var(--pale-green);overflow:auto;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--teal) var(--pale-green)}
#pun .partners > a {display:block;flex:0 0 auto;max-width:100%;margin:0;padding:0;line-height:0}
#pun .partners img {display:block;width:88px!important;height:31px!important;max-width:100%;margin:0!important;padding:0!important;border:0!important;object-fit:contain}


/* Закладки: элементы управления внутри своей строки */
:root {--bookmark-control-size:28px;--bookmark-control-gap:8px;--scroll-button-size:40px;--scroll-button-offset:18px;--scroll-button-gap:8px;--category-description-gap:12px}
#MyBookmarks > h2 {overflow:visible!important;min-height:48px;box-sizing:border-box}
#MyBookmarks #bm2 {position:relative!important;flex:0 0 var(--bookmark-control-size)!important;width:var(--bookmark-control-size)!important;min-width:var(--bookmark-control-size)!important;height:var(--bookmark-control-size)!important;overflow:visible!important;clip-path:none!important;transform:none!important}
#MyBookmarks #bm2::before {display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:400 24px/1 'Material Icons'!important}
#MyBookmarks > .container {padding-top:calc(var(--space-10px) * var(--forum-padding-density))!important}
#MyBookmarks .scrl {position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;float:none!important;display:inline-flex!important;width:var(--bookmark-control-size)!important;height:var(--bookmark-control-size)!important;margin:0 var(--bookmark-control-gap) var(--bookmark-control-gap) 0!important;transform:none!important;vertical-align:middle;z-index:1}
#MyBookmarks inner {clear:both}
/* Описание категории */
#pun #pun-index .catDescr {display:block!important;width:100%;margin:var(--category-description-gap) auto var(--space-20px)!important;padding:0 calc(var(--space-16px) * var(--forum-padding-density))!important;box-sizing:border-box;text-align:center!important;color:var(--teal)!important;font:italic 400 clamp(14px,1.5vw,18px)/1.6 var(--font-body)!important;letter-spacing:.02em;overflow-wrap:anywhere}
/* Кнопки прокрутки: видимость контролирует существующий скрипт */
#ToTop,#OnBottom {position:fixed!important;right:var(--scroll-button-offset)!important;left:auto!important;width:var(--scroll-button-size)!important;height:var(--scroll-button-size)!important;padding:0!important;margin:0!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-12px)!important;background:var(--white)!important;color:var(--teal);z-index:100;cursor:pointer;box-sizing:border-box}
#OnBottom {bottom:var(--scroll-button-offset)!important;top:auto!important}
#ToTop {bottom:calc(var(--scroll-button-offset) + var(--scroll-button-size) + var(--scroll-button-gap))!important;top:auto!important}
#ToTop .inside,#OnBottom .inside {display:flex!important;align-items:center;justify-content:center;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
#ToTop .inside::before,#OnBottom .inside::before {content:'keyboard_arrow_up';font:400 28px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#OnBottom .inside::before {content:'keyboard_arrow_down'}
#ToTop:hover,#OnBottom:hover {background:var(--pale-green)!important}
/* Лайки сообщения */
#pun #pun-viewtopic .post-rating {display:flex!important;justify-content:flex-end;align-items:center;float:none!important;width:100%!important;margin:var(--space-12px) 0!important;padding:0!important;background:none!important;border:0!important}
#pun #pun-viewtopic .post-rating p.container {display:flex!important;align-items:center;margin:0!important;padding:0!important;border:0!important;background:none!important}
#pun #pun-viewtopic .post-rating p a {display:inline-flex!important;align-items:center;justify-content:center;gap:var(--space-6px);min-width:46px;min-height:32px;padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;margin:0!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-10px)!important;background:var(--pale-green)!important;color:var(--slate-blue)!important;font:600 12px/1.4 var(--font-ui)!important;text-decoration:none!important;transform:none!important}
#pun #pun-viewtopic .post-rating p a::before {content:'favorite_border'!important;font:400 19px/1 'Material Icons'!important;font-feature-settings:'liga';color:var(--teal);margin:0!important;transform:none!important}
#pun #pun-viewtopic .post-rating p a[onclick]:hover {background:var(--medium-teal)!important}
/* Карточки участников: центр и две даты в одной строке */
#pun #pun-userlist #pun-main table:has(td.username) tbody tr {grid-template-rows:auto auto auto auto!important;grid-template-areas:'person person' 'role role' 'respect posts' 'registered visit'!important}
#pun #pun-userlist #pun-main table:has(td.username) tbody td.username {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
#pun #pun-userlist .username .user-avatar {float:none!important;left:auto!important;right:auto!important;margin:0 auto!important;align-self:center!important}
#pun #pun-userlist .username .usersname {display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:center!important;align-self:center!important}
#pun #pun-userlist #pun-main table tbody td.user_title {justify-self:center!important;max-width:100%;padding:calc(var(--space-5px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density))!important;border-radius:var(--radius-8px)!important;line-height:1.4!important;box-sizing:border-box}
#pun #pun-userlist #pun-main table tbody :is(td.registered,td.last_visit) {align-self:stretch!important;margin:0!important;padding:calc(var(--space-7px) * var(--forum-padding-density)) 0 0!important;border-top:1px solid var(--sage-green)!important;font-size:9px!important}
/* Хлебные крошки вместо старого шрифта MyBB */
#pun p.crumbs em {font-size:0!important}
#pun p.crumbs em::before {content:'chevron_right'!important;display:inline-block;vertical-align:middle;padding:0!important;margin:0!important;font:400 16px/1 'Material Icons'!important;font-feature-settings:'liga';color:var(--teal);transform:none!important}

/* Иконки дат участников, аватар приветствия, текстовый счётчик */
#pun #pun-userlist td.registered::before,#pun #pun-userlist td.last_visit::before {display:block!important;margin:0 0 var(--space-4px)!important;color:var(--teal);font:400 18px/1 'Material Icons'!important;font-feature-settings:'liga';text-transform:none}
#pun #pun-userlist td.registered::before {content:'person_add'!important}
#pun #pun-userlist td.last_visit::before {content:'schedule'!important}
#pun #pun-status > p.container {align-items:center!important}
#pun #pun-status > p.container > .status_userava {order:-2!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 34px!important;width:34px!important;max-width:34px!important;margin:0!important;padding:0!important;float:none!important;align-self:center!important}
#pun #pun-status > p.container > .item1 {order:-1!important;flex-basis:auto!important;margin:0!important}
#pun #pun-status .status_userava > img {display:block!important;width:34px!important;height:34px!important;max-width:100%;margin:0!important;padding:0!important;border:1px solid var(--sage-green);border-radius:var(--radius-8px)!important;object-fit:cover;vertical-align:middle;box-sizing:border-box}
#pun fieldset:has(#main-reply) #form-buttons td#symbol-counter {position:relative!important;display:flex!important;align-items:center;justify-content:center;gap:var(--space-6px);flex:0 0 auto!important;width:auto!important;min-width:112px!important;max-width:100%!important;height:auto!important;min-height:34px!important;margin:0!important;padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;background:var(--pale-green)!important;color:var(--slate-blue)!important;font:400 11px/1.4 var(--font-ui)!important;line-height:1.4!important;cursor:default!important;box-sizing:border-box}
#pun fieldset:has(#main-reply) #form-buttons td#symbol-counter::before,#pun fieldset:has(#main-reply) #form-buttons td#symbol-counter::after {content:none!important;display:none!important}
#pun fieldset:has(#main-reply) #form-buttons td#symbol-counter > span {display:inline!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;color:var(--teal)!important;font:600 12px/1.4 var(--font-ui)!important;font-variant-numeric:tabular-nums}

/* Закрытые и важные темы, предпросмотр, файлы админки */
:root {--preview-padding:calc(16px * var(--forum-padding-density));--preview-radius:16px;--admin-file-padding:calc(10px * var(--forum-padding-density));--admin-pagination-padding:calc(12px * var(--forum-padding-density)) calc(14px * var(--forum-padding-density))}
#pun .postlink > span.closed {display:inline-flex!important;align-items:center;gap:var(--space-6px);color:var(--teal);font:500 12px/1.4 var(--font-ui)}
#pun .postlink > span.closed::before {content:'lock_outline'!important;display:inline-block!important;font:400 19px/1 'Material Icons'!important;font-feature-settings:'liga';color:var(--teal)}
#pun :is(.closedatafield,.stickytext) {display:inline-flex!important;align-items:center;justify-content:center;width:25px!important;height:25px!important;padding:0!important;margin:0 var(--space-5px) 0 0!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-8px)!important;background:var(--pale-green)!important;font-size:0!important;line-height:0!important;vertical-align:middle}
#pun .closedatafield::before,#pun .stickytext::before {content:'lock_outline'!important;font:400 17px/1 'Material Icons'!important;font-feature-settings:'liga';color:var(--teal)}
#pun .stickytext::before {content:'campaign'!important}
#pun :is(#post-preview,#pun-preview) {width:100%!important;max-width:100%!important;min-width:0!important;margin:var(--space-16px) 0!important;box-sizing:border-box}
#pun :is(#post-preview,#pun-preview) .fs-box,#pun .formal fieldset > .fs-box:has(> .post-box > .post-content) {width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:var(--preview-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--preview-radius)!important;background:var(--white)!important;box-sizing:border-box}
#pun :is(#post-preview,#pun-preview) .post-box,#pun .fs-box > .post-box {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box;text-align:left}
#pun .post-body .post-box {max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
#pun :is(#post-preview,#pun-preview) .post-content,#pun .fs-box > .post-box > .post-content {width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow-wrap:anywhere;font:400 14px/1.65 var(--font-body);color:var(--slate-blue);box-sizing:border-box}
/* Файловая таблица: display строк оставлен пагинации */
#pun #pun-admain .adfs-box:has(#filetable) {width:100%!important;min-width:0!important;max-width:100%;margin:0!important;padding:0!important;overflow-x:auto;box-sizing:border-box}
#pun #filetable {display:table!important;width:100%!important;max-width:100%!important;min-width:650px;margin:0!important;border:1px solid var(--sage-green)!important;border-spacing:0!important;border-collapse:separate!important;table-layout:fixed;background:var(--white)!important;box-sizing:border-box}
#pun #filetable :is(th,td) {display:table-cell!important;width:auto!important;margin:0!important;padding:var(--admin-file-padding)!important;border:0!important;border-bottom:1px solid var(--sage-green)!important;vertical-align:middle;text-align:left!important;white-space:normal;overflow-wrap:anywhere;color:var(--slate-blue)!important;font:400 11px/1.5 var(--font-ui);box-sizing:border-box}
#pun #filetable thead th {height:auto!important;background:var(--sage-green)!important;font-weight:600!important;border-radius:0!important;cursor:pointer}
#pun #filetable tbody td {background:var(--white)!important}
#pun #filetable tbody tr:nth-child(even) td {background:var(--pale-green)!important}
#pun #filetable .tcl {width:20%!important}
#pun #filetable .ft-tags {width:12%!important}
#pun #filetable .ft-version {width:7%!important}
#pun #filetable .tcr {width:25%!important}
#pun #filetable .checker {width:34px!important;text-align:center!important;padding:calc(var(--space-6px) * var(--forum-padding-density))!important}
#pun #filetable td > span {display:none!important}
#pun #filetable td.tcr input {width:100%!important;min-width:0;max-width:100%;padding:calc(var(--space-7px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-8px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:400 11px/1.4 var(--font-ui);box-sizing:border-box}
#pun #filetable input[type='checkbox'] {width:14px!important;height:14px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:var(--teal)}
#pun #filetable .tag-edit .icons-pencil {font-size:0;background:none!important}
#pun #filetable .tag-edit .icons-pencil::before {content:'edit';font:400 16px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#pun #pun-admain .pagelink.per-page-select {display:flex!important;align-items:center;flex-wrap:wrap;gap:var(--space-8px);width:100%!important;margin:var(--space-12px) 0!important;padding:var(--admin-pagination-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-12px)!important;background:var(--pale-green)!important;box-sizing:border-box;font:400 12px/1.5 var(--font-ui)}
#pun #pun-admain .per-page-select > span:last-child:not(.page-container) {display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-8px);float:none!important;margin-left:auto!important}
#pun #pun-admain .per-page-select select {padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-8px);background:var(--white);color:var(--slate-blue);max-width:100%;font:inherit}
#pun #pun-admain .adfs-box:has(#filetable) .submitend {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8px);padding:calc(var(--space-12px) * var(--forum-padding-density))!important;margin:0!important;color:var(--slate-blue)}
#pun #pun-admain .adfs-box:has(#filetable) .submitend .button {white-space:normal;max-width:100%;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green);border-radius:var(--radius-10px);background:var(--white);color:var(--slate-blue);font:500 11px/1.4 var(--font-ui)}
/* Стрелки крошек выровнены относительно строки текста */
#pun p.crumbs em {display:inline-flex!important;align-items:center!important;justify-content:center;height:16px;line-height:1!important;vertical-align:middle!important;margin:0 var(--space-4px)!important;padding:0!important;transform:translateY(-1px)}
#pun p.crumbs em::before {display:block!important;vertical-align:initial!important;line-height:1!important;margin:0!important;padding:0!important;transform:none!important}

/* Выравнивание и дополнительные элементы тем и поиска */
:root {--topic-search-width:210px;--topic-search-padding:calc(9px * var(--forum-padding-density)) calc(34px * var(--forum-padding-density)) calc(9px * var(--forum-padding-density)) calc(12px * var(--forum-padding-density));--quick-reply-padding:calc(12px * var(--forum-padding-density)) calc(16px * var(--forum-padding-density));--quick-reply-radius:14px;--status-fund-padding:calc(8px * var(--forum-padding-density)) calc(10px * var(--forum-padding-density))}
#pun .forum .tcl .closedatafield,#pun .closedatafield {display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle;line-height:0!important}
#pun .closedatafield::before {display:block!important;width:100%;text-align:center!important;margin:0!important;padding:0!important;line-height:1!important;transform:none!important}
#pun #s-block {position:relative!important;display:block!important;float:none!important;width:var(--topic-search-width)!important;max-width:100%;min-width:0;margin:0!important;padding:0!important;box-sizing:border-box}
#pun #sTheme {display:block!important;width:100%!important;max-width:100%;min-width:0;height:38px!important;margin:0!important;padding:var(--topic-search-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-11px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:400 12px/1.4 var(--font-ui)!important;box-sizing:border-box;appearance:none}
#pun #sTheme::placeholder {color:var(--teal);opacity:1}
#pun #sTheme:focus {outline:2px solid var(--teal);outline-offset:2px}
#pun #s-block #isk {position:absolute!important;right:10px!important;top:50%!important;left:auto!important;transform:translateY(-50%)!important;display:block!important;width:18px;height:18px;margin:0!important;padding:0!important;background:none!important;font-size:0!important;color:var(--teal);cursor:pointer}
#pun #s-block #isk::before {content:'search'!important;font:400 18px/1 'Material Icons'!important;font-feature-settings:'liga';color:var(--teal)}
#pun #pun-viewtopic .formal:has(#main-reply) > h2,#pun #pun-viewtopic #post-form > h2 {display:flex!important;align-items:center;gap:var(--space-8px);height:auto!important;width:100%!important;margin:var(--space-16px) 0!important;padding:var(--quick-reply-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--quick-reply-radius)!important;background:var(--pale-green)!important;color:var(--slate-blue)!important;font:600 22px/1.3 var(--font-body)!important;text-align:left!important;text-transform:none!important;box-sizing:border-box}
#pun #pun-viewtopic .formal:has(#main-reply) > h2 span,#pun #pun-viewtopic #post-form > h2 span {font:inherit!important;color:inherit!important;background:none!important;margin:0!important;padding:0!important}
#pun #pun-viewtopic .formal:has(#main-reply) > h2::before,#pun #pun-viewtopic #post-form > h2::before {content:'reply';font:400 23px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
/* Все результаты поиска в виде сообщений */
#pun #pun-searchposts .post > h3 {display:block!important;height:auto!important;margin:0 0 var(--space-12px)!important;padding:calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-15px)!important;background:var(--pale-green)!important;color:var(--slate-blue)!important;text-align:left!important;font:400 12px/1.5 var(--font-ui)!important}
#pun #pun-searchposts .post > h3 > span {display:flex!important;align-items:center;flex-wrap:wrap;gap:var(--space-8px);float:none!important;width:auto!important;margin:0!important;padding:0!important;font:inherit!important}
#pun #pun-searchposts .post > h3 strong {display:inline-flex;align-items:center;justify-content:center;float:none!important;min-width:28px;min-height:28px;margin:0!important;padding:calc(var(--space-2px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));border-radius:var(--radius-9px);background:var(--white);color:var(--teal);font:600 12px/1 var(--font-ui)}
#pun #pun-searchposts .post > h3 a {color:var(--slate-blue)!important;text-decoration:none}
#pun #pun-searchposts .post > h3 em {color:var(--teal);font-style:normal}
#pun #fntSlider {display:inline-block;position:relative!important;float:none!important;width:80px!important;height:22px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;vertical-align:middle}
#pun #fntSlider::before {content:'';position:absolute;left:0;right:0;top:50%;height:3px;background:var(--sage-green);transform:translateY(-50%)}
#pun #fntSlider .before {position:absolute!important;left:0!important;top:50%!important;height:3px!important;margin:0!important;background:var(--teal)!important;transform:translateY(-50%)}
#pun #fntSlider .thumb {position:absolute!important;top:50%!important;width:10px!important;height:10px!important;border:0!important;border-radius:50%!important;background:var(--teal)!important;margin:0!important;transform:translateY(-50%)!important;cursor:ew-resize}
#pun :is(#pun-searchposts,#pun-searchtopics) :is(.linksb,.linkst) .pagelink {float:none!important;margin:0!important;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;border-radius:var(--radius-13px);background:var(--pale-green);color:var(--slate-blue);font:400 12px/1.5 var(--font-ui)}
#pun :is(#pun-searchposts,#pun-searchtopics) .pagelink a,#pun :is(#pun-searchposts,#pun-searchtopics) .pagelink strong {display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;margin:var(--space-2px);padding:calc(var(--space-3px) * var(--forum-padding-density)) calc(var(--space-7px) * var(--forum-padding-density));/* border:1px solid var(--sage-green); */border-radius:var(--radius-9px);background:var(--white);color:var(--slate-blue);font:500 12px/1.4 var(--font-ui);box-sizing:border-box}
#pun :is(#pun-searchposts,#pun-searchtopics) .pagelink strong {background: var(--forum-shell-border);color:var(--white);/* border-color:var(--slate-blue); */}
/* Перекрываем старые позиции в карточках пользователей */
#pun #pun-userlist #pun-main table:has(td.username) tbody tr > td.username {position:static!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;justify-self:stretch!important;width:100%!important;grid-area:person!important}
#pun #pun-userlist #pun-main td.username > em.user-avatar {position:relative!important;display:block!important;float:none!important;left:auto!important;top:auto!important;right:auto!important;margin:0 auto!important;transform:none!important}
#pun #pun-userlist #pun-main td.username > .usersname {position:static!important;display:block!important;float:none!important;margin:0!important;padding:0!important;width:100%!important;text-align:center!important;transform:none!important}
#pun #pun-userlist #pun-main table:has(td.username) tbody tr > td.user_title {display:block!important;justify-self:center!important;width:auto!important;max-width:100%;padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;margin:0!important;line-height:1.4!important}
/* Строгий порядок строки приветствия */
#pun #pun-status > .container {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:var(--space-8px) var(--space-12px)!important}
#pun #pun-status > .container > span {position:static!important;float:none!important;grid-area:auto!important;margin:0!important;transform:none!important}
#pun #pun-status > .container > .status_userava {order:0!important;flex:0 0 34px!important;width:34px!important}
#pun #pun-status > .container > .item1 {order:1!important;flex:0 0 auto!important;width:auto!important}
#pun #pun-status > .container > .item2 {order:2!important;flex:0 1 auto!important;width:auto!important}
#pun #pun-status > .container > .item4 {order:3!important;margin-left:auto!important}
#pun #pun-status > .container > .item3 {order:4!important;display:inline-block!important;width:auto!important;max-width:100%;padding:var(--status-fund-padding)!important;border:1px solid var(--sage-green);border-radius:var(--radius-11px);background:var(--white);color:var(--slate-blue);font:400 11px/1.5 var(--font-ui);box-sizing:border-box}
#pun #pun-status > .container > .item3 strong {color:var(--teal);font-weight:600}
#pun #pun-status .item3 a[href='/foundation.php'] {background:var(--pale-green)!important}

/* VIEWTOPIC: дата, регулятор шрифта, номер, поделиться */
:root {--post-heading-gap:10px;--font-slider-width:80px;--font-slider-height:24px;--font-slider-thumb:12px}
#pun #pun-viewtopic .topic .post > h3 > span {display:flex!important;align-items:center!important;flex-wrap:wrap;gap:var(--post-heading-gap)!important}
#pun #pun-viewtopic .topic .post > h3 .permalink {order:0!important;display:inline-flex!important;align-items:center;gap:var(--space-6px);float:none!important;margin:0!important;padding:0!important;color:var(--slate-blue)!important;font:400 12px/1.4 var(--font-ui)!important;text-decoration:none}
#pun #pun-viewtopic .topic .post > h3 .permalink::before {content:'hourglass_empty';display:inline-block;font:400 18px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#pun #pun-viewtopic .topic .post > h3 .FNTslider {order:1!important;position:relative!important;display:block!important;float:none!important;flex:0 0 var(--font-slider-width);width:var(--font-slider-width)!important;height:var(--font-slider-height)!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#pun #pun-viewtopic .topic .post > h3 .FNTslider::before {content:'';position:absolute;left:0;right:0;top:50%;height:4px;border-radius:var(--radius-4px);background:var(--sage-green);transform:translateY(-50%)}
#pun #pun-viewtopic .topic .post > h3 .FNTslider .before {position:absolute!important;left:0!important;top:50%!important;height:4px!important;margin:0!important;padding:0!important;border:0!important;border-radius:var(--radius-4px);background:var(--teal)!important;transform:translateY(-50%)}
#pun #pun-viewtopic .topic .post > h3 .FNTslider .thumb {position:absolute!important;top:50%!important;width:var(--font-slider-thumb)!important;height:var(--font-slider-thumb)!important;margin:0!important;padding:0!important;border:2px solid var(--white)!important;border-radius:50%!important;background:var(--teal)!important;transform:translateY(-50%)!important;box-sizing:border-box;cursor:ew-resize}
#pun #pun-viewtopic .topic .post > h3 > span > strong {order:2!important;float:none!important;margin:0!important}
#pun #pun-viewtopic .topic .post > h3 .sharelink {order:3!important;float:none!important;margin:0 0 0 auto!important}

/* EDIT: длинные строки кода не определяют ширину формы */
#pun #pun-edit #pun-main,#pun #pun-edit #pun-main .formal,#pun #pun-edit #pun-main form,#pun #pun-edit #pun-main form > .container,#pun #pun-edit #pun-main fieldset,#pun #pun-edit #pun-main .fs-box {min-width:0!important;max-width:100%!important;box-sizing:border-box}
#pun #pun-edit #pun-main {width:100%!important}
#pun #pun-edit #pun-main .formal,#pun #pun-edit #pun-main form,#pun #pun-edit #pun-main form > .container,#pun #pun-edit #pun-main fieldset {width:100%!important}
#pun #pun-edit #pun-main fieldset {contain:inline-size}
#pun #pun-edit .fs-box > .post-box,#pun #pun-edit .post-box > .post-content {display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
#pun .post-content .code-box {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;contain:inline-size}
#pun .post-content .code-box .blockcode {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
#pun .post-content .code-box .scrollbox {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;box-sizing:border-box}
#pun .post-content .code-box pre {display:block!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important}
/* Общая защита постов и предпросмотров от длинного кода */
#pun #pun-main,#pun .post,#pun .post > .container,#pun .post-body,#pun .post-box,#pun .post-content {min-width:0!important;max-width:100%!important;box-sizing:border-box}
#pun .post-body {contain:inline-size}
#pun .post-box > .post-content {display:block!important;width:100%!important;contain:inline-size}
#pun .fs-box:has(> .post-box > .post-content) {min-width:0!important;max-width:100%!important;contain:inline-size}
#pun .formal fieldset:has(.post-content) {min-width:0!important;max-width:100%!important;contain:inline-size;box-sizing:border-box}
#pun .post-content .code-box > .legend {max-width:100%;overflow-wrap:anywhere;box-sizing:border-box}
/* Регулятор размера шрифта: справа во всех заголовках сообщений */
:root {--font-slider-gap:12px}
#pun .post > h3:has(.FNTslider) > span {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:var(--font-slider-gap)!important;float:none!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box}
#pun #profile.messages-container .post > h3:has(.FNTslider) > span {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:var(--font-slider-gap)!important}
#pun .post > h3 .FNTslider,#pun #pun-viewtopic .topic .post > h3 .FNTslider {order:99!important;position:relative!important;display:block!important;float:none!important;flex:0 0 var(--font-slider-width);width:var(--font-slider-width)!important;height:var(--font-slider-height)!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;background:none!important}
#pun .post > h3 .FNTslider::before {content:'';position:absolute;left:0;right:0;top:50%;height:4px;border-radius:var(--radius-4px);background:var(--sage-green);transform:translateY(-50%)}
#pun .post > h3 .FNTslider .before {position:absolute!important;left:0!important;top:50%!important;height:4px!important;margin:0!important;padding:0!important;border:0!important;border-radius:var(--radius-4px);background:var(--teal)!important;transform:translateY(-50%)}
#pun .post > h3 .FNTslider .thumb {position:absolute!important;top:50%!important;width:var(--font-slider-thumb)!important;height:var(--font-slider-thumb)!important;margin:0!important;padding:0!important;border:2px solid var(--white)!important;border-radius:50%!important;background:var(--teal)!important;transform:translateY(-50%)!important;box-sizing:border-box;cursor:ew-resize}
#pun #pun-viewtopic .topic .post > h3 .sharelink {margin-left:0!important}
#pun #pun-viewtopic .topic .post > h3 .permalink {flex-basis:auto!important}
:root {--online-author-top-padding:calc(28px * var(--forum-padding-density))}
/* Индикаторы онлайн: поверх карточек и без обрезания */
:root {--online-marker-size:16px;--online-marker-inset:6px;--online-marker-layer:20}
#pun .post-author {overflow:visible!important}
#pun .post-author.online::before {z-index:var(--online-marker-layer)!important;top:var(--online-marker-inset)!important;left:50%!important;transform:translateX(-50%)!important;pointer-events:none}
#pun .post-author.online:not(:is(#pun-viewtopic .post-author)) {padding-top:var(--online-author-top-padding)!important}
#pun .user-avatar {position:relative;overflow:visible!important}
#pun .user-avatar > a {overflow:visible!important}
#pun .user-avatar .avatar-image {border-radius:inherit}
#pun .user-avatar .isonline {z-index:var(--online-marker-layer)!important;top:2px!important;right:2px!important;bottom:auto!important;left:auto!important;pointer-events:none}
/* MESSAGES: мини-профиль в стиле темы, ширина сетки сохранена */
:root {--message-author-padding:calc(12px * var(--forum-padding-density));--message-author-radius:17px;--message-author-gap:8px}
#pun #profile.messages-container .post-author {padding:var(--message-author-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--message-author-radius)!important;background:linear-gradient(160deg,var(--pale-green),var(--white))!important;box-shadow:var(--light-shadow);overflow:visible!important}
#pun #profile.messages-container .post-author.online::before {content:none!important}
#pun #profile.messages-container .post-author > ul {display:flex!important;flex-direction:column!important;gap:var(--message-author-gap)!important;margin:0!important;padding:0!important;list-style:none}
#pun #profile.messages-container .post-author li {order:0;grid-area:auto!important;margin:0!important;padding:0!important;min-width:0;text-align:center!important;overflow-wrap:anywhere;color:var(--slate-blue);font:400 11px/1.4 var(--font-ui)!important}
#pun #profile.messages-container .post-author .pa-author {padding:calc(var(--space-7px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density))!important;border-radius:var(--radius-10px)!important;background:var(--medium-teal)!important;font:600 20px/1.25 var(--font-body)!important}
#pun #profile.messages-container .post-author .pa-author a {color:var(--slate-blue)!important;text-decoration:none;text-shadow:none}
#pun #profile.messages-container .post-author .pa-title {color:var(--teal)!important;font:500 10px/1.4 var(--font-ui)!important}
#pun #profile.messages-container .post-author .pa-avatar {order:0!important}
#pun #profile.messages-container .post-author .pa-avatar img {display:block;width:100%!important;height:150px!important;margin:0 auto!important;object-fit:cover;border-radius:var(--radius-12px)!important}
#pun #profile.messages-container .post-author :is(.pa-reg,.pa-posts) {display:none!important}
#pun #profile.messages-container .post-author .pa-online {display:flex!important;align-items:center;justify-content:center;gap:var(--space-6px);padding:calc(var(--space-8px) * var(--forum-padding-density))!important;border-radius:var(--radius-10px)!important;background:var(--light-teal)!important;color:var(--teal)!important;font:500 10px/1.4 var(--font-ui)!important}
#pun #profile.messages-container .post-author .pa-online strong {font:inherit!important;color:inherit}
#pun #profile.messages-container .post-author.online .pa-online::before {content:'';display:block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px var(--medium-teal)}

/* Размер ника в мини-профиле личных сообщений */
:root {--message-author-name-size:23px}
#pun #profile.messages-container .post-author .pa-author,#pun #profile.messages-container .post-author .pa-author > a {font:600 var(--message-author-name-size)/1.25 var(--font-body)!important}
/* Ссылки хлебных крошек: плашки с внутренними отступами */
:root {--crumb-link-padding:calc(5px * var(--forum-padding-density)) calc(10px * var(--forum-padding-density));--crumb-link-radius:9px;--crumb-link-gap:3px}
#pun p.container.crumbs {line-height:2.3!important}
#pun p.container.crumbs > a {display:inline-block!important;vertical-align:middle;margin:var(--crumb-link-gap) 0!important;padding:var(--crumb-link-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--crumb-link-radius)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:500 12px/1.4 var(--font-ui)!important;text-decoration:none!important;text-shadow:none!important;max-width:100%;overflow-wrap:anywhere;box-sizing:border-box;transition:background-color .15s,border-color .15s,color .15s}
#pun p.container.crumbs > a:hover {background:var(--medium-teal)!important;border-color:var(--teal)!important;color:var(--slate-blue)!important}
#pun p.container.crumbs > a:focus-visible {outline:2px solid var(--teal);outline-offset:2px}

/* Поиск по теме, кнопка ответа, высота статуса, порядок заголовка */
:root {--topic-search-icon-box:24px;--status-action-height:44px}
#pun #s-block {overflow:visible!important}
#pun #s-block #isk {display:flex!important;align-items:center;justify-content:center;width:var(--topic-search-icon-box)!important;height:var(--topic-search-icon-box)!important;right:8px!important;overflow:visible!important;clip:auto!important;clip-path:none!important;line-height:1!important}
#pun #s-block #isk::before {display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;font:400 20px/1 'Material Icons'!important;transform:none!important}
#pun #s-block #isk::after {content:none!important;display:none!important}
#pun .postlink,#pun .postlink > span,#pun .postlink > span > a {border:0!important;outline-offset:3px}
#pun #pun-status > .container > :is(.item3,.item4) {min-height:var(--status-action-height)!important;box-sizing:border-box;align-self:stretch!important}
#pun #pun-status > .container > .item3 {display:flex!important;align-items:center;flex-wrap:wrap;gap:var(--space-4px)}
#pun #pun-status > .container > .item4 {display:flex!important;align-items:stretch;justify-content:center;padding:0!important}
#pun #pun-status > .container > .item4 > a[href='/vip.php'] {display:inline-flex!important;align-items:center;justify-content:center;min-height:var(--status-action-height)!important;height:100%;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important;box-sizing:border-box}
#pun #pun-viewtopic .topic .post > h3 > span > strong {order:0!important}
#pun #pun-viewtopic .topic .post > h3 .permalink {order:1!important}
#pun #pun-viewtopic .topic .post > h3 .sharelink {order:2!important}
#pun #pun-viewtopic .topic .post > h3 .FNTslider {order:99!important;margin-left:auto!important}
/* MODERATE: информация о соединении пользователя */
:root {--moderation-info-padding:calc(22px * var(--forum-padding-density));--moderation-info-radius:18px;--moderation-info-gap:16px}
#pun :is(#pun-moderate,#pun-main:has(> .info a[href*='admin_users.php?show_users='])) > #pun-main > h1,#pun #pun-main:has(> .info a[href*='admin_users.php?show_users=']) > h1 {display:block!important;position:relative;width:auto!important;height:auto!important;margin:0 0 var(--moderation-info-gap)!important;padding:0!important;border:0!important;background:none!important;color:var(--slate-blue)!important;font:600 clamp(26px,3.5vw,42px)/1.25 var(--font-body)!important;text-align:left!important;text-transform:none!important}
#pun #pun-main:has(> .info a[href*='admin_users.php?show_users=']) > h1 span {color:inherit!important;font:inherit!important}
#pun #pun-main > .info:has(a[href*='admin_users.php?show_users=']) {width:100%!important;max-width:100%;margin:0 0 var(--moderation-info-gap)!important;padding:0!important;border:0!important;background:none!important;box-sizing:border-box}
#pun #pun-main > .info:has(a[href*='admin_users.php?show_users=']) > .container {display:block!important;width:100%!important;max-width:100%;min-width:0;margin:0!important;padding:var(--moderation-info-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--moderation-info-radius)!important;background:linear-gradient(145deg,var(--pale-green),var(--white))!important;color:var(--slate-blue)!important;font:400 14px/2 var(--font-ui)!important;text-align:left!important;overflow-wrap:anywhere;box-sizing:border-box;box-shadow:none!important}
#pun #pun-main > .info .container > a[href*='admin_users.php?show_users='] {display:inline-flex!important;align-items:center;justify-content:center;gap:var(--space-8px);max-width:100%;margin-top:var(--space-6px)!important;padding:calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-11px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:500 12px/1.5 var(--font-ui)!important;text-decoration:none!important;box-sizing:border-box}
#pun #pun-main > .info .container > a[href*='admin_users.php?show_users=']::before {content:'manage_search';font:400 22px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal);flex:0 0 auto}
#pun #pun-main > .info .container > a[href*='admin_users.php?show_users=']:hover {background:var(--medium-teal)!important}
#pun #pun-main > .info .container > a[href*='admin_users.php?show_users=']:focus-visible {outline:2px solid var(--teal);outline-offset:3px}

/* Профиль: убрана дублирующая плашка над сведениями */
#pun #viewprofile #profile-right::before {content:none!important;display:none!important}

/* Профиль: заголовок и контакты; партнёры и копирайт */
:root {--profile-heading-padding:calc(14px * var(--forum-padding-density)) calc(18px * var(--forum-padding-density));--profile-heading-radius:16px;--partner-banner-width:88px;--partner-banner-height:31px;--partners-gap:0px}
#pun #pun-profile #pun-main > h1,#pun #pun-main:has(#viewprofile) > h1 {display:block!important;width:100%!important;height:auto!important;margin:var(--space-18px) 0!important;padding:var(--profile-heading-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--profile-heading-radius)!important;background:linear-gradient(90deg,var(--white),var(--pale-green),var(--white))!important;color:var(--slate-blue)!important;font:600 clamp(26px,3.5vw,40px)/1.3 var(--font-body)!important;text-align:center!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;box-sizing:border-box;overflow-wrap:anywhere}
#pun #pun-profile #pun-main > h1 span,#pun #pun-main:has(#viewprofile) > h1 span {font:inherit!important;color:inherit!important;background:none!important;margin:0!important;padding:0!important}
#pun #viewprofile #pa-email {text-align:center!important}
#pun #viewprofile #pa-email > span {text-align:center!important}
#pun #viewprofile #pa-email > strong {display:flex!important;align-items:center;justify-content:center!important;flex-wrap:wrap;gap:var(--space-8px);text-align:center!important;width:100%;font-size:0!important}
#pun #viewprofile #pa-email > strong > a {display:inline-flex!important;align-items:center;justify-content:center;gap:var(--space-5px);float:none!important;margin:0!important;padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-10px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-10px)!important;background:var(--white)!important;color:var(--slate-blue)!important;font:500 12px/1.4 var(--font-ui)!important;text-decoration:none;box-sizing:border-box}
#pun .partners {width:fit-content!important;max-width:100%!important;min-width:0;gap:var(--partners-gap)!important;padding:0!important;margin:var(--ui-section-gap) auto!important;border:0!important;border-radius:0!important;background: var(--image-fon-demo);justify-content:center!important;line-height:0;font-size:0;box-sizing:border-box}
#pun .partners > a {display:block!important;flex:0 0 var(--partner-banner-width)!important;width:var(--partner-banner-width)!important;height:var(--partner-banner-height)!important;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box}
#pun .partners > a > img {display:block!important;width:var(--partner-banner-width)!important;height:var(--partner-banner-height)!important;margin:0!important;padding:0!important;border:0!important;object-fit:contain}
#pun .copyright-block,#pun #copyright-block {float:none!important;display:block!important;width:100%!important;max-width:100%;margin:var(--space-12px) auto!important;text-align:center!important;box-sizing:border-box}
#pun .copyright-block > *,#pun #copyright-block > * {text-align:center!important}

/* Партнёры: возвращено оформление контейнера */
:root {--partners-container-radius:12px;--partners-container-padding: calc(10px * var(--forum-padding-density));}
#pun .partners {width:100%!important;max-width:100%!important;max-height:var(--partners-max-height)!important;padding:var(--partners-container-padding)!important;border:1px solid var(--sage-green)!important;border-radius:var(--partners-container-radius)!important;background: var(--image-fon-demo);gap:var(--partners-gap)!important;overflow:auto!important;box-sizing:border-box;justify-content:center!important;align-content:flex-start}
/* Промежуток между партнёрскими баннерами */
:root {--partners-gap: 6px;}

/* Баннеры равномерно распределяются по ширине строки */
#pun .partners {justify-content:space-between!important;align-items:flex-start!important;align-content:flex-start!important}

/* Состояния форумов и тем: прочитано, новое, важное, закрыто */
:root {--topic-read-opacity:.38;--topic-new-opacity:1;--topic-important-filter:sepia(1) saturate(4) hue-rotate(350deg);--topic-read-filter:grayscale(.7);--topic-new-filter:saturate(2);--topic-closed-filter:grayscale(1)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::before {background: var(--icon-old-message);opacity:var(--topic-read-opacity)!important;filter:var(--topic-read-filter)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.inew::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.icon.inew)::before {opacity:var(--topic-new-opacity)!important;filter:var(--topic-new-filter)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.inew .tclcon > a,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.icon.inew) .tclcon > a {font-weight:700!important;text-decoration:underline!important;text-decoration-color:var(--teal);text-underline-offset:4px}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.isticky::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.stickytext)::before {background: var(--icon-sticky-message);opacity:.9!important;filter:var(--topic-important-filter)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.isticky.inew::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.inew:has(.stickytext)::before {opacity:1!important;filter:var(--topic-important-filter) contrast(1.3)!important}
#pun #pun-index .category tbody tr h3::after {opacity:var(--topic-read-opacity)!important;filter:var(--topic-read-filter)!important}
#pun-index .category tr:nth-child(even) h3::after{display:none;}
#pun-index .category tr:nth-child(4n+3) h3::after{transform:scaleX(-1);}
#pun #pun-index .category tbody tr.inew h3::after,#pun #pun-index .category tbody tr:has(.icon.inew) h3::after {opacity:var(--topic-new-opacity)!important;filter:var(--topic-new-filter)!important}
#pun #pun-index .category tbody tr.inew h3 > a,#pun #pun-index .category tbody tr:has(.icon.inew) h3 > a {font-weight:700!important}
#pun :is(#pun-index,#pun-viewforum,#pun-searchtopics) .category tbody tr.iclosed,#pun :is(#pun-index,#pun-viewforum,#pun-searchtopics) .forum tbody tr.iclosed,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.closedatafield) {filter:var(--topic-closed-filter)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.iclosed::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.closedatafield)::before {background: var(--icon-closed-message);opacity:.4!important;filter:grayscale(1)!important}
/* Компактная ссылка на новые сообщения */
:root {--newtext-padding:calc(4px * var(--forum-padding-density)) calc(8px * var(--forum-padding-density));--newtext-radius:8px;--newtext-gap:5px}
#pun .forum .newtext {display:inline-block!important;vertical-align:middle;margin:0 var(--space-3px)!important;padding:0!important;font-size:0!important;line-height:1!important;white-space:normal}
#pun .forum .newtext > .bracket {display:none!important}
#pun .forum .newtext > a {display:inline-flex!important;align-items:center;justify-content:center;gap:var(--newtext-gap);max-width:100%;padding:var(--newtext-padding)!important;margin:0!important;border:1px solid var(--sage-green)!important;border-radius:var(--newtext-radius)!important;background:var(--white)!important;color:var(--teal)!important;font:500 10px/1.4 var(--font-ui)!important;text-decoration:none!important;text-shadow:none!important;box-sizing:border-box;white-space:nowrap}
#pun .forum .newtext > a::before {content:'mark_chat_unread';font:400 15px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal);flex:0 0 auto}
#pun .forum .newtext > a:hover {background:var(--medium-teal)!important;color:var(--slate-blue)!important}
#pun .forum .newtext > a:focus-visible {outline:2px solid var(--teal);outline-offset:2px}
/* Чередование положения декоративного фона тем */
:root {--topic-bg-position-1:right center;--topic-bg-position-2:calc(100% + 35px) 35%;--topic-bg-position-3:calc(100% - 40px) 65%;--topic-bg-position-4:calc(100% + 70px) 75%;--topic-bg-position-5:calc(100% - 20px) 25%;--topic-bg-position-6:right bottom}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+1)::after {background-position:var(--topic-bg-position-1)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+2)::after {background-position:var(--topic-bg-position-2)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+3)::after {background-position:var(--topic-bg-position-3)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+4)::after {background-position:var(--topic-bg-position-4)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+5)::after {background-position:var(--topic-bg-position-5)!important}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+6)::after {background-position:var(--topic-bg-position-6)!important}
/* Смещение фона без незаполненных краёв */
:root {--topic-bg-position-1:100% 50%;--topic-bg-position-2:80% 35%;--topic-bg-position-3:60% 65%;--topic-bg-position-4:40% 75%;--topic-bg-position-5:20% 25%;--topic-bg-position-6:0% 100%;--topic-bg-size:cover}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::after {background-size:var(--topic-bg-size)!important;background-repeat:no-repeat!important;background-color:var(--pale-green)!important}
/* Глобальная плотность внутренних отступов: 1 = исходный размер */
:root {--forum-padding-density: 0.85;}

/* ONLINE.PHP: список текущей активности */
:root {--online-list-gap:10px;--online-row-padding:calc(14px * var(--forum-padding-density));--online-row-radius:14px}
#pun #pun-main:has(> .online-list) > h1 {display:block!important;width:100%!important;height:auto!important;margin:var(--space-18px) 0!important;padding:0!important;border:0!important;background:none!important;color:var(--slate-blue)!important;text-align:left!important;font:600 clamp(26px,3.5vw,40px)/1.25 var(--font-body)!important;text-transform:none!important;box-sizing:border-box}
#pun #pun-main:has(> .online-list) > h1 span {font:inherit!important;color:inherit}
#pun .online-list > .container {width:100%!important;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important}
#pun .online-list table {display:block!important;width:100%!important;max-width:100%;margin:0!important;padding:0!important;border:0!important;background:none!important}
#pun .online-list thead {display:none!important}
#pun .online-list tbody {display:grid!important;gap:var(--online-list-gap);width:100%}
#pun .online-list tbody tr {display:grid!important;grid-template-columns:minmax(140px,.8fr) minmax(0,2fr) minmax(140px,.8fr);gap:var(--space-14px);align-items:center;width:100%;min-width:0;margin:0!important;padding:var(--online-row-padding)!important;/* border:1px solid var(--sage-green)!important; */border-radius:var(--online-row-radius)!important;background:var(--pale-green)!important;box-sizing:border-box}
#pun .online-list tbody td {display:block!important;position:static!important;float:none!important;width:auto!important;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--slate-blue)!important;text-align:left!important;font:400 12px/1.6 var(--font-ui);overflow:visible!important;overflow-wrap:anywhere;box-sizing:border-box}
#pun .online-list td.username {font-weight:500!important}
#pun .online-list td.username::before {content:'account_circle';display:inline-block;vertical-align:middle;margin-right:var(--space-6px);font:400 21px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal)}
#pun .online-list td.username:has(.registered-user)::before {content:'person'}
#pun .online-list .flag-i {display:inline-block!important;width:20px!important;height:14px!important;margin:0 var(--space-5px) 0 0!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;vertical-align:middle;border-radius:var(--radius-2px)}
#pun .online-list .registered-user {font:600 16px/1.4 var(--font-body)!important;color:var(--slate-blue)!important;text-decoration:none}
#pun .online-list td.action::before {content:'Последнее действие';display:block;margin-bottom:var(--space-3px);font:400 10px/1.4 var(--font-ui);color:var(--teal)}
#pun .online-list td.action a {color:var(--slate-blue)!important;text-decoration:none}
#pun .online-list td.action a:hover {color:var(--teal)!important;text-decoration:underline;text-underline-offset:3px}
#pun .online-list tbody td:last-child {display:flex!important;align-items:center;gap:var(--space-6px);justify-self:end;padding:calc(var(--space-6px) * var(--forum-padding-density)) calc(var(--space-8px) * var(--forum-padding-density))!important;border-radius:var(--radius-9px)!important;background:var(--white)!important;font-size:11px;box-sizing:border-box}
#pun .online-list tbody td:last-child::before {content:'schedule';font:400 17px/1 'Material Icons';font-feature-settings:'liga';color:var(--teal);flex:0 0 auto}


/* USERLIST: иконки статистики, даты без разделительной рамки */
#pun #pun-userlist td.relation::before,#pun #pun-userlist td.num_posts::before {display:block!important;margin:0 0 var(--space-4px)!important;padding:0!important;color:var(--teal)!important;font:400 18px/1 'Material Icons'!important;font-feature-settings:'liga';text-transform:none}
#pun #pun-userlist td.relation::before {content:'favorite_border'!important}
#pun #pun-userlist td.num_posts::before {content:'chat_bubble_outline'!important}
#pun #pun-userlist #pun-main table tbody :is(td.registered,td.last_visit) {border:0!important;border-top:0!important}
/* BOOKMARKS: единый заголовок независимо от h1/h2 */
:root {--bookmark-heading-size:20px;--bookmark-heading-padding:12px;--bookmark-heading-icon-size:26px}
#MyBookmarks > :is(h1,h2),#pun #MyBookmarks > :is(h1,h2) {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:var(--space-8px)!important;width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;margin:0!important;padding:calc(var(--bookmark-heading-padding) * var(--forum-padding-density))!important;border:0!important;border-radius:0!important;background:var(--sage-green)!important;color:var(--slate-blue)!important;font:600 var(--bookmark-heading-size)/1.35 var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;text-shadow:none!important;overflow:visible!important;box-sizing:border-box}
#MyBookmarks > :is(h1,h2)::before,#MyBookmarks > :is(h1,h2)::after {content:none!important;display:none!important}
#MyBookmarks > :is(h1,h2) > span,#pun #MyBookmarks > :is(h1,h2) > span {display:block!important;position:static!important;float:none!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:inherit!important;font:inherit!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere;transform:none!important}
#MyBookmarks > :is(h1,h2) strong {font:inherit!important;color:inherit!important;margin:0!important}
#MyBookmarks #bm2,#pun #MyBookmarks #bm2 {display:flex!important;align-items:center;justify-content:center;position:static!important;flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--teal);overflow:visible!important;clip-path:none!important;font-size:0!important;transform:none!important}
#MyBookmarks #bm2::before,#pun #MyBookmarks #bm2::before {content:'chevron_left'!important;display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font-family:'Material Icons'!important;font-size:var(--bookmark-heading-icon-size)!important;font-weight:400!important;font-style:normal!important;line-height:1!important;letter-spacing:normal!important;font-feature-settings:'liga'!important;text-transform:none!important;color:var(--teal)!important;transform:none!important}
#MyBookmarks #bm2::after {content:none!important;display:none!important}
/* Имена в онлайн-статистике: плашки без текстовых запятых */
#pun #pun-stats :is(.onlinelist,.users_24h) div > span:has(> a[href*='profile.php']) {display:flex!important;flex-wrap:wrap;align-items:center;gap:var(--space-6px)!important;font-size:0!important;line-height:0!important}
#pun #pun-stats :is(.onlinelist,.users_24h) div > span > a[href*='profile.php'] {margin:0!important;font:500 12px/1.4 var(--font-ui)!important}
/* Подсказки: отдельный скрипт forum-tooltips-ready.html */
:root {--tooltip-padding:8px 12px;--tooltip-radius:10px;--tooltip-max-width:300px;--tooltip-layer:100000}
#forum-tooltip {position:fixed;z-index:var(--tooltip-layer);max-width:min(var(--tooltip-max-width),calc(100vw - 16px));padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--tooltip-radius);background:var(--white);color:var(--slate-blue);font:500 12px/1.5 var(--font-ui);letter-spacing:0;text-transform:none;text-align:left;overflow-wrap:anywhere;box-sizing:border-box;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s}
#forum-tooltip.is-visible {opacity:1;visibility:visible}
/* Совместимость оформления с прежним Quicktip */
#tooltip {position:absolute;z-index:var(--tooltip-layer);max-width:min(var(--tooltip-max-width),calc(100vw - 16px));padding:calc(var(--space-8px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density));border:1px solid var(--sage-green);border-radius:var(--tooltip-radius);background:var(--white);color:var(--slate-blue);font:500 12px/1.5 var(--font-ui);overflow-wrap:anywhere;box-sizing:border-box;pointer-events:none}

/* Отметка редактирования и страница переадресации */
:root {--redirect-width:620px;--redirect-padding:24px;--redirect-radius:22px;--redirect-gap:18px;--redirect-icon-size:48px}
.punbb .lastedit {display:none!important}
#pun-redirect {position:relative!important;width:min(var(--redirect-width),calc(100% - 24px))!important;max-width:100%!important;margin:clamp(30px,12vh,120px) auto!important;padding:0!important;border:1px solid var(--sage-green)!important;border-radius:var(--redirect-radius)!important;background:var(--white)!important;color:var(--slate-blue)!important;box-shadow:none!important;box-sizing:border-box}
#pun-redirect #pun-main {display:block!important;position:relative;width:100%!important;max-width:100%!important;min-width:0;margin:0!important;padding:calc(var(--redirect-padding) * var(--forum-padding-density))!important;box-sizing:border-box;text-align:center}
#pun-redirect #pun-main::before {content:'';position:absolute;top:var(--space-12px);right:var(--space-12px);width:64px;height:64px;background:var(--image-category-star) center/contain no-repeat;opacity:.5;pointer-events:none}
#pun-redirect .main-title {display:block!important;position:relative;width:100%!important;height:auto!important;margin:0 0 var(--redirect-gap)!important;padding:0!important;border:0!important;background:none!important;color:var(--slate-blue)!important;font:600 clamp(25px,4vw,34px)/1.3 var(--font-body)!important;text-align:center!important;text-transform:none!important}
#pun-redirect .main-title span {font:inherit!important;color:inherit!important}
#pun-redirect .main-title::before {content:'switch_access_shortcut';display:flex;align-items:center;justify-content:center;width:var(--redirect-icon-size);height:var(--redirect-icon-size);margin:0 auto var(--space-12px);border-radius:var(--radius-14px);background:var(--medium-teal);color:var(--teal);font:400 28px/1 'Material Icons';font-feature-settings:'liga'}
#pun-redirect .info {display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#pun-redirect .info > .container {display:block!important;min-width:0;width:100%!important;margin:0!important;padding:calc(var(--space-16px) * var(--forum-padding-density))!important;border:1px solid var(--sage-green)!important;border-radius:var(--radius-16px)!important;background:var(--pale-green)!important;color:var(--slate-blue)!important;font:400 14px/1.7 var(--font-ui)!important;text-align:center!important;overflow-wrap:anywhere;box-sizing:border-box}
#pun-redirect .backlink {margin:var(--redirect-gap) 0 0!important;padding:0!important}
#pun-redirect .backlink a {display:inline-flex!important;align-items:center;justify-content:center;gap:var(--space-8px);max-width:100%;margin:0!important;padding:calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-14px) * var(--forum-padding-density))!important;border:0!important;border-radius:var(--radius-12px)!important;background:var(--midnight-gradient)!important;color:var(--white)!important;font:500 12px/1.5 var(--font-ui)!important;text-align:center;text-decoration:none!important;box-sizing:border-box}
#pun-redirect .backlink a::before {content:'arrow_forward';font:400 20px/1 'Material Icons';font-feature-settings:'liga';flex:0 0 auto}
#pun-redirect .backlink a:focus-visible {outline:2px solid var(--teal);outline-offset:3px}

/* Переадресация внутри тестовой страницы: без второй оболочки */
#pun:has(#pun-redirect) {width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
#pun :is(.punbb,.main,.section,.container,.html-box):has(#pun-redirect) {width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;box-sizing:border-box}
/* Последняя плитка без пары занимает всю строку категории */
#pun #pun-index .category:not(.index-layout-feature) tbody > tr:last-child:nth-child(odd) {grid-column:1 / -1!important;width:100%!important;box-sizing:border-box}

/* Каждая вторая категория: зеркальная большая плитка */
@media(min-width:761px) {
#pun #pun-index .index-layout-feature.index-layout-mirrored tbody,#pun #pun-index .index-layout-feature.index-layout-mirrored tbody.hasicon {grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important}
#pun #pun-index .index-layout-feature.index-layout-mirrored tbody > tr:first-child {grid-column:2!important;grid-row:1/span 2!important}
#pun #pun-index .index-layout-feature.index-layout-mirrored tbody > tr:nth-child(2) {grid-column:1!important;grid-row:1!important}
#pun #pun-index .index-layout-feature.index-layout-mirrored tbody > tr:nth-child(3) {grid-column:1!important;grid-row:2!important}
#pun #pun-index .index-layout-feature.index-layout-mirrored tbody > tr:nth-child(n+4) {grid-column:1/-1!important;grid-row:auto!important}
}

/* Индивидуальные фоны больших плиток категорий.
   Сейчас используются существующие картинки. Можно заменить var(...) на url(...).
   Номера таблиц начинаются с 0: 0 = первая категория, 2 = третья, 4 = пятая. */
:root {
 
 
 
}
#pun #pun-index .category:has(table[id='index-category-table-0']) {--index-guide:var(--image-category0)}
#pun #pun-index .category:has(table[id='index-category-table-2']) {--index-guide:var(--image-category2)}
#pun #pun-index .category:has(table[id='index-category-table-4']) {--index-guide:var(--image-category4)}
/* Фон конкретного форума по ID плитки: независимо от порядка категорий.
   Для других разделов повторите переменную и правило с нужным forum_fNN. */
:root {--image-category9:var(--image-category2)}
#pun #pun-index .category tbody > tr#forum_f9 {
 --index-guide:var(--image-category9);
 background-image:linear-gradient(90deg,var(--light-teal),var(--pale-green) 65%),var(--image-category9)!important;
 background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
#pun #pun-index .index-layout-feature tbody > tr#forum_f9:first-child {background-image:linear-gradient(180deg,var(--light-teal),var(--light-teal)),var(--image-category9)!important}
/* Компактная сетка категорий на главной */
:root {--category-tile-gap:12px;--category-tile-padding:12px;--category-tile-inner-gap:6px;--category-description-padding:10px 12px}
#pun #pun-index {--index-gap:var(--category-tile-gap)}
#pun #pun-index .category tbody,#pun #pun-index .category tbody.hasicon {gap:var(--category-tile-gap)!important}
#pun #pun-index .category tbody > tr {padding:calc(var(--category-tile-padding) * var(--forum-padding-density))!important;gap:var(--category-tile-inner-gap)!important}
#pun #pun-index .category .forumdesc {padding:calc(var(--space-10px) * var(--forum-padding-density)) calc(var(--space-12px) * var(--forum-padding-density))!important}
#pun #pun-index .category .index-sublinks {gap:var(--category-tile-inner-gap)!important}

/* Пустые форумы: описание без резервирования места под последний пост */
#pun #pun-index .category tbody > tr:not(:has(> td.tcr a, > td.tcr .user-avatar, > td.tcr .lastpost)) {grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:'title title' 'title title' 'topics posts'!important;grid-template-rows:auto 1fr auto!important}
#pun #pun-index .category tbody > tr:not(:has(> td.tcr a, > td.tcr .user-avatar, > td.tcr .lastpost)) > .tcr {display:none!important}
#pun #pun-index .category tbody > tr:not(:has(> td.tcr a, > td.tcr .user-avatar, > td.tcr .lastpost)) .tcl,#pun #pun-index .category tbody > tr:not(:has(> td.tcr a, > td.tcr .user-avatar, > td.tcr .lastpost)) .tclcon,#pun #pun-index .category tbody > tr:not(:has(> td.tcr a, > td.tcr .user-avatar, > td.tcr .lastpost)) .forumdesc {width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
/* Счётчики в плитках: компактная пара независимо от ширины и последнего поста */
:root {--category-counter-gap:16px;--category-counter-width:34px}
#pun #pun-index .category tbody > tr > :is(td.tc2,td.tc3) {
 grid-area:auto!important;
 grid-column:1 / -1!important;
 grid-row:-2 / -1!important;
 justify-self:end!important;
 align-self:end!important;
 width:max-content!important;
 min-width:var(--category-counter-width);
 max-width:none!important;
 padding:0!important;
 margin:0!important;
 white-space:nowrap;
 justify-content:flex-end!important;
 display: none;
}
#pun #pun-index .category tbody > tr > td.tc2 {
 margin-right:calc(var(--category-counter-width) + var(--category-counter-gap))!important;
}
/* Воздух между описанием форума и вертикальной прокруткой */
:root {--category-description-scroll-padding:20px}
#pun #pun-index .category .forumdesc {
 padding-right:var(--category-description-scroll-padding)!important;
 scrollbar-gutter:stable;
}
/* Последний пост: аватар растворяется правым краем в подложке */
:root {--lastpost-avatar-fade-start:55%;--lastpost-avatar-surface:var(--white)}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr:has(> .user-avatar) {
 background:linear-gradient(110deg,var(--pale-green),var(--lastpost-avatar-surface) 75%)!important;
}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr > .user-avatar {
 background:transparent!important;
 border-radius:0!important;
}
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr > .user-avatar .avatar-image,
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr > .user-avatar img {
 -webkit-mask-image:linear-gradient(to right,#000 0%,#000 var(--lastpost-avatar-fade-start),transparent 100%);
 mask-image:linear-gradient(to right,#000 0%,#000 var(--lastpost-avatar-fade-start),transparent 100%);
}
/* Переключатель темы на всех страницах форума */
#pun .index-theme {display:flex;justify-content:flex-end;margin:0 0 var(--space-18px)}
#pun .index-theme button {
 display:inline-flex;align-items:center;justify-content:center;
 border:1px solid var(--sage-green);background:var(--pale-green);
 color:var(--slate-blue);cursor:pointer;border-radius:var(--radius-50pct);
 width:38px;height:38px;flex:none;padding:0;
}
#pun .index-theme button:hover {background:var(--sage-green)}
#pun .index-theme button:focus-visible {outline:2px solid var(--teal);outline-offset:3px}
/* Временный аватар для пользователей без собственной картинки */
:root {--image-default-avatar: url('https://forumstatic.ru/files/001c/25/f9/26220.png');}
#pun .user-avatar.no-avatar .avatar-image {
 background-image:var(--image-default-avatar)!important;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}
/* Отдельная картинка стандартного аватара в строке приветствия */
:root {--image-status-default-avatar:url('https://forumstatic.ru/files/0015/28/00/47268.jpg')}
#pun .status_userava > img[src$="/i/default_avatar.jpg"],
#pun .status_userava > img[src="i/default_avatar.jpg"] {
 content: var(--image-default-avatar);
 object-fit:cover;
 object-position:center;
}
/* Поиск: полностью сбрасываем старую рамку и геометрию icons-search */
#pun #s-block #isk {
 display:flex!important;align-items:center!important;justify-content:center!important;
 position:absolute!important;left:auto!important;right:8px!important;top:50%!important;
 transform:translateY(-50%)!important;width:24px!important;height:24px!important;
 min-width:24px!important;min-height:24px!important;margin:0!important;padding:0!important;
 background:none!important;border:0!important;border-radius:0!important;
 outline:0!important;box-shadow:none!important;overflow:visible!important;
 clip:auto!important;clip-path:none!important;text-indent:0!important;
 font-size:0!important;font-style:normal!important;box-sizing:border-box!important;
}
#pun #s-block #isk::before {
 content:'search'!important;display:block!important;position:static!important;
 width:20px!important;height:20px!important;margin:0!important;padding:0!important;
 font:400 20px/1 'Material Icons'!important;font-feature-settings:'liga'!important;
 text-indent:0!important;text-transform:none!important;letter-spacing:normal!important;
 background:none!important;border:0!important;box-shadow:none!important;
 transform:none!important;clip:auto!important;clip-path:none!important;
}
#pun #s-block #isk::after {content:none!important;display:none!important}
#pun #s-block #sTheme {padding-right:38px!important;box-sizing:border-box!important}
/* Просматривающие тему: один слой внутренних отступов */
#pun #topic-users-in {
 margin-left:0!important;margin-right:0!important;
 padding:calc(12px * var(--forum-padding-density))!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 box-sizing:border-box!important;
}
#pun #topic-users-in > p.container {
 width:100%!important;min-width:0!important;max-width:100%!important;
 margin:0!important;padding:0!important;box-sizing:border-box!important;
}
/* Просматривающие тему: панель без вложенного бокового отступа */
#pun #pun-viewtopic #pun-main #topic-users-in {
 width:100%!important;max-width:100%!important;min-width:0!important;
 padding:0!important;margin:var(--topic-users-margin,12px) 0!important;box-sizing:border-box!important;
}
#pun #pun-viewtopic #pun-main #topic-users-in > p.container {
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
 margin:0!important;padding:var(--topic-users-padding,10px)!important;box-sizing:border-box!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
#pun #pun-viewtopic #pun-main #topic-users-in > p.container > a {
 display:inline-block!important;float:none!important;max-width:100%!important;
 margin:3px 4px 0 0!important;padding:3px 7px!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
 vertical-align:middle!important;box-sizing:border-box!important;
}
#pun #pun-viewtopic #pun-main #topic-users-in > p.container > a::after {content:none!important}
/* Нижняя кнопка ответа и повторный заголовок формы */
#pun #pun-viewtopic .linksb .postlink a[href*='post.php?tid='] {display:none!important}
#pun #pun-viewtopic .linksb .postlink:not(:has(.closed)):has(a[href*='post.php?tid=']) {display:none!important}
#pun #pun-viewtopic #post-form > h2 {display:none!important}
/* Скрытие заголовка перекрывает .formal:has(#main-reply) */
#pun #pun-viewtopic #post-form.formal:has(form#post) > h2,
#pun #pun-viewtopic #post-form.formal:has(form#post) > h2 > span {
 display:none!important;margin:0!important;padding:0!important;
 height:0!important;min-height:0!important;border:0!important;
}
/* Легенда формы ответа без боковых пустот */
#pun fieldset:has(#main-reply) > legend {/* padding:0!important; */}

/* ПК: обычный полноширинный контейнер шапки */
@media (min-width:801px) {
 #pun #pun-title.section {
  display:block!important;
  position:relative!important;
  float:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:var(--space-18px,18px) 0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
 #pun #pun-title #title-logo-table,
 #pun #pun-title #title-logo-tbody,
 #pun #pun-title #title-logo-tr {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  grid-template:none!important;
  box-sizing:border-box!important;
}
 #pun #pun-title #title-logo-tr > :is(#title-logo-tdl,#title-logo-tdr) {
  display:block!important;
  position:static!important;
  float:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  clip-path:none!important;
  grid-area:auto!important;
  box-sizing:border-box!important;
}
 #pun #pun-title #title-logo-tdr::before,
 #pun #pun-title #title-logo-tdr::after {
  content:none!important;
  display:none!important;
}
 #pun #pun-title h1.title-logo {
  position:static!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  color:var(--slate-blue)!important;
  font-size:28px!important;
  line-height:1.3!important;
}
 #pun #pun-title img {
  max-width:100%!important;
  height:auto!important;
}
}
/* ПК: контейнер шапки 350px, без текстового названия */
@media (min-width:801px) {
 #pun #pun-title h1.title-logo {
  display:none!important;
}
 #pun #pun-title.section {
  height:350px!important;
  min-height:350px!important;
}
 #pun #pun-title #title-logo-table,
 #pun #pun-title #title-logo-tbody,
 #pun #pun-title #title-logo-tr,
 #pun #pun-title #title-logo-tr > #title-logo-tdr {
  height:100%!important;
}
}
/* ПК: изображение шапки */
@media (min-width:801px) {
 #pun #pun-title.section {
  background-image:var(--image-forum-header)!important;
  background-size:cover!important;
  background-position:center 45%!important;
  background-repeat:no-repeat!important;
  border-radius:var(--radius-23px,23px)!important;
  overflow:hidden!important;
}
 html[data-theme='dark'] #pun #pun-title.section {
  background-image:linear-gradient(rgba(14,15,27,.25),rgba(14,15,27,.45)),var(--image-forum-header)!important;
}
}
/* Цветные теги и редактор Tagify */
#pun td.ft-tags {
  font-size:0!important;
  line-height:1.6!important;
  white-space:normal!important;
}
#pun td.ft-tags > span {
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  margin:3px 4px 3px 0!important;
  padding:4px 8px!important;
  border-radius:8px!important;
  background:var(--tag-bg,hsl(1,42%,65%))!important;
  color:#202033!important;
  font:500 12px/1.35 var(--font-ui,Arial,sans-serif)!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}
#pun td.ft-tags > span:nth-of-type(2n) {
  --tag-bg:hsl(293,58%,68%);
}
#pun td.ft-tags > span:nth-of-type(3n) {
  --tag-bg:hsl(165,42%,65%);
}
#pun td.ft-tags > span:nth-of-type(4n) {
  --tag-bg:hsl(213,58%,72%);
}
#pun td.ft-tags > span:nth-of-type(5n) {
  --tag-bg:hsl(40,65%,70%);
}
#pun td.ft-tags > a.tag-edit {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  margin:3px!important;
  padding:0!important;
  font-size:14px!important;
  vertical-align:middle!important;
}
#pun .tagify {
  --tags-border-color:var(--sage-green)!important;
  --tags-hover-border-color:var(--teal)!important;
  --tags-focus-border-color:var(--teal)!important;
  --tag-text-color:#202033!important;
  --tag-text-color--edit:#202033!important;
  --input-color:var(--slate-blue)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:6px!important;
  border-radius:10px!important;
  background:var(--white)!important;
  color:var(--slate-blue)!important;
  box-sizing:border-box!important;
}
#pun .tagify .tagify__tag {
  max-width:100%!important;
  margin:0!important;
}
#pun .tagify .tagify__tag > div {
  padding:5px 8px!important;
  border-radius:8px!important;
  color:var(--tag-text-color)!important;
  font-size:12px!important;
  line-height:1.4!important;
}
#pun .tagify .tagify__tag-text {
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#pun .tagify .tagify__input {
  min-width:60px!important;
  max-width:100%!important;
  margin:0!important;
  padding:5px!important;
  font-size:14px!important;
  color:var(--slate-blue)!important;
}
/* Файлы: плашки тегов перекрывают старое скрытие span */
#pun #filetable td.ft-tags {
  font-size:0!important;
}
#pun #filetable td.ft-tags > span {
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  border-radius:8px!important;
  background:var(--tag-bg,hsl(1,42%,65%))!important;
  color:#202033!important;
  font:500 12px/1.35 var(--font-ui,Arial,sans-serif)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
@media (min-width:801px) {
 #pun #filetable .ft-tags {
  width:22%!important;
}
 #pun #filetable .tcl {
  width:16%!important;
}
 #pun #filetable .tcr {
  width:22%!important;
}
}
/* Компактные теги файлов и видимый карандаш */
#pun #filetable td.ft-tags {
  height:auto!important;
  min-height:0!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  vertical-align:middle!important;
  line-height:0!important;
}
#pun #filetable td.ft-tags > span {
  margin:2px 3px 2px 0!important;
  padding:3px 6px!important;
  font-size:11px!important;
  line-height:1.3!important;
  vertical-align:middle!important;
}
#pun #filetable td.ft-tags > span:empty {
  display:none!important;
}
#pun #filetable td.ft-tags > a.tag-edit {
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin:2px 0!important;
  padding:0!important;
  vertical-align:middle!important;
  color:var(--teal)!important;
  font-size:14px!important;
  line-height:1!important;
  text-indent:0!important;
  overflow:visible!important;
  float:none!important;
}
#pun #filetable td.ft-tags > a.tag-edit > i.icons-pencil {
  display:none!important;
}
#pun #filetable td.ft-tags > a.tag-edit::before {
  position:static!important;
  margin:0!important;
  padding:0!important;
  font:400 16px/1 'Material Icons'!important;
  font-feature-settings:'liga'!important;
  text-transform:none!important;
  color:var(--teal)!important;
}
#pun #filetable td.ft-tags > a.tag-edit::after {
  display:none!important;
}
/* Карандаш тегов: SVG вместо шрифтовой иконки */
#pun #filetable td.ft-tags > a.tag-edit::before {
  content:''!important;
  display:block!important;
  width:16px!important;
  height:16px!important;
  background:var(--teal)!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
/* Tagify: ровный цветной фон без увеличивающейся полосы */
.tagify.tags > .tagify__tag {
  background:var(--tag-bg,#e5e5e5)!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.tagify.tags > .tagify__tag > div {
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.tagify.tags > .tagify__tag > div::before,
.tagify.tags > .tagify__tag:hover > div::before,
.tagify.tags > .tagify__tag:focus > div::before {
  content:none!important;
  display:none!important;
  box-shadow:none!important;
  animation:none!important;
  transition:none!important;
}
.tagify.tags .tagify__tag-text {
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
  text-shadow:none!important;
}
/* Ширина фильтра по тегам файлов */
@media (min-width:801px) {
 #pun #pun-admain #tag-filter-container {
  width:280px!important;
  min-width:240px!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
 #pun #pun-admain #tag-filter-container > tags.tagify.tag-filter {
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  padding:6px 28px 6px 8px!important;
  box-sizing:border-box!important;
}
 #pun #pun-admain #tag-filter-container .tagify__input {
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:4px!important;
  font-size:13px!important;
}
 #pun #pun-admain #tag-filter-container .tagify__input::before {
  white-space:nowrap!important;
}
}

/* Белое поле уже области прокрутки; правые углы остаются округлыми. */
@media(min-width:801px) {
 #pun #pun-index .category .forumdesc {
  border:0!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='18' fill='%23fff'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:left top!important;
  background-size:calc(100% - 18px) 100%!important;
  background-attachment:scroll!important;
  background-clip:border-box!important;
  padding-right:34px!important;
  margin-left:18px!important;
  width:calc(100% - 18px)!important;
  min-width:0!important;
  max-width:calc(100% - 18px)!important;
  text-align:justify!important;
  scrollbar-gutter:stable!important;
  box-sizing:border-box!important;
 }
 html[data-theme='dark'] #pun #pun-index .category .forumdesc {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='18' fill='%230E0F1B'/%3E%3C/svg%3E")!important;
 }
}
/* Полный горизонтальный градиент кнопок отправки в админке. */
:root {--admin-button-gradient:linear-gradient(90deg,#303652 0%,#68719E 100%)}
html[data-theme='dark'] {--admin-button-gradient:linear-gradient(90deg,#c0bff2 0%,#afaee8 100%)}
#pun #pun-admain input[type='submit'] {
 background:var(--admin-button-gradient)!important;
 background-size:100% 100%!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
 border-radius:var(--radius-11px,11px)!important;
 background-clip:padding-box!important;
 overflow:hidden!important;
}
/* Кнопки отправки button.submit: градиент заполняет весь фон. */
#pun input.button.submit,
#pun .formsubmit input.button[name='submit'] {
 background:var(--admin-button-gradient,var(--midnight-gradient))!important;
 background-size:100% 100%!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
 background-origin:border-box!important;
 background-clip:border-box!important;
 border-color:transparent!important;
 border-radius:var(--radius-11px,11px)!important;
 overflow:hidden!important;
 color:var(--white)!important;
}
/* Кнопки цитирования: полное заполнение градиентом. */
#pun #pun-viewtopic #pun-main .post-links .pl-quote > a, #pun #profile.messages-container .post-links .pl-quote > a {
 background:var(--admin-button-gradient,var(--midnight-gradient))!important;
 background-size:100% 100%!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
 background-origin:border-box!important;
 background-clip:border-box!important;
 border-color:transparent!important;
 overflow:hidden!important;
 color:var(--white)!important;
}
/* ПК: контактные кнопки поста показывают только иконки. */
@media(min-width:801px) {
 #pun #pun-viewtopic #pun-main .post-links li.pl-email:is(.profile,.pm,.email) > a {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  padding:0!important;gap:0!important;font-size:0!important;line-height:0!important;
  box-sizing:border-box!important;
 }
 #pun #pun-viewtopic #pun-main .post-links li.pl-email:is(.profile,.pm,.email) > a::before {
  display:block!important;margin:0!important;padding:0!important;
  width:20px!important;height:20px!important;font-size:20px!important;line-height:1!important;
 }
}
/* Явные иконки контактов после скрытия подписей. */
@media(min-width:801px) {
 #pun #pun-viewtopic #pun-main .post-links li.pl-email:is(.profile,.pm) > a::before {
  content:''!important;background-color:var(--teal)!important;
  -webkit-mask:var(--contact-icon) center / contain no-repeat!important;
  mask:var(--contact-icon) center / contain no-repeat!important;
 }
 #pun #pun-viewtopic #pun-main .post-links li.pl-email.profile > a {
  --contact-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 3a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 14a8 8 0 0 1-6-2.7c.1-2 4-3.3 6-3.3s5.9 1.3 6 3.3A8 8 0 0 1 12 19'/%3E%3C/svg%3E");
 }
 #pun #pun-viewtopic #pun-main .post-links li.pl-email.pm > a {
  --contact-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2m2 4v2h12V6zm0 4v2h12v-2zm0 4v2h8v-2z'/%3E%3C/svg%3E");
 }
}
/* E-mail: собачка вместо конверта на ПК. */
@media(min-width:801px) {
 #pun #pun-viewtopic #pun-main .post-links li.pl-email.email > a::before {
  content:'@'!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:static!important;float:none!important;
  width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;text-align:center!important;
  transform:translateY(-2px)!important;
  font-family:var(--font-ui,Arial,sans-serif)!important;
  font-size:20px!important;font-weight:600!important;line-height:1!important;
  font-feature-settings:normal!important;text-transform:none!important;
  background:none!important;-webkit-mask:none!important;mask:none!important;
  color:var(--teal)!important;
 }
}
/* Градиентная вуаль поверх исходных фонов плиток. */
@media(min-width:801px) {
 #pun #pun-index .category tbody > tr {
  position:relative!important;isolation:isolate!important;
 }
 #pun #pun-index .category tbody > tr::after {
  content:''!important;position:absolute!important;inset:0!important;
  z-index:0!important;border-radius:inherit!important;pointer-events:none!important;
  background:linear-gradient(90deg,var(--light-teal) 0%,transparent 100%)!important;
 }
 #pun #pun-index .category tbody > tr > td {
  position:relative!important;z-index:1!important;
 }
}
/* Градиентные названия форумов с плавным переходом при наведении. */
:root {--category-title-gradient:linear-gradient(90deg,var(--slate-blue) 0%,var(--teal) 50%,var(--blue) 100%)}
#pun #pun-index .category h3 > a {
 background-image:var(--category-title-gradient)!important;
 background-size:200% 100%!important;background-position:0% center!important;
 background-repeat:no-repeat!important;
 background-clip:text!important;-webkit-background-clip:text!important;
 color:transparent!important;-webkit-text-fill-color:transparent!important;
 text-shadow:none!important;
 transition:background-position .45s ease!important;
}
#pun #pun-index .category h3 > a:is(:hover,:focus-visible) {
 background-position:100% center!important;
}
@media(prefers-reduced-motion:reduce) {
 #pun #pun-index .category h3 > a {transition:none!important}
}
/* Высокие плитки: читаемый заголовок на отдельной градиентной плашке. */
@media(min-width:801px) {
 #pun #pun-index .index-layout-feature tbody > tr:first-child h3 {
  display:block!important;width:100%!important;box-sizing:border-box!important;
  margin:0 0 10px!important;padding:12px 14px!important;
  background:rgba(14,15,27,.24)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:var(--radius-12px,12px)!important;
  font-size:22px!important;line-height:1.25!important;letter-spacing:.2px!important;
  text-align:center!important;text-wrap:balance!important;
  box-shadow:none!important;
 }
 #pun #pun-index .index-layout-feature tbody > tr:first-child h3 > a {
  display:block!important;background-image:var(--category-title-gradient)!important;
  background-size:200% 100%!important;background-position:0% center!important;
  background-repeat:no-repeat!important;background-clip:text!important;-webkit-background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
  text-shadow:none!important;transition:background-position .45s ease!important;
 }
 #pun #pun-index .index-layout-feature tbody > tr:first-child h3 > a:is(:hover,:focus-visible) {
  background-position:100% center!important;
 }
 #pun #pun-index .index-layout-feature tbody > tr:first-child h3::after {display:none!important}
}
/* Светлая тема: яркий градиент заголовков на высоких плитках. */
@media(min-width:801px) {
 html:not([data-theme='dark']) #pun #pun-index .index-layout-feature tbody > tr:first-child h3 > a {
  --category-title-gradient:linear-gradient(90deg,#FFFFFF 0%,#A4F4DE 50%,#A6DDFF 100%);
 }
}
/* ПК: компактные отступы статистики форума. */
@media(min-width:801px) {
 #pun #pun-stats .statscon {padding: 0px!important;margin: 10px 0!important;}
 #pun #pun-stats .statscon ul.container {gap: 5px!important;}
 #pun #pun-stats .statscon ul.container > li {
  padding:8px 10px!important;min-height:0!important;height:auto!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) {gap:4px!important}
 #pun #pun-stats .statscon :is(.onlinelist,.users_24h) > div > a:first-child {margin-bottom: 5px!important;}
}


/* ПК: сокращённая высота плиток, включая пару рядом с высокой. */
@media(min-width:801px) {
 #pun #pun-index .category tbody,
 #pun #pun-index .category tbody.hasicon {
  grid-template-rows:none!important;grid-auto-rows:auto!important;
 }
 #pun #pun-index .category tbody > tr {
  height: 190px!important;
  min-height:0!important;
  box-sizing:border-box!important;
 }
 #pun #pun-index .index-layout-feature tbody > tr:first-child {
  height: calc(380px + var(--category-tile-gap,12px))!important;
  min-height:0!important;
 }
}
/* ПК: равные наружные отступы описания внутри уменьшенных плиток. */
@media(min-width:801px) {
 #pun #pun-index #pun-main .category tbody > tr .forumdesc {
  margin:8px!important;
  width:calc(100% - 16px)!important;
  max-width:calc(100% - 16px)!important;
  min-width:0!important;box-sizing:border-box!important;
 }
}
/* ПК: компактные первые четыре карточки статистики. */
@media(min-width:801px) {
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) {
  padding: 2px 4px!important;
  gap: 3px!important;
  min-height:0!important;
  height:auto!important;
  justify-content:flex-start!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4)::before {
  font-size:19px!important;line-height:1!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) > span {
  font-size:11px!important;line-height:1.3!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) > strong {
  font-size: 16px!important;
  line-height:1.15!important;
 }
 #pun #pun-stats .statscon ul.container > li.item4 > strong {font-size:16px!important}
}
/* ПК: иконка статистики в одной строке с подписью. */
@media(min-width:801px) {
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) {
  display:grid!important;
  grid-template-columns: 20px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap: 2px 4px!important;
  align-content:start!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4)::before {
  grid-column:1!important;grid-row:1!important;align-self:center!important;
  margin:0!important;padding:0!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) > span {
  grid-column:2!important;grid-row:1!important;align-self:center!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) > strong {
  grid-column:1 / -1!important;grid-row:2!important;
 }
}
/* ПК: ровные строки подписей и значений в карточках статистики. */
@media(min-width:801px) {
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) {
  grid-template-columns:18px minmax(0,1fr)!important;
  grid-template-rows:32px 23px!important;align-items:center!important;
  gap:2px 6px!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4)::before {
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:static!important;float:none!important;width:18px!important;height:18px!important;
  font-size:18px!important;line-height:1!important;transform:none!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) > span {
  margin:0!important;padding:0!important;min-width:0!important;
  text-align:left!important;line-height:1.3!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) > strong {
  align-self:center!important;margin:0!important;padding:0!important;
 }
 #pun #pun-stats .statscon ul.container > li.item1::before {
  content:''!important;background:var(--teal)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2m18 4v14a2 2 0 0 1-2 2h-9l-3-3h12V6z'/%3E%3C/svg%3E") center / contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2m18 4v14a2 2 0 0 1-2 2h-9l-3-3h12V6z'/%3E%3C/svg%3E") center / contain no-repeat!important;
 }
}
/* ПК: центрирование содержимого первых четырёх карточек статистики. */
@media(min-width:801px) {
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) {
  grid-template-columns: 20px minmax(0,max-content)!important;
  justify-content:center!important;
  text-align:center!important;
  background: var(--light-teal);
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) > span {
  text-align:center!important;
 }
 #pun #pun-stats .statscon ul.container > li:is(.item1,.item2,.item3,.item4) > strong {
  justify-self:center!important;text-align:center!important;
 }
}
/* ПК: скрыть служебные заголовки результатов поиска. */
@media(min-width:801px) {
 #pun #pun-searchtopics #pun-main.main > .forum > h2,
 #pun #pun-searchposts #pun-main.main > .topic > h2 {
  display:none!important;
 }
}
/* Скрыть служебный счётчик списка участников. */
#pun #pun-userlist #pun-main.main .usertable > h2,
#pun #pun-userlist #pun-main.main h2:has(+ .container table td.username),
#pun #pun-userlist #pun-main.main h2:has(+ table td.username) {
 display:none!important;
}
/* Общие служебные заголовки: результаты и счётчики участников. */
#pun #pun-main.main h2:has(> span.item1, > span.item2),
#pun #pun-main.main .usertable > h2,
#pun #pun-main.main h2:has(+ .container table td.username),
#pun #pun-main.main h2:has(+ table td.username) {
 display:none!important;
}
/* Админ-меню: скрыть второстепенные ссылки внутри разделов. */
#pun #pun-adnav #adnav-standard ul.adsubnav {
 display:none!important;
}
/* ПК: компактное меню администрирования. */
@media(min-width:801px) {
 #pun #pun-adnav > h2 {
  padding:9px 10px!important;font-size:14px!important;line-height:1.3!important;
 }
 #pun #pun-adnav .adcontainer {padding:6px!important}
 #pun #pun-adnav #adnav-standard > ul {gap:3px!important}
 #pun #pun-adnav #adnav-standard > ul > li > a {
  height:auto!important;min-height:28px!important;padding:4px 8px!important;
  gap:6px!important;font-size:11px!important;line-height:1.3!important;
  border-radius:8px!important;
 }
 #pun #pun-adnav #adnav-standard > ul > li > a::before {
  font-size:16px!important;line-height:1!important;
 }
 #pun #pun-adnav #adnav-standard > ul > li:has(> sup.new) > a {
  padding-right:40px!important;
 }
 #pun #pun-adnav #adnav-standard > ul > li > sup.new {
  top:50%!important;transform:translateY(-50%)!important;
 }
}
/* ПК: более широкое меню с невысокими пунктами. */
@media(min-width:801px) {
 #pun #pun-adnav {width:190px!important}
 #pun #pun-adnav #adnav-standard > ul > li > a {
  min-height:24px!important;padding:2px 8px!important;
 }
}
/* ПК: зазор справа от меню без сдвига общего контейнера. */
@media(min-width:801px) {
 #pun #pun-adnav {margin-right:16px!important}
 #pun #pun-admain > .adformal {
  margin-left:26px!important;
 }
}
/* Админка: убрать белую подложку внутренних контейнеров. */
#pun #pun-admain .adformal > form.adcontainer,
#pun #pun-admain .adformal > div.adcontainer,
#pun #pun-admain .adformal form.adcontainer,
#pun #pun-admain .adformal div.adcontainer {
 background:none!important;border:0!important;
}
/* ПК: плотная полупрозрачная вуаль поверх фоновых картинок тем. */
@media(min-width:801px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::after {
  --topic-veil-color:color-mix(in srgb,var(--white) 85%,transparent);
  background-image:linear-gradient(var(--topic-veil-color),var(--topic-veil-color)),var(--image-topic-background-odd)!important;
  background-size:100% 100%,var(--topic-bg-size,auto 100%)!important;
  background-repeat:no-repeat!important;background-blend-mode:normal!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(even)::after {
  background-image:linear-gradient(var(--topic-veil-color),var(--topic-veil-color)),var(--image-topic-background-even)!important;
 }
}
/* ПК: вуаль покрывает весь фон без пиксельного зазора. */
@media(min-width:801px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::after {
  background-size:calc(100% + 2px) calc(100% + 2px),var(--topic-bg-size,cover)!important;
  background-origin:border-box!important;background-clip:border-box!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+1)::after {background-position:center,var(--topic-bg-position-1)!important}
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+2)::after {background-position:center,var(--topic-bg-position-2)!important}
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+3)::after {background-position:center,var(--topic-bg-position-3)!important}
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+4)::after {background-position:center,var(--topic-bg-position-4)!important}
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+5)::after {background-position:center,var(--topic-bg-position-5)!important}
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:nth-child(6n+6)::after {background-position:center,var(--topic-bg-position-6)!important}
}

/* Тёмная тема: приглушить изображения и фоновые аватарки. */
html[data-theme='dark'] #pun {
 --dark-image-brightness:0.78;
}
html[data-theme='dark'] #pun img,
html[data-theme='dark'] #pun .avatar-image {
 filter:brightness(var(--dark-image-brightness))!important;
}
/* ПК: единый ряд кнопок редактора на всю ширину панели. */
@media(min-width:801px) {
 #pun fieldset:has(#main-reply) #form-buttons tr {
  flex-wrap:nowrap!important;justify-content:flex-start!important;gap:4px!important;
 }
 #pun fieldset:has(#main-reply) #form-buttons td:not(#symbol-counter) {
  flex:1 1 30px!important;width:auto!important;
  min-width:0!important;max-width:none!important;height:34px!important;
  box-sizing:border-box!important;
 }
}
/* Единая подложка легенд в обеих темах. */
#pun legend {
 background:var(--forum-shell-border)!important;
 border-radius:8px!important;
}
#pun legend :is(span,strong) {
 background:transparent!important;
 box-shadow:none!important;
}
/* ПК: порядок плашек профиля — регистрация, время, позитив,
   приглашения, последнее сообщение, визит, контакты, сообщения. */
@media(min-width:801px) {
 #pun #pun-profile #viewprofile #profile-right {grid-auto-flow:row!important}
 #pun #pun-profile #viewprofile #profile-right > li {
  grid-row:auto!important;order:9!important;
 }
 #pun #pun-profile #viewprofile #profile-right > li:nth-child(1 of li:not(#pa-email):not(#pa-posts)) {order:1!important}
 #pun #pun-profile #viewprofile #profile-right > li:nth-child(2 of li:not(#pa-email):not(#pa-posts)) {order:4!important}
 #pun #pun-profile #viewprofile #profile-right > li:nth-child(3 of li:not(#pa-email):not(#pa-posts)) {order:2!important}
 #pun #pun-profile #viewprofile #profile-right > li:nth-child(4 of li:not(#pa-email):not(#pa-posts)) {order:3!important}
 #pun #pun-profile #viewprofile #profile-right > li:nth-child(5 of li:not(#pa-email):not(#pa-posts)) {order:5!important}
 #pun #pun-profile #viewprofile #profile-right > li:nth-child(6 of li:not(#pa-email):not(#pa-posts)) {order:6!important}
 #pun #pun-profile #viewprofile #profile-right > li#pa-email {order:7!important;grid-column:1/-1!important}
 #pun #pun-profile #viewprofile #profile-right > li#pa-posts {order:8!important;grid-column:1/-1!important}
}
/* ПК: содержимое плашки сообщений по центру. */
@media(min-width:801px) {
 #pun #pun-profile #viewprofile #profile-right > li#pa-posts {
  align-items:center!important;text-align:center!important;
 }
 #pun #pun-profile #viewprofile #profile-right > li#pa-posts > :is(span,strong) {
  width:100%!important;text-align:center!important;
 }
}
/* ПК: заголовок и содержимое контактов по центру. */
@media(min-width:801px) {
 #pun #pun-profile #viewprofile #profile-right > li#pa-email {
  align-items:center!important;text-align:center!important;
 }
 #pun #pun-profile #viewprofile #profile-right > li#pa-email > :is(span,strong) {
  width:100%!important;text-align:center!important;
 }
}
/* Единый фон легенд, включая специальные правила форм. */
#pun#pun#pun#pun legend {background:var(--forum-shell-border)!important}
#pun#pun#pun#pun legend :is(span,strong) {background:transparent!important}

/* ПК: колонка тегов шире, карандаш рядом с тегами. */
@media(min-width:801px) {
 #pun #pun-admin_files #filetable .ft-tags {
  width:26%!important;white-space:nowrap!important;
 }
 #pun #pun-admin_files #filetable td.ft-tags > span {
  white-space:nowrap!important;overflow-wrap:normal!important;
 }
 #pun #pun-admin_files #filetable td.ft-tags .tag-edit {
  display:inline-block!important;vertical-align:middle!important;
  white-space:nowrap!important;
 }
}
/* ПК: однотонный фон обычных тем без фоновой картинки. */
@media(min-width:801px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:not(.altstyle):not(.isticky):not(.iclosed)::after {
  background:var(--pale-green)!important;
 }
}
/* Отдельная шапка: сетка из присланного образца, палитра форума. */
#pun .has-custom-header > #pun-title {display:none!important}
#pun #forum-header-layout {width:100%;min-width:0;margin:0 0 22px;--header-card:var(--white);color:var(--slate-blue);font:13px/1.4 var(--font-body);}
#forum-header-layout * {box-sizing:border-box}
#forum-header-layout .forum-header {position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);grid-template-rows:58px auto;gap:0;border-radius:26px;background:linear-gradient(var(--light-teal),var(--light-teal)),var(--image-forum-header) center/cover;}

#pun #forum-header-layout #pun-navlinks {position:static!important;float:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:none!important;}
#pun #forum-header-layout #pun-navlinks h2 {display:none!important}
#pun #forum-header-layout #pun-navlinks ul.container {display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;padding:0!important;}
#pun #forum-header-layout #pun-navlinks li {flex:0 0 auto!important;margin:0!important}
#pun #forum-header-layout #pun-navlinks li a {width:38px!important;height:38px!important;border-radius:14px!important;}
#forum-header-layout .header-content {grid-column:1;grid-row:1/3;padding:13px;min-width:0}
#forum-header-layout .header-top {display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1.5fr);gap:12px;}
#forum-header-layout .header-context,#forum-header-layout .header-updates,#forum-header-layout .header-recent {background:var(--header-card);border:1px solid var(--sage-green);border-radius:17px;position:relative;min-width:0;overflow:hidden;}
#forum-header-layout .header-context {height:220px;padding:14px 12px 38px;}
#forum-header-layout .header-context-text {height:100%;overflow:auto;padding-right:5px;line-height:1.35}
#forum-header-layout .header-context-text b {color:var(--blue)}
#forum-header-layout .header-context-link,#forum-header-layout .header-recent-title {position:absolute;bottom:0;right:0;padding:7px 18px;border-radius:12px 0 16px 0;background:var(--midnight-gradient);color:#fff;font:600 11px/1.2 var(--font-ui);text-transform:uppercase;}
#forum-header-layout .header-updates {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:10px;height:220px;}
#forum-header-layout #header-slideshow,#forum-header-layout .slideshow-container {min-width:0;height:100%;position:relative;overflow:hidden;border-radius:8px;}
#forum-header-layout .header-slide {height:100%;width:100%;}
#forum-header-layout .header-slide a {display:block;height:100%}
#forum-header-layout .header-slide img {display:block;width:100%!important;height:100%!important;object-fit:cover;}
#forum-header-layout .header-slide-controls {position:absolute;right:8px;bottom:8px;display:flex;gap:5px;}
#forum-header-layout .header-slide-dot {width:9px;height:9px;display:block;border-radius:50%;background:#fff;cursor:pointer;}
#forum-header-layout .header-slide-dot.active {background:var(--orange)}
#forum-header-layout .header-news {overflow:auto;min-width:0;}
#forum-header-layout .header-news-row {display:flex;gap:5px;margin-bottom:5px;}
#forum-header-layout .header-news-date {flex:0 0 34px;padding:5px 3px;text-align:center;border-radius:6px;background:var(--sage-green);color:var(--slate-blue);font:600 10px/1.1 var(--font-ui);text-transform:uppercase;}
#forum-header-layout .header-news-row:first-child .header-news-date {background:var(--orange);color:#fff;}
#forum-header-layout .header-news-row > a {flex:1;min-width:0;}
#forum-header-layout .header-news-text {border:1px solid var(--pale-green);padding:4px 5px;border-radius:6px;font:500 10px/1.2 var(--font-ui);color:var(--slate-blue);}
#forum-header-layout .header-news-text span {color:var(--teal);font:10px/1.2 var(--font-body);}
#forum-header-layout .header-bottom {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin-top:12px;}
#forum-header-layout .header-staff {display:grid;grid-template-columns:80px repeat(3,minmax(0,1fr));grid-template-rows:76px 76px;gap:8px;min-width:0;}
#forum-header-layout .header-staff-lead {grid-row:1/3;background: url(https://forumstatic.ru/files/001c/25/f9/63283.png?v=1) center/cover;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end;padding:6px;position:relative;}
#forum-header-layout .header-staff-title {color:#fff;font:700 14px/1.1 var(--font-ui);text-shadow:0 1px 3px #303652;}
#forum-header-layout .header-staff-caption {background:var(--translucent-white);padding:5px;border-radius:8px;font:10px/1.1 var(--font-ui);}
#forum-header-layout .header-staff-card {background-size:cover;background-position:center;border:2px solid var(--white);border-radius:12px;position:relative;overflow:hidden;}
#forum-header-layout .header-staff-overlay {position:absolute;inset:0;background:var(--translucent-white);display:flex;flex-direction:column;justify-content:center;text-align:center;padding:4px;opacity:0;transition:opacity .2s;}
#forum-header-layout .header-staff-card:hover .header-staff-overlay,#forum-header-layout .header-staff-card:focus-within .header-staff-overlay {opacity:1;}
#forum-header-layout .header-staff-message {display:inline-block;padding:3px 5px;border-radius:5px;background:var(--teal);color:var(--white);font:10px/1.2 var(--font-ui);}
#forum-header-layout .header-recent {height:160px;padding:10px 10px 28px;}
#forum-header-layout .header-recent-scroll {height:120px!important;overflow:auto!important;}
#forum-header-layout .mod-recent-row {margin-bottom:9px;font-size:11px;line-height:1.25;}
#forum-header-layout .mod-recent-info {display:block;color:var(--teal);}
#forum-header-layout .header-aside {grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;min-width:0;}
#forum-header-layout .header-registration {display:none}



@media(max-width:800px) {
 #pun #forum-header-layout {margin:0 0 16px;}
 #forum-header-layout .forum-header {display:flex;flex-direction:column;border-radius:20px;}
 
 #pun #forum-header-layout #pun-navlinks ul.container {justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:3px!important;touch-action:pan-x pan-y;}
 #forum-header-layout .header-content {padding:10px;}
 #forum-header-layout .header-top {grid-template-columns:1fr;gap:10px;}
 #forum-header-layout .header-context {height:190px;}
 #forum-header-layout .header-updates {height:210px;}
 #forum-header-layout .header-bottom {grid-template-columns:1fr;gap:10px;margin-top:10px;}
 #forum-header-layout .header-staff {grid-template-columns:80px repeat(3,minmax(0,1fr));}
 #forum-header-layout .header-staff-overlay {opacity:1;inset:auto 0 0;padding:2px;font-size:10px;}
 #forum-header-layout .header-staff-overlay br,#forum-header-layout .header-staff-overlay > span {display:none;}
 #forum-header-layout .header-staff-message {font-size:9px;}
 #forum-header-layout .header-recent {height:160px;}
 #forum-header-layout .header-aside {padding:0 10px 10px;}
 
}












/* Меню помещается непосредственно в сетку шапки. */
#pun #forum-header-layout #pun-navlinks.header-navigation {
 grid-column:2;grid-row:1;align-self:start;
 background:var(--white)!important;border-radius:0 0 0 24px;
 padding:0 0 10px 10px!important;z-index:3;
}
#forum-header-layout .header-bottom {grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);}
#forum-header-layout .header-staff {
 grid-template-columns:112px repeat(3,minmax(0,1fr));
 grid-template-rows:92px 92px;
}
#forum-header-layout .header-staff-lead {
 background-size:cover;background-position:50% 25%;min-height:192px;
}
#forum-header-layout .header-staff-card {overflow:visible;}
#forum-header-layout .header-staff-overlay {
 inset:0;
 padding:5px;
 gap:4px;
 border-radius:10px;
 z-index:2;
 font:11px/1.2 var(--font-ui);
 overflow-wrap:normal;
 word-break:normal;
}
#forum-header-layout .header-staff-overlay br {display:none;}
#forum-header-layout .header-staff-overlay > a:first-child {font:600 12px/1.2 var(--font-ui);}
#forum-header-layout .header-staff-overlay > span {font:10px/1.2 var(--font-ui);}
#forum-header-layout .header-staff-card:hover,#forum-header-layout .header-staff-card:focus-within {z-index:4;}
#forum-header-layout .header-recent {height:192px;}
#forum-header-layout .header-recent-scroll {height:152px!important;}
#forum-header-layout .header-activity {display:flex;flex-direction:column;gap:14px;width:100%;}
#forum-header-layout .header-activity-title {
 margin-bottom:7px;padding:5px 9px;background:var(--translucent-white);
 border-radius:8px;color:var(--slate-blue);font:600 11px/1.3 var(--font-ui);
}
#forum-header-layout .header-activity-members {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
#forum-header-layout .header-activity-member {
 display:block;aspect-ratio:1;min-width:0;overflow:hidden;
 border:1px solid var(--sage-green);border-radius:9px;background:var(--white);
}
#forum-header-layout .header-activity-avatar {
 display:block;width:100%;height:100%;background:var(--image-default-avatar) center/cover;
}
#forum-header-layout .header-activity-empty {opacity:.55;}
#forum-header-layout .header-activity-member img {display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:800px) {
 #pun #forum-header-layout #pun-navlinks.header-navigation {
  order:-1;padding:8px!important;border-radius:0 0 18px 18px;
 }
 #forum-header-layout .header-bottom {grid-template-columns:1fr;}
 #forum-header-layout .header-staff {
  grid-template-columns:100px repeat(3,minmax(0,1fr));grid-template-rows:92px 92px;
 }
 #forum-header-layout .header-staff-overlay {
  inset:auto 0 0;opacity:1;padding:3px;gap:2px;font-size:10px;
 }
 #forum-header-layout .header-staff-overlay > a:first-child {font-size:10px;}
 #forum-header-layout .header-staff-overlay > span {display:none;}
 #forum-header-layout .header-activity {max-width:360px;margin:auto;}
}
/* Новая шапка заменяет стандартный баннер независимо от вложенности. */
#pun:has(#forum-header-layout) #pun-title.section {
 display:none!important;
}
/* Открытие шапки по названию и постоянные светлячки. */
#forum-header-layout .forum-header {min-height:450px;}
#forum-header-layout .header-fireflies {position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0;}
#forum-header-layout .header-firefly {position:absolute;width:var(--light-size);height:var(--light-size);border-radius:50%;background:#fff7b0;box-shadow:0 0 6px 2px #ffd85a,0 0 18px 4px rgba(255,225,130,.45);animation:header-firefly-flight var(--flight-time) var(--flight-delay) ease-in-out infinite;}
@keyframes header-firefly-flight {
 0%,100% {left:var(--x1);top:var(--y1);opacity:.65;}
 33% {left:var(--x2);top:var(--y2);opacity:1;}
 66% {left:var(--x3);top:var(--y3);opacity:.8;}
}
#pun #forum-header-layout .header-title-toggle {
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content: flex-end;
 position:relative;
 grid-column:1;
 grid-row:1;
 z-index:2;
 cursor:pointer;
 border:0!important;
 background:none!important;
 box-shadow:none!important;
 width:100%;
 padding:8px 16px!important;
 color:#fff6df!important;
 font:700 32px/1.1 var(--font-body);
 text-align:center;
}
#forum-header-layout .header-title-toggle small {display:block;margin-top:10px;font:500 11px/1.4 var(--font-ui);letter-spacing:2px;}
#forum-header-layout .header-title-toggle span {text-shadow:0 2px 5px rgba(13,30,35,.7),0 0 25px rgba(255,229,144,.35);}
#pun #forum-header-layout .header-interactive:not(.header-expanded) .header-title-toggle {position:absolute;inset:0;font-size:clamp(38px,6vw,84px);padding:25px!important;}
#forum-header-layout .header-interactive:not(.header-expanded) > :is(.header-content,.header-aside) {display:none!important;}
#pun #forum-header-layout .header-interactive:not(.header-expanded) > #pun-navlinks {display:none!important;}
#forum-header-layout .header-expanded .header-content {grid-row:2;position:relative;z-index:1;}
#forum-header-layout .header-aside {position:relative;z-index:1;}
#forum-header-layout .header-world-menu {display:flex;flex-direction:column;gap:5px;min-width:0;overflow:auto;padding:4px;}
#forum-header-layout .header-world-title {font:600 12px/1.3 var(--font-ui);color:var(--teal);margin-bottom:4px;text-align:center;}
#forum-header-layout .header-world-menu a {display:block;padding:6px 9px;border:1px solid var(--sage-green);border-radius:7px;background:var(--pale-green);color:var(--slate-blue);font:500 11px/1.25 var(--font-ui);transition:background .2s;}
#forum-header-layout .header-world-menu a:hover,#forum-header-layout .header-world-menu a:focus-visible {background:var(--medium-teal);}
#pun #forum-header-layout .header-title-toggle:focus-visible {outline:2px solid var(--amber)!important;outline-offset:-6px;border-radius:20px;}
@media(max-width:800px) {
 #forum-header-layout .forum-header {min-height:320px;}
 #pun #forum-header-layout .header-title-toggle {order:-2;font-size:25px;padding:16px!important;}
 #pun #forum-header-layout .header-interactive:not(.header-expanded) .header-title-toggle {font-size:clamp(35px,10vw,62px);}
 #forum-header-layout .header-updates {height:245px;}
 #forum-header-layout .header-world-menu a {padding:7px;font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
 #forum-header-layout .header-firefly {animation:none;left:var(--x1);top:var(--y1);opacity:.8;}
}
/* Плавное открытие: сначала название, затем содержимое. */
#pun #forum-header-layout .header-title-toggle {transition:opacity .42s ease,filter .42s ease;}
#pun #forum-header-layout .header-opening > .header-title-toggle {opacity:0;filter:blur(4px);pointer-events:none;}
#forum-header-layout .header-expanded > :is(.header-content,.header-aside),
#pun #forum-header-layout .header-expanded > #pun-navlinks {animation:header-content-enter .7s ease both;transition:opacity .35s ease,transform .35s ease;}
#forum-header-layout .header-expanded > .header-aside {animation-delay:.08s;}
#pun #forum-header-layout .header-expanded > .header-title-toggle {animation:header-content-enter .7s ease both;font-size:14px;}
#forum-header-layout .header-expanded > .header-title-toggle > span {display:none;}
#forum-header-layout .header-expanded > .header-title-toggle > small {margin:0;letter-spacing:1px;}
#forum-header-layout .header-closing > :is(.header-content,.header-aside),
#pun #forum-header-layout .header-closing > :is(#pun-navlinks,.header-title-toggle) {animation:none!important;opacity:0;transform:translateY(6px);}
#pun #forum-header-layout .header-interactive:not(.header-expanded):not(.header-opening) > .header-title-toggle {animation:header-title-enter .65s ease both;}
@keyframes header-content-enter {from {opacity:0;transform:translateY(10px);} to {opacity:1;transform:translateY(0);}}
@keyframes header-title-enter {from {opacity:0;filter:blur(4px);} to {opacity:1;filter:blur(0);}}
@media(prefers-reduced-motion:reduce) {
 #pun #forum-header-layout .header-title-toggle,
 #forum-header-layout .header-expanded > :is(.header-content,.header-aside),
 #pun #forum-header-layout .header-expanded > #pun-navlinks {animation:none!important;transition:none!important;}
}
/* Название остаётся кнопкой в открытой шапке, без подсказки. */
#forum-header-layout .header-expanded > .header-title-toggle > span {display:block;}
#pun #forum-header-layout .header-expanded > .header-title-toggle {font-size:26px;}
#forum-header-layout .header-title-toggle > small {display:none!important;}
@media(max-width:800px) {
 #pun #forum-header-layout .header-expanded > .header-title-toggle {font-size:24px;}
}
/* Навигация всегда видима и не участвует в переходах шапки. */
#pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
 display:block!important;opacity:1!important;visibility:visible!important;
 animation:none!important;transition:none!important;transform:none!important;
 pointer-events:auto!important;z-index:5;
}
/* Фон не пересчитывает масштаб при раскрытии содержимого. */
#pun #forum-header-layout .forum-header {
 background-color:var(--pale-green);
 background-size:100% 100%,100% auto!important;
 background-position:left top,center top!important;
 background-repeat:no-repeat!important;
}
/* ПК: контекст и последние темы рядом, новости справа. */
@media(min-width:801px) {
 #forum-header-layout .header-expanded {grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);grid-template-rows:58px 220px auto;gap:12px 0;}
 #forum-header-layout .header-expanded :is(.header-content,.header-top,.header-bottom) {display:contents;}
 #forum-header-layout .header-expanded .header-context {grid-column:1;grid-row:2;width:calc(42% - 19px);margin-left:13px;height:220px;z-index:1;}
 #forum-header-layout .header-expanded .header-recent {grid-column:1;grid-row:2;width:calc(58% - 19px);justify-self:end;margin-right:13px;height:220px;z-index:1;}
 #forum-header-layout .header-expanded .header-recent-scroll {height:180px!important;}
 #forum-header-layout .header-expanded .header-updates {grid-column:2;grid-row:2;margin:0 13px 0 0;z-index:1;}
 #forum-header-layout .header-expanded .header-staff {grid-column:1;grid-row:3;margin:0 13px 13px;z-index:1;grid-template-columns:150px repeat(3,minmax(0,1fr));}
 #forum-header-layout .header-expanded .header-aside {grid-column:2;grid-row:3;padding:0 13px 13px 0;}
 #forum-header-layout .header-expanded .header-activity {gap:10px;}
 #forum-header-layout .header-expanded .header-world-menu {font-size:11px;}
 #forum-header-layout .header-expanded .header-content {animation:none;}
 #forum-header-layout .header-expanded :is(.header-context,.header-recent,.header-updates,.header-staff) {animation:header-content-enter .7s ease both;transition:opacity .35s ease,transform .35s ease;}
 #forum-header-layout .header-closing :is(.header-context,.header-recent,.header-updates,.header-staff) {animation:none!important;opacity:0;transform:translateY(6px);}
}
#forum-header-layout .header-staff-lead {padding:0;background:none;overflow:hidden;}
#forum-header-layout .header-staff-lead > img {display:block;width:100%;height:100%;min-height:192px;object-fit:cover;object-position:center top;border-radius:14px;}
@media(prefers-reduced-motion:reduce) {
 #forum-header-layout .header-expanded :is(.header-context,.header-recent,.header-updates,.header-staff) {animation:none!important;transition:none!important;}
}
/* ПК: одинаковая высота открытой и закрытой шапки. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header {
  height:450px!important;min-height:450px!important;max-height:450px!important;
 }
 #pun #forum-header-layout .header-expanded {
  grid-template-rows:46px 194px 186px!important;row-gap:12px!important;
 }
 #forum-header-layout .header-expanded :is(.header-context,.header-recent,.header-updates) {
  height:194px!important;min-height:0;max-height:194px;
 }
 #forum-header-layout .header-expanded .header-recent-scroll {height:154px!important;}
 #forum-header-layout .header-expanded .header-staff {
  height:173px;min-height:0;grid-template-rows:82px 82px;gap:9px;
 }
 #forum-header-layout .header-expanded .header-staff-lead {height:173px;min-height:0;}
 #forum-header-layout .header-expanded .header-staff-lead > img {height:173px;min-height:0;}
 #forum-header-layout .header-expanded .header-aside {height:186px;min-height:0;}
 #forum-header-layout .header-expanded .header-activity {gap:8px;}
 #forum-header-layout .header-expanded .header-activity-title {margin-bottom:5px;padding:4px 8px;}
}
/* Новости слева, ссылки проекта справа; даты не растягиваются. */
#forum-header-layout .header-updates > .header-news {grid-column:1;grid-row:1;}
#forum-header-layout .header-updates > .header-world-menu {grid-column:2;grid-row:1;}
#forum-header-layout .header-news-row {align-items:flex-start;}
#forum-header-layout .header-news-date {
 height:34px;min-height:34px;max-height:34px;align-self:flex-start;
 display:flex;align-items:center;justify-content:center;
 padding:4px 3px;line-height:1.1;
}
/* ПК: больше ширины для новостей. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header,
 #pun #forum-header-layout .header-expanded {
  grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr)!important;
 }
 #forum-header-layout .header-expanded .header-updates {
  grid-template-columns:minmax(0,1fr) 112px;gap:8px;
 }
 #forum-header-layout .header-expanded .header-world-menu {padding:3px 0;}
 #forum-header-layout .header-expanded .header-world-menu a {padding:6px 7px;}
 #forum-header-layout .header-expanded .header-staff {
  grid-template-columns:130px repeat(3,minmax(0,1fr));
 }
}
/* ПК: кнопки навигации по центру подложки. */
@media(min-width:801px) {
 #pun #forum-header-layout #pun-navlinks.header-navigation {
  width:100%!important;justify-self:stretch!important;
  padding:0 10px 10px!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation ul.container {
  justify-content:center!important;
 }
}
/* Закрыть тонкий шов справа у подложки навигации. */
@media(min-width:801px) {
 #pun #forum-header-layout #pun-navlinks.header-navigation {
  position:relative!important;border:0!important;box-shadow:none!important;
  border-radius:0 0 0 24px!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation::after {
  content:''!important;display:block!important;position:absolute;
  top:0;bottom:-1px;right:-1px;width:2px;
  background:var(--white);pointer-events:none;
 }
}

/* Ровный стык навигации и фона без выступающего пикселя. */
@media(min-width:801px) {
 #pun #forum-header-layout #pun-navlinks.header-navigation::after {
  content:none!important;display:none!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation {
  border-radius:0 0 0 24px!important;
  background-clip:padding-box!important;
 }
}
/* Перекрытие внутреннего шва без выхода за контур меню. */
@media(min-width:801px) {
 #pun #forum-header-layout #pun-navlinks.header-navigation::after {
  content:''!important;display:block!important;
  position:absolute!important;top:0!important;bottom:0!important;
  right:0!important;width:2px!important;
  background:var(--white)!important;pointer-events:none;
 }
}
/* ПК: контейнер навигации перекрывает округление ширины сетки справа. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  width:calc(100% + 2px)!important;max-width:none!important;
  margin-right:-2px!important;justify-self:start!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation::after {
  content:none!important;display:none!important;
 }
}
/* ПК: компактная шапка 350px. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header {
  height:350px!important;min-height:350px!important;max-height:350px!important;
 }
 #pun #forum-header-layout .header-expanded {
  grid-template-rows:40px 150px 142px!important;row-gap:9px!important;
 }
 #forum-header-layout .header-expanded :is(.header-context,.header-recent,.header-updates) {
  height:150px!important;max-height:150px!important;border-radius:13px;
 }
 #forum-header-layout .header-expanded .header-context {
  padding:10px 9px 28px;font-size:11px;line-height:1.3;
 }
 #forum-header-layout .header-expanded .header-context-text {line-height:1.3;text-align: justify;}
 #forum-header-layout .header-expanded .header-recent {padding:8px 8px 25px;}
 #forum-header-layout .header-expanded .header-recent-scroll {height:117px!important;}
 #forum-header-layout .header-expanded .mod-recent-row {font-size: 12px;margin-bottom:7px;background: var(--secondary-bg-pun);padding: var(--partners-gap);border-radius: var(--radius-10px);}
 #forum-header-layout .header-expanded :is(.header-context-link,.header-recent-title) {
  padding:6px 12px;font-size:10px;border-radius:9px 0 12px 0;
 }
 #forum-header-layout .header-expanded .header-updates {padding:7px;gap:6px;grid-template-columns:minmax(0,1fr) 98px;}
 #forum-header-layout .header-expanded .header-news-row {gap:4px;margin-bottom:4px;}
 #forum-header-layout .header-expanded .header-news-date {
  flex-basis:28px;height:28px;min-height:28px;max-height:28px;font-size:9px;padding:3px 2px;
 }
 #forum-header-layout .header-expanded .header-news-text {padding:3px 4px;font-size: 11px;}
 #forum-header-layout .header-expanded .header-news-text span {font-size: 11px;}
 #forum-header-layout .header-expanded .header-world-menu {gap:4px;}
 #forum-header-layout .header-expanded .header-world-title {font-size: 12px;margin-bottom:2px;}
 #forum-header-layout .header-expanded .header-world-menu a {font-size: 12px;padding:4px 6px;}
 #forum-header-layout .header-expanded .header-staff {
  height:133px;grid-template-columns:101px repeat(3,minmax(0,1fr));
  grid-template-rows:63px 63px;gap:7px;margin-bottom:9px;
 }
 #forum-header-layout .header-expanded .header-staff-lead,
 #forum-header-layout .header-expanded .header-staff-lead > img {height:133px;min-height:0;}
 #forum-header-layout .header-expanded .header-staff-card {border-radius: var(--radius-15px);}
 #forum-header-layout .header-expanded .header-staff-overlay {font-size:9px;gap:2px;padding:3px;}
 #forum-header-layout .header-expanded .header-staff-overlay > a:first-child {font-size:10px;}
 #forum-header-layout .header-expanded .header-staff-overlay > span {font-size:9px;}
 #forum-header-layout .header-expanded .header-staff-message {font-size:9px;padding:2px 4px;}
 #forum-header-layout .header-expanded .header-aside {height:142px;padding-bottom:9px;}
 #forum-header-layout .header-expanded .header-activity {gap:6px;}
 #forum-header-layout .header-expanded .header-activity-title {
  font-size: 11px;
  padding:3px 7px;
  margin-bottom:4px;
 }
 #forum-header-layout .header-expanded .header-activity-members {gap:6px;}
 #forum-header-layout .header-expanded .header-activity-member {aspect-ratio:auto;height: 40px;border-radius:7px;}
 #pun #forum-header-layout #pun-navlinks.header-navigation {padding-bottom:6px!important;}
 #pun #forum-header-layout #pun-navlinks li a {width: 34px!important;height: 34px!important;border-radius:11px!important;}
 #pun #forum-header-layout #pun-navlinks li a::before {font-size: 24px;}
 #pun #forum-header-layout .header-expanded > .header-title-toggle {font-size:23px;}
 #pun #forum-header-layout .header-interactive:not(.header-expanded) .header-title-toggle {
  font-size: clamp(47px,5vw,84px);
 }
}
/* Старые версии не показываются до очистки дублей скриптом. */
#pun [id="forum-header-layout"]:not([data-header-version="fantasy-v2"]) {display:none!important;}
#pun [id="forum-header-layout"][data-header-version="fantasy-v2"]:not(.header-ready) {visibility:hidden;}
/* Активисты: два статичных ряда, без слайдшоу. */
#pun #forum-header-layout .header-expanded .header-aside .header-activity {
 display:flex!important;flex-direction:column!important;
}
#pun #forum-header-layout .header-activity-members {
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
#pun #forum-header-layout :is(#header-slideshow,.slideshow-container,.header-slide,.header-slide-controls) {
 display:none!important;
}
/* Собственные изображения шапки: заглушки до выбора аватаров команды. */
#forum-header-layout .header-staff-card {
 background-image:var(--image-default-avatar)!important;
}
/* Плавное сворачивание шапки. */
@keyframes header-content-exit {
 from {opacity:1;transform:translateY(0);}
 to {opacity:0;transform:translateY(6px);}
}
#pun #forum-header-layout .header-closing > :is(.header-title-toggle,.header-aside) {
 animation:header-content-exit .6s ease both!important;transition:none!important;
}
@media(min-width:801px) {
 #pun #forum-header-layout .header-closing :is(.header-context,.header-recent,.header-updates,.header-staff) {
  animation:header-content-exit .6s ease both!important;transition:none!important;
 }
}
@media(max-width:800px) {
 #pun #forum-header-layout .header-closing > .header-content {
  animation:header-content-exit .6s ease both!important;transition:none!important;
 }
}
@media(prefers-reduced-motion:reduce) {
 #pun #forum-header-layout .header-closing > :is(.header-title-toggle,.header-content,.header-aside),
 #pun #forum-header-layout .header-closing :is(.header-context,.header-recent,.header-updates,.header-staff) {
  animation:none!important;transition:none!important;
 }
}
/* Переключатель темы в конце постоянной навигации. */
#pun #forum-header-layout #pun-navlinks .header-theme-item {
 flex:0 0 auto!important;display:flex!important;align-items:center;order:100;
}
#pun #forum-header-layout #pun-navlinks .index-theme {
 display:flex!important;position:static!important;margin:0!important;padding:0!important;
 width:auto!important;background:none!important;border:0!important;box-shadow:none!important;
}
#pun #forum-header-layout #pun-navlinks .index-theme button {
 display:flex;
 align-items:center;
 justify-content:center;
 width: 34px;
 height: 34px;
 padding:0!important;
 margin:0!important;
 border:0!important;
 border-radius:12px;
 background:var(--pale-green);
 color: color-mix( in srgb, var(--pale-green) 19%, var(--main-bg-body));
 cursor:pointer;
 flex:0 0 auto;
}
#pun #forum-header-layout #pun-navlinks .index-theme button span {font-size:21px;line-height:1;}
#pun #forum-header-layout #pun-navlinks .index-theme button:focus-visible {
 outline:2px solid var(--teal);outline-offset:2px;
}
/* Меню о проекте: ширина и место для вертикальной прокрутки. */
#pun #forum-header-layout .header-world-menu {
 min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
 padding-right:10px!important;scrollbar-gutter:stable;box-sizing:border-box;
}
#pun #forum-header-layout .header-world-menu > a {flex:0 0 auto;}
@media(min-width:801px) {
 #pun #forum-header-layout .header-expanded .header-updates {
  grid-template-columns:minmax(0,1fr) 132px!important;
  grid-template-rows:minmax(0,1fr)!important;
 }
 #pun #forum-header-layout .header-expanded .header-world-menu {
  width:100%!important;max-height:100%!important;align-self:stretch;
  padding:3px 10px 3px 0!important;
 }
}
/* Мобильная шапка: компактная сетка с горизонтальным свайпом. */
@media(max-width:800px) {
 #pun #forum-header-layout .forum-header {
  display:flex!important;flex-direction:column!important;height:350px!important;
  min-height:350px!important;max-height:350px!important;overflow:hidden;
  background-size:100% 100%,auto 350px!important;background-position:center!important;
 }
 #pun #forum-header-layout .header-title-toggle {
  order:0!important;height:38px!important;min-height:38px;flex:0 0 38px;
  padding:6px!important;font-size:22px!important;
 }
 #pun #forum-header-layout .header-interactive:not(.header-expanded) .header-title-toggle {
  position:absolute!important;inset:48px 0 0!important;height:auto!important;font-size:34px!important;
 }
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  order:-1!important;width:100%!important;max-width:100%!important;flex:0 0 48px;
  height:48px!important;margin:0!important;padding:7px!important;border-radius:0!important;
 }
 #pun #forum-header-layout #pun-navlinks ul.container {
  width:100%!important;max-width:100%!important;justify-content:flex-start!important;
  gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;
 }
 #pun #forum-header-layout #pun-navlinks li > a {
  display:flex!important;align-items:center;justify-content:center;
  width:32px!important;height:32px!important;padding:0!important;background-image:none!important;
  box-shadow:none!important;text-shadow:none!important;font-size:0!important;text-indent:0!important;
 }
 #pun #forum-header-layout #pun-navlinks li > a::after,
 #pun #forum-header-layout #pun-navlinks li > a > span {display:none!important;}
 #pun #forum-header-layout .header-panel-scroll {
  flex:1 1 auto;min-height:0;width:100%;overflow-x:auto;overflow-y:hidden;
  padding:0 8px 8px;touch-action:pan-x pan-y;position:relative;z-index:1;
 }
 #pun #forum-header-layout .header-interactive:not(.header-expanded) .header-panel-scroll {display:none!important;}
 #pun #forum-header-layout .header-panel-canvas {
  display:grid;width:780px;height:246px;gap:8px;
  grid-template-columns:220px 250px 294px;grid-template-rows:128px 110px;
 }
 #pun #forum-header-layout .header-panel-canvas :is(.header-content,.header-top,.header-bottom) {
  display:contents!important;
 }
 #pun #forum-header-layout .header-context {grid-column:1;grid-row:1;height:128px!important;padding:8px 8px 25px!important;font-size:11px;}
 #pun #forum-header-layout .header-recent {grid-column:2;grid-row:1;height:128px!important;padding:8px 8px 25px!important;}
 #pun #forum-header-layout .header-recent-scroll {height:95px!important;}
 #pun #forum-header-layout .mod-recent-row {font-size:10px!important;}
 #pun #forum-header-layout .header-updates {
  grid-column:3;grid-row:1;height:128px!important;padding:6px!important;
  grid-template-columns:minmax(0,1fr) 118px!important;grid-template-rows:minmax(0,1fr)!important;gap:6px!important;
 }
 #pun #forum-header-layout .header-news {min-height:0;}
 #pun #forum-header-layout .header-world-menu {min-height:0;padding:0 8px 0 0!important;}
 #pun #forum-header-layout .header-world-menu a {font-size:10px!important;padding:4px!important;}
 #pun #forum-header-layout .header-staff {
  grid-column:1/3;grid-row:2;grid-template-columns:78px repeat(3,minmax(0,1fr))!important;
  grid-template-rows:51px 51px!important;gap:6px!important;height:108px!important;
 }
 #pun #forum-header-layout .header-staff-lead,
 #pun #forum-header-layout .header-staff-lead > img {height:108px!important;min-height:0!important;}
 #pun #forum-header-layout .header-aside {grid-column:3;grid-row:2;padding:0!important;height:108px!important;}
 #pun #forum-header-layout .header-activity {gap:5px!important;max-width:none!important;}
 #pun #forum-header-layout .header-activity-title {font-size:9px!important;margin-bottom:3px!important;padding:2px 6px!important;}
 #pun #forum-header-layout .header-activity-members {gap:5px!important;}
 #pun #forum-header-layout .header-activity-member {height:32px!important;aspect-ratio:auto!important;}
 #pun #forum-header-layout .header-closing .header-panel-scroll {animation:header-content-exit .6s ease both!important;}
 #pun .has-custom-header > #pun-ulinks.section {
  display:block!important;position:relative!important;inset:auto!important;float:none!important;
  width:100%!important;height:auto!important;margin:0 0 16px!important;padding:8px!important;
  background:var(--pale-green)!important;border:0!important;border-radius:12px!important;z-index:auto!important;
 }
 #pun .has-custom-header > #pun-ulinks.section::before,
 #pun .has-custom-header > #pun-ulinks.section::after,
 #pun .has-custom-header > #pun-ulinks.section > h2 {display:none!important;}
 #pun .has-custom-header > #pun-ulinks.section > ul.container {
  display:flex!important;position:static!important;inset:auto!important;flex-wrap:nowrap!important;
  width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;
  overflow-x:auto!important;overflow-y:hidden!important;gap:6px!important;padding:0!important;margin:0!important;
  background:none!important;opacity:1!important;visibility:visible!important;transform:none!important;
 }
 #pun .has-custom-header > #pun-ulinks.section > ul.container > li {flex:0 0 auto!important;width:auto!important;margin:0!important;}
 #pun .has-custom-header > #pun-ulinks.section > ul.container > li > a {
  display:flex!important;align-items:center;gap:5px;white-space:nowrap!important;
  width:auto!important;height:30px!important;padding:5px 8px!important;
  font:500 11px/1.2 var(--font-ui)!important;color:var(--slate-blue)!important;
  background:var(--white)!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;border-radius:8px!important;
 }
}
/* Мобильная навигация: ровная подложка без старых декоративных дуг. */
@media(max-width:800px) {
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation,
 #pun #forum-header-layout #pun-navlinks.header-navigation > ul.container {
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background-image:none!important;outline:0!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation::before,
 #pun #forum-header-layout #pun-navlinks.header-navigation::after,
 #pun #forum-header-layout #pun-navlinks.header-navigation > ul.container::before,
 #pun #forum-header-layout #pun-navlinks.header-navigation > ul.container::after {
  content:none!important;display:none!important;
 }
}
/* Мобильные навлинки — отдельная таблетка внутри шапки. */
@media(max-width:800px) {
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;
  margin:10px 10px 0!important;padding:7px 9px!important;
  height:48px!important;flex:0 0 48px!important;
  border-radius:24px!important;background:var(--white)!important;
  overflow:hidden!important;box-sizing:border-box!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation > ul.container {
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;background:transparent!important;
  border-radius:0!important;justify-content:flex-start!important;
  overflow-x:auto!important;overflow-y:hidden!important;
 }
 #pun #forum-header-layout .header-interactive:not(.header-expanded) .header-title-toggle {
  inset:58px 0 0!important;
 }
}
/* Мобила: кнопки по центру таблетки, равные вертикальные отступы. */
@media(max-width:800px) {
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  padding:8px 9px!important;height:48px!important;flex:0 0 48px!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation > ul.container {
  height:32px!important;min-height:32px!important;align-items:center!important;
  justify-content:safe center!important;padding:0!important;margin:0!important;
  scrollbar-width:none;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation > ul.container::-webkit-scrollbar {display:none;}
 #pun #forum-header-layout #pun-navlinks.header-navigation > ul.container > li {
  display:flex!important;align-items:center!important;height:32px!important;
  padding:0!important;margin:0!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation > ul.container > li > a {
  height:32px!important;min-height:32px!important;width:32px!important;
  padding:0!important;margin:0!important;line-height:1!important;
 }
}

/* ПК: отступ над всей шапкой. */
@media(min-width:801px) {
 #pun #forum-header-layout {margin-top:20px!important;}
}
/* Кнопки прокрутки ближе к середине экрана по высоте. */
html body #ToTop.go-up {
 top:calc(50% - var(--scroll-button-size, 38px) - 4px)!important;bottom:auto!important;
}
html body #OnBottom.go-down {
 top:calc(50% + 4px)!important;bottom:auto!important;
}
/* ПК: иконка сообщений внутри общей плашки темы. */
@media(min-width:801px) {
 #pun #pun-viewforum .forum tbody tr {
  grid-template-columns:85px minmax(0,1fr) auto auto 270px!important;
 }
 #pun #pun-searchtopics .forum tbody tr {
  grid-template-columns:85px minmax(0,1fr) auto 270px!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::after {
  left:0!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::before {
  justify-self:center;max-width:100%;
 }
}
/* Мобила: небесные значки тем вместо больших картинок, размеры ячеек сохранены. */
@media(max-width:800px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody > tr::before {
  content:'star_border'!important;background:none!important;background-image:none!important;
  display:flex!important;align-items:center;justify-content:center;
  font-family:'Material Icons'!important;font-size:24px!important;font-weight:400!important;
  font-style:normal!important;line-height:1!important;letter-spacing:normal!important;
  text-transform:none!important;white-space:nowrap!important;word-wrap:normal!important;
  font-feature-settings:'liga'!important;-webkit-font-feature-settings:'liga'!important;
  color:var(--teal);filter:none!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody > tr.inew::before {content:'star'!important;color:var(--orange);opacity:1!important;}
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody > tr.isticky::before {content:'stars'!important;color:var(--amber);opacity:1!important;}
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody > tr.iclosed::before {content:'nightlight_round'!important;color:var(--slate-blue);opacity:.6!important;}
}
/* Мобила: квадратные аватары последнего сообщения без градиентной маски. */
@media(max-width:800px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr > .user-avatar,
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr > .user-avatar > a,
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr > .user-avatar .avatar-image,
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr > .user-avatar img {
  width:36px!important;height:36px!important;min-height:0!important;
  border-radius:6px!important;mask-image:none!important;-webkit-mask-image:none!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr > .user-avatar .avatar-image {
  background-size:cover!important;background-position:center!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr > .user-avatar img {object-fit:cover!important;}
}
/* ПК: более широкий и мягкий переход аватара в фон последнего сообщения. */
@media(min-width:801px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr:has(> .user-avatar) {
  grid-template-columns:128px minmax(0,1fr)!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr > .user-avatar {
  width:128px!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr > .user-avatar .avatar-image,
 #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr > .user-avatar img {
  background-position:35% 30%!important;object-position:35% 30%!important;
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 12%,rgba(0,0,0,.94) 28%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.38) 68%,rgba(0,0,0,.12) 86%,transparent 100%)!important;
  mask-image:linear-gradient(to right,#000 0%,#000 12%,rgba(0,0,0,.94) 28%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.38) 68%,rgba(0,0,0,.12) 86%,transparent 100%)!important;
 }
}

/* ПК: значки статуса по центру своих плашек. */
@media(min-width:801px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum :is(.closedatafield,.stickytext) {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:4px!important;box-sizing:border-box!important;vertical-align:middle!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum :is(.closedatafield,.stickytext)::before {
  margin:0!important;padding:0!important;line-height:1!important;
 }
}
/* ПК: центрирование значка без смещения строки названия. */
@media(min-width:801px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum :is(.closedatafield,.stickytext) {
  display:inline-block!important;position:relative!important;
  width:25px!important;height:25px!important;padding:0!important;
  vertical-align:middle!important;line-height:25px!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum :is(.closedatafield,.stickytext)::before {
  position:absolute!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;display:block!important;
  width:17px!important;height:17px!important;line-height:17px!important;
  margin:0!important;padding:0!important;text-align:center!important;
 }
}
/* ПК: убрать у значка важной темы унаследованные смещения. */
@media(min-width:801px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum .stickytext {
  text-indent:0!important;overflow:hidden!important;transform:none!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum .stickytext::before {
  content:'campaign'!important;inset:0!important;transform:none!important;
  width:100%!important;height:100%!important;display:flex!important;
  align-items:center!important;justify-content:center!important;
  margin:0!important;padding:0!important;text-indent:0!important;
  font:400 17px/1 'Material Icons'!important;letter-spacing:normal!important;
  text-transform:none!important;float:none!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum .stickytext::after {
  content:none!important;display:none!important;
 }
}
/* Мобила: замок по центру плашки закрытой темы. */
@media(max-width:800px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum :is(.closedatafield,.stickytext) {
  display:inline-block!important;position:relative!important;
  width:25px!important;height:25px!important;padding:0!important;
  box-sizing:border-box!important;vertical-align:middle!important;
  line-height:25px!important;text-indent:0!important;overflow:hidden!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum :is(.closedatafield,.stickytext)::before {
  position:absolute!important;inset:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;margin:0!important;padding:0!important;
  transform:none!important;text-indent:0!important;float:none!important;
  font:400 17px/1 'Material Icons'!important;letter-spacing:normal!important;text-transform:none!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum :is(.closedatafield,.stickytext)::after {content:none!important;display:none!important;}
}
/* ПК: иконки тем в отдельных скруглённых контейнерах. */
@media(min-width:801px) {
 #pun #pun-viewforum .forum tbody tr {
  grid-template-columns:97px minmax(0,1fr) auto auto 270px!important;
 }
 #pun #pun-searchtopics .forum tbody tr {
  grid-template-columns:97px minmax(0,1fr) auto 270px!important;
 }
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::before {
  width:77px!important;height:77px!important;box-sizing:border-box!important;
  padding:5px!important;margin:4px 0 4px 10px!important;
  align-self:center!important;justify-self:start!important;
  border:1px solid var(--sage-green)!important;border-radius:20px!important;
  background-color:var(--pale-green)!important;
  background-position:center!important;background-size:contain!important;
  background-repeat:no-repeat!important;background-origin:content-box!important;
  background-clip:padding-box!important;
 }
}
/* ПК: одинаковые отступы вокруг компактных контейнеров иконок. */
@media(min-width:801px) {
 #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::before {
  width:64px!important;height:64px!important;
  margin:10px 0 10px 10px!important;border-radius:17px!important;
 }
}
/* Важные темы: исходные цвета иконки без жёлтого фильтра. */
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.isticky::before,
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.stickytext)::before,
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.isticky.inew::before,
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.inew:has(.stickytext)::before {
 filter:none!important;
}
/* Ссылка на форум: спокойная текстовая плашка без папки. */
#pun #pun-searchtopics .forum tbody td.tc2:has(> a[href*='viewforum.php'])::before {
 content:none!important;display:none!important;
}
#pun #pun-searchtopics .forum tbody td.tc2 > a[href*='viewforum.php'] {
 color:var(--teal)!important;font-weight:500!important;
 text-decoration:none!important;text-shadow:none!important;
}
#pun #pun-searchtopics .forum tbody td.tc2 > a[href*='viewforum.php']:hover {
 color:var(--links-hover-color)!important;text-decoration:underline!important;
}
/* Карандаш перед счётчиком сообщений. */
#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody td.tc3::before {
 content:'edit'!important;display:inline-block!important;
 font:400 14px/1 'Material Icons'!important;font-feature-settings:'liga'!important;
 text-transform:none!important;letter-spacing:normal!important;
 margin-right:4px!important;color:var(--teal);vertical-align:middle;
}
/* ПК: две части общего фона и отдельная округлённая навигация. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header {
  --header-split:calc(100% * 1.65 / 2.65);
  background:none!important;
 }
 #pun #forum-header-layout .forum-header::before,
 #pun #forum-header-layout .forum-header::after {
  content:''!important;display:block!important;position:absolute!important;
  pointer-events:none!important;z-index:-1!important;
  background-color:var(--pale-green);
  background-image:linear-gradient(var(--light-teal),var(--light-teal)),var(--image-forum-header);
  background-size:var(--header-background-width,1047px) 350px;
  background-repeat:no-repeat;
 }
 #pun #forum-header-layout .forum-header::before {
  left:0;top:0;bottom:0;width:var(--header-split);
  border-radius:26px 26px 0 26px;background-position:left top;
 }
 #pun #forum-header-layout .forum-header::after {
  left:var(--header-split);right:0;top:48px;bottom:0;
  border-radius:0 26px 26px 0;background-position:right -48px;
 }
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;
  justify-self:end!important;margin:0 0 0 12px!important;
  height:42px!important;padding:5px 10px!important;
  border-radius:24px!important;background:var(--white)!important;
  overflow:hidden!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation::before,
 #pun #forum-header-layout #pun-navlinks.header-navigation::after {
  content:none!important;display:none!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation ul.container {
  align-items:center!important;justify-content:center!important;
  height:32px!important;border-radius:0!important;
 }
}
/* Общий масштаб изображения двух частей, без щели на стыке. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header::before,
 #pun #forum-header-layout .forum-header::after {
  background-size:var(--header-background-width,1047px) 350px,var(--header-background-width,1047px) auto!important;
 }
 #pun #forum-header-layout .forum-header::before {
  width:calc(var(--header-split) + 1px)!important;
  background-position:left top,left top!important;
 }
 #pun #forum-header-layout .forum-header::after {
  background-position:right -48px,right -48px!important;
 }
}
/* ПК: фон до правого края, навигация на округлённой подложке цвета форума. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header::after {
  right:-1px!important;
  background-position:right 1px top -48px,right 1px top -48px!important;
 }
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  background:var(--main-bg-pun,var(--white))!important;
  border:0!important;border-radius:24px!important;box-shadow:none!important;
  background-clip:border-box!important;
 }
 #pun #forum-header-layout #pun-navlinks.header-navigation > ul.container {
  background:transparent!important;border:0!important;box-shadow:none!important;
 }
}
/* ПК: изображение под скруглением навигации и ровный правый край. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header::before,
 #pun #forum-header-layout .forum-header::after {
  background-size:calc(var(--header-background-width,1047px) + 1px) 350px,calc(var(--header-background-width,1047px) + 1px) auto!important;
 }
 #pun #forum-header-layout .forum-header::after {
  top:0!important;right:0!important;
  border-radius:0 26px 26px 0!important;
  background-position:right top,right top!important;
 }
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  width:100%!important;max-width:100%!important;margin:0!important;
  border-radius:24px!important;
  background:var(--main-bg-pun,var(--white))!important;
 }
}
/* ПК: подложка навлинков выходит за край изображения. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  width:calc(100% + 24px)!important;max-width:none!important;
  justify-self:start!important;margin:0 -24px 0 0!important;
  padding-right:34px!important;box-sizing:border-box!important;
  border-radius:24px!important;
 }
}
/* ПК: правая часть фона начинается под нижним краем навлинков. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header::after {
  top:42px!important;bottom:0!important;
  background-position:right -42px,right -42px!important;
 }
}
/* ПК: видимое скругление подложки на левом стыке. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  width:calc(100% + 48px)!important;max-width:none!important;
  margin:0 -24px 0 -24px!important;
  padding-left:34px!important;padding-right:34px!important;
  border-radius:24px!important;
 }
}
/* ПК: скруглённый верхний правый угол левой части у навлинков. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header::before {
  width:calc(var(--header-split) - 24px + 1px)!important;
  border-radius:26px 26px 0 26px!important;
 }
 #pun #forum-header-layout .forum-header::after {
  left:calc(var(--header-split) - 24px)!important;
  top:42px!important;right:0!important;bottom:0!important;
  background-position:right -42px,right -42px!important;
 }
}
/* ПК: вогнутый SVG-угол на нижнем левом стыке навигации. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  position:relative!important;overflow:visible!important;
 }
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation::before {
  content:''!important;display:block!important;position:absolute!important;
  left:0!important;top:100%!important;right:auto!important;bottom:auto!important;
  width:26px!important;height:26px!important;pointer-events:none!important;
  background:var(--main-bg-pun,var(--white))!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M0 0H26A26 26 0 0 0 0 26Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M0 0H26A26 26 0 0 0 0 26Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat!important;
 }
}
/* ПК: конструкция по образцу QEEL, отражённая для верхнего меню. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header::before {
  width:calc(var(--header-split) + 1px)!important;
  border-radius:26px 26px 0 26px!important;
 }
 #pun #forum-header-layout .forum-header::after {
  left:var(--header-split)!important;top:42px!important;
  border-radius:0 26px 26px 0!important;
 }
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation {
  width:calc(100% + 24px)!important;max-width:none!important;
  margin:0 -24px 0 0!important;padding:5px 34px 5px 10px!important;
  border-radius:0 0 0 26px!important;
 }
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation::before {
  top:16px!important;left:0!important;z-index:-1!important;
  width:26px!important;height:26px!important;
  -webkit-mask:none!important;mask:none!important;
  background-color:var(--pale-green)!important;
  background-image:linear-gradient(var(--light-teal),var(--light-teal)),var(--image-forum-header)!important;
  background-size:calc(var(--header-background-width,1047px) + 1px) 350px,calc(var(--header-background-width,1047px) + 1px) auto!important;
  background-position:calc(0px - var(--header-background-width,1047px) * 1.65 / 2.65) -16px!important;
  background-repeat:no-repeat!important;
 }
}
/* ПК: вспомогательный фон ограничен дугой внутреннего угла. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header > #pun-navlinks.header-navigation::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M0 0A26 26 0 0 0 26 26H0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M0 0A26 26 0 0 0 26 26H0Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat!important;
 }
}
/* ПК: перекрытие пиксельного зазора на правом краю фона. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header::after {
  right:-1px!important;
  background-position:right 1px top -42px,right 1px top -42px!important;
 }
}
/* ПК: изображение заполняет расширенный правый край без внутреннего отступа. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header::after {
  right:-1px!important;
  background-position:right top -42px,right top -42px!important;
 }
}
/* ПК: контейнеры не обрезают расширенный край фоновых частей. */
@media(min-width:801px) {
 #pun #forum-header-layout,
 #pun #forum-header-layout .forum-header {
  overflow:visible!important;clip-path:none!important;
  mask:none!important;-webkit-mask:none!important;
  border:0!important;box-shadow:none!important;
 }
 #pun #forum-header-layout .forum-header::after {
  border:0!important;box-shadow:none!important;
  background-clip:border-box!important;
 }
}
/* ПК: привязка края шапки к физическому пикселю экрана. */
@media(min-width:801px) {
 #pun #forum-header-layout .forum-header {
  position:relative!important;left:var(--header-pixel-shift,0px)!important;
 }
}
/* Выдвижная панель мира. */
:root {--world-drawer-width:280px;--world-drawer-rail-width:52px;}
.world-drawer {
 position:fixed;left:12px;top:90px;bottom:24px;width:var(--world-drawer-rail-width);
 z-index:150;box-sizing:border-box;padding:8px;background:var(--white);
 color:var(--slate-blue);border:1px solid var(--sage-green);border-radius:24px;
 overflow:visible;transition:width .4s ease; font:13px/1.45 var(--font-ui);
}
.world-drawer * {box-sizing:border-box;}
.world-drawer.is-open {width:var(--world-drawer-width);}
.world-drawer-toggle {
 position:absolute;right:-14px;top:16px;width:28px;height:28px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;padding:0;
 border:1px solid var(--sage-green);background:var(--white);color:var(--teal);cursor:pointer;
}
.world-drawer-rail {display:flex;flex-direction:column;gap:8px;margin-top:46px;overflow:hidden;}
.world-drawer-rail a {
 display:flex;align-items:center;gap:10px;min-height:34px;padding:5px;
 border-radius:12px;background:var(--pale-green);color:var(--slate-blue);text-decoration:none;white-space:nowrap;
}
.world-drawer-rail .material-symbols-outlined {font-size:24px;flex:0 0 24px;color:var(--teal);}
.world-drawer-label {opacity:0;transition:opacity .25s ease;}
.world-drawer.is-open .world-drawer-label {opacity:1;}
.world-drawer-content {margin-top:14px;max-height:calc(100% - 320px);overflow:auto;padding-right:5px;opacity:0;transition:opacity .3s ease;}
.world-drawer-content[hidden] {display:none;}
.world-drawer.is-open .world-drawer-content {opacity:1;}
.world-drawer-card {padding:12px;margin-bottom:10px;background:var(--pale-green);border-radius:14px;}
.world-drawer-card h3 {font:600 14px/1.3 var(--font-ui);color:var(--teal);margin:0 0 7px;}
.world-drawer-card p {margin:0 0 8px;}
.world-drawer-card a {color:var(--blue);}
.world-drawer a:hover {background:var(--light-teal);}
.world-drawer :is(a,button):focus-visible {outline:2px solid var(--teal);outline-offset:2px;}
@media(min-width:801px) {
 html.has-world-drawer #pun_wrap {
  margin-left:76px!important;width:calc(100% - 76px)!important;
  transition:margin-left .4s ease,width .4s ease;
 }
 html.world-drawer-open #pun_wrap {
  margin-left:304px!important;width:calc(100% - 304px)!important;
 }
}
@media(max-width:800px) {
 .world-drawer {left:6px;top:72px;bottom:16px;--world-drawer-rail-width:42px;padding:4px;}
 .world-drawer.is-open {width:min(280px,calc(100vw - 30px));}
 .world-drawer-rail {gap:6px;}
 .world-drawer-rail a {padding:5px;}
}
@media(prefers-reduced-motion:reduce) {
 .world-drawer,.world-drawer-label,.world-drawer-content,html.has-world-drawer #pun_wrap {transition:none!important;}
}
/* ПК: панель рядом с телом форума, ширина форума сохранена. */
@media(min-width:801px) {
 html.has-world-drawer #pun_wrap,
 html.world-drawer-open #pun_wrap {
  margin-left:0!important;width:100%!important;transition:none!important;
 }
 html.has-world-drawer #pun {
  position:relative!important;left:0!important;transition:left .4s ease;
 }
 html.world-drawer-open #pun {
  left:calc((var(--world-drawer-width) - var(--world-drawer-rail-width)) / 2)!important;
 }
 html.has-world-drawer .world-drawer {
  left:calc(var(--world-drawer-forum-left,calc(50vw - 550px)) - var(--world-drawer-rail-width) - 12px);
  transition:width .4s ease,left .4s ease;
 }
 html.world-drawer-open .world-drawer {
  left:calc(var(--world-drawer-forum-left,calc(50vw - 550px)) + (var(--world-drawer-width) - var(--world-drawer-rail-width)) / 2 - var(--world-drawer-width) - 12px);
 }
}
@media(prefers-reduced-motion:reduce) {
 html.has-world-drawer #pun {transition:none!important;}
}
/* ПК: верх панели на уровне шапки, нижний зазор 10px. */
@media(min-width:801px) {
 html.has-world-drawer .world-drawer {
  top:var(--world-drawer-top,54px);bottom:10px;
 }
}
/* Показываем панель только после расчёта её положения. */
.world-drawer:not([data-positioned="true"]) {visibility:hidden!important;pointer-events:none!important;}
.world-drawer:not([data-animated="true"]) {transition:none!important;}
/* Дополнительный зазор между боковым меню и форумом. */
@media(min-width:801px) {
 html.has-world-drawer .world-drawer {
  left:calc(var(--world-drawer-forum-left,calc(50vw - 550px)) - var(--world-drawer-rail-width) - 15px);
 }
 html.world-drawer-open .world-drawer {
  left:calc(var(--world-drawer-forum-left,calc(50vw - 550px)) + (var(--world-drawer-width) - var(--world-drawer-rail-width)) / 2 - var(--world-drawer-width) - 15px);
 }
}
/* На мобильных экранах боковая панель скрыта. */
@media(max-width:800px) {
 #world-drawer.world-drawer {display:none!important;}
}
/* ПК: нижний отступ бокового меню. */
@media(min-width:801px) {
 html.has-world-drawer .world-drawer {bottom:20px;}
}
/* Новости занимают всю ширину карточки без меню мира. */
#pun #forum-header-layout .header-updates,
#forum-header-layout .header-updates {
 grid-template-columns:minmax(0,1fr)!important;
}
#pun #forum-header-layout .header-updates > .header-news,
#forum-header-layout .header-updates > .header-news {
 grid-column:1 / -1!important;width:100%!important;min-width:0!important;
}
#forum-header-layout .header-world-menu {display:none!important;}
/* Постоянная кнопка выбора панели в левом верхнем углу. */
.world-drawer-launcher {
 position:fixed;top:10px;left:10px;z-index:160;
 width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;
 border:1px solid var(--sage-green);border-radius:12px;
 background:var(--white);color:var(--teal);cursor:pointer;
}
.world-drawer-launcher[aria-pressed="true"] {background:var(--pale-green);}
.world-drawer-launcher:focus-visible {outline:2px solid var(--teal);outline-offset:2px;}
#world-drawer[hidden] {display:none!important;}
@media(max-width:800px) {
 html.world-drawer-visible #world-drawer.world-drawer:not([hidden]) {display:block!important;}
}
/* Панель доступна только на ПК; кнопка ниже на 50px. */
@media(min-width:801px) {
 .world-drawer-launcher {top:60px;}
}
@media(max-width:800px) {
 #world-drawer-launcher.world-drawer-launcher,
 html.world-drawer-visible #world-drawer.world-drawer,
 #world-drawer.world-drawer {display:none!important;}
}
/* Второй декоративный элемент у названия раздела. */
#pun #pun-index .category tbody tr h3::before {
 content:''!important;position:absolute;z-index:2;
 left:0;top:-22px;width:52px;height:56px;margin:0;
 background:url("https://forumstatic.ru/files/001c/25/f9/20807.png") center/contain no-repeat;
 opacity:var(--topic-read-opacity)!important;
 filter:var(--topic-read-filter)!important;
 pointer-events:none;
}
#pun #pun-index .category tbody tr.inew h3::before,
#pun #pun-index .category tbody tr:has(.icon.inew) h3::before {
 opacity:var(--topic-new-opacity)!important;
 filter:var(--topic-new-filter)!important;
}
/* Сохраняем значок новых сообщений перед текстом ссылки. */
#pun #pun-index .category tbody tr.inew h3 > a::before,
#pun #pun-index .category tbody tr:has(.icon.inew) h3 > a::before {
 content:'stars';font:20px/1 var(--font-icons);color:var(--orange);
 margin-right:var(--space-6px);text-transform:none;
}
/* Декор before только у чётных разделов, after — у нечётных. */
#pun #pun-index .category tbody tr:nth-child(odd) h3::before {
 display:none!important;
}
#pun #pun-index .category tbody tr:nth-child(even) h3::before {
 display:block!important;
}
#pun #pun-index .category tbody tr:nth-child(4n) h3::before {
 transform:scaleX(-1);
}
/* Нижний декор привязан к карточке раздела, а не к заголовку. */
#pun #pun-index .category tbody tr h3::before {
 display:none!important;
}
#pun #pun-index .category tbody tr:nth-child(even)::before {
 content:'';position:absolute;z-index:2;
 left:12px;bottom:0;top:auto;width:52px;height:56px;
 background:url("https://forumstatic.ru/files/001c/25/f9/20807.png") center/contain no-repeat;
 opacity:var(--topic-read-opacity)!important;
 filter:var(--topic-read-filter)!important;pointer-events:none;
}
#pun #pun-index .category tbody tr.inew:nth-child(even)::before,
#pun #pun-index .category tbody tr:nth-child(even):has(.icon.inew)::before {
 opacity:var(--topic-new-opacity)!important;
 filter:var(--topic-new-filter)!important;
}
#pun #pun-index .category tbody tr:nth-child(4n)::before {
 transform:scaleX(-1);
}
/* Отключаем прежний верхний декор before, включая правило чётных строк. */
#pun #pun-index .category tbody tr:nth-child(n) h3::before {
 content:none!important;display:none!important;background:none!important;
}
/* Перо немного левее у нижнего края карточки. */
#pun #pun-index .category tbody tr:nth-child(even)::before {
 left:7px;
}
/* Репутация: сохраняем одну иконку карточки, убираем дубль ссылки. */
#pun #pun-viewtopic .post-author .pa-respect > a::before,
#pun #pun-viewtopic .post-author .pa-respect > a::after {
 content:none!important;display:none!important;
}
#pun #pun-viewtopic .post-author .pa-respect > a img {
 display:none!important;
}