/* History scenes share Listok's type, colors and unhurried native scrolling. */
.history-label{display:block;color:var(--accent);font-size:13px;font-weight:500;line-height:1.6;letter-spacing:normal;text-transform:none}
.home-university{margin:48px 0 0;padding-top:32px;border-top:1px solid var(--line)}
.home-university .section-heading{margin:0 0 18px}
.history-banner{display:flex;align-items:center;gap:26px;padding:20px 28px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-decoration:none;overflow:hidden;min-height:136px}
.history-banner:hover{border-color:var(--accent)}

.history-banner-copy{display:grid;gap:8px;min-width:0}.history-banner-copy strong{font-size:19px;font-weight:500;letter-spacing:-.5px;line-height:1.5}.history-banner-copy>span{font-size:12px;color:var(--muted);line-height:1.5}
.history-banner-years{margin-left:auto;font-size:12px;letter-spacing:normal;color:var(--muted);white-space:nowrap}.history-banner-action{flex:none;margin-left:10px;font-size:22px;color:var(--accent)}
.history-main{margin-top:28px}.history-main>.breadcrumb{margin-bottom:38px}
.history-cover{text-align:center;padding:8px 0 44px;overflow:clip}
.history-cover-copy{position:relative;z-index:1}.history-cover h1{font-size:clamp(40px,6.4vw,78px);font-weight:500;letter-spacing:-3.8px;line-height:1.08;margin:18px 0 0}.history-cover h1 span{color:var(--accent)}

