body[data-page="topic-guide"].history-topic{--topic-accent:#dce8f4;--topic-accent-strong:#485f89;--topic-tint:#f4f7fc}.history-topic .topic-hero h1{font-size:clamp(3rem,6vw,5.4rem)}.history-topic .topic-hero-picture img{object-fit:contain}.history-stage .story-wrap{position:relative;padding-left:72px}.history-stage .story-wrap:before{content:"";position:absolute;left:23px;top:0;bottom:-130px;width:2px;background:#ccdcec}.history-stage .topic-section-heading>.topic-cue{position:absolute;left:0;top:0;z-index:1;border:5px solid white;box-sizing:content-box}.history-stage .topic-section-heading{gap:0}.history-topic .topic-section-heading .eyebrow{font-size:.8125rem}@media(max-width:760px){.history-stage .story-wrap{padding-left:0}.history-stage .story-wrap:before{left:19px;bottom:-75px;display:none}.history-stage .topic-section-heading>.topic-cue{position:static;flex-shrink:0;border:0}.history-stage .topic-section-heading{gap:16px}}.history-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.history-tags span{background:#dce8f4;color:#333665;font-weight:700;font-size:.875rem;padding:8px 14px;border-radius:99px}.history-tags span:nth-child(2){background:#e0eee7}.history-tags span:nth-child(3){background:#ffe5a8}.history-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0}.history-cards>div{padding:28px;border:1px solid var(--line);border-radius:24px;min-width:0;background:#f4f7fc}.history-cards>div:nth-child(even){background:#f5faf7}.history-cards .topic-cue{margin-bottom:20px}.topic-section .history-cards h3{font-size:1.45rem;line-height:1.4}.topic-section .history-cards p{font-size:1rem;margin:0}.history-split{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:start}.history-picture{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;padding:15px}.history-picture img{display:block;width:100%;height:auto}.history-picture figcaption{font-size:.875rem;line-height:1.6;padding:16px 10px;color:var(--muted);text-align:center}.history-route{display:flex;flex-direction:column;align-items:center;gap:12px;margin:28px 0;padding:24px;background:#f4f7fc;border:1px solid var(--line);border-radius:24px;text-align:center}.history-route strong{font-size:1rem}.history-explorer{border:1px solid var(--line);border-radius:26px;padding:30px;margin:30px 0}.history-explorer[hidden]{display:none}.era-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.era-controls button{font:inherit;font-weight:700;font-size:1rem;cursor:pointer;border:1px solid #becddd;border-radius:99px;padding:11px 19px;background:white;color:#333665}.era-controls button[aria-pressed=true]{background:#333665;color:white;border-color:#333665}.era-result{border-left:4px solid #485f89;border-radius:0 20px 20px 0;background:#f1f5fb;padding:28px;min-height:225px}.topic-section .era-result h3{font-size:1.5rem;line-height:1.4}.topic-section .era-result p{font-size:1rem}.era-link{font-weight:700;color:#333665}.topic-section .history-intro-note{font-size:1rem;color:var(--muted)}.history-topic :focus-visible{outline:3px solid #657cac;outline-offset:4px}#living-heritage .story-wrap:before{bottom:0}
@media(max-width:760px){.history-cards,.history-split{grid-template-columns:1fr}.history-cards>div{padding:24px}.history-explorer{padding:20px}.era-result{padding:22px;min-height:0}.era-controls button{padding:10px 15px}.history-picture{max-width:440px;justify-self:center}.history-route{padding:20px}}@media(prefers-reduced-motion:reduce){.history-topic{scroll-behavior:auto}.history-topic *{scroll-behavior:auto}}
.history-topic h1,.history-topic h2,.history-topic h3{overflow-wrap:anywhere}.history-topic .topic-hero-grid>div,.history-topic .topic-section-heading>div{min-width:0}
.history-era-illustration{margin:30px 0 34px;align-items:center;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.history-era-illustration>div{min-width:0}.history-era-illustration .history-picture{width:100%;max-width:420px;box-sizing:border-box;justify-self:end}.history-era-illustration p:last-child{margin-bottom:0}.history-era-illustration .history-picture img{aspect-ratio:1;object-fit:contain}@media(max-width:760px){.history-era-illustration{grid-template-columns:minmax(0,1fr);gap:25px;align-items:start}.history-era-illustration .history-picture{justify-self:center;max-width:380px}}