/* Рост известных людей: /rost/ и /rost/{slug}/. Всегда темное «музейное» оформление (как шкала личностей). */
.hl-height-page {
	--hh-bg: var(--paper); --hh-panel: var(--soft); --hh-panel2: #FBF8F3; --hh-text: var(--body); --hh-head: var(--ink); --hh-soft: var(--body); --hh-muted: var(--muted);
	--hh-line: rgba(176,141,76,.24); --hh-gold: var(--brass); --hh-goldb: var(--brass-light); --hh-serif: "Cormorant HL", "Old Standard TT", Georgia, serif;
	background: var(--hh-bg);
}
html[data-hl-dark] .hl-height-page {
	--hh-bg: #140D08; --hh-panel: #1E150E; --hh-panel2: #251A11; --hh-text: #EFE2C8; --hh-head: #F6EAD3; --hh-soft: #D3BF9E; --hh-muted: #B09878;
	--hh-line: rgba(199,158,94,.28); --hh-gold: #E2AE55; --hh-goldb: #F2C46B;
}

.hlh { color: var(--hh-text); background: var(--hh-bg); padding-bottom: 48px; }
.hlh__inner { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
.hlh .hl-crumbs { margin: 0; padding: 16px 0 0; }
.hlh .hl-crumbs, .hlh .hl-crumbs a, .hlh .hl-crumbs [aria-current] { color: var(--hh-muted); }
.hlh .hl-crumbs [aria-current] { opacity: .85; }
.hlh-hero { background: radial-gradient(1200px 500px at 70% 0, rgba(226,174,85,.10), transparent 70%), linear-gradient(#1A110A, var(--hh-bg)); border-bottom: 1px solid var(--hh-line); padding-bottom: 32px; }
.hlh-hero__grid { display: grid; grid-template-columns: minmax(260px, 400px) 1fr; gap: 40px; margin-top: 22px; align-items: start; }
.hlh-portrait { margin: 0; }
.hlh-portrait img { display: block; width: 100%; aspect-ratio: 4 / 5; height: auto; object-fit: cover; object-position: 50% 18%; border: 1px solid var(--hh-line); border-radius: 6px; filter: sepia(.18) contrast(1.03); }
.hlh-portrait.is-empty span { display: grid; place-items: center; aspect-ratio: 4 / 5; border: 1px solid var(--hh-line); border-radius: 6px; background: var(--hh-panel); font: 600 110px var(--hh-serif); color: rgba(226,174,85,.35); }
.hlh-credit { margin-top: 8px; font-size: 12.5px; line-height: 1.4; color: var(--hh-muted); }
.hlh-credit a { color: inherit; }
.hlh-role { display: inline-block; padding: 3px 10px; border: 1px solid rgba(226,174,85,.55); border-radius: 4px; font-size: 13px; color: var(--hh-goldb); }
.hlh-h1 { margin: 12px 0 0; font-family: var(--hh-serif); font-weight: 600; font-size: 56px; line-height: 1.02; color: var(--hh-head); }
.hlh-sub { margin: 10px 0 0; font-size: 17px; color: var(--hh-soft); }
.hlh-card { position: relative; display: inline-flex; flex-direction: column; gap: 4px; min-width: 300px; margin-top: 22px; padding: 18px 22px 18px; border: 1px solid rgba(226,174,85,.45); border-radius: 8px; background: linear-gradient(180deg, rgba(226,174,85,.08), rgba(226,174,85,.02)); }
.hlh-card__label { font-size: 14px; color: var(--hh-muted); }
.hlh-card__value { margin: 0; font-family: var(--hh-serif); color: var(--hh-gold); line-height: 1; font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
.hlh-card__value b { font-weight: 700; font-size: 76px; }
.hlh-card__value span { font-size: 34px; font-weight: 600; }
.hlh-card__value.is-unknown { font-size: 26px; color: var(--hh-soft); }
.hlh-card__feet { margin: 2px 0 8px; font-size: 14.5px; color: var(--hh-muted); }
.hlh-status { align-self: flex-start; padding: 3px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: help; }
.hlh-status--confirmed { background: rgba(105,160,105,.18); color: #A9D3A0; }
.hlh-status--approx { background: rgba(226,174,85,.16); color: var(--hh-goldb); }
.hlh-status--disputed { background: rgba(214,120,90,.18); color: #F0A98E; }
.hlh-status--unknown { background: rgba(255,255,255,.08); color: var(--hh-soft); }
.hlh-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 260px)); gap: 10px 28px; margin: 22px 0 0; }
.hlh-facts div { display: flex; flex-direction: column; gap: 2px; }
.hlh-facts dt { font-size: 13px; color: var(--hh-muted); }
.hlh-facts dd { margin: 0; font-size: 15.5px; color: var(--hh-text); }
.hlh-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.hlh-btn { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border: 1px solid rgba(226,174,85,.55); border-radius: 6px; color: var(--hh-goldb); font: 600 15px var(--sans); text-decoration: none; }
.hlh-btn:hover { background: rgba(226,174,85,.12); color: #FFE2A6; }
.hlh-btn--gold { background: var(--hh-gold); border-color: var(--hh-gold); color: #24170C; }
.hlh-btn--gold:hover { background: var(--hh-goldb); color: #24170C; }
.hlh-main { padding-top: 8px; }
.hlh-sec { margin-top: 40px; }
.hlh-sec h2 { margin: 0 0 12px; font-family: var(--hh-serif); font-weight: 600; font-size: 34px; line-height: 1.1; color: var(--hh-head); }
.hlh-lead { max-width: 820px; margin: 0; font-size: 18px; line-height: 1.6; color: var(--hh-text); }
.hlh-hero--list .hlh-lead { margin-top: 12px; color: var(--hh-soft); font-size: 17px; }
.hlh-note { max-width: 820px; margin: 14px 0 0; padding: 12px 16px; border-left: 3px solid var(--hh-gold); background: var(--hh-panel); font-size: 16px; line-height: 1.55; color: var(--hh-soft); }
.hlh-note b { color: var(--hh-text); }
.hlh-muted { margin: 0 0 14px; color: var(--hh-muted); font-size: 15px; }
.hlh-content { max-width: 820px; }
.hlh-content.hl-prose { color: var(--hh-text); }

/* сравнение: одна базовая линия, один масштаб (высота фигуры = рост / самый высокий) */
.hlh-cmp { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: 4%; height: 340px; padding: 0 12px; border-bottom: 2px solid rgba(226,174,85,.6); background: repeating-linear-gradient(0deg, transparent 0 33px, rgba(226,174,85,.07) 33px 34px); }
.hlh-cmp__p { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: calc(300px * var(--cm) / var(--top)); width: 92px; }
.hlh-fig { display: block; width: 60%; flex: 1 1 auto; fill: #6F604D; }
.hlh-cmp__p.is-me .hlh-fig { fill: var(--hh-gold); }
.hlh-cmp__v { position: absolute; bottom: calc(100% + 4px); font: 600 15px var(--sans); color: var(--hh-soft); white-space: nowrap; }
.hlh-cmp__p.is-me .hlh-cmp__v { color: var(--hh-goldb); font-size: 17px; }
.hlh-cmp__n { position: absolute; top: calc(100% + 8px); width: 120px; text-align: center; font-size: 13.5px; line-height: 1.25; color: var(--hh-soft); text-decoration: none; }
a.hlh-cmp__n:hover { color: var(--hh-goldb); }
.hlh-cmp + * { margin-top: 0; }
.hlh-sec:has(.hlh-cmp) { padding-bottom: 46px; }

/* карточки людей */
.hlh-sim, .hlh-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.hlh-sim a, .hlh-people a { display: flex; flex-direction: column; gap: 4px; color: var(--hh-text); text-decoration: none; }
.hlh-sim__img { display: block; aspect-ratio: 4 / 5; overflow: hidden; border: 1px solid var(--hh-line); border-radius: 6px; background: var(--hh-panel); }
.hlh-sim__img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; filter: sepia(.18); transition: transform .2s; }
.hlh-sim__img i { display: grid; place-items: center; height: 100%; font: 600 48px var(--hh-serif); font-style: normal; color: rgba(226,174,85,.35); }
.hlh-sim a:hover img, .hlh-people a:hover img { transform: scale(1.03); }
.hlh-sim b, .hlh-people b { margin-top: 4px; font-size: 15px; line-height: 1.3; }
.hlh-sim span:last-child, .hlh-people span:last-child { font-size: 13px; color: var(--hh-muted); }
.hlh-people em { font-style: normal; color: var(--hh-gold); font-weight: 600; }
.hlh-arts { margin: 0; padding-left: 20px; }
.hlh-arts li { margin: 6px 0; }
.hlh-arts a, .hlh-back a { color: var(--hh-goldb); }
.hlh-back { margin-top: 40px; }

/* лента /rost/ */
.hlh-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 20px; }
.hlh-search { position: relative; display: flex; align-items: center; flex: 1 1 280px; max-width: 420px; }
.hlh-search svg { position: absolute; left: 12px; color: var(--hh-muted); }
.hlh-search input { width: 100%; height: 42px; padding: 0 12px 0 38px; border: 1px solid var(--hh-line); border-radius: 6px; background: var(--hh-panel); color: var(--hh-text); font: 400 15px var(--sans); }
.hlh-search input:focus { outline: 2px solid var(--hh-gold); outline-offset: -1px; }
.hlh-seg { display: inline-flex; border: 1px solid var(--hh-line); border-radius: 6px; overflow: hidden; }
.hlh-seg button { height: 42px; padding: 0 14px; border: 0; background: transparent; color: var(--hh-soft); font: 500 14px var(--sans); cursor: pointer; }
.hlh-seg button + button { border-left: 1px solid var(--hh-line); }
.hlh-seg button.is-on { background: var(--hh-gold); color: #24170C; font-weight: 600; }
.hlh-jump { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--hh-muted); }
.hlh-jump select { height: 42px; padding: 0 10px; border: 1px solid var(--hh-line); border-radius: 6px; background: var(--hh-panel); color: var(--hh-text); font: 500 14px var(--sans); }
.hlh-ranges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.hlh-ranges a { padding: 5px 10px; border: 1px solid var(--hh-line); border-radius: 4px; font-size: 13.5px; color: var(--hh-soft); text-decoration: none; font-variant-numeric: lining-nums; }
.hlh-ranges a:hover { border-color: var(--hh-gold); color: var(--hh-goldb); }
.hlh-found { margin: 20px 0 0; font-weight: 600; }
.hlh-range { margin-top: 34px; scroll-margin-top: 90px; }
.hlh-range__head { display: flex; align-items: baseline; gap: 16px; padding-bottom: 10px; border-bottom: 1px solid var(--hh-line); }
.hlh-range__head h2 { margin: 0; font-family: var(--hh-serif); font-weight: 600; font-size: 46px; line-height: 1; color: var(--hh-gold); font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
.hlh-range__head h2 span { font-size: 26px; }
.hlh-range__head p { margin: 0; color: var(--hh-muted); }
.hlh-exact { margin-top: 18px; scroll-margin-top: 90px; border-radius: 8px; }
.hlh-exact h3 { margin: 0 0 10px; font: 600 15px var(--sans); color: var(--hh-soft); }
.hlh-exact.is-hit { outline: 1px solid rgba(226,174,85,.6); outline-offset: 8px; }
.hlh-empty { margin-top: 24px; }
.hlh-linkbtn { border: 0; background: none; color: var(--hh-goldb); text-decoration: underline; cursor: pointer; font: inherit; }

@media (max-width: 900px) {
	.hlh-hero__grid { grid-template-columns: 1fr; gap: 20px; }
	.hlh-portrait { max-width: 420px; }
}
@media (max-width: 767px) {
	.hlh-h1 { font-size: 38px; }
	.hlh-card { min-width: 0; width: 100%; box-sizing: border-box; }
	.hlh-card__value b { font-size: 64px; }
	.hlh-facts { grid-template-columns: 1fr 1fr; gap: 10px 16px; }
	.hlh-sec h2 { font-size: 28px; }
	.hlh-cmp { height: 280px; gap: 2%; padding: 0; }
	.hlh-cmp__p { width: 64px; height: calc(240px * var(--cm) / var(--top)); }
	.hlh-cmp__n { width: 72px; font-size: 12px; }
	.hlh-cmp__v { font-size: 13px; }
	.hlh-sim, .hlh-people { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.hlh-range__head h2 { font-size: 38px; }
	.hlh-seg { width: 100%; }
	.hlh-seg button { flex: 1; }
	.hlh-search { max-width: none; }
}

/* HistoryLine height atlas – refinements */
.hlh-hero--museum { background: linear-gradient(90deg,rgba(16,10,6,.95),rgba(16,10,6,.65)),url('../img/people-bg.jpg') center 37%/cover; }
.hlh-hero__heading { display:flex;align-items:center;justify-content:space-between;gap:30px; }
.hlh-hero__quote { max-width:265px;margin:0;color:#dfb878;font:italic 23px/1.3 var(--hh-serif);border-left:2px solid var(--hh-gold);padding:8px 0 8px 18px; }
.hlh-main--atlas { display:grid; grid-template-columns:78px minmax(0,1fr) 340px; gap:22px; align-items:start; }
.hlh-ruler { align-self:stretch; border-right:1px solid var(--hh-line); }
.hlh-ruler__sticky { position:sticky;top:80px; padding:15px 10px 10px 0; color:var(--hh-gold); font:600 23px/1 var(--hh-serif); }
.hlh-ruler__marks { display:flex;flex-direction:column;margin-top:12px;gap:7px;border-left:2px solid var(--hh-gold);padding-left:8px; }
.hlh-ruler__marks a { display:block;text-decoration:none;color:var(--hh-soft);font:13px var(--sans);padding:3px 0;border-bottom:1px solid rgba(226,174,85,.12) }
.hlh-listbody {min-width:0}
.hlh-side__sticky {position:sticky;top:80px;}
.hlh-feature,.hlh-sidecompare {padding:16px;border:1px solid var(--hh-line);border-radius:7px;background:linear-gradient(155deg,#21170f,#140d08);margin-top:24px;}
.hlh-feature__photo img {width:100%;height:205px;object-fit:cover;object-position:50% 20%;border-radius:4px;filter:sepia(.15)}
.hlh-feature h2 {font:600 32px/1.1 var(--hh-serif);margin:12px 0 4px}
.hlh-feature__height {font:600 36px var(--hh-serif);color:var(--hh-gold);margin:0}
.hlh-feature__role {color:var(--hh-soft);margin:3px 0 8px}
.hlh-feature__bio {font-size:14px;line-height:1.55;color:var(--hh-soft)}
.hlh-feature__link {width:100%;justify-content:center;box-sizing:border-box}
.hlh-sidecompare h3 {margin:0 0 14px;font:600 25px var(--hh-serif)}
.hlh-sidecompare__people {display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:8px}
.hlh-sidecompare__people span {font-size:13px}.hlh-sidecompare__people b {display:block;color:var(--hh-gold);font-size:17px}
.hlh-sidecompare__people a {color:var(--hh-text)}.hlh-sidecompare p{color:var(--hh-muted);font-size:13px}
.hlh-people li{position:relative}.hlh-person-select {border:1px solid var(--hh-line);background:transparent;color:var(--hh-goldb);border-radius:4px;padding:4px 7px;font-size:12px;cursor:pointer;margin-top:5px}
.hlh-person-select:hover{background:rgba(226,174,85,.15)}
@media(max-width:1200px){.hlh-main--atlas{grid-template-columns:55px minmax(0,1fr) 285px;gap:14px}.hlh-feature__photo img{height:180px}}
@media(max-width:900px){.hlh-main--atlas{grid-template-columns:50px minmax(0,1fr)}.hlh-side{grid-column:2;grid-row:1}.hlh-listbody{grid-column:2}.hlh-ruler{grid-column:1;grid-row:1 / span 2}.hlh-side__sticky{position:static}.hlh-feature__photo img{height:190px}.hlh-hero__quote{display:none}}
@media(max-width:600px){.hlh-main--atlas{grid-template-columns:34px minmax(0,1fr);gap:8px}.hlh-ruler__sticky{font-size:15px;top:58px}.hlh-ruler__marks{padding-left:3px}.hlh-ruler__marks a{font-size:10px}.hlh-side{grid-column:2}.hlh-listbody{grid-column:2}.hlh-range__head h2{font-size:33px}.hlh-feature__photo img{height:220px}}

/* Личность: фигуры реалистичнее и замена одного сравнения */
.hlh-cmp{height:360px;gap:clamp(8px,2vw,32px);padding:10px 16px 0;justify-content:space-evenly;overflow-x:auto;overflow-y:visible}
.hlh-cmp__p{width:clamp(66px,10vw,125px);flex:0 0 clamp(66px,10vw,125px);height:calc(300px * var(--cm) / var(--top));}
.hlh-fig{width:94%;height:100%;max-width:115px;overflow:visible;flex:1 1 auto}
.hlh-cmp__n{top:calc(100% + 10px)}.hlh-cmp__p--added .hlh-fig{fill:#9d7b48}
.hlh-compare-add{margin-top:55px;max-width:520px;position:relative}
.hlh-compare-add label{display:block;color:var(--hh-goldb);font-size:15px;margin-bottom:9px}
.hlh-compare-add input{width:100%;padding:12px 14px;border:1px solid var(--hh-line);border-radius:5px;background:#24190f;color:var(--hh-text)}
.hlh-compare-suggestions{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.hlh-compare-result{padding:9px 12px;text-align:left;background:#251a10;color:var(--hh-text);border:1px solid var(--hh-line);cursor:pointer}
.hlh-compare-result:hover{border-color:var(--hh-gold)}
.hlh-cmp-remove{position:absolute;bottom:calc(100% - 16px);right:0;background:#2a1c12;border:1px solid var(--hh-gold);border-radius:50%;color:var(--hh-gold);cursor:pointer}
.hlh-sim-searchlink{margin-top:15px}.hlh-sim-searchlink a{color:var(--hh-goldb)}
@media(max-width:767px){.hlh-cmp{justify-content:flex-start;gap:12px;height:290px}.hlh-cmp__p{width:70px;flex-basis:70px;height:calc(230px * var(--cm) / var(--top))}.hlh-compare-add{margin-top:45px}}

/* Atlas Iteration 1 — banner, anchored ruler, selected person and comparison */
.hlh-hero--list.hlh-hero--museum { position:relative;isolation:isolate;min-height:260px;padding:32px 0 28px;background:#1b110c;overflow:hidden; }
.hlh-hero--museum::before { content:"";position:absolute;inset:0;z-index:-2;background:url('../img/people-bg.jpg') center 43% / cover no-repeat;filter:sepia(.12) brightness(1.8) contrast(1.12);opacity:.92; }
.hlh-hero--museum::after { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#140c08 0%,rgba(20,12,8,.97) 29%,rgba(20,12,8,.73) 51%,rgba(20,12,8,.25) 78%,rgba(20,12,8,.18) 100%),linear-gradient(0deg,#140c08 0%,transparent 36%,rgba(14,8,5,.14)); }
.hlh-hero__heading { position:relative;min-height:90px; }
.hlh-hero__eyebrow{font-size:11px;letter-spacing:.17em;color:var(--hh-goldb);margin:0 0 9px;}
.hlh-hero__quote{position:relative;margin-right:4%;background:rgba(21,13,8,.32);text-shadow:0 1px 8px #100905;flex:0 1 280px}
.hlh-hero--museum .hlh-lead{max-width:680px;text-shadow:0 1px 6px #100905}
.hlh-main--atlas {grid-template-columns:82px minmax(0,1fr) 340px;gap:22px;}
.hlh-ruler{position:relative;border-right:0;min-width:0;}
.hlh-ruler__sticky{z-index:4;top:82px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 4px 14px;text-align:center;background:linear-gradient(180deg,#1d120b 82%,transparent);}
.hlh-ruler__sticky>span{font-size:20px;line-height:1.05}.hlh-ruler__sticky small{font:12px var(--sans)}
.hlh-ruler__axis{border:1px solid #825d2e;border-radius:5px;background:#e4b55f;color:#241407;padding:6px 5px;width:100%;box-sizing:border-box;}
.hlh-ruler__active{font:700 14px var(--sans);display:block;white-space:nowrap}.hlh-ruler__active-label{font:9px var(--sans);display:block;white-space:normal;margin-top:2px}
.hlh-ruler__rail{position:absolute;top:150px;bottom:0;left:50%;width:1px;background:linear-gradient(#9c7640,#6c4b25);pointer-events:none}
.hlh-range{position:relative;}
.hlh-ruler__tick{position:absolute;top:17px;left:-103px;width:73px;display:flex;justify-content:flex-end;align-items:center;gap:8px;text-decoration:none!important;color:#b99b6a;font:13px var(--sans);z-index:2;transition:color .2s}
.hlh-ruler__tick:after{content:"";width:10px;height:10px;background:#957248;border:2px solid #21140c;border-radius:50%;box-shadow:0 0 0 1px #957248;flex-shrink:0}
.hlh-ruler__tick.is-current{color:#f4cc7e;font-weight:700}.hlh-ruler__tick.is-current:after{background:#ecc16b;box-shadow:0 0 0 3px rgba(236,193,107,.22),0 0 14px #c8943b}
.hlh-side__sticky{top:85px}.hlh-feature{margin-top:8px;padding:15px;background:linear-gradient(150deg,#23170e,#130c08)}
.hlh-feature__photo{display:block;background:#24170f;overflow:hidden;border-radius:4px;}
.hlh-feature__photo img{display:block;height:235px;object-fit:contain;object-position:center center;filter:sepia(.1);background:#25180f;}
.hlh-feature__bio{min-height:40px}.hlh-sidecompare{margin-top:12px;}
.hlh-sidecompare__people span{overflow-wrap:anywhere}
@media(max-width:1200px){.hlh-ruler__tick{left:-72px;width:55px;font-size:11px}.hlh-main--atlas{grid-template-columns:55px minmax(0,1fr) 290px;gap:14px}}
@media(max-width:900px){.hlh-ruler__tick{left:-64px;width:50px}.hlh-hero--museum::after{background:linear-gradient(90deg,#140c08 0%,rgba(20,12,8,.86) 58%,rgba(20,12,8,.42))}.hlh-hero__quote{display:none}}
@media(max-width:600px){.hlh-ruler__sticky{top:56px;padding:5px 0}.hlh-ruler__sticky>span{font-size:12px}.hlh-ruler__axis{padding:3px 1px}.hlh-ruler__active{font-size:10px}.hlh-ruler__active-label{display:none}.hlh-ruler__rail{top:75px}.hlh-ruler__tick{left:-44px;width:34px;font-size:9px;gap:3px}.hlh-ruler__tick:after{width:6px;height:6px}.hlh-hero--list.hlh-hero--museum{padding:20px 0;min-height:250px}.hlh-feature__photo img{height:210px}}

/* HistoryLine 1.15.3 — museum treatment and useful comparisons */
.hlh-hero--list.hlh-hero--museum{background:#160f0a;}
.hlh-hero--museum::before{background-image:url('../img/height-museum-banner.jpg');background-position:right 35%;background-size:cover;filter:none;opacity:1}
.hlh-hero--museum::after{background:linear-gradient(90deg,#140c08 0%,rgba(20,12,8,.97) 28%,rgba(20,12,8,.80) 49%,rgba(20,12,8,.28) 80%),linear-gradient(0deg,#140c08,transparent 55%)}
.hlh-hero__quote{font-size:20px;line-height:1.35;color:#f4c37b;border-left:2px solid #dfaf58;padding:6px 0 6px 16px;}
.hlh-main--atlas{grid-template-columns:92px minmax(0,1fr) 340px;gap:22px;}
.hlh-ruler__sticky{background:#1b110c;border:1px solid #604427;border-radius:6px;padding:10px 5px;box-shadow:0 8px 30px #10090585}
.hlh-ruler__axis{background:#2a1b10;color:#e7bc6e}.hlh-ruler__active{font-size:15px}
.hlh-ruler__rail{left:50%;background:linear-gradient(#a67c41,#806139);width:2px;opacity:.75}
.hlh-ruler__tick{left:-112px;width:82px;font-size:13px;gap:7px}
.hlh-ruler__tick.is-current{background:#e0ac56;color:#23160a;padding:7px 6px;border-radius:5px;left:-112px;width:87px;box-sizing:border-box}
.hlh-feature__photo{height:208px;background:#21150d;}
.hlh-feature__photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;background:transparent;filter:sepia(.12)}
.hlh-feature h2{margin:12px 0 5px}
.hlh-sidecompare{padding:16px 14px}
.hlh-sidecompare__heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hlh-sidecompare__heading h3{font-size:24px;margin:0 0 12px}.hlh-sidecompare__heading span{font-size:11px;color:#b49c7d}
.hlh-sidecompare__people{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:5px;text-align:center}
.hlh-sidecompare__person a{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:#e8d4b3!important;min-width:0}
.hlh-sidecompare__person img{width:76px;height:78px;object-fit:cover;object-position:50% 20%;border-radius:5px;border:1px solid #6e4d2a}
.hlh-sidecompare__person span{font-size:13px;line-height:1.2;min-width:0}
.hlh-sidecompare__person b{color:#e9b757!important;margin-top:4px}
.hlh-sidecompare__bars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
.hlh-sidecompare__bar{height:7px;background:#3b2c1d;border-radius:10px;overflow:hidden}.hlh-sidecompare__bar span{display:block;height:100%;background:#ddad58;border-radius:10px}
.hlh-sidecompare__action{display:block;text-align:center;border:1px solid #9b733e;border-radius:4px;text-decoration:none;color:#eac17f;padding:9px;margin-top:10px;font-size:12px}
.hlh-popular{margin-top:12px;border:1px solid var(--hh-line);border-radius:6px;padding:15px;background:#1c130c}.hlh-popular h3{font:600 24px var(--hh-serif);margin:0 0 8px}.hlh-popular__list a{display:grid;grid-template-columns:76px 1fr 14px;gap:8px;padding:9px 0;border-bottom:1px solid #513923;text-decoration:none;color:#b9a38b;font-size:12px}.hlh-popular__list a:last-child{border-bottom:0}.hlh-popular__list b{color:#e1b261;font-size:15px}
@media(max-width:1200px){.hlh-main--atlas{grid-template-columns:62px minmax(0,1fr) 290px;gap:14px}.hlh-ruler__tick,.hlh-ruler__tick.is-current{left:-79px;width:58px;font-size:11px}}
@media(max-width:900px){.hlh-hero--museum::after{background:linear-gradient(90deg,#140c08,rgba(20,12,8,.75))}.hlh-main--atlas{grid-template-columns:52px minmax(0,1fr)}.hlh-ruler__tick,.hlh-ruler__tick.is-current{left:-68px;width:49px}}
@media(max-width:600px){.hlh-main--atlas{grid-template-columns:40px minmax(0,1fr)}.hlh-ruler__tick,.hlh-ruler__tick.is-current{left:-49px;width:37px;font-size:9px;padding:2px}.hlh-feature__photo{height:200px}}

/* HistoryLine 1.15.4 — illustrated atlas banner and chronology-like height rail */
.hlh-hero--list.hlh-hero--museum { background:#160f0a!important; isolation:isolate; }
.hlh-hero--museum::before {background-image:url('../img/height-atlas-hero-v2.jpg')!important;background-position:center center!important;background-size:cover!important;opacity:1!important;filter:none!important;}
.hlh-hero--museum::after{background:linear-gradient(90deg,rgba(16,9,6,.95) 0%,rgba(16,9,6,.78) 31%,rgba(16,9,6,.28) 70%,rgba(16,9,6,.18) 100%)!important;}
.hlh-main--atlas{grid-template-columns:142px minmax(0,1fr) 340px!important;gap:22px!important;}
.hlh-ruler{background:linear-gradient(180deg,rgba(104,86,62,.17),rgba(25,16,10,.1));border-right:1px solid #795732!important;min-height:100%;position:relative}
.hlh-ruler__sticky{top:76px;position:sticky;background:rgba(25,16,10,.96)!important;border:0!important;border-radius:0!important;padding:16px 8px!important;box-shadow:none!important;z-index:5}
.hlh-ruler__sticky>span{font:600 18px Georgia,serif!important;}
.hlh-ruler__axis{background:#e9b75c!important;color:#241409!important;border-radius:5px!important;max-width:112px}
.hlh-ruler__active{color:#261709!important;font-size:15px!important}
.hlh-ruler__active-label{color:#513414!important}
.hlh-ruler__rail{left:auto!important;right:21px!important;top:0!important;bottom:0!important;background:#a37a3a!important;width:2px!important;opacity:.8!important}
.hlh-ruler__tick,.hlh-ruler__tick.is-current{left:-163px!important;width:129px!important;box-sizing:border-box;top:12px!important;justify-content:space-between!important;border-radius:5px!important;padding:8px 7px!important;white-space:nowrap;font:600 14px Georgia,serif!important}
.hlh-ruler__tick:after{content:"";width:11px!important;height:11px!important;background:#ad8243;border:2px solid #23160e;border-radius:50%;box-shadow:0 0 0 1px #ad8243}
.hlh-ruler__tick.is-current{background:#e4b35e!important;color:#251609!important;box-shadow:0 0 17px rgba(224,171,84,.25)}
.hlh-ruler__tick.is-current:after{background:#f4d28c!important}
.hlh-range{scroll-margin-top:90px}
@media(max-width:1250px){.hlh-main--atlas{grid-template-columns:100px minmax(0,1fr) 290px!important;gap:15px!important}.hlh-ruler__tick,.hlh-ruler__tick.is-current{left:-112px!important;width:85px!important;font-size:11px!important}}
@media(max-width:900px){.hlh-main--atlas{grid-template-columns:55px minmax(0,1fr)!important}.hlh-ruler__tick,.hlh-ruler__tick.is-current{left:-67px!important;width:47px!important;font-size:10px!important;padding:5px 2px!important}}
@media(max-width:600px){.hlh-main--atlas{grid-template-columns:39px minmax(0,1fr)!important}.hlh-ruler__tick,.hlh-ruler__tick.is-current{left:-50px!important;width:32px!important;font-size:9px!important;padding:4px 1px!important}.hlh-ruler__sticky>span{font-size:11px!important}}

/* 1.15.5 Exact-centimeter navigation – chronology-style, replacing bucket ruler. */
.hlh-main--atlas {grid-template-columns:148px minmax(0,1fr) 340px!important;gap:20px!important;}
.hlh-ruler {position:relative!important;background:linear-gradient(90deg,rgba(110,89,57,.26),rgba(28,19,13,.18))!important;border-right:1px solid #6d512e!important;}
.hlh-ruler__sticky {position:sticky!important;top:68px!important;display:block!important;padding:15px 12px!important;background:linear-gradient(90deg,#21190f,#191109)!important;border:none!important;border-radius:0!important;box-shadow:none!important;max-height:calc(100vh - 78px);overflow:hidden;}
.hlh-ruler__title {font:600 21px/1.1 Georgia,serif;color:#e9c17c;text-align:center;margin-bottom:12px;}
.hlh-ruler__title small {font:12px Arial,sans-serif;}
.hlh-ruler__viewport {position:relative;min-height:450px;}
.hlh-ruler__viewport:before {content:"";position:absolute;z-index:0;top:8px;bottom:8px;right:20px;width:2px;background:linear-gradient(#866037,#e1b66b,#80603c);}
.hlh-ruler__numbers {position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:1px;}
.hlh-ruler__number {height:33px;display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:0 13px 0 5px;box-sizing:border-box;color:#bba37e;text-decoration:none!important;font:15px Georgia,serif;transition:background .15s,color .15s;}
.hlh-ruler__num-label {min-width:40px;text-align:right;}
.hlh-ruler__point {width:7px;height:7px;border-radius:50%;background:#9a7a4b;border:1px solid #24160c;flex:none;}
.hlh-ruler__number.has-people .hlh-ruler__point {background:#dfb65f;}
.hlh-ruler__number.is-current {background:linear-gradient(90deg,#f1c374,#dba24a);color:#241608;border-radius:5px;font:700 21px Georgia,serif;box-shadow:0 0 15px rgba(230,181,90,.18);}
.hlh-ruler__number.is-current .hlh-ruler__point {width:15px;height:15px;background:#eec579;border:3px solid #24160c;box-shadow:0 0 0 1px #c58e3a;}
.hlh-ruler__number:not(.has-people) {opacity:.55;}
.hlh-ruler__legend {margin-top:11px;color:#af956f;font:11px Arial,sans-serif;text-align:center;}
.hlh-ruler__rail,.hlh-ruler__tick,.hlh-ruler__sticky > span,.hlh-ruler__axis {display:none!important;}
.hlh-exact {scroll-margin-top:145px;}
.hlh-exact.is-ruler-current > h3 {color:#efc477;}
.hlh-hero--museum::before {background-image:url('../img/height-archive-v3.jpg')!important;background-position:center!important;background-size:cover!important;opacity:1!important;}
.hlh-hero--museum::after {background:linear-gradient(90deg,rgba(17,10,7,.95),rgba(17,10,7,.82) 34%,rgba(17,10,7,.35) 75%,rgba(17,10,7,.28))!important;}
@media(max-width:1200px){.hlh-main--atlas{grid-template-columns:107px minmax(0,1fr) 285px!important;gap:13px!important}.hlh-ruler__sticky{padding:10px 5px!important}.hlh-ruler__number{gap:8px;padding-right:5px;}}
@media(max-width:900px){.hlh-main--atlas{grid-template-columns:72px minmax(0,1fr)!important}.hlh-ruler__title{font-size:15px}.hlh-ruler__number{height:29px;font-size:12px;gap:5px;padding-right:2px}.hlh-ruler__number.is-current{font-size:16px}.hlh-ruler__num-label{min-width:28px}.hlh-ruler__viewport:before{right:8px}.hlh-ruler__point{width:5px;height:5px}}
@media(max-width:600px){.hlh-main--atlas{grid-template-columns:48px minmax(0,1fr)!important;gap:7px!important}.hlh-ruler__sticky{top:55px!important;padding:8px 2px!important}.hlh-ruler__title{font-size:10px}.hlh-ruler__title small,.hlh-ruler__legend{display:none}.hlh-ruler__viewport{min-height:390px}.hlh-ruler__number{height:29px;font-size:11px;gap:2px;padding:0 1px}.hlh-ruler__number.is-current{font-size:13px}.hlh-ruler__num-label{min-width:24px}.hlh-ruler__viewport:before{right:5px}.hlh-ruler__point{width:4px;height:4px}.hlh-ruler__number.is-current .hlh-ruler__point{width:8px;height:8px;border-width:1px}}

/* 1.15.6 — both side panels span the full feed, so sticky positioning does not end at their first card. */
@media(min-width:901px){
  .hlh-main--atlas > .hlh-side {align-self:stretch!important;min-height:100%!important;position:relative!important;overflow:visible!important;}
  .hlh-side__sticky {position:sticky!important;top:70px!important;max-height:calc(100vh - 78px)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#886234 transparent;padding-right:3px;}
  .hlh-side__sticky > .hlh-feature {margin-top:0!important;}
  .hlh-main--atlas > .hlh-ruler {align-self:stretch!important;min-height:100%!important;overflow:visible!important;}
  .hlh-ruler__sticky {position:sticky!important;top:70px!important;max-height:calc(100vh - 80px)!important;}
}
/* Hide the old range-side ticks completely; only exact-height navigation may be shown. */
.hlh-main--atlas .hlh-ruler__tick,.hlh-main--atlas .hlh-ruler__tick.is-current {display:none!important;visibility:hidden!important;}
.hlh-ruler__numbers:not(:empty) {min-height:400px;}
.hlh-ruler__number.is-current {position:relative;z-index:2;}
@media(max-width:900px){.hlh-side__sticky {position:static!important;max-height:none!important;overflow:visible!important;}}

/* 1.15.7: spacing refinement — leave the feature photo clear of the sticky header;
   slightly lengthen the exact-centimeter ruler without changing its tracking logic. */
@media (min-width: 901px) {
  .hlh-side__sticky {
    top: 94px !important;
    max-height: calc(100vh - 108px) !important;
    scroll-padding-top: 12px;
  }
  .hlh-ruler__sticky {
    top: 78px !important;
    max-height: calc(100vh - 92px) !important;
  }
  .hlh-ruler__viewport { min-height: 495px; }
  .hlh-ruler__numbers:not(:empty) { min-height: 465px; }
  .hlh-ruler__number { height: 37px; }
}

/* 1.15.8: keep the selected person's photo below the fixed website header.
   No independent scroll offset is retained inside the right column. */
@media (min-width:901px) {
  .hlh-main--atlas > .hlh-side { align-self:stretch!important; overflow:visible!important; }
  .hlh-main--atlas .hlh-side__sticky {
    position:sticky!important;
    top:106px!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    padding-top:0!important;
    padding-right:0!important;
    scrollbar-width:none!important;
  }
  .hlh-main--atlas .hlh-side__sticky > .hlh-feature { margin-top:0!important; }
  /* Display a longer continuous window of exact heights. */
  .hlh-main--atlas .hlh-ruler__sticky {top:82px!important;max-height:calc(100vh - 90px)!important;}
  .hlh-main--atlas .hlh-ruler__number {height:clamp(30px,4.1vh,41px)!important;}
  .hlh-main--atlas .hlh-ruler__numbers {min-height:0!important;}
  .hlh-main--atlas .hlh-ruler__viewport {min-height:0!important;}
}


/* 1.16.0 — selected banner variant approved by user */
.hlh-hero--museum::before {
  background-image:url('../img/height-banner-selected-20261025.jpg') !important;
  background-position:center center !important;
  background-size:cover !important;
  opacity:1 !important;
  filter:none !important;
}
.hlh-hero--museum::after {
  background:linear-gradient(90deg,rgba(16,10,6,.95) 0%,rgba(16,10,6,.82) 24%,rgba(16,10,6,.50) 44%,rgba(16,10,6,.22) 72%,rgba(16,10,6,.12) 100%) !important;
}

/* 1.16.2 – separate artwork, no baked-in labels; preserve artwork at natural hero proportions. */
.hlh-hero--list.hlh-hero--museum::before {
 background-image:url('../img/height-banner-art-1162.jpg') !important;
 background-position:right center !important;
 background-size:auto 100% !important;
 background-repeat:no-repeat !important;
 filter:none !important;
 opacity:1 !important;
}
.hlh-hero--list.hlh-hero--museum::after {
 background:linear-gradient(90deg,rgba(17,10,6,.92) 0%,rgba(17,10,6,.82) 28%,rgba(17,10,6,.42) 52%,rgba(17,10,6,.10) 76%,rgba(17,10,6,.08) 100%) !important;
}
@media(max-width:700px){
 .hlh-hero--list.hlh-hero--museum::before {background-size:auto 100% !important;background-position:66% center !important;}
 .hlh-hero--list.hlh-hero--museum::after {background:linear-gradient(90deg,rgba(17,10,6,.95),rgba(17,10,6,.75)) !important;}
}

/* 1.16.4 — Mobile: keep the height atlas in its natural descending order.
   The randomly selected desktop feature must not precede mobile search results
   or contradict active gender/category filters. */
@media (max-width:767px) {
  .hlh-main--atlas > aside.hlh-side {
    display:none !important;
  }
  .hlh-main--atlas > .hlh-listbody {
    grid-column:2 !important;
    grid-row:auto !important;
    min-width:0;
  }
}

/* 1.16.5: On phones, show details only after an explicit "В карточку" click. */
@media(max-width:767px){
  .hlh-main--atlas > aside.hlh-side.is-mobile-selected {
    display:block !important;
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0;
    scroll-margin-top:76px;
  }
  .hlh-side.is-mobile-selected .hlh-side__sticky {position:static !important;}
  .hlh-side.is-mobile-selected .hlh-feature {margin-top:4px !important;}
  .hlh-mobile-close {
    display:flex; margin:0 0 10px auto; align-items:center; justify-content:center;
    gap:7px; border:1px solid #79572d; border-radius:5px;
    color:#ecc47f; background:#23170e; padding:8px 12px;
    font:13px var(--sans); cursor:pointer;
  }
}
@media(min-width:768px){ .hlh-mobile-close{display:none!important;} }

/* 1.16.6 — individual height pages only. The /rost/ atlas is unchanged. */
@media(min-width:901px){
 .hlh:not(.hl-height-page) .hlh-cmp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;align-items:end;gap:clamp(8px,1.7vw,26px);height:365px;overflow:visible;padding:0 12px 0;box-sizing:border-box;}
 .hlh:not(.hl-height-page) .hlh-cmp__p{width:100%;max-width:160px;min-width:0;flex:none;}
 .hlh:not(.hl-height-page) .hlh-cmp__n{width:100%;max-width:165px;overflow-wrap:anywhere;}
}
/* Specific to all detailed profile pages (never alters atlas elements). */
.hlh-main .hlh-cmp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;justify-items:center;gap:clamp(8px,1.5vw,24px);height:365px;max-width:100%;min-width:0;padding:0 12px;overflow:visible;box-sizing:border-box;}
.hlh-main .hlh-cmp__p{min-width:0;width:100%;max-width:155px;flex:none;height:calc(300px * var(--cm) / var(--top));}
.hlh-main .hlh-fig{display:block;width:min(100%,110px);max-width:110px;height:100%;flex:1 1 auto;overflow:visible;}
.hlh-main .hlh-cmp__n{width:100%;max-width:155px;overflow-wrap:anywhere;hyphens:auto;font-size:12.5px;}
.hlh-main .hlh-sec:has(.hlh-cmp){padding-bottom:36px;}
.hlh-main .hlh-compare-add{max-width:660px;margin:64px 0 0;padding:18px;border:1px solid rgba(226,174,85,.35);border-radius:8px;background:linear-gradient(145deg,#23180f,#17100b);box-shadow:0 12px 30px rgba(0,0,0,.13);}
.hlh-main .hlh-compare-add label{display:flex;align-items:center;gap:12px;color:#efe2c8;margin:0 0 14px;}
.hlh-main .hlh-compare-add label strong{display:block;font:600 23px/1.15 var(--hh-serif);color:#f3dfbf;}
.hlh-main .hlh-compare-add label small{display:block;font:12px/1.4 var(--sans);color:var(--hh-muted);margin-top:4px;}
.hlh-compare-add__icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #b58b49;color:#ebbd6b;border-radius:50%;font-size:30px;font-family:Arial,sans-serif;line-height:1;}
.hlh-main .hlh-compare-add__field{position:relative;display:flex;align-items:center;}
.hlh-main .hlh-compare-add__field>span{position:absolute;left:14px;font:26px Arial,sans-serif;color:#d1a653;pointer-events:none;}
.hlh-main .hlh-compare-add input{padding:12px 14px 12px 43px;background:#160e09;border:1px solid #7b5930;border-radius:5px;outline:none;color:#f0dec4;}
.hlh-main .hlh-compare-add input:focus{border-color:#e3b259;box-shadow:0 0 0 2px rgba(226,174,85,.12);}
.hlh-main .hlh-compare-suggestions{max-height:270px;overflow-y:auto;gap:0;background:#1d130c;border-radius:0 0 5px 5px;}
.hlh-main .hlh-compare-result{display:flex;align-items:center;gap:12px;width:100%;font:13px var(--sans);padding:8px 10px;text-align:left;}
.hlh-main .hlh-compare-result>img,.hlh-compare-result__fallback{display:grid;place-items:center;width:38px;height:44px;object-fit:cover;flex:none;border-radius:3px;background:#38261a;color:#e7bb64;}
.hlh-main .hlh-compare-result span:nth-child(2){flex:1;min-width:0;}
.hlh-main .hlh-compare-result strong{display:block;color:#f0dfc6;font-size:13px;}
.hlh-main .hlh-compare-result small{display:block;color:#c5a77b;margin-top:3px;}
.hlh-main .hlh-compare-result>span:last-child{font-size:22px;color:#e9b85e;}
.hlh-compare-help{color:var(--hh-muted);font:12px/1.4 var(--sans);margin:11px 0 0;}
.hlh-main .hlh-sim{grid-template-columns:repeat(4,minmax(0,1fr));}
.hlh-main .hlh-sim-searchlink a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:11px 17px;border:1px solid #bb8e48;border-radius:5px;background:#24180f;color:#f1c374;font-weight:600;}
.hlh-main .hlh-sim-searchlink a:hover{background:#372514;}
@media(max-width:900px){.hlh-main .hlh-cmp{gap:6px;padding:0 2px;}.hlh-main .hlh-cmp__n{font-size:11px;}.hlh-main .hlh-fig{max-width:94px;}}
@media(max-width:600px){.hlh-main .hlh-cmp{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;height:290px;padding:0;overflow:visible;}.hlh-main .hlh-cmp__p{height:calc(230px * var(--cm) / var(--top));}.hlh-main .hlh-fig{max-width:100%;}.hlh-main .hlh-cmp__n{font-size:10px;line-height:1.13;}.hlh-main .hlh-cmp__v{font-size:11px;}.hlh-main .hlh-cmp__p.is-me .hlh-cmp__v{font-size:12px;}.hlh-main .hlh-compare-add{margin-top:65px;padding:12px;}.hlh-main .hlh-sim{grid-template-columns:repeat(2,minmax(0,1fr));}}


/* Светлая тема для страниц роста: по умолчанию страница теперь следует общей светлой теме сайта. */
html:not([data-hl-dark]) .hl-height-page .hlh { background: var(--hh-bg); color: var(--hh-text); }
html:not([data-hl-dark]) .hl-height-page .hlh .hl-crumbs,
html:not([data-hl-dark]) .hl-height-page .hlh .hl-crumbs a,
html:not([data-hl-dark]) .hl-height-page .hlh .hl-crumbs [aria-current] { color: var(--muted); }
html:not([data-hl-dark]) .hl-height-page .hlh-hero { background: radial-gradient(1200px 500px at 70% 0, rgba(176,141,76,.08), transparent 70%), linear-gradient(#FBF8F3, var(--hh-bg)); }
html:not([data-hl-dark]) .hl-height-page .hlh-hero--list.hlh-hero--museum { background: #F8F3EC !important; }
html:not([data-hl-dark]) .hl-height-page .hlh-hero--museum::after { background: linear-gradient(90deg, rgba(247,244,239,.98) 0%, rgba(247,244,239,.96) 28%, rgba(247,244,239,.82) 48%, rgba(247,244,239,.35) 78%, rgba(247,244,239,.18) 100%) !important; }
html:not([data-hl-dark]) .hl-height-page .hlh-hero__quote { background: rgba(255,255,255,.5); text-shadow: none; }
html:not([data-hl-dark]) .hl-height-page .hlh-lead,
html:not([data-hl-dark]) .hl-height-page .hlh-hero--museum .hlh-lead { color: var(--hh-soft); text-shadow: none; }
html:not([data-hl-dark]) .hl-height-page .hlh-portrait img,
html:not([data-hl-dark]) .hl-height-page .hlh-sim__img img { filter: none; }
html:not([data-hl-dark]) .hl-height-page .hlh-card { background: linear-gradient(180deg, rgba(176,141,76,.09), rgba(176,141,76,.03)); }
html:not([data-hl-dark]) .hl-height-page .hlh-note,
html:not([data-hl-dark]) .hl-height-page .hlh-feature,
html:not([data-hl-dark]) .hl-height-page .hlh-sidecompare,
html:not([data-hl-dark]) .hl-height-page .hlh-popular,
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-compare-add { background: var(--hh-panel) !important; color: var(--hh-text); box-shadow: 0 10px 24px rgba(43,29,20,.06); }
html:not([data-hl-dark]) .hl-height-page .hlh-feature,
html:not([data-hl-dark]) .hl-height-page .hlh-sidecompare,
html:not([data-hl-dark]) .hl-height-page .hlh-popular { border-color: var(--hh-line); }
html:not([data-hl-dark]) .hl-height-page .hlh-btn { color: var(--brass-text); }
html:not([data-hl-dark]) .hl-height-page .hlh-btn:hover { color: var(--brown-dark); background: rgba(176,141,76,.10); }
html:not([data-hl-dark]) .hl-height-page .hlh-btn--gold { color: #fff; }
html:not([data-hl-dark]) .hl-height-page .hlh-cmp { border-bottom-color: rgba(176,141,76,.52); background: repeating-linear-gradient(0deg, transparent 0 33px, rgba(176,141,76,.08) 33px 34px); }
html:not([data-hl-dark]) .hl-height-page .hlh-fig { fill: #9D8A73; }
html:not([data-hl-dark]) .hl-height-page .hlh-cmp__p.is-me .hlh-fig { fill: var(--hh-gold); }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler { background: linear-gradient(90deg, rgba(205,190,167,.32), rgba(247,244,239,.7)) !important; border-right-color: rgba(176,141,76,.28) !important; }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler__sticky { background: linear-gradient(180deg, rgba(247,244,239,.98), rgba(247,244,239,.94)) !important; }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler__title { color: var(--brass-text); }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler__viewport:before { background: linear-gradient(#9B8358,#C7A866,#9B8358); }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler__number { color: var(--muted); }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler__point { background: #B59A71; border-color: #fff; }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler__number.has-people .hlh-ruler__point { background: var(--brass); }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler__number.is-current { background: linear-gradient(90deg, #E7CA92, #DAB06A); color: #3A2A1A; }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler__number.is-current .hlh-ruler__point { background: #F6E2B8; border-color: #3A2A1A; }
html:not([data-hl-dark]) .hl-height-page .hlh-ruler__legend,
html:not([data-hl-dark]) .hl-height-page .hlh-sidecompare__heading span,
html:not([data-hl-dark]) .hl-height-page .hlh-popular__list a,
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-compare-result small,
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-compare-add label small,
html:not([data-hl-dark]) .hl-height-page .hlh-compare-help { color: var(--muted); }
html:not([data-hl-dark]) .hl-height-page .hlh-feature__photo,
html:not([data-hl-dark]) .hl-height-page .hlh-feature__photo img,
html:not([data-hl-dark]) .hl-height-page .hlh-sidecompare__person img { background: #F4EFE8; border-color: rgba(176,141,76,.28); }
html:not([data-hl-dark]) .hl-height-page .hlh-sidecompare__person a,
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-compare-result strong,
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-compare-add label,
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-sim-searchlink a,
html:not([data-hl-dark]) .hl-height-page .hlh-person-select,
html:not([data-hl-dark]) .hl-height-page .hlh-exact,
html:not([data-hl-dark]) .hl-height-page .hlh-ranges a,
html:not([data-hl-dark]) .hl-height-page .hlh-jump span,
html:not([data-hl-dark]) .hl-height-page .hlh-sidecompare__action { color: var(--hh-text) !important; }
html:not([data-hl-dark]) .hl-height-page .hlh-sidecompare__bar { background: #E7DED0; }
html:not([data-hl-dark]) .hl-height-page .hlh-sidecompare__bar span { background: var(--brass); }
html:not([data-hl-dark]) .hl-height-page .hlh-popular__list a { border-bottom-color: rgba(176,141,76,.18); }
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-compare-add input,
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-compare-suggestions,
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-compare-result,
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-sim-searchlink a,
html:not([data-hl-dark]) .hl-height-page .hlh-person-select,
html:not([data-hl-dark]) .hl-height-page .hlh-exact,
html:not([data-hl-dark]) .hl-height-page .hlh-jump select,
html:not([data-hl-dark]) .hl-height-page .hlh-filter select,
html:not([data-hl-dark]) .hl-height-page .hlh-find input,
html:not([data-hl-dark]) .hl-height-page .hlh-seg button { background: #FFF; color: var(--hh-text); border-color: rgba(176,141,76,.34); }
html:not([data-hl-dark]) .hl-height-page .hlh-main .hlh-compare-result>img,
html:not([data-hl-dark]) .hl-height-page .hlh-compare-result__fallback { background: #F4E6CB; color: var(--brass-text); }
html:not([data-hl-dark]) .hl-height-page .hlh-cmp-remove { background: #FFF; color: var(--brass-text); border-color: var(--brass); }


/* ----------------------------
   Height pages: light theme support
   By default these pages now follow the site light theme.
   Dark museum palette is preserved when html[data-hl-dark] is active.
   ---------------------------- */
html:not([data-hl-dark]) .hl-height-page{
	--hh-bg:#F7F3EC; --hh-panel:#FFFFFF; --hh-panel2:#FBF8F3; --hh-text:#332A24; --hh-head:#2B1D14; --hh-soft:#5E4F41; --hh-muted:#8A7B6B;
	--hh-line:rgba(176,141,76,.28); --hh-gold:#B08D4C; --hh-goldb:#C7A866;
	background:var(--hh-bg);
}
html:not([data-hl-dark]) .hl-height-page .hl-header,
html:not([data-hl-dark]) .hl-height-page .hl-searchbar,
html:not([data-hl-dark]) .hl-height-page .hl-footer{
	--paper:#FFFFFF; --soft:#F7F4EF; --ink:#1E1813; --dust:#E6DFD5; --brass:#B08D4C; --brass-light:#C7A866; --card:#FFFFFF; --muted:#6F6258;
	color-scheme:light;
}
html:not([data-hl-dark]) .hl-height-page .hlh{ background:var(--hh-bg); color:var(--hh-text); }
html:not([data-hl-dark]) .hl-height-page .hlh-hero{ background:radial-gradient(1200px 500px at 70% 0, rgba(176,141,76,.10), transparent 70%), linear-gradient(#FCF9F4, var(--hh-bg)); }
html:not([data-hl-dark]) .hl-height-page .hlh-card{ background:linear-gradient(180deg, rgba(176,141,76,.10), rgba(176,141,76,.03)); }
html:not([data-hl-dark]) .hl-height-page .hlh-note,
html:not([data-hl-dark]) .hl-height-page .hlh-sim__img,
html:not([data-hl-dark]) .hl-height-page .hlh-feature,
html:not([data-hl-dark]) .hl-height-page .hlh-sidecompare,
html:not([data-hl-dark]) .hl-height-page .hlh-popular,
html:not([data-hl-dark]) .hl-height-page .hlh-picks,
html:not([data-hl-dark]) .hl-height-page .hlh-compare-add,
html:not([data-hl-dark]) .hl-height-page .hlh-range__head,
html:not([data-hl-dark]) .hl-height-page .hlh-feature__photo,
html:not([data-hl-dark]) .hl-height-page .hlh-side__sticky{
	background-color:rgba(255,255,255,.78);
}
html:not([data-hl-dark]) .hl-height-page .hlh-cmp{ background:repeating-linear-gradient(0deg, transparent 0 33px, rgba(176,141,76,.08) 33px 34px); }
html:not([data-hl-dark]) .hl-height-page .hlh-fig{ fill:#9A8A77; }
html:not([data-hl-dark]) .hl-height-page .hlh-cmp__p.is-me .hlh-fig{ fill:var(--hh-gold); }
html:not([data-hl-dark]) .hl-height-page .hlh-btn{ color:#8A6930; }
html:not([data-hl-dark]) .hl-height-page .hlh-btn:hover{ color:#6B4C18; background:rgba(176,141,76,.10); }
html:not([data-hl-dark]) .hl-height-page .hlh-btn--gold{ color:#24170C; }
html:not([data-hl-dark]) .hl-height-page .hlh-btn--gold:hover{ color:#24170C; }

/* 1.17.3: силуэт по высоте колонки (рост в масштабе), ширина - по пропорциям фигуры, без растяжения */
.hlh-cmp .hlh-fig, .hlh-main .hlh-cmp .hlh-fig { display: block; height: 100%; width: auto; max-width: none; aspect-ratio: 1 / 2; flex: 0 0 auto; overflow: visible; }

/* 1.17.3: баннер /rost/ - картинка в границах контента (как на хронологии), у заголовка, без растяжения */
.hlh-hero--list.hlh-hero--museum { --hlh-art: clamp(420px, 44%, 640px); }
.hlh-hero--list.hlh-hero--museum::before {
 left:auto !important; right:calc(max(0px, (100% - var(--max)) / 2) + var(--gutter)) !important; top:0 !important; bottom:auto !important;
 width:var(--hlh-art) !important; height:min(100%, 360px) !important;
 background-image:url('../img/height-banner-art-crop.jpg') !important;
 background-size:cover !important; background-position:right center !important; background-repeat:no-repeat !important;
 -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 38%, #000 92%, transparent 100%), linear-gradient(0deg, transparent 0, #000 28%); -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg, transparent 0, #000 38%, #000 92%, transparent 100%), linear-gradient(0deg, transparent 0, #000 28%); mask-composite:intersect;
}
.hlh-hero--list.hlh-hero--museum::after { background:linear-gradient(0deg, #140c08 0%, rgba(20,12,8,0) 30%) !important; }
.hlh-hero--list .hlh-hero__quote { margin-right:calc(var(--hlh-art) - 170px) !important; }
@media (max-width:1299px) { .hlh-hero--list .hlh-hero__quote { display:none; } }
@media (max-width:900px) {
 .hlh-hero--list.hlh-hero--museum::before { right:0 !important; width:80% !important; height:300px !important; opacity:.35 !important; }
}

/* 1.17.4: мобильный аудит */
@media (max-width: 600px) {
	/* лента роста: человек - строкой (фото слева), страница в 2-3 раза короче */
	.hlh-list .hlh-people { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
	.hlh-list .hlh-people li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; max-width: none; }
	.hlh-list .hlh-people li > a { display: grid !important; grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; align-items: center; }
	.hlh-list .hlh-people li > a .hlh-sim__img { grid-row: 1 / span 2; width: 56px; }
	.hlh-list .hlh-people li > a b { margin: 0; align-self: end; }
	.hlh-list .hlh-people li > a > span:last-child { align-self: start; }
	.hlh-list .hlh-people .hlh-person-select { margin: 0; white-space: nowrap; }
	/* подписи под фигурами сравнения - не меньше 11,5 px */
	.hlh-main .hlh-cmp__n, .hlh-main .hlh-cmp__v { font-size: 11.5px !important; }
}
/* светлая тема: статус и заголовок блока сравнения читаются */
html:not([data-hl-dark]) .hl-height-page .hlh-status--confirmed { background: #DDEBD8; color: #2F6B34; }
html:not([data-hl-dark]) .hl-height-page .hlh-status--approx { background: #F3E3C2; color: #7A5212; }
html:not([data-hl-dark]) .hl-height-page .hlh-status--disputed { background: #F5DCD2; color: #8E3A20; }
html:not([data-hl-dark]) .hl-height-page .hlh-compare-add strong { color: #6E4A1C; }