[data-color-scene="photo"] img{filter:grayscale(var(--history-gray,0))}
.history-cover-footer{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;margin:12px 0 0}
.history-start{display:inline-flex;align-items:center;gap:32px;padding:14px 20px;background:var(--accent);color:var(--surface);border-radius:8px;text-decoration:none;font-size:12px;font-weight:500}
:root[data-theme=dark] .history-start{color:var(--bg)}.history-start:hover{background:var(--text)}.history-readtime{color:var(--muted);font-size:11px}
.history-toc{position:sticky;top:0;z-index:5;background:var(--bg);border-block:1px solid var(--line);padding:0 2px}
.history-toc ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:8px}.history-toc a{display:block;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;padding:18px 8px 16px;line-height:1.5}.history-toc a>span{font-size:12px;white-space:nowrap}.history-toc small{display:block;font-size:10px;margin-top:3px}.history-toc a[aria-current]{color:var(--accent);border-color:var(--accent)}.history-toc a:hover{color:var(--accent);background:var(--tint)}
/* Every chapter uses one reading column; components never escape its edges. */
.history-main{--history-reading:760px;--history-rail:88px;--history-gutter:40px;--history-frame:calc(var(--history-reading) + var(--history-rail) + var(--history-gutter))}
.history-main>article{width:100%;max-width:var(--history-frame);margin-inline:auto}
.history-prologue,.history-sources{width:100%;max-width:var(--history-frame);margin-inline:auto;padding-left:calc(var(--history-rail) + var(--history-gutter))}
.history-prologue{padding-block:64px;text-align:left}
.history-prologue>.history-label{margin:0 0 24px}
.history-prologue blockquote{margin:0}
.history-prologue blockquote p{font-size:28px;font-weight:400;line-height:1.6;letter-spacing:-.7px;margin:0 0 24px}
.history-prologue footer{font-size:14px;font-weight:500;line-height:1.8}
.history-prologue footer span{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.history-chapter{display:grid;grid-template-columns:var(--history-rail) minmax(0,1fr);column-gap:var(--history-gutter);padding-block:64px;border-top:1px solid var(--line);scroll-margin-top:110px}
.history-chapter-index{position:sticky;top:112px;align-self:start;display:grid;gap:12px;padding-top:4px}
.history-chapter-index>span:first-child{color:var(--accent);font-size:34px;line-height:1.1;letter-spacing:-1.5px;font-weight:400}
.history-chapter-index>span:last-child{color:var(--muted);font-size:11px;line-height:1.7}
.history-chapter-body{display:flex;flex-direction:column;gap:24px;min-width:0}
.history-chapter-body>*{flex:none;width:100%;max-width:none;min-width:0;margin:0}
.history-chapter-body>header{display:grid;gap:16px;margin-bottom:8px}
.history-chapter-body header .history-label{margin:0}
.history-chapter h2{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-1.2px;text-wrap:balance;overflow-wrap:break-word;margin:0}
.history-chapter p{font-size:16px;line-height:1.85;margin:0}
.history-chapter .history-lead{font-size:18px;line-height:1.75;color:var(--muted)}
.history-chapter strong{font-weight:600}
.history-chapter h3{font-size:22px;font-weight:500;line-height:1.45;letter-spacing:-.4px;margin:16px 0 0}
.history-note,.history-memorial{border-left:2px solid var(--accent);padding:8px 0 8px 24px}
.history-note p{margin-top:12px;font-size:16px;line-height:1.85}
.history-path,.history-names,.history-date-card,.history-anniversary-date,.history-milestones,.history-photo,.history-scene-photo{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--surface)}
.history-path>figcaption,.history-names>figcaption{font-size:16px;font-weight:500;line-height:1.6;margin-bottom:24px}
.education-path{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;align-items:center}
.education-schools{display:grid;gap:24px}
.education-path time{display:block;font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:400;color:var(--accent);margin-bottom:10px}
.education-path strong{display:block;font-size:14px;font-weight:500;line-height:1.65}
.education-path p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:8px}
.education-next{border-inline:1px solid var(--line);padding-inline:20px}
.education-next>span{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:10px}
.history-date-card,.history-anniversary-date{display:grid;grid-template-columns:136px minmax(0,1fr);gap:24px;align-items:center}
.history-date-card time,.history-anniversary-date time{color:var(--accent)}
.history-date-card time span,.history-anniversary-date time span{display:block;font-size:13px;line-height:1.7;margin-bottom:8px}
.history-date-card time strong,.history-anniversary-date time strong{display:block;font-size:60px;line-height:1;font-weight:400;letter-spacing:-3px}
.history-date-card p,.history-anniversary-date p{font-size:16px;line-height:1.85}
.history-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.history-people>div{border-top:1px solid var(--line);padding-block:20px}
.history-people dt{font-size:16px;font-weight:500;line-height:1.65}
.history-people dd{font-size:14px;line-height:1.8;color:var(--muted);margin:8px 0 0}
.history-photo,.history-scene-photo{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:24px;align-items:center}
.history-photo img,.history-scene-photo img{display:block;width:100%;max-width:100%;height:auto;border-radius:2px}
.history-photo figcaption,.history-scene-photo figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.history-branches{list-style:none;padding:0}
.history-branches li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;padding-block:20px;border-top:1px solid var(--line)}
.history-branches li:last-child{padding-bottom:0}
.history-branches strong{font-size:16px;font-weight:500;line-height:1.65}
.history-branches li>span{font-size:14px;line-height:1.8;color:var(--muted)}
.history-chapter-quiet .history-label,.history-chapter-quiet .history-chapter-index>span:first-child{color:var(--muted)}
.history-memorial{border-color:var(--text)}
.history-memorial>p{margin-top:16px}
.history-memorial strong{display:block;font-size:40px;font-weight:400;letter-spacing:-1px;line-height:1.2}
.history-memorial p>span{display:block;margin-top:16px;font-size:16px;line-height:1.85;color:var(--muted)}
.history-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.history-milestones>div+div{border-left:1px solid var(--line);padding-left:24px}
.history-milestones time{font-size:48px;line-height:1.1;font-weight:400;letter-spacing:-2px;color:var(--accent)}
.history-milestones p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}
.history-names ol{list-style:none;padding:0;margin:0}
.history-names li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:24px;align-items:baseline;border-top:1px solid var(--line);padding-block:20px}
.history-names time{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:400;color:var(--accent)}
.history-names li>span{font-size:16px;line-height:1.8}
.history-names>p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}
.history-sources{border-top:1px solid var(--line);padding-top:40px}
.history-sources>.history-label{margin:0 0 12px}
.history-sources h2{font-size:24px;font-weight:500;line-height:1.4;letter-spacing:-.5px;margin:0 0 16px}
.history-sources p:not(.history-label){font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 20px}
.history-sources>a{display:block;width:fit-content;font-size:14px;line-height:1.8;text-decoration:none;margin-top:12px}
.history-sources>a:hover{text-decoration:underline}
.history-sources .history-back-top{margin-top:24px;color:var(--muted)}

