/* Scoped additions. Existing fonts, palette, motion and pointer effects remain authoritative. */
.detailed-history>p,.member-resources>p{max-width:74ch}
.chronology-filters{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin:30px 0}
.chronology-filters[hidden]{display:none}.chronology-filters label{display:grid;gap:8px;font-weight:600;min-width:190px}
.chronology-filters select{font:inherit;color:var(--ink);background:white;border:1px solid var(--line);min-height:48px;padding:10px;max-width:100%}
.chronology-list{list-style:none;padding:0;margin:24px 0}.chronology-list>li{border-top:1px solid var(--line)}
.chronology-list article{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;padding:26px 0}
.chronology-list time{color:var(--royal);font-weight:600}.chronology-list h3{font:600 1.2rem/1.35 var(--sans);margin:0 0 12px;color:var(--red)}
.chronology-list p{max-width:74ch;margin:0 0 12px}.chronology-list a{display:inline-block;min-height:24px;color:var(--royal)}
.detailed-history{scroll-margin-top:calc(var(--header-offset,160px) + 24px)}
.collection-photo.recovered-photo img{width:auto;max-width:100%;height:auto;margin-inline:auto;background:transparent}.collection-photo.recovered-photo .image-button{background:transparent}
/* The anniversary is part of the opening composition, beside its historical context. */
.gateway{padding-block:24px 40px}.gateway>.foundation-date{margin-bottom:14px}
.gateway-welcome{display:grid;grid-template-columns:190px minmax(0,880px);gap:36px;align-items:center;max-width:1106px;margin-bottom:24px}
.gateway-welcome>div{grid-column:2;grid-row:1}.gateway-welcome>.gateway-anniversary{grid-column:1;grid-row:1}
.gateway-welcome h1{font-size:clamp(2.5rem,4.2vw,4rem);margin-bottom:16px;max-width:25ch}
.gateway-welcome .gateway-intro,.gateway-history{font-size:1rem;line-height:1.55;max-width:70ch;margin:0 0 14px}.gateway-welcome .quiet-link{margin:0}
.gateway-anniversary{display:block}.gateway-anniversary img{width:190px;height:auto;display:block}
.gateway .branch-entrances{align-items:stretch;grid-auto-rows:1fr;gap:36px}
.branch-entrances>.branch-entry{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;padding:20px 22px;border-top:2px solid var(--red);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;min-width:0}
.branch-entry>img{width:130px;height:130px;object-fit:contain;object-position:center top}.branch-entry>div{display:flex;flex-direction:column;min-width:0;height:100%}
.branch-entry h2{font-size:clamp(2rem,2.7vw,2.5rem);line-height:1.05;margin:0 0 14px;min-height:1.1em;color:var(--red)}
.branch-entry p{font-size:1rem;line-height:1.55;margin:0 0 20px}.branch-entry .button{align-self:flex-start;margin-top:auto;padding:14px 18px;min-height:48px}
.branch-entry:hover{background:var(--wash)}.branch-entry:focus-visible{outline:3px solid var(--royal);outline-offset:5px}
.anniversary-feature{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(0,1.4fr);padding-block:40px;gap:5%;align-items:center;border-top:1px solid var(--line)}
.anniversary-feature>a{justify-self:center}.anniversary-feature img{display:block;width:180px;max-width:100%;height:auto}.anniversary-feature h2{font-size:clamp(2.25rem,4vw,3.6rem);max-width:24ch;margin-top:0}.anniversary-feature p{max-width:68ch}
.anniversary-feature .quiet-link{color:var(--royal);font-weight:600}
.anniversary-page{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1fr);gap:60px;align-items:center}.anniversary-page>img{width:100%;max-width:480px;height:auto}
.anniversary-story article{display:grid;grid-template-columns:155px minmax(0,1fr);gap:40px;padding-block:30px;border-top:1px solid var(--line)}
.anniversary-story time{color:var(--royal);font-weight:600}.anniversary-story h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:0 0 20px}.anniversary-story p{max-width:74ch}
/* Resource names, identities and practical information follow the same reading grid. */
.page-resources .page-heading{padding-block:38px 32px}.page-resources .page-heading h1{font-size:clamp(2.6rem,5vw,4.5rem)}.page-resources .member-resources{padding-top:24px}
.resource-context{max-width:80ch;margin-bottom:30px}.resource-context summary{color:var(--royal);padding-block:12px;min-height:44px}
.resource-group{margin-top:40px}.resource-group>h2{font-size:clamp(2rem,4vw,3.25rem)}
.resource-list article{border-top:1px solid var(--line);padding:34px 0;display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.5fr);gap:44px}
.resource-identity img{display:block;width:180px;height:160px;object-fit:contain;object-position:left center;margin-bottom:22px}.resource-identity h3{font:600 1.2rem/1.4 var(--sans);margin:0 0 12px}
.resource-list a{color:var(--royal)}.resource-original{font-size:.8rem;color:var(--muted)}.resource-owner{font-weight:600}
.resource-description{display:grid;gap:16px;align-content:start}.resource-description p{margin:0;max-width:72ch}.resource-description ul{padding-left:22px;margin:0;max-width:74ch}.resource-description li+li{margin-top:10px}.resource-description .quiet-link{font-weight:600}
/* Extend the approved motion components rather than substitute a static timeline. */
.history-milestone-count{font-weight:600;position:relative;z-index:2;margin:0 0 12px;flex:none}
.expanded-history .text-only-era{grid-template-columns:1fr}.expanded-history .text-only-era .time-copy{max-width:80ch}
.expanded-history .event-date{font-size:.85rem;margin:10px 0}.expanded-history .era-summary{max-width:65ch;font-size:.95rem;line-height:1.55}
.expanded-history .time-scene img{width:auto;height:auto;max-height:36svh;object-fit:contain;margin-inline:auto}
.expanded-history .time-track{gap:3px 10px}.expanded-history .time-track a{font-size:1.2rem;min-height:40px;padding:8px 10px}
.chronicle-extended .chronicle-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.85fr);gap:28px;align-items:center;min-width:0;min-height:0}
.chronicle-extended .chronicle-record{grid-template-columns:1fr}.chronicle-story{min-width:0}.chronicle-story h2{font:600 clamp(1.4rem,2vw,2rem)/1.3 var(--sans);color:var(--red);margin:0 0 16px}
.chronicle-story p{font-size:.95rem;line-height:1.55;max-width:65ch;margin:0 0 18px}.chronicle-story .quiet-link{color:var(--royal)}
.chronicle-extended .chronicle-detail img{width:auto;height:auto;max-width:100%;max-height:38svh;object-fit:contain;margin-inline:auto}
.chronicle-extended .chronicle-date small{display:block;font:500 .85rem/1.5 var(--sans);margin-top:14px}
.chronicle-extended .chronicle-track{gap:4px 12px;flex-wrap:wrap;justify-content:space-between}
.chronicle-extended .chronicle-track button{font:inherit;color:inherit;background:transparent;border:0;padding:6px 0;min-height:40px;flex:0 0 auto}
.chronicle-extended .chronicle-track span{display:block;padding-top:8px;min-width:38px}.motion-disabled .chronicle-extended .chronicle-frames{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.branch-entrances>.branch-entry{grid-template-columns:90px minmax(0,1fr);gap:18px;padding-inline:12px}.branch-entry>img{width:90px;height:90px}.branch-entry h2{font-size:2rem}.resource-list article{gap:28px}}
@media(max-width:760px){.gateway .branch-entrances{grid-template-columns:1fr;gap:24px}.gateway .branch-entrances>.branch-entry{grid-template-columns:100px minmax(0,1fr);padding:22px 14px;gap:20px}.branch-entry>img{width:100px;height:100px}.branch-entry h2{min-height:2.2em}
.anniversary-feature{grid-template-columns:130px minmax(0,1fr);gap:20px}.anniversary-feature img{width:120px}.anniversary-feature h2{font-size:2rem}
.expanded-history .time-track{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:58px;gap:8px}.expanded-history .time-track a{flex:0 0 auto;min-width:42px}
.expanded-history .time-scene:not(.text-only-era){grid-template-columns:minmax(0,1fr) 100px;gap:16px;align-items:center}.expanded-history .time-scene img{max-height:22svh}.expanded-history .time-scene figcaption{font-size:.7rem;line-height:1.4}.expanded-history .era-summary{font-size:.9rem;line-height:1.45}
.chronicle-extended .chronicle-detail{grid-template-columns:1fr;gap:12px}.chronicle-story h2{font-size:1.2rem;margin-bottom:10px}.chronicle-story p{font-size:.875rem;line-height:1.45;margin-bottom:10px}.chronicle-extended .chronicle-detail img{max-height:20svh}
.chronicle-extended .chronicle-track{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;gap:14px;padding-bottom:16px}.chronicle-extended .chronicle-date small{font-size:.75rem;margin-top:6px}}
@media(max-width:650px){.chronology-list article{grid-template-columns:1fr;gap:12px}.chronology-filters{align-items:stretch;gap:14px}.chronology-filters label{width:100%;min-width:0}.resource-list article{grid-template-columns:1fr;gap:24px}.resource-identity img{width:140px;height:130px}.anniversary-page{grid-template-columns:1fr;gap:25px}.anniversary-story article{grid-template-columns:1fr;gap:14px}.motion-disabled .chronicle-extended .chronicle-frames{grid-template-columns:1fr}}
@media(max-width:600px){.gateway-welcome{grid-template-columns:100px minmax(0,1fr);gap:18px;margin-bottom:20px}.gateway-welcome>div{display:contents}.gateway-welcome h1{grid-column:2;grid-row:1;font-size:2.3rem;margin:0}.gateway-welcome>.gateway-anniversary{grid-column:1;grid-row:1}.gateway-anniversary img{width:100px}.gateway-welcome .gateway-intro,.gateway-history,.gateway-welcome .quiet-link{grid-column:1/-1;margin:0}}

/* More reading time, with one image and its date visible during each handover. */
.motion-enabled .chronicle-extended{height:calc(var(--chronicle-count,34)*52svh)}
.history-motion.expanded-history.is-running{height:1020svh}
.chronicle-milestone-count{position:absolute;right:6%;top:24px;color:var(--royal);font-size:.85rem;font-weight:600;margin:0;z-index:2}
.motion-enabled .chronicle-extended .chronicle-frames{bottom:155px}
.chronicle-extended .year-range br{display:block}
@media(max-width:760px){.motion-enabled .chronicle-extended .chronicle-frames{bottom:90px}.chronicle-extended .chronicle-detail{grid-template-columns:minmax(0,1fr) 90px;gap:16px}.chronicle-extended .chronicle-record{grid-template-columns:1fr}.chronicle-extended .chronicle-detail img{max-height:22svh}.chronicle-milestone-count{font-size:.75rem}}
@media(max-width:480px){.anniversary-feature{grid-template-columns:76px minmax(0,1fr);gap:14px;padding-block:32px}.anniversary-feature img{width:76px}.anniversary-feature h2{font-size:1.7rem}}