/* History page: image-led opening and open chronological sections. */
html body #page #content #main .qth-history {background:#fff!important; --qa-ink:#171a20!important; --qa-mute:#5c5e62!important; --qa-line:#e2e3e3!important; --qa-paper:#f4f4f4!important; color:#171a20; font-family:"Gotham","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;} 
html body #page #content #main .qth-history :is(.qac-wrap,.qma-in) {max-width:1280px;}
html body #page #content #main .qth-history :is(h1,h2,h3,.ser) {font-family:inherit!important; font-weight:500!important; letter-spacing:-.025em!important;}
html body #page #content #main .qth-history .qac-nav-inner {min-height:60px; padding-block:8px;}
html body #page #content #main .qth-history .qac-subnav {background:#fff!important;}
html body #page #content #main .qth-history .qac-subnav .qac-wrap {flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; scrollbar-width:thin;}
html body #page #content #main .qth-history .qac-subnav a {flex-shrink:0; font-size:12px; padding-block:12px;}
html body #page #content #main .qth-history .qma-hero {position:relative; display:grid; grid-template-columns:1fr; min-height:720px; min-height:clamp(720px, calc(100svh - 150px), 1080px); padding:0; background:#171a20!important; overflow:hidden;}
html body #page #content #main .qth-history .qma-hero-media {position:absolute; inset:0; grid-column:auto; grid-row:auto; width:100%; height:100%; min-height:0; aspect-ratio:auto; border-radius:0; z-index:0;}
html body #page #content #main .qth-history .qma-hero-media img {display:block; width:100%; height:100%; object-fit:cover; object-position:50% 45%; filter:none!important; animation:none!important;}
html body #page #content #main .qth-history .qma-hero::after {content:""; display:block; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.08) 45%,rgba(0,0,0,.68));}
html body #page #content #main .qth-history .qma-hero > .qma-in {position:relative; z-index:2; grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; min-height:inherit; max-width:none; box-sizing:border-box; padding:56px 32px 28px;}
html body #page #content #main .qth-history .qma-hero .qma-crumb {justify-content:center; margin:0 0 24px; font-size:11px; opacity:.8;}
html body #page #content #main .qth-history .qma-hero .qma-eb {font-size:12px!important; letter-spacing:.15em!important; margin:0 0 14px; color:#fff!important;}
html body #page #content #main .qth-history .qma-hero h1 {max-width:none; margin:0 0 16px; font-size:clamp(34px,4.2vw,64px)!important; line-height:1.3!important; color:#fff!important;}
html body #page #content #main .qth-history .qma-hero .qma-lead {max-width:600px; font-size:16px!important; line-height:1.8!important; text-align:center; margin:0 auto 40px; color:#fff!important;}
html body #page #content #main .qth-history .qtl-hero-bottom {margin-top:auto; width:min(100%,640px); padding-top:60px;}
html body #page #content #main .qth-history .qtl-pillars {display:flex; justify-content:center; margin-bottom:28px; color:#fff;}
html body #page #content #main .qth-history .qtl-pillars span {flex:1; font-size:20px; font-weight:500; line-height:1.4; padding:0 20px; color:#fff!important;}
html body #page #content #main .qth-history .qtl-pillars span + span {border-left:1px solid #ffffff70;}
html body #page #content #main .qth-history .qtl-actions {display:grid; grid-template-columns:1fr 1fr; gap:20px;}
html body #page #content #main .qth-history .qtl-button {display:flex; align-items:center; justify-content:center; min-height:44px; padding:12px 24px; border:0; border-radius:4px; background:#3e6ae1!important; color:#fff!important; font-size:14px; font-weight:500; text-decoration:none!important; transition:background .2s;}
html body #page #content #main .qth-history .qtl-button:hover {background:#3457b1!important;}
html body #page #content #main .qth-history .qtl-secondary {background:#f4f4f4!important; color:#171a20!important;}
html body #page #content #main .qth-history .qtl-secondary:hover {background:#e2e3e3!important;}
html body #page #content #main .qth-history .qtl-scroll {display:inline-flex; justify-content:center; align-items:center; width:44px; height:44px; margin-top:16px; font-size:26px; color:#fff!important; text-decoration:none;}
html body #page #content #main .qth-history .qma-quote {margin:0; border-radius:0; background:#fff!important;}
html body #page #content #main .qth-history .qma-quote > .qma-in {padding:100px 32px!important; display:block; text-align:center;}
html body #page #content #main .qth-history .qma-quote blockquote {max-width:1000px; margin:auto; text-align:center; color:#171a20!important; font-size:clamp(25px,3vw,38px)!important; line-height:1.7!important;}
html body #page #content #main .qth-history .qtl-statement-note {display:block; font-size:15px; font-weight:400; color:#5c5e62!important; margin-top:20px; letter-spacing:0;}