.history-progress{position:fixed;inset:0 0 auto;z-index:10;height:2px;pointer-events:none}.history-progress>span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--history-progress,0));transform-origin:left}
#history-sources-title,#education-path-title,#names-title{scroll-margin-top:110px}
@media(min-width:921px){.history-page .menu-dialog{z-index:20}}
@media(max-width:1100px){.history-toc small{font-size:9px}.history-cover h1{letter-spacing:-2.5px}}
@media(max-width:1000px){.history-main{--history-rail:64px;--history-gutter:24px}}
@media(max-width:760px){
 .home-university{margin-top:32px;padding-top:24px}.home-university .section-heading>span{display:none}.history-banner{gap:18px;padding:18px;min-height:112px}.history-banner-copy strong{font-size:17px}.history-banner-copy>span{font-size:11px}.history-banner-years{display:none}.history-banner-action{margin-left:auto}
 .history-main{--history-rail:0px;--history-gutter:0px}.history-main>.breadcrumb{margin-bottom:26px}.history-cover{padding-bottom:32px}.history-cover h1{font-size:clamp(38px,7vw,54px);letter-spacing:-2px}.history-cover-footer{margin-top:12px;gap:18px}.history-readtime{font-size:10px}
 .history-toc ol{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:4px}.history-toc li{flex:0 0 auto}.history-toc a{padding:14px 12px 12px}.history-toc a>span{font-size:11px}.history-toc small{font-size:10px}
 .history-prologue{padding-block:48px}.history-prologue blockquote p{font-size:25px}.history-chapter{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:48px}.history-chapter-index{position:static;display:flex;align-items:center;gap:16px;padding:0}.history-chapter-index>span:first-child{font-size:28px}.history-chapter h2{font-size:32px;letter-spacing:-.9px}.history-chapter .history-lead{font-size:18px}
 .education-path{grid-template-columns:1fr;gap:24px}.education-schools{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.education-next{border-inline:0;border-block:1px solid var(--line);padding:20px 0}.history-photo,.history-scene-photo{grid-template-columns:minmax(0,1fr);gap:16px}.history-photo img,.history-scene-photo img{width:min(100%,320px)}
}
@media(max-width:440px){
 .history-banner{gap:14px;padding:16px}.history-banner-copy strong{font-size:14px;letter-spacing:-.3px}.history-banner-copy>span{font-size:10px}.history-banner-action{font-size:18px;margin-left:auto}
 .history-cover .history-label{font-size:12px;letter-spacing:normal}.history-cover h1{font-size:39px;letter-spacing:-1.8px}.history-cover h1 span{display:block}.history-cover-footer{gap:14px;flex-wrap:wrap}.history-start{padding:12px 16px;gap:26px}.history-readtime{font-size:9px}
 .history-chapter-body{gap:24px}.history-chapter h2{font-size:28px;letter-spacing:-.7px}.history-chapter p{font-size:15px;line-height:1.85}.history-chapter .history-lead{font-size:17px}.history-chapter h3{font-size:21px}.history-prologue blockquote p{font-size:23px}
 .history-path,.history-names,.history-date-card,.history-anniversary-date,.history-milestones,.history-photo,.history-scene-photo{padding:20px}.education-schools,.history-people{grid-template-columns:1fr}.history-date-card,.history-anniversary-date{grid-template-columns:1fr;gap:20px}.history-date-card time strong,.history-anniversary-date time strong{font-size:56px}.history-branches li{grid-template-columns:1fr;gap:8px}.history-milestones{grid-template-columns:1fr;gap:20px}.history-milestones>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px}.history-milestones time{font-size:44px}.history-names li{grid-template-columns:56px minmax(0,1fr);gap:16px}.history-names time{font-size:26px}.history-names li>span{font-size:14px}.history-note,.history-memorial{padding-left:20px}.history-memorial strong{font-size:36px}
}
@media(prefers-reduced-motion:no-preference){.history-document{scroll-behavior:smooth}.history-toc a{transition:color 250ms,background-color 250ms,border-color 300ms}}
@media(prefers-reduced-motion:reduce){[data-color-scene] img{filter:none!important}}
@media print{
 .history-main{--history-rail:0px;--history-gutter:0px}.history-toc,.history-progress,.history-cover-footer{display:none!important}.history-cover{padding:0}.history-cover h1{font-size:32px}.history-prologue{padding-block:24px}.history-chapter{display:block;padding-block:24px}.history-chapter-index{position:static;display:flex;gap:16px;margin-bottom:16px}.history-chapter-body{gap:16px}.history-chapter h2{font-size:26px}.history-chapter p{font-size:11px}.history-photo,.history-scene-photo,.history-date-card,.history-people>div,.history-milestones,.history-path,.history-names{break-inside:avoid}.history-sources{padding-left:0}.home-university{display:none}
}
/* An uncluttered anniversary mark and a reversible passage between two eras. */
.history-anniversary-mark{flex:none;display:grid;justify-items:center;gap:5px;padding:2px 28px 2px 0;border-right:1px solid var(--line);color:var(--accent)}
.history-anniversary-mark>span{font-size:56px;font-weight:400;line-height:1;letter-spacing:-3px;font-variant-numeric:lining-nums tabular-nums}
.history-anniversary-mark small{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:3px;margin-left:3px;line-height:1.5}
.history-banner{min-height:126px}.history-banner-copy>span{font-size:11px}
.history-era{max-width:1080px;margin:20px auto 0}
.history-era-images{display:grid;position:relative;isolation:isolate;mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 88%,transparent)}
.history-era-images::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to right,var(--bg),transparent 6%,transparent 94%,var(--bg))}
.history-era-images img{grid-area:1/1;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:none}
.history-era-past{opacity:1}.history-era-images .history-era-present{opacity:var(--era-progress,0)}
.history-era-years{display:flex;align-items:center;justify-content:center;gap:16px;max-width:400px;margin:8px auto 22px;color:var(--muted);font-size:10px;line-height:1.7;font-variant-numeric:tabular-nums}
.history-era-rule{position:relative;flex:1;height:1px;background:var(--line)}.history-era-rule::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--era-progress,0));transform-origin:left}

