.panasia-header{display:grid;grid-template-columns:minmax(230px,1fr) 2fr;gap:8px;margin:0 0 8px;font:16px/1.3 sf-pro-text,-apple-system,sans-serif;color:#edf0ed}
.panasia-header a{min-width:0;border-radius:0;text-decoration:none;color:inherit;background:#141514;display:flex;align-items:center;min-height:68px;padding:14px 22px}
.panasia-header .panasia-brand{gap:12px;font-size:24px}
.panasia-brand img{display:block;width:54px;height:42px;object-fit:cover;flex:none;filter:none!important}
.panasia-header nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.panasia-header nav a{justify-content:center;font-size:15px;padding:14px 12px}
.panasia-header nav a[aria-current]{box-shadow:inset 0 -2px #edf0ed;background:#202320}
.panasia-header a:hover{background:#2a2d2a}.panasia-header a:focus-visible{outline:2px solid white;outline-offset:-4px}
.work-production>.panasia-header,.work-production>#app>.panasia-header{margin:8px 8px 0}
.index-page .panasia-header{margin:8px 8px 0}
.index-page:has(.panasia-header) .topbar{position:relative;top:auto}.index-page:has(.panasia-header) .top-brand,.index-page:has(.panasia-header) .top-actions{display:none}
@media(max-width:760px){.panasia-header{grid-template-columns:1fr;gap:6px}.panasia-header .panasia-brand{min-height:64px;padding:12px 16px;font-size:23px}.panasia-brand img{width:34px;height:34px}.panasia-header nav{gap:4px}.panasia-header nav a{font-size:14px;min-height:48px;padding:12px 4px}}
@media(max-width:360px){.panasia-header nav a{font-size:12px;padding-inline:2px}}

@media(max-width:600px){.panasia-header nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.panasia-header nav a{font-size:14px;min-height:44px}}
