@import url("museum-theme.css?v=20261012-flat-copper");
/* The complete user-supplied mark is used without cropping or recolouring. */
a.site-brand{display:flex;align-items:center;gap:14px;min-width:0;white-space:normal;text-decoration:none;color:var(--ink,#e5e0d4);letter-spacing:0}
.site-brand .site-logo{display:block;flex:0 0 50px;width:50px;height:50px;max-width:none;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.site-brand .site-brand-copy{display:block;min-width:0}
.site-brand .site-brand-title{display:block;font:19px/1.5 var(--serif,"Songti SC",serif);font-weight:400;letter-spacing:1px;text-wrap:balance}
.site-brand .site-brand-section{display:block;margin:3px 0 0;font:9px/1.3 var(--sans,sans-serif);letter-spacing:2px;color:var(--gold,#b2a17b)}
.lab-header .site-brand,.colour-header .site-brand{white-space:normal;flex:0 1 auto}
.masthead .site-brand-home{flex:none}
.masthead .site-brand-home .site-logo{width:54px;height:54px;flex-basis:54px}
.intro>div:first-child{min-width:0}
.masthead .site-brand-home{flex:1;min-width:0;margin-right:20px}
.masthead .site-brand-title{font-size:clamp(13px,1.7vw,20px);line-height:1.5}
.colour-mode-switch{display:flex;flex:none;align-items:center;border:1px solid var(--rule);padding:3px;gap:3px}
.colour-mode-switch button{font:11px var(--sans);padding:6px 12px;border:0;background:none;color:var(--muted)}
.colour-mode-switch button[aria-pressed=true]{background:#7e282c;color:#fff3ef}
.colour-mode-switch[hidden]{display:none}
.atlas-home-heading{font:25px/1.5 var(--serif);margin:8px 0 0;letter-spacing:2px}
body[data-view=hue] .toolbar .visual-key,body[data-view=colour] .toolbar .visual-key{display:none}
.intro h1.site-main-title{font-size:clamp(21px,2.15vw,31px);line-height:1.55;letter-spacing:1px;text-wrap:balance;margin-right:20px}
.study-header,.book-header,.bk-page-header{gap:20px}
.site-brand~.back-link,.site-brand~.return-link,.site-brand~.bk-timeline-back{flex:none}
@media(max-width:1100px){
 .site-brand .site-brand-title{font-size:16px;letter-spacing:.5px}
 .lab-header-note{display:none}
 .colour-header>.site-brand{flex:1}
}
@media(max-width:760px){
 a.site-brand{gap:9px}
 .site-brand .site-logo{width:38px;height:38px;flex-basis:38px}
 .site-brand .site-brand-title{font-size:13px;line-height:1.5;letter-spacing:0}
 .site-brand .site-brand-section{display:none}
 .masthead .site-brand-home .site-logo{width:46px;height:46px;flex-basis:46px}
 .intro h1.site-main-title{font-size:20px;line-height:1.6;margin-right:8px;letter-spacing:0}
 .study-header,.book-header,.bk-page-header{gap:12px;padding-inline:14px}
 .site-brand~.prominent-back,.site-brand~.return-link,.site-brand~.bk-timeline-back{font-size:10px;padding:9px 10px}
 .colour-header{height:78px;flex-wrap:wrap;column-gap:10px;row-gap:0;padding-block:8px}
 .colour-header>.site-brand{order:-1;flex:1 1 100%;justify-content:center}
 .colour-header>.site-brand .site-logo{width:31px;height:31px;flex-basis:31px}
 .colour-header>.site-brand .site-brand-title{font-size:11px;line-height:1.4}
 .colour-header .back-atlas{border:0;padding:0;font-size:9px}
 .colour-header>a:last-child{font-size:9px}
 .lab-header .site-brand{margin-left:auto}
}
@media(max-width:370px){
 .site-brand .site-brand-title{font-size:11px}
 .site-brand .site-logo{width:32px;height:32px;flex-basis:32px}
 .intro h1.site-main-title{font-size:18px}
}