/* One shared, balanced navigation for the gallery and library. */
:root{--nav-height:84px}
.site-header.unified-header,.library-page #app>.site-header.unified-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;height:var(--nav-height);min-height:var(--nav-height);padding:12px var(--space);background:#242527f5;border-bottom:1px solid #ffffff29;backdrop-filter:blur(18px);box-sizing:border-box}
.unified-header .brand-cluster{display:flex;align-items:center;gap:14px;min-width:0}
.unified-header .brand{justify-self:start;min-width:0;white-space:nowrap}
.site-header.unified-header .site-navigation{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:32px;width:auto;min-width:0;margin:0;padding:0;overflow:visible}
.site-header.unified-header .site-navigation a{display:inline-flex;align-items:center;justify-content:center;padding:10px 0;min-height:44px;border:0;background:none;font-size:14px;line-height:1.5;color:#d1ced1;white-space:nowrap;text-decoration:none;letter-spacing:.03em;box-sizing:border-box}
.site-header.unified-header .site-navigation a:hover,.site-header.unified-header .site-navigation a[aria-current=page]{color:#c8b68e}
.unified-header .nav-login,.unified-header .header-login{justify-self:end;margin:0}
.unified-header .header-login{position:relative}
.unified-header .nav-login,.unified-header .header-login>button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 20px;border:1px solid #c8b68e70;border-radius:0;background:transparent;color:#c8b68e;font:400 14px/1.5 "Helvetica Neue",Arial,"PingFang SC",sans-serif;text-decoration:none;white-space:nowrap;box-sizing:border-box}
.unified-header .nav-login:hover,.unified-header .header-login>button:hover{background:#c8b68e14;border-color:#c8b68e}
.library-page .library-toolbar{padding:18px var(--space) 0}
.library-page .library-toolbar .header-actions{width:100%;display:flex;gap:10px;justify-content:flex-end;margin:0}
.library-page .catalog-heading-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 24px;margin:9px 0 10px}
.library-page .catalog-heading-line h1{font:400 clamp(32px,3.8vw,52px)/1.35 var(--serif);letter-spacing:0;margin:0;color:var(--ink)}
.library-page .catalog-heading-line .catalog-summary{margin:0;font-size:14px;font-weight:400;line-height:1.8;color:var(--muted)}
.library-page .catalog-title-tools{flex-wrap:wrap}
.library-page .catalog-breadcrumb{flex:1 1 520px}
.library-page .catalog-tools{flex:1 1 330px;max-width:390px}
.library-page .library-series-nav[hidden]{display:none}
@media(max-width:1100px){
 :root{--nav-height:132px}
 .site-header.unified-header,.library-page #app>.site-header.unified-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:50px 44px;gap:9px 18px;padding:10px var(--space) 18px;height:var(--nav-height);min-height:var(--nav-height)}
 .unified-header>.brand,.unified-header>.brand-cluster{grid-column:1;grid-row:1}
 .unified-header>.nav-login,.unified-header>.header-login{grid-column:2;grid-row:1}
 .site-header.unified-header .site-navigation{grid-column:1/-1;grid-row:2;gap:36px;justify-self:center}
 .library-page .catalog-tools{max-width:none}
}
@media(max-width:600px){
 :root{--nav-height:124px}
 .site-header.unified-header,.library-page #app>.site-header.unified-header{padding:8px 20px 12px;gap:10px 12px;grid-template-rows:50px 44px}
 .site-header.unified-header .site-navigation{width:100%;gap:12px;justify-content:space-between}
 .site-header.unified-header .site-navigation a{font-size:14px;padding:8px 0}
 .unified-header .nav-login,.unified-header .header-login>button{padding:8px 13px;min-height:40px}
 .unified-header .brand-cluster{gap:9px}
 .library-page .brand{gap:9px}
 .library-page .brand-mark{width:32px;height:32px}
 .library-page .brand-signature{font-size:25px}
 .library-page .brand-signature small{font-size:8px;letter-spacing:1px}
 .library-page .catalog-heading-line{gap:4px 16px}
 .library-page .catalog-heading-line h1{font-size:34px}
 .library-page .library-toolbar{padding-top:14px}
}

/* The role label opens account actions without shifting the centered links. */
.unified-header #account-toggle{gap:12px}
.account-chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
[aria-expanded="true"] .account-chevron{transform:translateY(2px) rotate(225deg)}
.unified-header .account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:164px;max-width:calc(100vw - 40px);padding:6px;background:#2b2c2f;border:1px solid #ffffff29;border-radius:0;box-shadow:0 12px 35px #0005;text-align:left}
.unified-header .account-menu[hidden]{display:none}
.unified-header .account-menu>button{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:0;background:transparent;color:#f1f0eb;font:400 14px/1.5 "Helvetica Neue",Arial,"PingFang SC",sans-serif;text-align:left;white-space:nowrap}
.unified-header .account-menu>button:hover,.unified-header .account-menu>button:focus-visible{background:#ffffff09;color:#c8b68e}
.unified-header .account-menu>button+button{border-top:1px solid #ffffff14}