/* Only the published chronology page. Editor/live/full previews keep their layout. */
.chronology-heading{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 96px;align-items:center;gap:12px;margin:0;padding:5px 0}
.chronology-heading h1{grid-column:2;font-size:clamp(32px,3vw,40px);line-height:1.15;text-align:center;margin:0}
.chronology-heading .chronology-arrow{display:grid;place-items:center;width:96px;min-height:44px;padding:5px 10px;border:0;background:transparent;box-shadow:none;color:#cda451;cursor:pointer}
.chronology-arrow svg{display:block;width:72px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.chronology-arrow:hover{color:#f3dba3}.chronology-arrow:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:5px}.chronology-arrow:disabled{opacity:.28;cursor:default}
.chronology-manage{position:absolute;top:-19px;right:0;font-size:11px;line-height:18px;color:var(--muted)}
.chronology-page .breadcrumbs{padding-top:6px;gap:8px;margin-bottom:2px}.chronology-page .timeline-full-open{display:none}.timeline-event-dialog{width:min(620px,calc(100% - 24px))}.timeline-event-dialog .timeline-dialog-image{margin:14px 0}.timeline-event-dialog .timeline-dialog-image img{width:100%;max-height:30dvh;object-fit:contain}
.chronology-page .marker-outer{stroke-width:1px;vector-effect:non-scaling-stroke}
@media(min-width:741px){
 .chronology-page{height:100dvh;min-height:0;display:flex;flex-direction:column}
 .chronology-page>.prototype-strip,.chronology-page>.site-header{flex:none}
 .chronology-page>.site-footer{display:none}
 .chronology-page #main{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding-bottom:8px}
 .chronology-page .cms-publication{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .chronology-page .chronology-heading{width:calc(100dvw - 64px);left:50%;transform:translateX(-50%)}
 .chronology-page .article-flow{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:auto}
 .chronology-page .world-timeline{flex:1;min-height:0;height:100%;margin:0;display:flex;flex-direction:column}
 .chronology-page .timeline-viewport{flex:1;min-height:0;max-width:100%;padding:8px 0 12px;overflow:auto;container-type:size}
 .chronology-page .timeline-track{height:max-content;min-width:100%;grid-template-rows:auto 50px auto;align-content:start;padding:0;margin:0;justify-content:start}
 .chronology-page .timeline-marker{width:46px;height:46px}
 .chronology-page .timeline-card{padding:0;max-height:none;overflow:visible;font-size:13px}
 .chronology-page .timeline-card-content{padding:10px;max-height:max(90px,min(280px,calc((100cqh - 90px)/2)));overflow:auto;border-radius:inherit}
 .chronology-page .timeline-card .eyebrow{font-size:11px;line-height:1.2;letter-spacing:.04em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .chronology-page .timeline-card h3{font-size:20px;line-height:1.2;margin:4px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .chronology-page .timeline-card-image{margin:5px 0}.chronology-page .timeline-card-image img{height:clamp(40px,10cqh,80px);max-height:none;object-fit:contain}
 .chronology-page .timeline-card-summary{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.chronology-page .timeline-card-summary p{font-size:13px;line-height:1.4;margin:0}
 .chronology-page .timeline-card .timeline-story{display:none}.chronology-page .timeline-card-actions{margin-top:7px;gap:10px;line-height:1.3}.chronology-page .timeline-card-actions a,.chronology-page .timeline-full-open{font-size:12px}
 .chronology-page .timeline-full-open{display:inline;padding:0;border:0;background:transparent;color:var(--gold);text-decoration:underline;cursor:pointer}
 .chronology-page .side-above .timeline-card{margin-bottom:14px}.chronology-page .side-below .timeline-card{margin-top:14px}.chronology-page .timeline-card::after{height:14px}
 .chronology-page .timeline-era-heading{padding:0 20px 14px;max-height:max(90px,min(280px,calc((100cqh - 86px)/2)));overflow:auto}.chronology-page .timeline-era-heading h2{font-size:22px;margin:5px 0}.chronology-page .timeline-era-heading>.eyebrow{font-size:10px;margin:0}
 .chronology-page .timeline-era-divider{height:18px;top:16px}.chronology-page .timeline-era-story{font-size:13px}.chronology-page .timeline-era-story summary{cursor:pointer;color:var(--gold)}
 .chronology-page .event-mini .timeline-mini-node{padding-top:2px;padding-bottom:0}.chronology-page .timeline-mini-trigger{gap:5px}.chronology-page .timeline-mini-label{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.chronology-page .timeline-mini-node>.timeline-edit{font-size:11px;margin-top:4px}
 .chronology-page .timeline-insert{top:13px;width:24px;height:24px}.chronology-page .timeline-ending p{font-size:12px;margin:12px 16px}
 .chronology-page .chronology-introduction{flex:none;font-size:13px;margin:4px 0}.chronology-introduction>summary{cursor:pointer;color:var(--muted)}.chronology-introduction[open]{max-height:25dvh;overflow:auto}
}
@media(max-width:740px){.chronology-heading{grid-template-columns:1fr;padding:12px 0 8px;gap:4px}.chronology-heading h1{grid-column:1;font-size:32px}.chronology-heading .chronology-arrow{display:none}.chronology-manage{position:static;grid-column:1;justify-self:center;margin-top:6px}.chronology-page .breadcrumbs{padding-top:12px}.chronology-introduction{font-size:14px}}
