html:has(.history-page){scroll-behavior:auto}
.history-page{--history-blue:#0864d9;--history-muted:#657183}
.history-page .languages a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;font-size:11px;font-weight:600;color:#657183}
.history-page .languages a[aria-current]{background:#edf4fe;color:var(--history-blue)}
.header nav a[aria-current="page"]{color:#0864d9}
.history-hero{background:#0a1422;color:#fff;padding:35px 0 0}
.history-breadcrumbs{display:flex;gap:14px;align-items:center;color:#aabbd0;font-size:12px}
.history-breadcrumbs a:hover{color:white}
.history-hero-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:end;padding:65px 0 55px}
.history-hero h1{font-size:clamp(48px,5.5vw,82px);line-height:1.06;letter-spacing:-.05em;margin:0;max-width:none}
.history-hero-intro{max-width:370px;justify-self:end;padding-bottom:3px}
.history-hero-intro>p{font-size:16px;line-height:1.8;color:#b6c3d4;margin:0 0 20px}
.history-hero-intro .text-link{border-bottom:1px solid #62748a;gap:45px}
.history-cover{position:relative;background:#152536}
.history-cover>img{width:100%;height:auto;aspect-ratio:4;object-fit:cover}
.history-cover-caption{display:flex;justify-content:space-between;gap:20px;padding:17px 22px;font-size:10px;letter-spacing:1.8px;color:#b6c3d4;border-top:2px solid #217fe9}
.history-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;padding-top:85px;padding-bottom:75px;align-items:start}
.history-rail{position:sticky;top:125px}
.history-rail nav>a{display:flex;flex-direction:column;gap:7px;padding:17px 0 17px 20px;border-left:2px solid #e4e9ef;transition:color .2s,border-color .2s}
.history-rail nav>a span{font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.history-rail nav>a small{font-size:11px;color:var(--history-muted);line-height:1.5}
.history-rail nav>a:hover,.history-rail nav>a[aria-current]{color:var(--history-blue);border-left-color:var(--history-blue)}
.history-rail nav>a[aria-current]{background:#f3f7fc}
.history-rail nav>a.history-top{margin-top:22px;padding-left:0;border:0;font-size:12px;color:var(--history-muted)}
.history-chapter{scroll-margin-top:25px;padding-bottom:75px}
.chapter-heading{border-top:1px solid #d7dfe8;padding-top:26px;margin-bottom:30px}
.chapter-heading .eyebrow{margin-bottom:16px}
.chapter-heading h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.04em;margin:0;line-height:1.12}
.chapter-heading>p:last-child{color:var(--history-muted);font-size:14px;line-height:1.8;max-width:560px;margin:18px 0 0}
.milestone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px}
.milestone{min-width:0;border:1px solid #dfe5ec;background:#fff}
.milestone-date{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #e7ebf0}
.milestone-date time{font-size:35px;letter-spacing:-1.5px;line-height:1;color:#0864d9;font-variant-numeric:tabular-nums}
.milestone-date>span{color:#657183;font-size:9px;letter-spacing:1.5px}
.milestone-image{background:#f4f6f8;aspect-ratio:560/405;overflow:hidden}
.milestone-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.milestone-copy{padding:24px 22px 27px}
.milestone h3{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.5px;margin:0 0 13px;text-wrap:balance}
.milestone p{font-size:14px;line-height:1.8;color:var(--history-muted);margin:0}
.history-source{border-top:1px solid #dfe5ec;padding-top:25px;font-size:12px;line-height:1.8}
.history-source a{color:#0864d9;text-decoration:underline;text-underline-offset:4px}
.history-source p{color:var(--history-muted)}
.history-next{background:#eff3f7;padding:70px 0}
.history-next>.wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}
.history-next h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.04em;line-height:1.12}
.history-next p:not(.eyebrow){max-width:510px;line-height:1.8;color:var(--history-muted);margin:25px 0 0}
.history-next-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;flex-shrink:0}
.history-footer{display:flex;align-items:center;gap:35px;padding-top:35px;padding-bottom:35px;font-size:12px;line-height:1.8;color:#657183}
.history-footer p{margin-right:auto}
.history-footer .brand img{width:90px;height:auto}
@media(min-width:761px) and (max-width:1100px){.history-layout{grid-template-columns:160px minmax(0,1fr);gap:30px}.history-hero-copy{gap:30px}.history-hero h1,html[lang=kk] .history-hero h1{font-size:56px}.milestone-copy{padding:20px 18px}.milestone h3{font-size:19px}}
@media(max-width:760px){
 .history-hero{padding-top:24px}.history-hero-copy{grid-template-columns:1fr;gap:25px;padding:40px 0 32px}
 .history-hero h1,html[lang=kk] .history-hero h1{font-size:clamp(38px,10.5vw,60px);letter-spacing:-.045em}
 .history-hero-intro{max-width:100%;justify-self:start}.history-hero-intro>p{font-size:14px;line-height:1.75;margin-bottom:12px}
 .history-cover>img{aspect-ratio:2.5;object-position:center}.history-cover-caption{padding:13px 12px;font-size:8px;letter-spacing:1px;flex-wrap:wrap;gap:8px}
 .history-layout{display:block;padding-top:0;padding-bottom:45px}
 .history-rail{top:78px;z-index:10;background:white;margin:0 -20px 36px;padding:0 20px;border-bottom:1px solid #dfe5ec}
 .history-rail nav{display:flex;overflow-x:auto;gap:0;padding:8px 0;scrollbar-width:thin}
 .history-rail .eyebrow,.history-rail nav>a.history-top{display:none}
 .history-rail nav>a{flex:0 0 auto;min-height:48px;border-left:0;border-bottom:2px solid transparent;padding:10px 13px;justify-content:center}
 .history-rail nav>a span{font-size:13px;letter-spacing:0}.history-rail nav>a small{display:none}
 .history-chapter{scroll-margin-top:85px;padding-bottom:50px}.chapter-heading{padding-top:22px}.chapter-heading h2{font-size:32px}
 .chapter-heading>p:last-child{font-size:13px}.milestone-grid{grid-template-columns:1fr;gap:22px}
 .milestone-date{padding:18px 20px}.milestone-date time{font-size:32px}.milestone-copy{padding:22px 20px 25px}.milestone h3{font-size:23px}.milestone p{font-size:14px}
 .history-next{padding:50px 0}.history-next>.wrap{flex-direction:column;align-items:flex-start;gap:30px}.history-next h2{font-size:35px}.history-next-actions{width:100%}.history-next .button{width:100%;gap:18px}
 .history-footer{flex-wrap:wrap;gap:20px}.history-footer p{flex:1;margin:0}.history-footer>a:not(.brand){font-size:12px}
 .history-page .languages a{min-width:32px}
}