/* ==========================================================================
   Тема obra — направление «Estaleiro» (стройплощадка).
   Родитель — prosilver: наследуем его разметку и поведение, меняем вид.

   Палитра: бетон #E8E6E1, тушь #1A1917, строительный жёлтый #F2C200.
   Заголовки — Archivo, текст — Source Sans 3.

   🔴 Порядок в файле важен: @import обязан идти ПЕРВЫМ (после него правила
   уже не подключатся), поэтому родительский стиль подключается сразу, а
   всё наше — ниже и перебивает его.
   ========================================================================== */
@import url("../../prosilver/theme/stylesheet.css");

/* --------------------------------------------------------------------------
   Шрифты — свои, не с fonts.googleapis.com.
   Внешняя загрузка отдаёт IP каждого посетителя Google; в ЕС за это уже
   штрафовали (LG München I, 3 O 17493/20). Обе гарнитуры под SIL OFL,
   самостоятельный хостинг разрешён. Файлы кладёт styles/fetch-fonts.sh.
   Гарнитуры вариативные — один файл на все начертания.
   -------------------------------------------------------------------------- */
@font-face {
	font-family: "Archivo";
	src: url("fonts/archivo-latin.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
	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;
}
@font-face {
	font-family: "Archivo";
	src: url("fonts/archivo-latin-ext.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Source Sans 3";
	src: url("fonts/sourcesans-latin.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
	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;
}
@font-face {
	font-family: "Source Sans 3";
	src: url("fonts/sourcesans-latin-ext.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--ob-concrete:   #E8E6E1;  /* фон страницы */
	--ob-surface:    #F6F5F2;  /* карточка, строка списка */
	--ob-surface-2:  #EFEDE8;  /* чередование */
	--ob-rule:       #DCD8D0;  /* тонкая линейка внутри карточки */
	--ob-border:     #CFCBC2;  /* граница карточки */
	--ob-ink:        #1A1917;  /* заголовки, тёмная шапка */
	--ob-ink-soft:   #26241F;  /* основной текст */
	--ob-muted:      #55524C;
	--ob-muted-2:    #77746D;
	--ob-muted-3:    #8A867E;
	--ob-label:      #6E6B64;  /* мелкие подписи-рубрики */
	--ob-yellow:     #F2C200;  /* строительный акцент */
	--ob-link:       #8A6A00;
	--ob-link-hover: #5C4700;
	--ob-on-dark:    #E8E6E1;
	--ob-on-dark-mu: #9C9A93;
	--ob-on-dark-bd: #4A4843;

	--ob-head: Archivo, "Trebuchet MS", Arial, sans-serif;
	--ob-body: "Source Sans 3", system-ui, "Segoe UI", Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   Основа
   -------------------------------------------------------------------------- */
html { background-color: var(--ob-concrete); }

body {
	background: var(--ob-concrete);
	color: var(--ob-ink-soft);
	font-family: var(--ob-body);
	font-size: 10px;      /* как у prosilver: вся вёрстка считает em от этой базы */
	padding-top: 0;       /* тёмная шапка должна упираться в верх окна */
}

a { color: var(--ob-link); text-decoration: none; }
a:hover { color: var(--ob-link-hover); text-decoration: underline; }

.wrap {
	background: transparent;
	border: 0;
	border-radius: 0;
	max-width: 1180px;
	padding: 0 0 24px 0;
}

/* «Estaleiro» — прямые углы. Скругления prosilver убираем разом. */
.headerbar, .navbar, .forabg, .forumbg, .panel, .post, .cp-main .panel,
.dropdown-contents, .button, input, select, textarea, .inputbox {
	border-radius: 0;
}

/* --------------------------------------------------------------------------
   Шапка и навигация — единый тёмный блок
   -------------------------------------------------------------------------- */
.headerbar {
	background: var(--ob-ink);
	background-image: none;
	color: var(--ob-on-dark);
	margin-bottom: 0;
	padding: 16px 26px 14px 26px;
}

.headerbar .inner { padding: 0; }

.site-description { float: left; width: 62%; }

.headerbar .logo,
.headerbar a.logo {
	float: left;
	margin: 2px 12px 0 0;
	padding: 0;
	background: none;
}

/* Логотип phpBB заменён своим знаком — дом со стропилами. */
.site_logo {
	display: block;
	width: 28px;
	height: 28px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2C200' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M3 20h18'/%3E%3Cpath d='M5 20V9l7-5 7 5v11'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}

/* Название сайта. На главной это <h1>, на остальных страницах <p>:
   там H1 занят заголовком темы или раздела. Вид одинаковый. */
.site-description .sitename {
	font-family: var(--ob-head);
	font-weight: 700;
	font-size: 1.95em;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--ob-on-dark);
	margin: 0;
}

.site-description .sitename a { color: var(--ob-on-dark); text-decoration: none; }

.site-description p {
	color: var(--ob-on-dark-mu);
	font-size: 1.15em;
	margin: 3px 0 0 0;
}

.site-description p.skiplink { display: none; }

/* Поиск в шапке */
.headerbar .search-box .inputbox,
.headerbar .search-box input.search {
	background: #26241F;
	border: 1px solid var(--ob-on-dark-bd);
	color: var(--ob-on-dark);
}

.headerbar .search-box .inputbox::placeholder { color: #6E6B64; }

.headerbar .search-box .button-search,
.headerbar .search-box .button-search-end {
	background: #26241F;
	border: 1px solid var(--ob-on-dark-bd);
	color: var(--ob-on-dark-mu);
}

/* Навигация */
.navbar {
	background: var(--ob-ink);
	background-image: none;
	padding: 0 26px;
	margin-bottom: 22px;
}

.navbar .inner { padding: 0; }

.navbar ul.linklist { border-top: 1px solid var(--ob-on-dark-bd); padding: 7px 0; }

#nav-main > li > a,
#nav-main .rightside > a {
	color: var(--ob-on-dark-mu);
	font-family: var(--ob-head);
	font-size: 1.25em;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

#nav-main > li > a:hover,
#nav-main .rightside > a:hover {
	color: var(--ob-yellow);
	text-decoration: none;
}

#nav-breadcrumbs { border-top: 1px solid var(--ob-on-dark-bd); }

#nav-breadcrumbs .breadcrumbs a,
#nav-breadcrumbs > li > a,
#nav-breadcrumbs .rightside a {
	color: var(--ob-on-dark-mu);
	font-size: 1.2em;
}

#nav-breadcrumbs .breadcrumbs a:hover { color: var(--ob-yellow); }

/* последняя крошка — текущая страница */
#nav-breadcrumbs .breadcrumbs span:last-child a { color: var(--ob-on-dark); }

.dropdown-contents {
	background: var(--ob-surface);
	border: 1px solid var(--ob-border);
	box-shadow: none;
}

/* --------------------------------------------------------------------------
   Списки разделов и тем
   -------------------------------------------------------------------------- */
.page-body { padding: 22px 26px 0 26px; }

.forabg, .forumbg {
	background: transparent;
	background-image: none;
	border: 0;
	box-shadow: none;
	margin-bottom: 26px;
	padding: 0;
}

.forabg .inner, .forumbg .inner { padding: 0; }

/* Название рубрики: не плашка, а мелкая надпись над списком. */
.forabg > .inner > ul.topiclist > li.header,
.forumbg > .inner > ul.topiclist > li.header {
	background: transparent;
	background-image: none;
	border: 0;
}

ul.topiclist li.header dl.row-item { background-image: none; min-height: 0; }

ul.topiclist li.header dt,
ul.topiclist li.header dt .list-inner {
	font-family: var(--ob-head);
	font-size: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	color: var(--ob-label);
	padding: 0 0 12px 0;
	border: 0;
}

ul.topiclist li.header dt a,
ul.topiclist li.header dt .list-inner a { color: var(--ob-label); }

ul.topiclist li.header dd {
	font-family: var(--ob-head);
	font-size: 1.05em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--ob-muted-3);
	border-left: 0;
	padding: 0 0 12px 0;
}

/* Строки списка */
ul.topiclist li.row,
ul.topiclist li.row.bg1,
ul.topiclist li.row.bg2 {
	background: var(--ob-surface);
	border: 1px solid var(--ob-border);
	border-bottom: 0;
}

ul.topiclist li.row:last-child { border-bottom: 1px solid var(--ob-border); }
ul.topiclist li.row:hover { background: #FBFAF7; }

ul.topiclist li.row dl { border: 0; }

/* Раздел заборов — наша основная тема, поэтому помечен акцентом.
   :has() не поддержан старым браузером — там просто не будет полоски. */
ul.topiclist li.row:has(a.forumtitle[href*="-f8."]) {
	border-left: 4px solid var(--ob-yellow);
}

/* ⚠️ Размер в em считается от .list-inner (1.35em), а не от базовых 10px:
   1.2 × 13.5px ≈ 16px — как в макете. Прямое «1.65em» давало 22px. */
a.forumtitle, a.topictitle {
	font-family: var(--ob-head);
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.3;
	color: var(--ob-ink);
	text-shadow: none;
}

/* Значки разделов и тем — свои, в палитре темы: прочитано — контур,
   непрочитано — жёлтая заливка. Родные значки prosilver синие и выпадали
   из оформления. Различий «закрыто»/«популярно» это лишает — они остаются
   видны по тексту строки. */
ul.topiclist dl.row-item {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A867E' stroke-width='1.7' stroke-linecap='square'%3E%3Crect x='4.5' y='3.5' width='15' height='17'/%3E%3Cpath d='M8 8.5h8M8 12h8M8 15.5h5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 12px 50%;
	background-size: 26px 26px;
}

ul.topiclist dl[class*="unread"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4.5' y='3.5' width='15' height='17' fill='%23F2C200' stroke='%231A1917' stroke-width='1.7'/%3E%3Cpath d='M8 8.5h8M8 12h8M8 15.5h5' stroke='%231A1917' stroke-width='1.7' fill='none'/%3E%3C/svg%3E");
}

ul.topiclist li.header dl.row-item { background-image: none; }

a.forumtitle:hover, a.topictitle:hover { color: var(--ob-link); text-decoration: none; }

.row-item .list-inner { color: var(--ob-muted); }

.forabg .row-item dt .list-inner,
.forumbg .row-item dt .list-inner { font-size: 1.35em; line-height: 1.45; }

ul.topiclist dd.topics, ul.topiclist dd.posts, ul.topiclist dd.views {
	font-family: var(--ob-head);
	font-size: 1.3em;
	font-weight: 700;
	color: var(--ob-ink);
	border-left: 0;
	line-height: 1.3;
}

ul.topiclist dd.lastpost {
	font-size: 1.2em;
	color: var(--ob-muted-2);
	border-left: 1px solid var(--ob-rule);
}

ul.topiclist dd.lastpost span { line-height: 1.45; }

.row-item .responsive-show, .row-item .responsive-show strong { color: var(--ob-muted-2); }

/* --------------------------------------------------------------------------
   Заголовок страницы
   -------------------------------------------------------------------------- */
h1.topic-title, h1.forum-title, h2.forum-title {
	font-family: var(--ob-head);
	font-size: 2.7em;
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.02em;
	color: var(--ob-ink);
	margin: 0 0 6px 0;
}

h1.topic-title a, h1.forum-title a { color: var(--ob-ink); }
h1.topic-title a:hover, h1.forum-title a:hover { color: var(--ob-link); text-decoration: none; }

h2, .content h2, .panel h2 {
	font-family: var(--ob-head);
	font-weight: 600;
	color: var(--ob-ink);
	border-bottom-color: var(--ob-rule);
}

/* Служебные подзаголовки — «Permissões do fórum», «Quem está ligado»,
   «Estatísticas». У prosilver они синие и выпадают из палитры. */
h3 {
	font-family: var(--ob-head);
	font-weight: 700;
	color: var(--ob-label);
	border-bottom-color: var(--ob-border);
	letter-spacing: 0.07em;
}

.action-bar {
	background: transparent;
	color: var(--ob-muted-2);
	font-size: 1.25em;
	margin: 6px 0 18px 0;
}

.action-bar .pagination, .pagination { color: var(--ob-muted-2); }

.pagination li a, .pagination li span {
	background: var(--ob-surface);
	border: 1px solid var(--ob-border);
	border-radius: 0;
	color: var(--ob-ink);
	font-family: var(--ob-head);
	font-weight: 600;
}

.pagination li.active span {
	background: var(--ob-ink);
	border-color: var(--ob-ink);
	color: var(--ob-on-dark);
}

/* --------------------------------------------------------------------------
   Посты
   🔴 Перекладка: в prosilver профиль автора — колонка справа
   (.postprofile { float: right; width: 22% }). Здесь он становится
   горизонтальной шапкой поста, как в утверждённом макете, а текст —
   на всю ширину. Отсюда сброс float/width у обоих блоков.
   -------------------------------------------------------------------------- */
.post {
	background: var(--ob-surface);
	background-image: none;
	border: 1px solid var(--ob-border);
	margin-bottom: 14px;
	padding: 20px 22px;
}

.post.bg1 { background: var(--ob-surface-2); }
.post.bg2 { background: var(--ob-surface); }

/* Первый пост темы — самый важный, отмечен тушью сверху. */
.post:has(.post-subject.first) { border-top: 3px solid var(--ob-ink); }

.post .inner { padding: 0; }

.postprofile {
	float: none;
	width: auto;
	min-height: 0;
	border: 0;
	border-bottom: 1px solid var(--ob-rule);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 14px;
	margin: 0 0 16px 0;
	padding: 0 0 13px 0;
	text-align: left;
	color: var(--ob-muted-3);
}

.postprofile dt {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
}

.postprofile dt.has-avatar .avatar-container { float: none; margin: 0; }

.postprofile .avatar-container img,
.postprofile .avatar img {
	width: 40px;
	height: 40px;
	max-width: 40px;
	max-height: 40px;
	object-fit: cover;
	border: 0;
	border-radius: 0;
}

.postprofile .username,
.postprofile .username-coloured {
	font-family: var(--ob-head);
	font-size: 1.5em;
	font-weight: 600;
	color: var(--ob-ink);
}

.postprofile .username:hover, .postprofile .username-coloured:hover { color: var(--ob-link); }

.postprofile .profile-rank {
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--ob-muted-3);
}

.postprofile dd {
	margin: 0;
	font-size: 1.2em;
	color: var(--ob-muted-3);
}

/* Дата регистрации в шапке поста только удлиняет строку — она осталась
   на странице профиля пользователя. */
.postprofile dd.profile-joined { display: none; }

.postbody {
	float: none;
	width: auto;
	position: relative;
	line-height: 1.62;
}

/* Тема поста. Было <h3>, стало <div class="post-subject">: H3 внутри темы
   мешал структуре заголовков. Правый отступ оставлен под кнопки поста. */
.postbody .post-subject {
	font-family: var(--ob-head);
	font-size: 1.55em;
	font-weight: 600;
	line-height: 1.3;
	color: var(--ob-ink);
	margin: 0 180px 0.35em 0;
	padding: 0;
	border: 0;
	text-transform: none;
}

.postbody .post-subject.first { font-size: 1.75em; }
.postbody .post-subject a { color: var(--ob-ink); }
.postbody .post-subject a:hover { color: var(--ob-link); }

.postbody p.author {
	font-size: 1.2em;
	color: var(--ob-muted-3);
	margin: 0 0 14px 0;
	padding: 0;
}

.postbody .content {
	font-size: 1.6em;
	line-height: 1.62;
	color: var(--ob-ink-soft);
}

/* 🔴 Ширину ограничиваем у всей колонки темы, а не у абзаца.
   На весь экран строка выходит под 120 знаков — глаз теряет начало
   следующей. Но если сузить только текст, пост остаётся во всю ширину и
   справа зияет пустая половина карточки. Узкая колонка целиком читается
   как страница статьи. Списка тем это не касается: там нужна вся ширина. */
.section-viewtopic .page-body { max-width: 830px; }

.postbody .content p { margin: 0 0 0.85em 0; }

.postbody .content strong, .postbody .content b { font-weight: 600; }

/* Таблицы цен и характеристик — основная ценность технических ответов. */
.postbody .content table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1em 0;
	font-size: 0.92em;
}

.postbody .content th {
	background: var(--ob-ink);
	color: var(--ob-on-dark);
	font-family: var(--ob-head);
	font-weight: 600;
	letter-spacing: 0.03em;
	text-align: left;
	padding: 9px 12px;
}

.postbody .content td {
	padding: 9px 12px;
	border-bottom: 1px solid var(--ob-rule);
	font-variant-numeric: tabular-nums;
}

blockquote {
	background: var(--ob-surface-2);
	border: 0;
	border-left: 3px solid var(--ob-border);
	border-radius: 0;
	color: var(--ob-muted);
}

/* В подписи у наших экспертов стоит специальность («Engenheiro civil») —
   это она подтверждает компетентность ответа, поэтому не мельчим. */
.signature {
	border-top: 1px solid var(--ob-rule);
	color: var(--ob-muted-2);
	font-size: 1.3em;
	padding-top: 10px;
}

.post-buttons .button { font-size: 1.1em; }

/* Гейт: гостю виден первый пост и начало второго, дальше — регистрация.
   Обрывок второго поста — обычный текст, поэтому никакой рамки и центровки
   на самом .paywall: иначе по центру уезжает и текст-затравка. */
.paywall { background: none; border: 0; padding: 0; text-align: left; }

.paywall > p { margin: 0 0 0.85em 0; }

.paywall .paywall-hidden {
	color: var(--ob-muted-2);
	font-style: italic;
	text-align: center;
	border: 1px dashed var(--ob-border);
	padding: 16px 18px;
	margin: 0;
}

.paywall-cta {
	background: var(--ob-surface-2);
	border: 1px solid var(--ob-border);
	border-left: 4px solid var(--ob-yellow);
	margin-top: 1.1em;
	padding: 18px 20px;
	text-align: left;
}

.paywall-cta p { margin: 0 0 0.6em 0; }
.paywall-cta p.paywall-actions { margin: 0.9em 0 0 0; }

.paywall-cta .button {
	font-family: var(--ob-head);
	font-weight: 600;
	padding: 9px 16px;
}

/* Регистрация — то самое действие, ради которого блок и стоит. */
.paywall-cta .button1 {
	background: var(--ob-yellow);
	border-color: var(--ob-yellow);
	color: var(--ob-ink);
}

.paywall-cta .button1:hover {
	background: var(--ob-ink);
	border-color: var(--ob-ink);
	color: var(--ob-on-dark);
}

/* --------------------------------------------------------------------------
   Кнопки, поля, панели
   -------------------------------------------------------------------------- */
.button, a.button, input.button1, input.button2, .button-secondary {
	background: var(--ob-surface);
	background-image: none;
	border: 1px solid var(--ob-border);
	color: var(--ob-ink);
	font-family: var(--ob-head);
	font-weight: 600;
	text-shadow: none;
	box-shadow: none;
}

.button:hover, a.button:hover, input.button1:hover, input.button2:hover {
	background: var(--ob-ink);
	border-color: var(--ob-ink);
	color: var(--ob-on-dark);
	text-decoration: none;
}

/* Главное действие — регистрация. */
.navbar #nav-main a[href*="mode=register"],
a.button.button-primary {
	background: var(--ob-yellow);
	border-color: var(--ob-yellow);
	color: var(--ob-ink);
}

.inputbox, input[type="text"], input[type="password"], input[type="search"],
input[type="email"], select, textarea {
	background: #FFFFFF;
	border: 1px solid var(--ob-border);
	border-radius: 0;
	color: var(--ob-ink-soft);
	font-family: var(--ob-body);
}

.inputbox:focus, input:focus, select:focus, textarea:focus {
	border-color: var(--ob-ink);
	outline: 0;
}

.panel {
	background: var(--ob-surface);
	background-image: none;
	border: 1px solid var(--ob-border);
	color: var(--ob-ink-soft);
}

.panel p, .panel .content { font-size: 1.4em; }

/* --------------------------------------------------------------------------
   Подвал
   -------------------------------------------------------------------------- */
#page-footer { padding: 0 26px; }

/* Подвал светлый: тёмная плашка тут повторяла шапку и часть текста
   («Todos os horários são UTC») уходила в тёмное по тёмному. */
#page-footer .navbar {
	background: transparent;
	margin: 22px 0 0 0;
	padding: 0;
}

