/* Shared masthead, paper palette and movement for every public and curator page. */
:root{--desk:#E6DECB;--desk-deep:#D8CEB6;--paper:#F6F2E8;--ink:#1C1B19;--muted:#6B6458;--line:rgba(28,27,25,.16);--accent:#CC3D2A;--f-hand:'Permanent Marker','Caveat',cursive;--f-note:'Caveat','Permanent Marker',cursive;--f-cut:'Anton','Arial Narrow',Impact,sans-serif;--f-news:'Old Standard TT','Noto Serif SC',Georgia,serif;--f-zh:'Noto Sans SC','PingFang SC',system-ui,sans-serif;--f-zh-serif:'Noto Serif SC','Songti SC',serif;--tz-ease:cubic-bezier(.22,.61,.36,1)}
html{scroll-padding-top:92px}body.tz-page{padding-inline:0;background:var(--desk);color:var(--ink);font-family:var(--f-zh);line-height:1.6}.tz-page>main{view-transition-name:tz-content}.tz-page.tz-index>main{padding-inline:max(16px,env(safe-area-inset-left,0px))}
.tz-page .tz-header{display:block;position:sticky;top:env(safe-area-inset-top,0px);z-index:60;padding:0;border:0;border-bottom:1px solid var(--line);background:var(--desk);color:var(--ink);view-transition-name:tz-masthead}
.tz-page .tz-header-inner{max-width:1180px;min-height:76px;margin:auto;padding:12px 0;box-sizing:border-box;display:flex;align-items:center;gap:32px}
.tz-page .tz-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;flex-shrink:0}.tz-page .tz-brand svg{display:block;width:28px;height:34px;transform:rotate(-5deg);transition:transform .3s var(--tz-ease)}.tz-page .tz-brand:hover svg{transform:rotate(0)}.tz-page .tz-brand b{font:20px/1 var(--f-hand);white-space:nowrap;font-weight:400}
.tz-page .tz-nav{position:static;display:flex;align-items:center;justify-content:center;gap:25px;flex:1;margin:0;padding:0;background:none;box-shadow:none;flex-wrap:nowrap}
.tz-page .tz-nav a{position:relative;display:block;padding:7px 0;border:0;background:none;color:var(--muted);text-decoration:none;font:23px/1.15 var(--f-note);white-space:nowrap;transition:color .2s ease}
.tz-page .tz-nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--tz-ease)}.tz-page .tz-nav a:hover,.tz-page .tz-nav a[aria-current=page]{color:var(--accent);background:none}.tz-page .tz-nav a[aria-current=page]::after{transform:scaleX(1)}
.tz-page .tz-tools{display:flex;gap:22px;align-items:center;margin-left:auto}.tz-page .tz-clock{white-space:nowrap;font:19px/1 var(--f-note);color:var(--muted);font-variant-numeric:tabular-nums;min-width:91px}.tz-page .lang-switch{display:flex;align-items:center;white-space:nowrap;font:11px/1.4 var(--f-zh);margin:0}.tz-page .lang-switch a{border:1px solid var(--line);padding:6px 8px;text-decoration:none;color:var(--muted);background:transparent}.tz-page .lang-switch a+a{border-left:0}.tz-page .lang-switch a[aria-current=true]{background:var(--ink);color:var(--paper)}
.tz-page .tz-menu{display:none;align-items:center;gap:9px;padding:7px 0;background:none;border:0;box-shadow:none;color:var(--ink);font:20px/1 var(--f-note)}.tz-page .tz-menu span{font:17px system-ui}.tz-page .tz-nav a:focus-visible,.tz-page .tz-menu:focus-visible,.tz-page .lang-switch a:focus-visible{outline:2px dashed var(--ink);outline-offset:5px}
.tz-page .lang-hint{margin:0;background:var(--paper);border-bottom:1px solid var(--line);font:12px/1.6 var(--f-zh);padding:8px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tz-page .lang-hint button{background:none;color:var(--ink);border:1px solid var(--line);font:12px var(--f-zh);padding:5px 10px}
/* The tools belong to the workspace, never to the main site navigation. */
.tz-workspace{border-bottom:1px solid var(--line);background:rgba(246,242,232,.48)}.tz-workspace-inner{max-width:1180px;margin:auto;padding:12px 0;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.tz-page .tz-subnav{display:flex;flex:1;gap:21px;flex-wrap:wrap;align-items:center}.tz-page .tz-subnav a{padding:5px 0;border:0;color:var(--muted);text-decoration:none;font:14px/1.5 var(--f-zh)}.tz-page .tz-subnav a.active{color:var(--ink);box-shadow:0 1px 0 var(--ink)}.tz-workspace .account{font:11px/1.6 var(--f-zh);margin-left:auto}.tz-workspace .account button{font:17px var(--f-note);padding:4px 11px;background:transparent;color:var(--ink);border:1px solid var(--line)}.tz-workspace .account:has(#account:empty){display:none}
/* Submissions use the same museum typography, paper and red ink as the desk and shows. */
.tz-submissions main{max-width:1180px;padding:38px 0 70px;box-sizing:border-box}.tz-submissions h1{font:400 clamp(40px,5.8vw,72px)/1.04 var(--f-cut);text-transform:uppercase;letter-spacing:-.02em;margin:5px 0 18px}.tz-submissions h2{font:400 30px/1.25 var(--f-news)}.tz-submissions h3{font:400 23px/1.2 var(--f-note)}.tz-submissions .eyebrow{font:italic 13px var(--f-news);letter-spacing:.06em;color:var(--muted)}.tz-submissions .lede{font:14px/1.8 var(--f-zh);max-width:55em}.tz-submissions .flow{font:20px/1.4 var(--f-note);gap:30px}.tz-submissions .panel,.tz-submissions #auth,.tz-submissions .card{background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px -24px rgba(40,30,20,.55)}.tz-submissions #auth{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;padding:24px 28px;margin-bottom:36px}.tz-submissions #auth h2{margin:0 0 8px}.tz-submissions #auth>p:first-of-type{grid-column:1;font-size:13px;margin:0;max-width:36em}.tz-submissions #auth form{grid-column:2;grid-row:1/4;align-self:center}.tz-submissions #authStatus{grid-column:1;font-size:12px}.tz-submissions .drop{background:var(--paper);border:1px dashed #9e927b;min-height:420px;box-shadow:0 16px 24px -24px rgba(40,30,20,.6);color:var(--ink)}.tz-submissions .drop b{font:30px var(--f-note)}.tz-submissions input:not([type=checkbox]),.tz-submissions textarea,.tz-submissions select{background:#faf8f1;border:1px solid var(--line);font:14px/1.5 var(--f-zh)}.tz-submissions input:focus,.tz-submissions textarea:focus{border-color:#9c5a43;outline:2px solid #9c5a4322;outline-offset:1px}.tz-submissions main button:not(.tz-menu),.tz-submissions .button{font-family:var(--f-note);font-size:21px;border-radius:0;padding:8px 19px;transition:background .2s,color .2s,box-shadow .2s}.tz-submissions main button:not(.secondary):not(.tz-menu):not(#logout):not(.danger){background:var(--ink);color:var(--paper)}.tz-submissions main button:hover:not(:disabled){opacity:1;box-shadow:0 3px 0 #1c1b1918}.tz-submissions .queue button{background:none!important;color:var(--ink)!important;font:16px/1.4 var(--f-zh)!important}.tz-submissions .queue button[aria-current=true]{background:var(--paper)!important}.tz-submissions .card{padding:14px;transform:none}.tz-submissions .card img{background:#e9e2d2}.tz-submissions .empty{background:var(--paper)}.tz-submissions footer{max-width:1180px;margin:auto;padding:22px 0;color:var(--muted)}.tz-submissions footer b{font:22px var(--f-note);color:var(--ink)}.tz-submissions dialog{background:var(--desk)}
@media(max-width:1220px){.tz-page .tz-header-inner,.tz-workspace-inner{margin-inline:24px}.tz-submissions main,.tz-submissions footer{margin-inline:24px}.tz-page .tz-header-inner{gap:25px}.tz-page .tz-nav{gap:20px}.tz-page .tz-tools{gap:16px}}
@media(max-width:1000px){.tz-page .tz-clock{display:none}.tz-page .tz-header-inner{gap:24px}.tz-page .tz-nav{gap:18px}.tz-page .tz-nav a{font-size:22px}}
@media(max-width:760px){html{scroll-padding-top:80px}.tz-page .tz-header-inner{min-height:68px;padding-block:12px;margin-inline:18px;gap:18px;flex-wrap:wrap}.tz-page .tz-brand b{font-size:18px}.tz-page .tz-brand svg{width:25px;height:30px}.tz-page .tz-tools{gap:19px}.tz-page .tz-menu{display:flex}.tz-page .tz-nav{display:none;order:3;flex-basis:100%;flex-wrap:wrap;justify-content:flex-start;gap:10px 24px;padding:4px 0 8px}.tz-page .tz-nav.open{display:flex}.tz-page .tz-nav a{font-size:24px}.tz-workspace-inner{margin-inline:18px;gap:12px}.tz-page .tz-subnav{gap:13px 20px;flex-basis:100%}.tz-page .tz-subnav a{font-size:12px}.tz-workspace .account{margin-left:0}.tz-submissions main{margin-inline:18px;padding-block:28px 60px}.tz-submissions h1{font-size:43px}.tz-submissions #auth{display:block;padding:22px}.tz-submissions #auth form{margin-top:20px}.tz-submissions #authStatus{margin-top:12px}.tz-submissions .drop{min-height:300px}.tz-submissions footer{margin-inline:18px}.tz-submissions .flow{gap:12px 22px;font-size:18px}.tz-submissions .grid{gap:26px}}
/* Cross-document changes keep the masthead in place. Movement stays under 10 px. */
@view-transition{navigation:auto}::view-transition-group(tz-masthead){animation:none}::view-transition-old(tz-masthead){display:none}::view-transition-new(tz-masthead){animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(tz-content){animation:tz-away .16s ease both}::view-transition-new(tz-content){animation:tz-arrive .3s var(--tz-ease) both}@keyframes tz-away{to{opacity:0;transform:translateY(-4px)}}@keyframes tz-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.tz-page *, .tz-page *::before,.tz-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}