/* Шкала личностей /people/ и короткие страницы личностей */
@font-face { font-family: "Cormorant HL"; src: url("../fonts/Cormorant-600-cyr.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Cormorant HL"; src: url("../fonts/Cormorant-600-lat.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant HL"; src: url("../fonts/Cormorant-700-cyr.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Cormorant HL"; src: url("../fonts/Cormorant-700-lat.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.hl-people-page {
	--hp-bg: #170F09; --hp-text: #F1E4CC; --hp-head: #F6EAD3; --hp-soft: #D6C3A3; --hp-muted: #B49C7C; --hp-dim: #A8916F;
	--hp-line: rgba(180,140,90,.45); --hp-gold: #D9A54E; --hp-goldb: #F2C46B; --hp-panel: rgba(26,17,10,.93);
	--hp-serif: "Cormorant HL", "Old Standard TT", Georgia, serif;
	background: var(--hp-bg);
}
/* шапка на этой странице всегда темная */
.hl-people-page .hl-header, .hl-people-page .hl-searchbar, .hl-people-page .hl-footer {
	--paper: #170F09; --soft: #1D1410; --ink: #F1E4CC; --dust: rgba(217,165,78,.18); --brass: #D9A54E; --brass-light: #E8B864; --card: #211912; --muted: #B49C7C;
	color-scheme: dark;
}
.hlp { position: relative; overflow: hidden; color: var(--hp-text); background: var(--hp-bg) url("../img/people-bg.jpg") center / cover no-repeat; padding-bottom: 28px; }
.hlp__inner { position: relative; max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
.hlp__toprow { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; }
.hlp .hl-crumbs { padding-top: 0; margin: 0; }
.hlp__links { display: flex; gap: 10px; flex: none; }
.hlp-link { height: 36px; padding: 0 14px; border: 1px solid rgba(199,168,102,.55); border-radius: 4px; background: rgba(199,168,102,.08); color: var(--hp-goldb); font: 500 14px var(--sans); display: inline-flex; align-items: center; gap: 8px; text-decoration: none; white-space: nowrap; }
.hlp-link:hover { background: rgba(199,168,102,.18); color: #FFE2A6; }
.hlp .hl-crumbs [aria-current] { color: var(--hp-dim); }
.hlp .hl-crumbs, .hlp .hl-crumbs a { color: var(--hp-muted); }
.hlp__title { margin: 10px 0 0; font-family: var(--hp-serif); font-weight: 600; font-size: 60px; line-height: 1; color: var(--hp-head); letter-spacing: .005em; }
.hlp__lead { margin: 12px 0 0; max-width: 900px; font-size: 17px; line-height: 1.5; color: var(--hp-soft); }
.hlp__bar { display: flex; align-items: center; justify-content: space-between; gap: 14px 16px; margin-top: 22px; }
.hlp__tools { display: flex; align-items: center; gap: 18px; flex: none; }
.hlp__ranks { display: flex; align-items: center; gap: 8px; }
.hlp__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.hlp-chip { height: 38px; padding: 0 13px; border: 1px solid var(--hp-line); border-radius: 19px; background: rgba(32,21,13,.72); color: #E9DAC0; font: 500 14px var(--sans); display: inline-flex; align-items: center; gap: 9px; cursor: pointer; white-space: nowrap; }
.hlp-chip i { width: 9px; height: 9px; border-radius: 50%; background: var(--c); box-shadow: 0 0 6px var(--c); flex: none; }
.hlp-chip:hover, .hlp-rank:hover { border-color: rgba(230,180,100,.8); color: #FFF4E0; }
.hlp-chip.is-on, .hlp-rank.is-on { border-color: #E0AE58; background: rgba(217,165,78,.17); color: #FFF4E0; box-shadow: 0 0 14px rgba(217,165,78,.22); }
.hlp__ranklabel { font-size: 14px; color: var(--hp-muted); margin-right: 2px; }
.hlp-rank { width: 38px; height: 38px; border: 1px solid var(--hp-line); border-radius: 6px; background: rgba(28,18,11,.78); color: #E9DAC0; font: 600 15px var(--sans); cursor: pointer; }
.hlp__search { position: relative; flex: none; }
.hlp__select select { height: 40px; max-width: 230px; padding: 0 34px 0 12px; border: 1px solid var(--hp-line); border-radius: 6px; background: rgba(28,18,11,.82) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B49C7C' stroke-width='2.4' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 12px center no-repeat; color: var(--hp-text); font: 400 14px var(--sans); appearance: none; -webkit-appearance: none; cursor: pointer; }
.hlp__select option { background: #1D1410; color: #F1E4CC; }
.hlp__select select:focus-visible { outline: 2px solid var(--hp-goldb); outline-offset: 1px; }
.hlp__search .hl-icon { position: absolute; left: 13px; top: 11px; color: var(--hp-muted); pointer-events: none; }
.hlp__search input { width: 226px; height: 40px; border: 1px solid var(--hp-line); border-radius: 6px; background: rgba(28,18,11,.82); color: var(--hp-text); font: 400 14px var(--sans); padding: 0 12px 0 40px; outline: none; }
.hlp__search input::placeholder { color: #8E7A60; }
.hlp__search input:focus { border-color: #E0AE58; }
.hlp-chip:focus-visible, .hlp-rank:focus-visible, .hlp__scroller:focus-visible, .hlp-card__more:focus-visible, .hlp-card__x:focus-visible { outline: 2px solid var(--hp-goldb); outline-offset: 2px; }

/* сцена и дорожка */
.hlp__stage { position: relative; margin-top: 4px; height: 476px; }
.hlp__stage::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23,15,9,0), rgba(23,15,9,.45) 18%, rgba(23,15,9,.45) 82%, rgba(23,15,9,0)); pointer-events: none; }
.hlp__scroller { position: absolute; inset: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; cursor: grab; overscroll-behavior-x: contain; }
.hlp__scroller::-webkit-scrollbar { display: none; }
.hlp__scroller.is-drag { cursor: grabbing; }
.hlp__track { position: relative; height: 100%; }
.hlp__axis { position: absolute; left: 0; height: 2px; background: linear-gradient(90deg, rgba(217,165,78,0), #D9A54E 1.5%, #E8B864 50%, #D9A54E 98.5%, rgba(217,165,78,0)); box-shadow: 0 0 14px rgba(232,180,90,.55), 0 0 3px rgba(255,210,130,.8); }
.hlp__tick { position: absolute; border-radius: 50%; }
.hlp__yl { position: absolute; width: 80px; margin-left: -40px; text-align: center; font-family: var(--hp-serif); line-height: 1; pointer-events: none; }
.hlp__yl--d { font-size: 24px; font-weight: 700; color: var(--hp-head); }
.hlp__yl--f { font-size: 15px; font-weight: 600; color: var(--hp-dim); }
.hlp-it { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.hlp-it__ln { position: absolute; width: 1px; background: var(--hp-gold); opacity: .8; pointer-events: none; }
.hlp-it--B .hlp-it__ln { opacity: .55; }
.hlp-it--S .hlp-it__ln { width: 2px; background: var(--c); opacity: 1; box-shadow: 0 0 8px var(--c); }
.hlp-it__rf { position: absolute; width: 1px; background: var(--hp-gold); opacity: .14; pointer-events: none; }
.hlp-it__dot { position: absolute; border-radius: 50%; background: var(--c); box-shadow: 0 0 4px var(--c); pointer-events: none; }
.hlp-it__hit { position: absolute; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; }
.hlp-it__hit:focus-visible { outline: 1px solid var(--hp-goldb); outline-offset: 2px; }
.hlp-it__pf { position: absolute; overflow: hidden; background: #2A1C12; box-shadow: 0 6px 22px rgba(0,0,0,.55); pointer-events: none; }
.hlp-it__pf img, .hlp-card__img img, .hlp__tip img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; filter: grayscale(1) sepia(.5) contrast(1.06) brightness(.93); }
.hlp-it__cap { position: absolute; width: 150px; display: flex; flex-direction: column; gap: 3px; pointer-events: none; }
.hlp-it__cap { text-shadow: 0 1px 3px rgba(0,0,0,.9), 0 0 10px rgba(0,0,0,.6); }
.hlp-it__nm { font-family: var(--hp-serif); font-size: 20px; font-weight: 600; line-height: 1.08; color: var(--hp-head); }
.hlp-it__yr { font-size: 13px; color: #C9B391; }
.hlp-it__rl { font-size: 12px; line-height: 1.35; color: var(--hp-dim); }
.hlp-it.is-on .hlp-it__ln { background: var(--hp-goldb); opacity: 1; width: 2px; box-shadow: 0 0 8px var(--hp-goldb); }
.hlp-it--S.is-on .hlp-it__ln { background: var(--c); }
.hlp-it.is-on .hlp-it__pf { outline: 2px solid var(--hp-goldb); }
.hlp-it.is-dim { opacity: .12; }
.hlp-it.is-dim .hlp-it__pf, .hlp-it.is-dim .hlp-it__cap { opacity: 1; }

/* подсказка и карточка */
.hlp__tip { position: absolute; z-index: 3; width: 210px; display: flex; gap: 10px; padding: 8px; background: rgba(24,16,10,.96); border: 1px solid rgba(217,165,78,.55); border-radius: 4px; box-shadow: 0 6px 24px rgba(0,0,0,.5); pointer-events: none; }
.hlp__tip[hidden] { display: none; }
.hlp__tip .hlp-tip__img { width: 36px; height: 46px; flex: none; overflow: hidden; background: #2A1C12; }
.hlp__tip .hlp-tip__t { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.hlp__tip b { font-family: var(--hp-serif); font-size: 16px; font-weight: 600; line-height: 1.05; color: var(--hp-head); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hlp__tip span { font-size: 11px; color: #C9B391; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hlp__tip span + span { color: var(--hp-dim); }
.hlp-card { position: absolute; z-index: 4; right: max(24px, calc((100% - var(--max)) / 2 + 24px)); top: 12px; width: 264px; padding: 18px; background: var(--hp-panel); border: 1px solid rgba(200,150,80,.42); border-radius: 6px; box-shadow: 0 10px 40px rgba(0,0,0,.5); color: var(--hp-text); }
.hlp-card[hidden] { display: none; }
.hlp-card__x { position: absolute; right: 4px; top: 4px; width: 40px; height: 40px; border: 0; background: transparent; color: var(--hp-muted); font: 300 24px var(--sans); cursor: pointer; }
.hlp-card__x:hover { color: var(--hp-text); }
.hlp-card__top { display: flex; gap: 12px; align-items: flex-start; }
.hlp-card__img { width: 112px; height: 142px; flex: none; overflow: hidden; background: #2A1C12; box-shadow: 0 4px 16px rgba(0,0,0,.5); }
.hlp-card__cat { margin-top: 34px; display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 10px; border: 1px solid var(--hp-line); border-radius: 13px; font-size: 12px; color: #E9DAC0; white-space: nowrap; }
.hlp-card__cat i { width: 8px; height: 8px; border-radius: 50%; background: var(--c); box-shadow: 0 0 6px var(--c); }
.hlp-card__name { margin: 16px 0 0; font-family: var(--hp-serif); font-size: 29px; font-weight: 600; line-height: 1.05; color: var(--hp-head); }
.hlp-card__years { margin: 6px 0 0; font-family: var(--hp-serif); font-size: 19px; font-weight: 600; color: #C9B391; }
.hlp-card__bio { margin: 12px 0 0; padding-bottom: 16px; border-bottom: 1px solid rgba(180,140,90,.3); font-size: 14px; line-height: 1.5; color: #DCC9A8; }
.hlp-card__more { margin-top: 16px; display: flex; align-items: center; justify-content: center; gap: 8px; height: 42px; border: 1px solid var(--hp-gold); border-radius: 4px; color: var(--hp-goldb); font: 500 14px var(--sans); text-decoration: none; background: rgba(217,165,78,.08); }
.hlp-card__more:hover { background: rgba(217,165,78,.18); color: #FFE2A6; }

/* мини-шкала */
.hlp__navrow { position: relative; max-width: var(--max); margin: 6px auto 0; padding: 0 var(--gutter); display: flex; align-items: center; gap: 36px; }
.hlp__mm { position: relative; flex: 1; height: 62px; cursor: pointer; touch-action: none; }
.hlp__mmbase { position: absolute; left: 0; right: 0; top: 40px; height: 1px; background: rgba(217,165,78,.35); }
.hlp__mmtick { position: absolute; width: 1px; background: rgba(217,165,78,.45); }
.hlp__mmtick--S { background: rgba(217,165,78,.8); }
.hlp__mmlab { position: absolute; top: 48px; width: 50px; margin-left: -25px; text-align: center; font-size: 12px; color: var(--hp-dim); }
.hlp__mmwin { position: absolute; top: 2px; height: 44px; border: 1px solid #E0AE58; border-radius: 3px; background: rgba(217,165,78,.12); box-shadow: 0 0 18px rgba(217,165,78,.25); pointer-events: none; }
.hlp__hint { flex: none; display: flex; align-items: center; gap: 14px; margin: 0; max-width: 250px; font-size: 13px; line-height: 1.45; color: var(--hp-muted); }
.hlp__noscript { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); color: var(--hp-soft); }

/* полный список */
.hlp-list { background: #140D08; color: var(--hp-text); padding: 40px 0 64px; border-top: 1px solid rgba(217,165,78,.16); }
.hlp-list__title { margin: 0 0 22px; font-family: var(--hp-serif); font-weight: 600; font-size: 34px; color: var(--hp-head); }
.hlp-list__title + .hlp-list__grid { margin-bottom: 40px; }
.hlp-list__grid { list-style: none; margin: 0; padding: 0; columns: 4 240px; column-gap: 32px; }
.hlp-list__grid li { break-inside: avoid; margin: 0 0 12px; font-size: 14px; line-height: 1.35; }
.hlp-list__grid a { color: var(--hp-head); text-decoration: none; font-weight: 500; }
.hlp-list__grid a:hover { color: var(--hp-goldb); text-decoration: underline; }
.hlp-list__y { color: #C9B391; white-space: nowrap; }
.hlp-list__r { display: block; color: var(--hp-dim); font-size: 13px; }
.hl-people-page .hl-footer { border-top-color: rgba(217,165,78,.16); background: #140D08; --brown: #F2C46B; --link: #E0BF7E; --link-hover: #F1D9A4; }
.hl-people-page .hl-footer a { color: var(--ink); }
.hl-people-page .hl-footer__about a, .hl-people-page .hl-footer__bottom a { color: var(--link); }
.hl-people-page .hl-footer .hl-logo { color: var(--ink); }

@media (max-width: 1440px) {
	.hlp-chip { padding: 0 11px; font-size: 13.5px; }
	.hlp__search input { width: 200px; }
}
@media (max-width: 1300px) {
	.hlp__chips { gap: 6px; }
	.hlp-chip { padding: 0 10px; gap: 7px; font-size: 13px; }
	.hlp__ranklabel { display: none; }
	.hlp__search input { width: 180px; }
	.hlp__tools { gap: 12px; }
}
@media (max-width: 1200px) {
	.hlp__bar { flex-wrap: wrap; }
}
@media (max-width: 767px) {
	.hlp { background-image: url("../img/people-bg-m.jpg"); }
	.hlp__inner { padding: 0 16px; }
	.hlp__toprow { padding-top: 12px; }
	.hlp .hlp__toprow .hl-crumbs { display: none; }
	.hlp__links { width: 100%; }
	.hlp-link { flex: 1; justify-content: center; height: 38px; padding: 0 10px; font-size: 13.5px; }
	.hlp__title { font-size: 36px; line-height: 1.02; margin-top: 14px; }
	.hlp__lead { font-size: 14px; margin-top: 10px; }
	.hlp__bar { margin-top: 16px; gap: 10px; flex-direction: column; align-items: stretch; flex-wrap: nowrap; }
	.hlp__tools { display: contents; }
	.hlp__search { order: 1; }
	.hlp__select { order: 1; }
	.hlp__select select { width: 100%; max-width: none; }
	.hlp__chips { order: 2; }
	.hlp__ranks { order: 3; }
	.hlp__ranklabel { display: inline; }
	.hlp__search input { width: 100%; }
	.hlp__chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 2px 16px; scrollbar-width: none; }
	.hlp__chips::-webkit-scrollbar { display: none; }
	.hlp-chip { height: 36px; padding: 0 14px; font-size: 13px; }
	.hlp-rank { width: 36px; height: 36px; flex: none; }
	.hlp__search input { height: 42px; font-size: 15px; }
	.hlp__stage { height: 350px; margin-top: 4px; }
	.hlp-it__cap { width: 96px; }
	.hlp-it__nm { font-size: 16px; }
	.hlp-it__yr { font-size: 11px; }
	.hlp-it__rl { display: none; }
	.hlp__yl--d { font-size: 21px; }
	.hlp__yl--f { font-size: 14px; }
	.hlp__navrow { padding: 0 16px; flex-direction: column; align-items: stretch; gap: 4px; }
	.hlp__mm { flex: none; height: 58px; }
	.hlp__hint { max-width: none; justify-content: center; font-size: 12px; }
	.hlp__hint svg { display: none; }
	.hlp-card { position: fixed; left: 0; right: 0; bottom: 0; top: auto; width: auto; max-height: 72vh; overflow-y: auto; padding: 16px 18px 22px; border-radius: 18px 18px 0 0; border-width: 1px 0 0; z-index: 60; background: #1A110A; box-shadow: 0 -10px 40px rgba(0,0,0,.6); }
	.hlp-card::before { content: ""; display: block; width: 40px; height: 4px; border-radius: 2px; background: rgba(201,179,145,.45); margin: 0 auto 14px; }
	.hlp-card__img { width: 78px; height: 100px; }
	.hlp-card__cat { margin-top: 6px; }
	.hlp-card__name { font-size: 26px; margin-top: 12px; }
	.hlp-card__more { height: 46px; font-size: 15px; }
	.hlp-list__title { font-size: 28px; }
}

/* короткая страница личности (обычные цвета сайта, светлая или темная тема) */
.hl-pp { display: grid; grid-template-columns: 300px 1fr; gap: 48px; align-items: start; padding-top: 12px; padding-bottom: 40px; }
.hl-pp__photo { margin: 0; }
.hl-pp__photo img { display: block; width: 100%; aspect-ratio: 3 / 4; height: auto; object-fit: cover; object-position: 50% 15%; filter: grayscale(1) sepia(.35) contrast(1.04); box-shadow: 0 8px 28px rgba(43,29,20,.22); }
.hl-pp__photo figcaption { margin-top: 10px; font-size: 12.5px; line-height: 1.45; color: var(--muted-2); }
.hl-pp__photo figcaption a { color: inherit; }
.hl-pp__noimg { aspect-ratio: 3 / 4; background: var(--soft-2); }
.hl-pp__sphere { margin: 4px 0 0; display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--muted); }
.hl-pp__name { margin: 10px 0 0; font-family: var(--serif); font-weight: 400; font-size: 48px; line-height: 1.08; color: var(--ink); }
.hl-pp__years { margin: 8px 0 0; font-family: var(--serif); font-size: 24px; color: var(--year); }
.hl-pp__role { margin: 14px 0 0; font-size: 17px; font-weight: 600; color: var(--body); }
.hl-pp__bio { margin: 14px 0 0; max-width: 680px; font-family: var(--text); font-size: 18px; line-height: 1.6; color: var(--body); }
.hl-pp__scale { margin-top: 26px; }
.hl-pm { padding-top: 8px; padding-bottom: 56px; }
.hl-pm__n { font-size: 22px; color: var(--muted-2); vertical-align: middle; }
.hl-pm__sub { margin: 24px 0 10px; font-size: 15px; font-weight: 600; color: var(--muted); text-transform: none; }
.hl-pm__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line-3); max-width: 900px; }
.hl-pm__item { display: flex; align-items: baseline; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line-3); font-size: 16px; }
.hl-pm__year { flex: none; width: 44px; font-family: var(--serif); color: var(--year); }
.hl-pm__item a { color: var(--ink); text-decoration: none; }
.hl-pm__item a:hover { color: var(--link); text-decoration: underline; }
.hl-pm__item .hl-cat { margin-left: auto; flex: none; font-size: 13px; }
.hl-pm__more summary { margin-top: 12px; cursor: pointer; color: var(--link); font-weight: 600; font-size: 15px; }
@media (max-width: 767px) {
	.hl-pp { grid-template-columns: 1fr; gap: 20px; }
	.hl-pp__photo { max-width: 220px; }
	.hl-pp__name { font-size: 34px; }
	.hl-pp__years { font-size: 20px; }
	.hl-pp__bio { font-size: 17px; }
	.hl-pm__item { flex-wrap: wrap; gap: 4px 12px; }
	.hl-pm__item a { flex: 1 1 0; min-width: 0; }
	.hl-pm__item .hl-cat { margin-left: 0; padding-left: 56px; flex-basis: 100%; }
}


.hl-pp__actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:26px; }
.hl-pp__actions .hl-pp__scale, .hl-pp__actions .hl-pp__height { margin-top:0; }
.hl-person-actionline { margin: 18px 0 0; }
@media (max-width: 767px) {
	.hl-pp__actions { margin-top:22px; }
	.hl-pp__actions .hl-btn { width:100%; justify-content:center; }
}

/* HistoryLine 1.17.0: condensed people directory and height teaser */
.hlp-list__grid--preview{columns:initial;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;margin-bottom:22px!important;}
.hlp-list__grid--preview li{margin:0;min-width:0;}
.hlp-list__grid--preview li[hidden]{display:none!important;}
.hlp-list__toggle{display:block;margin:5px auto 40px;padding:11px 24px;background:#24180f;border:1px solid #b58b49;border-radius:5px;color:#ecc47f;font:600 14px var(--sans);cursor:pointer;}
.hlp-list__toggle:hover{background:#372514;color:#ffe4ad;}
/* 1.17.1: The /people/ excerpt uses the same chronological grouping as /rost/. */
.hlp-height-teaser{background:#170f09;color:#f0dfc5;padding:46px 0 70px;border-top:1px solid rgba(217,165,78,.27)}
.hlp-height-teaser__heading{margin-bottom:30px}
.hlp-height-teaser__eyebrow{color:#d7ad66;letter-spacing:.13em;font-size:11px;font-weight:600;margin:0 0 9px}
.hlp-height-teaser h2{font:600 clamp(35px,4vw,50px)/1.1 var(--hp-serif);margin:0 0 12px;color:#f5e5cc}
.hlp-height-teaser__heading p:not(.hlp-height-teaser__eyebrow){font-size:15px;line-height:1.6;max-width:780px;color:#c2ab89;margin:0}
.hlp-height-feed{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px}
.hlp-height-feed__axis{position:relative;border-right:1px solid #785730;display:flex;flex-direction:column;align-items:center;gap:2px;color:#d4ae72;font:600 20px var(--hp-serif)}
.hlp-height-feed__axis small{font:12px var(--sans);color:#ab9069}
.hlp-height-feed__axis i{display:block;width:1px;flex:1;margin-top:18px;background:linear-gradient(#a57b39,rgba(165,123,57,.2))}
.hlp-height-feed__content{min-width:0}
.hlp-height-range{padding-bottom:12px;margin:0 0 30px;border-bottom:1px solid rgba(199,158,94,.15)}
.hlp-height-range__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 19px;padding-bottom:12px;border-bottom:1px solid rgba(199,158,94,.35)}
.hlp-height-range__head h3{font:600 clamp(34px,4vw,50px)/1 var(--hp-serif);color:#e4ad53;margin:0}
.hlp-height-range__head h3 span{font-size:.54em}
.hlp-height-range__head p{font:13px var(--sans);color:#bca180;margin:0}
.hlp-height-range__head a{margin-left:auto;color:#e5bd7e!important;font-size:12px;text-decoration:none}
.hlp-height-range__head a:hover{text-decoration:underline}
.hlp-height-exact{margin-top:20px}
.hlp-height-exact h4{font:600 14px var(--sans);color:#d9bd91;margin:0 0 11px}
.hlp-height-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:20px 16px;list-style:none;padding:0;margin:0}
.hlp-height-people li{min-width:0;max-width:198px}
.hlp-height-people a{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:#f2e4cd!important}
.hlp-height-person__photo{display:block;aspect-ratio:4/5;border:1px solid rgba(199,158,94,.23);border-radius:5px;overflow:hidden;background:#2e2015}
.hlp-height-person__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;display:block}
.hlp-height-person__photo>span{display:grid;place-items:center;height:100%;font:600 46px var(--hp-serif);color:#bc9c61}
.hlp-height-people strong{font:600 14px/1.24 var(--sans);color:#f4e7d0}
.hlp-height-people small{font:12px/1.4 var(--sans);color:#bea27a}
.hlp-height-people small b{color:#e5b55c}
.hlp-height-people a:hover strong{color:#f3c36f;text-decoration:underline}
.hlp-height-teaser__foot{display:flex;justify-content:center;margin-top:32px}
.hlp-height-teaser__foot a{display:inline-flex;align-items:center;gap:12px;padding:13px 24px;border-radius:5px;background:#e4ae55;color:#1c1109!important;text-decoration:none;font-weight:700;font-size:14px}
.hlp-height-teaser__foot a:hover{background:#f2c46b}
@media(max-width:767px){.hlp-height-teaser{padding:32px 0 46px}.hlp-height-feed{grid-template-columns:28px minmax(0,1fr);gap:10px}.hlp-height-feed__axis{font-size:13px}.hlp-height-feed__axis small{font-size:9px}.hlp-height-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.hlp-height-range__head a{margin-left:0}.hlp-height-range__head h3{font-size:36px}}

/* 1.17.2 – clean height preview without dummy ruler; links above and below. */
.hlp-height-feed{display:block;}
.hlp-height-feed__content{width:100%;min-width:0;}
.hlp-height-teaser__top{display:flex;justify-content:flex-start;margin:0 0 26px;}
.hlp-height-teaser__top a{display:inline-flex;align-items:center;gap:12px;padding:13px 24px;border-radius:5px;background:#e4ae55;color:#1c1109!important;text-decoration:none;font-weight:700;font-size:14px;}
.hlp-height-teaser__top a:hover{background:#f2c46b;}
@media(max-width:767px){.hlp-height-feed{display:block;}.hlp-height-teaser__top a{width:100%;justify-content:center;text-align:center;}}

/* 1.17.4: мобильный аудит - список «Все личности» в 2 колонки (было 4, текст налезал и страница уезжала вбок) */
@media (max-width: 1099px) { .hlp-list__grid--preview { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.hlp-list__grid--preview { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
	.hlp-list__grid li { overflow-wrap: anywhere; }
	/* блок роста: узкая ось и по 2 человека в ряд */
	.hlp-height-feed { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; }
	.hlp-height-feed__axis { font-size: 15px; }
	/* человек - строкой: фото 56 px слева, имя и рост справа (как в ленте /rost/) */
	.hlp-height-people { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.hlp-height-people li { max-width: none; }
	.hlp-height-people a { display: grid !important; grid-template-columns: 56px minmax(0, 1fr); column-gap: 12px; align-items: center; }
	.hlp-height-people a > .hlp-height-person__photo { grid-row: 1 / span 3; width: 56px; }
}