@media(max-width:760px){.history-anniversary-mark{padding-right:20px}.history-anniversary-mark>span{font-size:48px;letter-spacing:-2.5px}.history-banner{min-height:112px}.history-era{margin-top:20px}.history-era-years{max-width:300px;margin:8px auto 20px;font-size:9px;gap:12px}}
@media(max-width:440px){.history-anniversary-mark{padding-right:16px;gap:4px}.history-anniversary-mark>span{font-size:42px;letter-spacing:-2px}.history-anniversary-mark small{font-size:8px;letter-spacing:2px}.history-banner{gap:16px;min-height:106px}.history-banner-copy>span{font-size:10px}.history-era-years{max-width:250px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.history-era-present{opacity:1!important}.history-era-rule::after{transform:scaleX(1)}}
@media print{.history-era{max-width:500px;margin:16px auto}.history-era-images{mask-image:none}.history-era-images::after,.history-era-years{display:none}.history-era-present{opacity:1!important}}

.history-era{--era-travel:clamp(300px,47svh,480px);max-width:min(1080px,calc((100svh - 190px)*1.5))}
.history-era-stage{position:relative}.history-era-distance{display:none}
.history-era[data-era-ready] .history-era-stage{position:sticky;top:80px}
.history-era[data-era-ready] .history-era-distance{display:block;height:var(--era-travel)}
@media(prefers-reduced-motion:reduce){.history-era[data-era-ready] .history-era-stage{position:relative;top:auto}.history-era[data-era-ready] .history-era-distance{display:none}}
@media print{.history-era{max-width:500px}.history-era[data-era-ready] .history-era-stage{position:static}.history-era[data-era-ready] .history-era-distance{display:none}}



/* Supplied anniversary emblem, original artwork in each theme. */
.history-anniversary-mark{display:block;padding:0 24px 0 0;line-height:0}
.history-anniversary-mark img{display:block;width:96px;height:96px;object-fit:contain}
.history-anniversary-mark .anniversary-logo-dark{display:none}
:root[data-theme=dark] .history-anniversary-mark .anniversary-logo-light{display:none}
:root[data-theme=dark] .history-anniversary-mark .anniversary-logo-dark{display:block;filter:brightness(1.55)}
@media(max-width:760px){.history-anniversary-mark{padding-right:18px}.history-anniversary-mark img{width:80px;height:80px}}
@media(max-width:440px){.history-anniversary-mark{padding-right:14px}.history-anniversary-mark img{width:64px;height:64px}.history-banner{gap:14px}.history-banner-copy strong{overflow-wrap:break-word}}

/* Mobile: the eras change during ordinary page scrolling. */
@media(max-width:760px){.history-era{max-width:1080px}.history-era[data-era-ready] .history-era-stage{position:relative;top:auto}.history-era[data-era-ready] .history-era-distance{display:none}}