#page-footer .navbar ul.linklist { border-top: 1px solid var(--ob-border); }

#page-footer .navbar a,
#page-footer .navbar .rightside,
#page-footer .navbar li {
	color: var(--ob-muted-2);
	text-transform: none;
	letter-spacing: 0;
	font-family: var(--ob-body);
	font-size: 1.2em;
	font-weight: 400;
}

#page-footer .navbar a:hover { color: var(--ob-link-hover); }

.copyright {
	color: var(--ob-muted-3);
	font-size: 1.1em;
	border-top: 1px solid var(--ob-border);
	padding-top: 16px;
	margin-top: 10px;
}

.copyright a { color: var(--ob-muted-2); }

/* --------------------------------------------------------------------------
   Узкий экран
   -------------------------------------------------------------------------- */
@media (max-width: 700px) {
	/* 🔴 На узком экране prosilver выносит шапку и навигацию за края
	   отрицательными полями, рассчитывая, что у .wrap есть padding: 0 5px.
	   Обнулив его, мы получали ровно 10 px переполнения: документ становился
	   шире экрана, справа резался текст и появлялась горизонтальная прокрутка. */
	.wrap { padding-left: 5px; padding-right: 5px; }

	.headerbar, .navbar, .page-body, #page-footer { padding-left: 14px; padding-right: 14px; }

	.site-description { float: none; width: auto; }

	h1.topic-title, h1.forum-title { font-size: 2.1em; max-width: none; }

	.post { padding: 16px 15px; }

	.postbody .post-subject { margin-right: 0; }

	.postprofile { gap: 4px 10px; }

	/* 🔴 «Registe-se» кнопкой в узкую навигацию не влезает: строка становится
	   шире экрана и тянет за собой весь документ — появляется горизонтальная
	   прокрутка, а правый край текста уезжает за границу. На мобильном это
	   обычная ссылка жёлтым, и строка получает право переноситься. */
	.navbar ul.linklist { flex-wrap: wrap; }

	.navbar #nav-main a[href*="mode=register"] {
		background: transparent;
		border: 0;
		color: var(--ob-yellow);
		padding: 0 6px;
	}

}