.gallery-header-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:0 0 auto;white-space:nowrap}
.gallery-header-nav>a,.gallery-header-nav>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;text-decoration:none;white-space:nowrap;cursor:pointer}
.gallery-header-nav>a:hover,.gallery-header-nav>button:hover{text-decoration:underline;text-underline-offset:4px}
.gallery-header-nav .favorites-nav{border:0;padding:0}
.gallery-header-nav .favorite-label{display:inline}
.gallery-header-notice{position:fixed;z-index:1000;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:10px 14px;background:#303430;color:white;font-size:12px;box-shadow:0 3px 12px #0002}
.gallery-header-notice input{display:block;width:min(340px,70vw);margin-top:8px;padding:7px;font:inherit;color:#222}
@media(max-width:700px){.gallery-header-nav{gap:8px}.gallery-header-nav>a,.gallery-header-nav>button{display:inline-flex;min-height:40px;font-size:10px}.gallery-header-nav .favorite-label{display:inline}.header-inner{gap:8px}.header-inner>.brand,.header-inner>.logo{min-width:0;flex-shrink:1}.gallery-header-nav .icon{width:15px;height:15px}}
@media(max-width:700px){.guide-header>a:first-child{min-width:0;flex:1 1 auto}.guide-header img{max-width:100%;height:auto}.header:has(>.logo+.gallery-header-nav){flex-wrap:nowrap}.header>.logo+.gallery-header-nav{width:auto;justify-content:flex-end}.header>.logo{min-width:0;flex-shrink:1}}
@media(max-width:400px){.gallery-header-nav{gap:6px}.header-inner .brand-lockup{max-width:100%}.header-inner .brand-wordmark{max-width:100%}}
@media(max-width:400px){.header-inner:has(>.nav.gallery-header-nav) .brand img{width:32px;height:32px}.header-inner:has(>.nav.gallery-header-nav) .brand-name{font-size:clamp(11px,3.5vw,15px);white-space:nowrap}}

@media(max-width:400px){.header-inner:has(>.nav.gallery-header-nav) .brand .brand-wordmark-unified{width:211.990px;height:auto;max-width:100%}}
@media(max-width:359px){.header-inner:has(>.nav.gallery-header-nav){padding-inline:10px;gap:4px}.header-inner:has(>.nav.gallery-header-nav) .gallery-header-nav{gap:4px}.header-inner:has(>.nav.gallery-header-nav) .gallery-header-nav>a,.header-inner:has(>.nav.gallery-header-nav) .gallery-header-nav>button{font-size:9px}.header-inner:has(>.nav.gallery-header-nav) .brand .brand-wordmark-unified{width:184.096px;height:auto}}