html body #page #content #main .qth-history .qth-intro {max-width:760px; margin:24px auto 0; color:#5c5e62!important; font-size:15px; line-height:2; text-align:center;}
html body #page #content #main .qth-history .qma-sec, html body #page #content #main .qth-history .qma-sec.has-fig {margin:0; padding:0; background:#fff!important; border:0!important; border-radius:0;}
html body #page #content #main .qth-history .qma-sec > .qma-in {display:grid; grid-template-columns:240px minmax(0,1fr); gap:8px 80px; max-width:1200px; padding:104px var(--qa-gutter)!important; border:0;}
html body #page #content #main .qth-history .qma-sech {display:contents;}
html body #page #content #main .qth-history .qma-sech .qma-num {grid-column:1; grid-row:1 / 3; display:block; width:auto!important; height:auto!important; min-width:0; padding:0!important; margin:0!important; font-size:clamp(36px,4.5vw,64px)!important; line-height:1.3!important; font-weight:500; letter-spacing:-.04em; color:#171a20!important; background:transparent!important; border:0; border-radius:0;}
html body #page #content #main .qth-history .qma-sech h2 {grid-column:2; font-size:clamp(26px,2.5vw,34px)!important; line-height:1.5!important; margin:0 0 20px;}
html body #page #content #main .qth-history .qma-secb {grid-column:2; display:block;}
html body #page #content #main .qth-history .qma-secb > p {max-width:720px; margin:0; font-size:16px!important; line-height:2!important; color:#5c5e62!important;}
html body #page #content #main .qth-history #qa-section-2 {background:#f4f4f4!important;}
html body #page #content #main .qth-history .qma-fig {margin:48px 0 0; max-width:none; border:0; border-radius:0; overflow:hidden;}
html body #page #content #main .qth-history .qma-fig img {display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; border-radius:0!important;}
html body #page #content #main .qth-history .qma-cards {padding:96px 0; background:#f4f4f4!important;}
html body #page #content #main .qth-history .qma-cards > .qma-in > :is(.qma-eb,h2) {text-align:center;}
html body #page #content #main .qth-history .qma-cards h2 {font-size:clamp(27px,3vw,38px)!important; margin:12px 0 48px;}
html body #page #content #main .qth-history .qa-history-timeline {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; padding:0; border:0;}
html body #page #content #main .qth-history .qa-history-timeline .qma-c {padding:0; margin:0; border:0!important; border-radius:0; background:transparent!important; box-shadow:none;}
html body #page #content #main .qth-history .qa-history-timeline .qma-c::before {display:none;}
html body #page #content #main .qth-history .qa-history-timeline .qma-c > span {font-size:13px; color:#5c5e62!important; background:transparent!important;}
html body #page #content #main .qth-history .qa-history-timeline h3 {font-size:19px!important; line-height:1.6; margin:24px 0 16px;}
html body #page #content #main .qth-history .qa-history-timeline p {font-size:14px!important; line-height:1.9; color:#5c5e62!important;}
html body #page #content #main .qth-history .qma-band {padding:88px 0; margin:0; background:#fff!important; border-radius:0;}
html body #page #content #main .qth-history .qma-band > .qma-in {display:flex; flex-direction:column; align-items:center; text-align:center; gap:32px;}
html body #page #content #main .qth-history .qma-band :is(p,.qma-eb) {color:#171a20!important;}
html body #page #content #main .qth-history .qma-band p {font-size:clamp(26px,3vw,36px)!important; line-height:1.5; margin:16px 0 0;}
html body #page #content #main .qth-history .qma-ctas {display:flex; gap:20px; justify-content:center; flex-wrap:wrap;}
html body #page #content #main .qth-history .qma-band .qma-cta {min-width:240px; min-height:44px; border-radius:4px; border:0!important; background:#3e6ae1!important; color:#fff!important; justify-content:center;}
html body #page #content #main .qth-history .qma-band .qma-cta:hover {background:#3457b1!important;}
html body #page #content #main .qth-history .qma-band .qma-cta.is-ghost {background:#f4f4f4!important; color:#171a20!important;}
html body #page #content #main .qth-history .qma-band .qma-cta.is-ghost:hover {background:#e2e3e3!important;}
html body #page #content #main .qth-history .qma-sibs {padding:72px 0; background:#f4f4f4!important;}
html body #page #content #main .qth-history .qma-sibs h2 {font-size:28px!important; margin-bottom:40px;}
html body #page #content #main .qth-history .qma-sgrid {gap:0 32px; border:0;}
html body #page #content #main .qth-history .qma-sib {padding:24px 0; border:0; border-radius:0; background:transparent!important; box-shadow:none!important;}
html body #page #content #main .qth-history .qma-sib.is-on {background:transparent!important; color:#171a20!important;}
html body #page #content #main .qth-history .qma-sib.is-on :is(span,p) {color:#171a20!important;}
html body #page #content #main .qth-history .qma-sib p {color:#5c5e62!important; font-size:14px!important;}
html body #page #content #main .qth-history .qma-back {font-size:13px; margin-top:36px;}
html body #page #content #main .qth-history :is(a,summary):focus-visible {outline:2px solid #3e6ae1!important; outline-offset:5px;}
html body #page #content #main .qth-history section[id] {scroll-margin-top:88px;}
html body #page #content #main .qth-history .qac-subnav .qac-wrap {justify-content:center; gap:28px;}
html body #page #content #main .qth-history .qma-hero .qma-crumb :is(a,span) {color:#fff!important;}
html body #page #content #main .qth-history .qma-quote {max-width:none; border:0!important;}
html body #page #content #main .qth-history .qma-cards > .qma-in {padding-block:0!important;}
html body #page #content #main .qth-history .qma-band > .qma-in {padding-block:0!important;}
html body #page #content #main .qth-history .qma-sibs > .qma-in {padding-block:0!important;}
html body #page #content #main .qth-history .qma-band .qma-cta {box-sizing:border-box; padding:12px 24px; font-size:14px;}
html body #page #content #main .qth-history .qma-band .qma-cta svg {display:none;}
html body #page #content #main .qth-history .qma-sib span {color:#171a20!important;}
html body #page #content #main .qth-history .qma-sib:hover span {text-decoration:underline; text-underline-offset:5px;}
html body #page #content #main .qth-history .qma-sib.is-on span {font-weight:600; text-decoration:underline; text-underline-offset:5px;}
@media(max-width:900px) {
html body #page #content #main .qth-history .qac-nav-inner {gap:8px;}
html body #page #content #main .qth-history .qac-subnav .qac-wrap {justify-content:flex-start;}
html body #page #content #main .qth-history .qac-nav-label {width:100%;}
html body #page #content #main .qth-history .qma-hero {min-height:680px;}
html body #page #content #main .qth-history .qma-hero > .qma-in {padding:36px 24px 20px;}
html body #page #content #main .qth-history .qma-sec > .qma-in {grid-template-columns:140px minmax(0,1fr); gap:8px 32px;}
html body #page #content #main .qth-history .qa-history-timeline {grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px;}
}
@media(max-width:640px) {
html body #page #content #main .qth-history .qac-nav-main {gap:0;}
html body #page #content #main .qth-history .qac-nav-main > a, html body #page #content #main .qth-history .qac-nav summary {padding:8px 10px; font-size:12px;}
html body #page #content #main .qth-history .qac-menu-panel {min-width:240px; max-width:calc(100vw - 40px);}
html body #page #content #main .qth-history .qac-menu:nth-child(n+3) .qac-menu-panel {left:auto; right:0;}
html body #page #content #main .qth-history .qac-nav-contact {display:none;}
html body #page #content #main .qth-history .qma-hero {min-height:640px;}
html body #page #content #main .qth-history .qma-hero > .qma-in {padding:40px 24px 24px;}
html body #page #content #main .qth-history .qma-sibs {padding:56px 0;} 
html body #page #content #main .qth-history .qma-hero .qma-crumb {display:none;}
html body #page #content #main .qth-history .qma-hero h1 {max-width:9em; font-size:34px!important;}
html body #page #content #main .qth-history .qma-hero .qma-lead {font-size:14px!important;}
html body #page #content #main .qth-history .qtl-pillars span {font-size:15px; padding:0 10px;}
html body #page #content #main .qth-history .qtl-actions {grid-template-columns:1fr; gap:12px;}
html body #page #content #main .qth-history .qtl-hero-bottom {padding-top:40px;}
html body #page #content #main .qth-history .qma-quote > .qma-in {padding:64px 24px!important;}
html body #page #content #main .qth-history .qma-sec > .qma-in {grid-template-columns:1fr; padding:56px 24px!important; gap:0;}
html body #page #content #main .qth-history .qma-sech .qma-num {grid-column:1; grid-row:auto; font-size:32px!important; margin-bottom:24px!important;}
html body #page #content #main .qth-history .qma-sech h2, html body #page #content #main .qth-history .qma-secb {grid-column:1;}
html body #page #content #main .qth-history .qma-secb > p {font-size:15px!important;}
html body #page #content #main .qth-history .qma-cards, html body #page #content #main .qth-history .qma-band {padding:56px 0;}
html body #page #content #main .qth-history .qa-history-timeline {grid-template-columns:1fr;}
html body #page #content #main .qth-history .qma-sgrid {grid-template-columns:1fr;}
html body #page #content #main .qth-history .qma-ctas {width:100%; flex-direction:column;}
}
@media(prefers-reduced-motion:reduce) {
html body #page #content #main .qth-history * {scroll-behavior:auto!important; transition:none!important;}
}
@media print {
html body #page #content #main .qth-history .qma-hero {min-height:0; background:#fff!important;}
html body #page #content #main .qth-history .qma-hero-media, html body #page #content #main .qth-history .qma-hero::after, html body #page #content #main .qth-history .qtl-hero-bottom {display:none;}
html body #page #content #main .qth-history .qma-hero > .qma-in {min-height:0; padding:24px;}
html body #page #content #main .qth-history .qma-hero :is(h1,.qma-lead,.qma-eb) {color:#171a20!important;}
html body #page #content #main .qth-history .qma-sec > .qma-in {padding:24px!important;}
}