/* ==========================================================================
   imho24 — старый архив (копии первой версии сайта из /old/).
   Подключается только на страницах архива (inc/legacy/legacy.php).
   Разметку готовит inc/legacy/clean.php: классы исходной вёрстки Bitrix получают
   префикс lg-, собственные блоки — lg-*. Всё ограничено .legacy / .legacy-*.
   Токены — из main.css; значения после запятой — запасные.
   ========================================================================== */

.legacy-page { padding-bottom: var(--s-9, 48px); }

/* ---------- Плашка «это архив» ---------- */
.legacy-note {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: var(--s-4, 16px) 0 0;
	padding: 10px 14px;
	border-radius: var(--r-md, 12px);
	background: var(--mist, #f5f3f9);
	color: var(--ink-2, #5d5670);
	font-size: var(--fs-sm, 14px);
	line-height: 1.5;
}
.legacy-note__icon { flex: none; margin-top: 1px; color: var(--ink-3, #8c869b); }
.legacy-note__text { margin: 0; }
.legacy-note strong { color: var(--ink, #221b35); font-weight: 600; }
.legacy-note__links { display: inline-flex; flex-wrap: wrap; gap: 2px 16px; margin-left: 2px; }
.legacy-note__links a { color: var(--link, #007c8b); font-weight: 600; }

/* ---------- Крошки и заголовок (запасные стили, если main.css ещё нет) ---------- */
.legacy-crumbs { margin: var(--s-4, 16px) 0 var(--s-2, 8px); font-size: var(--fs-sm, 14px); color: var(--ink-2, #5d5670); }
.legacy-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0; padding: 0; list-style: none; }
.legacy-crumbs a { color: var(--ink-2, #5d5670); }

.legacy-title {
	margin: var(--s-2, 8px) 0 var(--s-6, 24px);
	font: 700 clamp(22px, 1rem + 1.5vw, 34px)/1.2 var(--f-display, "Onest", system-ui, sans-serif);
	letter-spacing: -0.015em;
	color: var(--ink, #221b35);
	overflow-wrap: anywhere;
}
.legacy-title__page {
	display: inline-block;
	margin-left: 6px;
	font: 500 var(--fs-md, 16px)/1.4 var(--f-text, system-ui, sans-serif);
	letter-spacing: 0;
	color: var(--ink-3, #8c869b);
	vertical-align: middle;
}

/* ---------- Основа содержимого ---------- */
.legacy {
	max-width: 1000px;
	color: var(--ink, #221b35);
	font-size: var(--fs-base, 17px);
	line-height: 1.6;
	overflow-wrap: anywhere;
}
.legacy p { margin: 0 0 var(--s-4, 16px); }
.legacy a { color: var(--link, #007c8b); }
.legacy a:hover { color: var(--ink, #221b35); }
.legacy img { max-width: 100%; height: auto; vertical-align: middle; }
.legacy b, .legacy strong { font-weight: 600; }
.legacy ul:not([class]), .legacy ol:not([class]) { margin: 0 0 var(--s-4, 16px); padding-left: 1.3em; }
.legacy h2 {
	margin: var(--s-8, 40px) 0 var(--s-4, 16px);
	font: 700 clamp(19px, 1rem + 0.6vw, 24px)/1.25 var(--f-display, "Onest", system-ui, sans-serif);
	letter-spacing: -0.01em;
}
.legacy h3 { margin: var(--s-6, 24px) 0 var(--s-3, 12px); font-size: var(--fs-lg, 20px); }
.legacy > :first-child, .legacy .lg-tab > :first-child { margin-top: 0; }
.legacy [id] { scroll-margin-top: 96px; }

/* Раскладки из таблиц и остатки сетки Bootstrap */
.legacy .lg-grid { display: grid; gap: var(--s-5, 20px); margin-bottom: var(--s-5, 20px); }
.legacy .lg-grid__row { display: flex; flex-wrap: wrap; gap: var(--s-5, 20px) var(--s-8, 40px); }
.legacy .lg-grid__cell { flex: 1 1 260px; min-width: 0; }
.legacy .lg-grid__cell--wide { flex: 2 1 340px; }
.legacy .lg-grid__cell--narrow { flex: 1 1 220px; }
.legacy .lg-grid__cell > h2:first-child { margin-top: 0; }
.legacy .lg-row { display: flex; flex-wrap: wrap; gap: var(--s-4, 16px) var(--s-6, 24px); }
.legacy [class*="lg-col-"] { flex: 1 1 100%; min-width: 0; }
@media (min-width: 768px) {
	.legacy .lg-col-md-2, .legacy .lg-col-md-3 { flex: 0 0 160px; }
	.legacy .lg-col-md-4 { flex: 1 1 0; }
	.legacy .lg-col-md-6 { flex: 1 1 calc(50% - var(--s-6, 24px)); }
	.legacy .lg-col-md-8 { flex: 2 1 0; }
	.legacy .lg-col-md-9, .legacy .lg-col-md-10 { flex: 1 1 0; }
}

/* Таблицы внутри текстов */
.legacy .lg-table-wrap { max-width: 100%; overflow-x: auto; margin: 0 0 var(--s-4, 16px); }
.legacy .lg-table { border-collapse: collapse; font-size: var(--fs-md, 16px); }
.legacy .lg-table td, .legacy .lg-table th { padding: 8px 10px; border: 1px solid var(--line, #e7e2ef); text-align: left; vertical-align: top; }

/* ---------- Звёзды: один элемент, заливка по data-v (в половинках звезды) ---------- */
.legacy .lg-stars {
	--p: 0%;
	display: inline-block;
	width: 80px;
	height: 16px;
	vertical-align: -2px;
	background: linear-gradient(90deg, var(--star, #f5a100) var(--p), var(--star-off, #ddd7e6) var(--p));
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3-4.6-4.4 6.3-.9z'/%3E%3C/svg%3E") 0 0 / 16px 16px repeat-x;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3-4.6-4.4 6.3-.9z'/%3E%3C/svg%3E") 0 0 / 16px 16px repeat-x;
}
.legacy .lg-stars--md { width: 110px; height: 22px; -webkit-mask-size: 22px 22px; mask-size: 22px 22px; }
.legacy .lg-stars[data-v="1"] { --p: 10%; }
.legacy .lg-stars[data-v="2"] { --p: 20%; }
.legacy .lg-stars[data-v="3"] { --p: 30%; }
.legacy .lg-stars[data-v="4"] { --p: 40%; }
.legacy .lg-stars[data-v="5"] { --p: 50%; }
.legacy .lg-stars[data-v="6"] { --p: 60%; }
.legacy .lg-stars[data-v="7"] { --p: 70%; }
.legacy .lg-stars[data-v="8"] { --p: 80%; }
.legacy .lg-stars[data-v="9"] { --p: 90%; }
.legacy .lg-stars[data-v="10"] { --p: 100%; }

/* ---------- Карточка объекта: логотип и сводка оценок ---------- */
.legacy .lg-logo {
	display: block;
	width: auto;
	max-width: min(240px, 70%);
	max-height: 140px;
	margin: 0 0 var(--s-5, 20px);
	padding: 10px;
	border: 1px solid var(--line, #e7e2ef);
	border-radius: var(--r-md, 12px);
	background: #fff;
	object-fit: contain;
}

.legacy .lg-summary {
	display: grid;
	gap: var(--s-5, 20px);
	max-width: 620px;
	margin: 0 0 var(--s-7, 32px);
	padding: var(--s-5, 20px);
	border: 1px solid var(--line, #e7e2ef);
	border-radius: var(--r-lg, 18px);
}
@media (min-width: 600px) {
	.legacy .lg-summary { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--s-8, 40px); }
}
.legacy .lg-summary__score { display: flex; align-items: center; gap: var(--s-4, 16px); }
.legacy .lg-summary__num { font: 700 48px/1 var(--f-display, "Onest", system-ui, sans-serif); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.legacy .lg-summary__side { display: grid; gap: 6px; }
.legacy .lg-summary__count { color: var(--ink-2, #5d5670); font-size: var(--fs-md, 16px); }
.legacy .lg-summary__rec { grid-column: 1 / -1; margin: 0; color: var(--ink-2, #5d5670); font-size: var(--fs-sm, 14px); }
.legacy .lg-dist { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: var(--fs-sm, 14px); color: var(--ink-2, #5d5670); }
.legacy .lg-dist li { display: grid; grid-template-columns: 30px minmax(0, 1fr) 32px; align-items: center; gap: 10px; }
.legacy .lg-dist__label { display: inline-flex; align-items: center; gap: 3px; font-variant-numeric: tabular-nums; }
.legacy .lg-dist__label::after {
	content: "";
	width: 12px;
	height: 12px;
	background: var(--star, #f5a100);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3-4.6-4.4 6.3-.9z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3-4.6-4.4 6.3-.9z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.legacy .lg-dist__bar { height: 8px; border-radius: 99px; background: var(--line, #e7e2ef); overflow: hidden; }
.legacy .lg-dist__fill { display: block; height: 100%; border-radius: 99px; background: var(--star, #f5a100); }
.legacy .lg-dist__n { text-align: right; font-variant-numeric: tabular-nums; }

/* Подзаголовки блоков и счётчики */
.legacy .lg-subhead { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.legacy .lg-count {
	display: inline-block;
	min-width: 26px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--mist, #f5f3f9);
	color: var(--ink-2, #5d5670);
	font: 600 13px/22px var(--f-text, system-ui, sans-serif);
	letter-spacing: 0;
	text-align: center;
	font-variant-numeric: tabular-nums;
	vertical-align: 1px;
}
.legacy .lg-count--zero { background: transparent; color: var(--ink-3, #8c869b); }
.legacy .lg-tab + .lg-tab { margin-top: var(--s-8, 40px); }

/* ---------- Отзывы «с обсуждениями» (.reviews > .row) и карточка отдельного отзыва ---------- */
.legacy .lg-reviews { display: grid; max-width: 820px; margin-bottom: var(--s-6, 24px); }
.legacy .lg-reviews > .lg-row,
.legacy .lg-catalog-element > .lg-row:first-child {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 6px 14px;
	padding: var(--s-5, 20px) 0;
	border-top: 1px solid var(--line, #e7e2ef);
}
.legacy .lg-reviews > .lg-row:first-child { padding-top: var(--s-2, 8px); border-top: 0; }
.legacy .lg-catalog-element > .lg-row:first-child { padding-top: 0; border-top: 0; margin-bottom: var(--s-4, 16px); }
.legacy .lg-reviews > .lg-row > .lg-col-md-2,
.legacy .lg-catalog-element > .lg-row:first-child > .lg-col-md-2 { display: contents; }
.legacy .lg-reviews .lg-col-md-2 > p,
.legacy .lg-catalog-element > .lg-row:first-child > .lg-col-md-2 > p { grid-column: 1; grid-row: 1; margin: 0; }
.legacy .lg-reviews .lg-author-name,
.legacy .lg-catalog-element > .lg-row:first-child .lg-author-name { grid-column: 2; grid-row: 1; align-self: center; }
.legacy .lg-reviews > .lg-row > .lg-col-md-10,
.legacy .lg-catalog-element > .lg-row:first-child > .lg-col-md-10 { grid-column: 1 / -1; }
@media (min-width: 640px) {
	.legacy .lg-reviews > .lg-row > .lg-col-md-10 { grid-column: 2; }
}
.legacy .lg-img-thumbnail { display: block; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: var(--mist, #f5f3f9); }
.legacy .lg-author-name { font-size: var(--fs-sm, 14px); line-height: 1.45; color: var(--ink-3, #8c869b); }
.legacy .lg-author-name::first-line { color: var(--ink, #221b35); font-weight: 600; font-size: 15px; }
.legacy .lg-author-name b { font-weight: 500; }
.legacy .lg-author-name .lg-stars { display: block; margin-top: 4px; }
.legacy .lg-lead {
	display: block;
	margin: 0 0 var(--s-2, 8px);
	font-size: var(--fs-lg, 20px);
	font-weight: 700;
	line-height: 1.3;
	color: var(--ink, #221b35);
	text-decoration: none;
}
.legacy a.lg-lead:hover { color: var(--link, #007c8b); text-decoration: underline; }
.legacy .lg-review-text { max-width: 74ch; margin-bottom: var(--s-2, 8px); }
.legacy .lg-review-time { font-size: var(--fs-sm, 14px); color: var(--ink-3, #8c869b); }
.legacy .lg-review-alerts {
	display: inline-block;
	margin-top: var(--s-2, 8px);
	padding: 4px 10px;
	border-radius: var(--r-sm, 8px);
	background: var(--doubt-bg, #fdf1e0);
	color: #6b3d00;
	font-size: var(--fs-sm, 14px);
}
.legacy .lg-representative-answers {
	margin: var(--s-3, 12px) 0;
	padding: 12px 16px;
	border-radius: var(--r-md, 12px);
	background: var(--plum-bg, #f6eaf3);
	font-size: var(--fs-md, 16px);
}

.legacy .lg-catalog-element > .lg-row:first-child .lg-props { margin-bottom: 0; }

/* Текст отдельного отзыва (/opinions/…): второй ряд карточки */
.legacy .lg-catalog-element > .lg-row + .lg-row { display: block; max-width: 74ch; }
.legacy .lg-catalog-element a > img,
.legacy .lg-alx_review_mess img { display: block; max-width: min(100%, 560px); margin: var(--s-3, 12px) 0; border-radius: var(--r-md, 12px); }
.legacy .lg-bx-smile { display: inline; width: auto; height: 1.2em; margin: 0; vertical-align: -0.2em; }

/* «Достоинства / Недостатки / Отзыв к» */
.legacy .lg-props { width: 100%; margin: var(--s-2, 8px) 0 var(--s-4, 16px); border-collapse: collapse; font-size: var(--fs-md, 16px); }
.legacy .lg-props th {
	width: 1%;
	padding: 7px 14px 7px 0;
	color: var(--ink-2, #5d5670);
	font-weight: 600;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
.legacy .lg-props td { padding: 7px 0; vertical-align: top; }
.legacy .lg-props tr + tr > * { border-top: 1px solid var(--line, #e7e2ef); }
.legacy .lg-props .lg-pros th { color: var(--rec, #10a24b); }
.legacy .lg-props .lg-cons th { color: var(--not, #c62a3f); }
@media (max-width: 479px) {
	.legacy .lg-props, .legacy .lg-props tbody, .legacy .lg-props tr, .legacy .lg-props th, .legacy .lg-props td { display: block; width: auto; }
	.legacy .lg-props th { padding: 8px 0 0; white-space: normal; }
	.legacy .lg-props td { padding: 0 0 8px; }
	.legacy .lg-props tr + tr > td { border-top: 0; }
}

/* ---------- Быстрые отзывы и статьи (.alx_reviews_*) ---------- */
.legacy .lg-alx_reviews_list { display: grid; max-width: 820px; }
.legacy .lg-alx_reviews_item { display: grid; gap: var(--s-2, 8px); padding: var(--s-5, 20px) 0; border-top: 1px solid var(--line, #e7e2ef); }
.legacy .lg-alx_reviews_item:first-of-type { border-top: 0; padding-top: var(--s-2, 8px); }
.legacy .lg-alx_reviews_item_author_info {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	column-gap: 14px;
	align-items: center;
	font-size: var(--fs-sm, 14px);
	line-height: 1.45;
	color: var(--ink-3, #8c869b);
}
.legacy .lg-alx_reviews_ava { grid-row: span 3; align-self: start; }
.legacy .lg-alx_reviews_ava img { display: block; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: var(--mist, #f5f3f9); }
.legacy .lg-alx_reviews_user_name { color: var(--ink, #221b35); font-weight: 600; font-size: 15px; }
.legacy .lg-alx_reviews_time b, .legacy .lg-alx_reviews_dop_props b { font-weight: 500; }
.legacy .lg-alx_reviews_item_title { font-size: var(--fs-lg, 20px); font-weight: 700; line-height: 1.3; }
.legacy .lg-alx_reviews_item_sec + .lg-alx_reviews_item_sec { margin-top: var(--s-2, 8px); }
.legacy .lg-alx_reviews_title_caps { color: var(--ink-2, #5d5670); font-size: var(--fs-sm, 14px); font-weight: 600; }
.legacy .lg-alx_review_mess { max-width: 74ch; line-height: 1.65; }

/* ---------- Комментарии (altasib) ---------- */
.legacy .lg-comment_block { max-width: 820px; }
.legacy .lg-comment_block ul { margin: 0; padding: 0; list-style: none; }
.legacy .lg-item_comment { padding: var(--s-4, 16px) 0; border-top: 1px solid var(--line, #e7e2ef); }
.legacy .lg-item_comment ul { margin: var(--s-3, 12px) 0 0; padding-left: var(--s-4, 16px); border-left: 2px solid var(--line, #e7e2ef); }
.legacy .lg-item_comment .lg-item_comment { padding-bottom: 0; border-top: 0; }
.legacy .lg-title_author {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	column-gap: 10px;
	align-items: center;
	font-size: var(--fs-sm, 14px);
	line-height: 1.4;
	color: var(--ink-3, #8c869b);
}
.legacy .lg-title_author br { display: none; }
.legacy .lg-ava_pic { grid-row: span 2; }
.legacy .lg-ava_pic img { display: block; width: 32px; height: 32px; border-radius: 50%; object-fit: cover; background: var(--mist, #f5f3f9); }
.legacy .lg-title_author .lg-author { color: var(--ink, #221b35); font-weight: 600; }
.legacy .lg-comment_content { margin: 6px 0 0 42px; }

/* ---------- Списки: объекты рубрики, вопросы, статьи ---------- */
.legacy .lg-list { display: grid; margin: 0 0 var(--s-6, 24px); padding: 0; list-style: none; }
.legacy .lg-item { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-top: 1px solid var(--line, #e7e2ef); }
.legacy .lg-item:first-child { border-top: 0; }
.legacy .lg-item__thumb {
	flex: none;
	display: grid;
	place-items: center;
	width: 76px;
	height: 56px;
	padding: 4px;
	overflow: hidden;
	border: 1px solid var(--line, #e7e2ef);
	border-radius: var(--r-md, 12px);
	background: #fff;
}
.legacy .lg-item__thumb img { width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; }
.legacy .lg-item__body { display: grid; gap: 2px; min-width: 0; }
.legacy .lg-item__title { color: var(--ink, #221b35); font-weight: 600; line-height: 1.4; text-decoration: none; }
.legacy .lg-item__title:hover { color: var(--link, #007c8b); text-decoration: underline; }
.legacy .lg-item__meta { display: flex; flex-wrap: wrap; gap: 2px 12px; color: var(--ink-3, #8c869b); font-size: var(--fs-sm, 14px); font-variant-numeric: tabular-nums; }
.legacy .lg-list--compact .lg-item { padding: 8px 0; }
.legacy .lg-list--compact .lg-item__title { font-weight: 500; }

/* Главная «Ответов»: рубрики со свежими статьями */
.legacy .lg-sections { display: grid; gap: var(--s-6, 24px) var(--s-8, 40px); margin-bottom: var(--s-6, 24px); }
@media (min-width: 760px) { .legacy .lg-sections { grid-template-columns: 1fr 1fr; } }
.legacy .lg-section__title { margin: 0 0 var(--s-1, 4px); font: 700 var(--fs-lg, 20px)/1.3 var(--f-text, system-ui, sans-serif); }
.legacy .lg-section__title a { color: var(--ink, #221b35); text-decoration: none; }
.legacy .lg-section__title a:hover { color: var(--link, #007c8b); text-decoration: underline; }
.legacy .lg-sections .lg-list { margin: 0; }
.legacy .lg-sections .lg-item__body { grid-template-columns: minmax(0, 1fr); }

/* ---------- Каталог рубрик (.catalog-section-list) ---------- */
.legacy .lg-cats { margin: 0 0 var(--s-6, 24px); padding: 0; list-style: none; columns: 3 220px; column-gap: var(--s-7, 32px); }
.legacy .lg-cats li { padding: 3px 0; break-inside: avoid; }
.legacy .lg-cats a { color: var(--ink, #221b35); text-decoration: none; }
.legacy .lg-cats a:hover .lg-cats__name { color: var(--link, #007c8b); text-decoration: underline; }
.legacy .lg-cats--tree { columns: auto; display: grid; }
.legacy .lg-cats__group { padding: var(--s-5, 20px) 0; border-top: 1px solid var(--line, #e7e2ef); }
.legacy .lg-cats__group:first-child { padding-top: 0; border-top: 0; }
.legacy .lg-cats__head { font: 700 var(--fs-lg, 20px)/1.3 var(--f-text, system-ui, sans-serif); }
.legacy .lg-cats__sub { margin: 10px 0 0; padding: 0; list-style: none; columns: 3 200px; column-gap: var(--s-6, 24px); font-size: var(--fs-md, 16px); }
.legacy .lg-grid__cell--narrow .lg-cats { columns: auto; }

/* ---------- Пагинация ---------- */
.legacy .lg-pager { margin: var(--s-6, 24px) 0; }
.legacy .lg-pager ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.legacy .lg-pager li { display: flex; }
.legacy .lg-pager__link,
.legacy .lg-pager__cur {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	border: 1.5px solid var(--line, #e7e2ef);
	border-radius: 999px;
	color: var(--ink, #221b35);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	text-decoration: none;
}
.legacy a.lg-pager__link:hover { border-color: var(--ink-3, #8c869b); color: var(--ink, #221b35); }
.legacy .lg-pager__cur { border-color: var(--ink, #221b35); background: var(--ink, #221b35); color: #fff; }
.legacy .lg-pager__dots { border-color: transparent; }

/* «Назад в раздел» */
.legacy .lg-back { display: inline-flex; align-items: center; gap: 8px; margin-top: var(--s-5, 20px); font-weight: 600; text-decoration: none; }
.legacy .lg-back::before {
	content: "";
	width: 7px;
	height: 7px;
	border-bottom: 2px solid currentColor;
	border-left: 2px solid currentColor;
	transform: rotate(45deg);
}
.legacy .lg-back:hover { text-decoration: underline; }

/* ---------- Пустой раздел и ссылки на разделы архива ---------- */
.legacy-empty { max-width: 640px; padding: var(--s-5, 20px); border-radius: var(--r-lg, 18px); background: var(--mist, #f5f3f9); color: var(--ink-2, #5d5670); }
.legacy-empty p { margin: 0; }

.legacy-more { max-width: 1000px; margin-top: var(--s-9, 48px); padding-top: var(--s-6, 24px); border-top: 1px solid var(--line, #e7e2ef); }
.legacy-more__title { margin: 0 0 var(--s-3, 12px); font: 700 var(--fs-lg, 20px)/1.3 var(--f-text, system-ui, sans-serif); color: var(--ink, #221b35); }
.legacy-more__list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.legacy-more__list a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 8px 16px;
	border: 1.5px solid var(--line, #e7e2ef);
	border-radius: 999px;
	color: var(--ink, #221b35);
	font-size: var(--fs-md, 16px);
	font-weight: 600;
	text-decoration: none;
}
.legacy-more__list a:hover { border-color: var(--ink-3, #8c869b); }
.legacy-more__list a.is-current { border-color: transparent; background: var(--mist, #f5f3f9); }
.legacy-more__list .i { color: var(--ink-3, #8c869b); }