:root{--motion-fast:100ms;--motion-page:220ms;--ease-ui:cubic-bezier(.23,1,.32,1)}
.button,.quiet,.control,.presentation-control,.page-arrow,.reader-prev,.reader-next{transition:background-color 100ms,border-color 100ms,color 100ms}
.button:active,.control:active,.presentation-control:active,.page-arrow:active span,.reader-prev:active span,.reader-next:active span{background-color:#3e5673;border-color:#bdd2e8}
.material-showcase .stage{height:510px;overflow:visible}.material-showcase .b-card{top:calc(50% - 22px);background:#e8edf2;box-shadow:0 10px 24px #05091555}
.material-showcase .b-card[data-ready=false]{filter:blur(2px)}.material-showcase .b-card[data-ready=true]{filter:none}
.material-showcase .b-deck{transform:none!important}.material-showcase .caption-title{min-height:3.6em}.material-showcase .caption-copy{min-height:9em}
.material-showcase .playback-controls{display:flex;align-items:center;gap:10px;bottom:0;left:0;right:0}.sample-position{margin-left:auto;font-variant-numeric:tabular-nums;font-size:12px;color:#c0ccda}
.material-showcase .page-prev{left:0}.material-showcase .page-next{right:0}.material-showcase .zoom-hint{display:none}.material-showcase .sample-enlarge{margin-left:auto;min-height:40px;padding:8px 12px;font-size:12px}.material-showcase .sample-position{margin-left:0}
.material-showcase .page-arrow{top:45%;z-index:5}.material-showcase .md-exhibition{transition:border-color 120ms,box-shadow 120ms}.material-showcase .md-exhibition:hover{transform:none!important}
.material-reader .reader-image{aspect-ratio:1191/1684;object-fit:contain}.material-reader .reader-body{scrollbar-gutter:stable}
.map-frame>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%}.map-frame{aspect-ratio:1.5;height:auto;min-height:260px}
@media(hover:hover) and (pointer:fine){.presentation-control:hover,.control:hover{border-color:#a9bfd8}}
@media(max-width:900px){.material-showcase .stage{height:430px;margin-bottom:0}.material-showcase .playback-controls{bottom:0}.material-showcase .caption{padding-inline:2px}.material-showcase .caption-title{min-height:0;font-size:1.6rem}.material-showcase .caption-copy{min-height:0;font-size:.95rem;line-height:1.65}.material-showcase .md-exhibition{gap:20px}}
@media(max-width:700px){.continuity .lead{min-height:390px}.material-showcase .stage{height:375px}.material-showcase .b-card{width:215px}.material-showcase .md-exhibition{padding:16px 12px}.material-showcase .zoom-hint{bottom:40px}.material-showcase .md-heading{margin-bottom:20px}.material-showcase .caption-label{font-size:.75rem;margin-bottom:8px}.material-showcase .caption-title{font-size:1.45rem;margin-bottom:12px}.map-frame{min-height:230px}}
@media(prefers-reduced-motion:reduce){.button,.control,.material-showcase .md-exhibition{transition:none}}
html[data-input=keyboard] :is(.button,.quiet,.control,.presentation-control,.page-arrow,.reader-prev,.reader-next){transition:none}
@media(max-width:700px){
 .continuity:not([data-ready]){height:auto;padding-bottom:70px}
 .continuity:not([data-ready]) .photo-trigger{position:relative;top:auto;right:auto;display:block;margin:40px 12px 0 auto}
 .continuity:not([data-ready]) .bio-panel,.continuity:not([data-ready]) .photo-hint{visibility:hidden}
}