:root { --pn-header-h: 76px; }
#allrecords { padding-top: var(--pn-header-h); }
#pn-header, #pn-header * { box-sizing:border-box; }
#pn-header {
  position:fixed; z-index:80; inset:0 0 auto;
  background:color-mix(in srgb, var(--color-bg) 88%, transparent);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--color-divider);
  color:var(--color-text); font-family:var(--font-body);
}
#pn-header .pn-header__inner { width:var(--pn-page); min-height:var(--pn-header-h); margin:auto; display:flex; align-items:center; gap:32px; }
#pn-header .pn-header__brand { display:flex; align-items:center; gap:12px; color:var(--color-text); text-decoration:none; white-space:nowrap; }
#pn-header .pn-header__brand img { width:40px; height:34px; display:block; object-fit:contain; object-position:left center; }
#pn-header .pn-header__wordmark { display:flex; flex-direction:column; line-height:1; }
#pn-header .pn-header__name { font-family:var(--font-heading); font-weight:var(--font-heading-weight); font-size:20px; letter-spacing:-.02em; }
#pn-header .pn-header__city { margin-top:4px; color:var(--color-accent-700); font-size:9px; font-weight:700; letter-spacing:.22em; }
#pn-header nav { display:flex; align-items:center; gap:26px; margin-right:auto; }
#pn-header nav a { color:var(--color-text); text-decoration:none; font-size:14px; font-weight:600; transition:color .18s ease; }
#pn-header nav a:hover, #pn-header nav a.is-current { color:var(--color-accent-700); font-weight:700; }
#pn-header .pn-header__nav-wide, #pn-header .pn-header__nav-book, #pn-header .pn-header__card { display:none; }
#pn-header .pn-lang { display:flex; align-items:center; gap:2px; padding:3px; border:1px solid var(--color-divider); border-radius:999px; }
#pn-header .pn-lang__item { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; min-width:38px; height:28px; padding:0 8px; border:0; border-radius:999px; background:transparent; color:color-mix(in srgb, var(--color-text) 60%, transparent); font-family:var(--font-body); font-size:11px; font-weight:700; letter-spacing:.06em; cursor:pointer; transition:background .18s ease, color .18s ease; }
#pn-header .pn-lang__item:hover { color:var(--color-text); }
#pn-header .pn-lang__item.is-active { background:var(--color-accent); color:var(--color-bg); }
#pn-header .pn-header__book { padding:12px 24px; font-size:15px; }
#pn-header .pn-toggle { display:none; width:44px; height:44px; border:1px solid var(--color-divider); border-radius:50%; background:transparent; color:var(--color-text); cursor:pointer; }
#pn-header .pn-toggle span, #pn-header .pn-toggle:before, #pn-header .pn-toggle:after { content:""; display:block; width:16px; height:1.5px; margin:auto; background:currentColor; transition:transform .2s ease, opacity .2s ease; }
#pn-header .pn-toggle:before { transform:translateY(-5px); }
#pn-header .pn-toggle:after { transform:translateY(5px); }
#pn-header.pn-open .pn-toggle { border-color:var(--color-accent); background:var(--color-accent); color:var(--color-bg); }
#pn-header.pn-open .pn-toggle span { opacity:0; }
#pn-header.pn-open .pn-toggle:before { transform:translateY(1px) rotate(45deg); }
#pn-header.pn-open .pn-toggle:after { transform:translateY(-1px) rotate(-45deg); }
@media (max-width:780px) {
  :root { --pn-header-h: 64px; }
  #pn-header .pn-header__inner {
    width:100%; gap:10px;
    padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));
  }
  #pn-header .pn-header__brand { flex:0 1 auto; min-width:0; }
  #pn-header .pn-header__brand img { width:32px; height:28px; }
  #pn-header .pn-header__name { font-size:17px; }
  #pn-header .pn-header__city { display:none; }
  #pn-header .pn-header__book { display:none; }
  #pn-header .pn-lang { margin-left:auto; flex:0 0 auto; }
  #pn-header .pn-lang__item { min-width:34px; height:26px; }
  #pn-header .pn-toggle { display:block; flex:0 0 auto; }
  #pn-header nav {
    position:absolute; top:100%; right:0; left:0; z-index:-1;
    display:flex; flex-direction:column; align-items:stretch; gap:0; margin:0;
    max-height:calc(100svh - var(--pn-header-h)); overflow-y:auto; overscroll-behavior:contain;
    padding:4px max(18px, env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
    background:var(--color-bg); border-bottom:1px solid var(--color-divider);
    box-shadow:var(--shadow-lg);
    opacity:0; visibility:hidden; transform:translateY(-10px); transition:.22s ease;
  }
  #pn-header.pn-open nav { opacity:1; visibility:visible; transform:none; }
  #pn-header nav a { min-height:60px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--color-divider); font-size:16px; font-weight:600; }
  #pn-header nav a:after { content:"\203A"; color:var(--color-accent-700); font-size:22px; font-weight:700; }
  #pn-header nav a:active { color:var(--color-accent-700); }
  #pn-header .pn-header__nav-wide { display:flex; }
  #pn-header .pn-header__nav-book { min-height:56px; margin-top:20px; padding:0 20px; display:flex; justify-content:center; border-bottom:0; color:var(--color-bg); font-size:16px; }
  #pn-header .pn-header__nav-book:after { content:none; }
  #pn-header .pn-header__card { display:flex; flex-direction:column; gap:4px; margin-top:18px; padding:18px 20px; border-radius:var(--radius-md); background:var(--color-surface); }
  #pn-header .pn-header__card .pn-label { margin:0; }
  #pn-header .pn-header__card b { font-size:15px; font-weight:600; line-height:1.45; }
  #pn-header .pn-header__card span:last-child { color:color-mix(in srgb, var(--color-text) 62%, transparent); font-size:13px; }
  #pn-header { transition:transform .25s ease; }
  #pn-header.is-tucked { transform:translateY(-100%); }
}
@media (max-width:780px) and (prefers-reduced-motion:reduce) {
  #pn-header.is-tucked { transform:none; }
}
#pn-mobile-bar { display:none; }
@media (max-width:780px) {
  #pn-mobile-bar {
    position:fixed; z-index:70; inset:auto 0 0;
    display:flex; align-items:center; gap:12px;
    padding:12px max(16px, env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    background:color-mix(in srgb, var(--color-bg) 94%, transparent);
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    border-top:1px solid var(--color-divider);
    color:var(--color-text); font-family:var(--font-body);
    opacity:0; visibility:hidden; transform:translateY(100%); transition:.25s ease;
  }
  #pn-mobile-bar.is-visible { opacity:1; visibility:visible; transform:none; }
  #pn-mobile-bar .pn-mobile-bar__text { min-width:0; display:flex; flex-direction:column; gap:2px; }
  #pn-mobile-bar .pn-mobile-bar__text b { font-size:14px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #pn-mobile-bar .pn-mobile-bar__note { color:color-mix(in srgb, var(--color-text) 58%, transparent); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #pn-mobile-bar .pn-mobile-bar__book { min-height:50px; padding:0 26px; flex:0 0 auto; margin-left:auto; }
}
@media (max-width:340px) {
  #pn-mobile-bar .pn-mobile-bar__note { display:none; }
  #pn-mobile-bar .pn-mobile-bar__book { padding:0 18px; }
}