/* Scoped copy of the site's header: questionnaire styles remain unchanged. */
.site-header{position:sticky;top:0;z-index:20;width:100%;min-height:94px;padding:0 max(24px,calc((100vw - 1400px)/2));display:flex;align-items:center;gap:1.4rem;background:rgba(255,250,242,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.site-header .brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;min-width:0}
.site-header .brand>span:last-child{display:flex;flex-direction:column;line-height:1.08;min-width:0}
.site-header .brand strong{font:800 1.2rem/1.2 "Manrope",sans-serif;color:#6f3f2c}
.site-header .brand strong span{display:block}
.site-header .brand strong span+span{margin-top:.22rem}
.site-header .brand small{margin-top:.22rem;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}
.site-header .brand-mark{width:50px;height:44px;flex:0 0 50px;background:transparent url('/assets/logo-elektroszmogmeres-header.webp') 50% 17%/193% auto no-repeat;mix-blend-mode:multiply}
.site-header nav{margin-left:auto;display:flex;align-items:center;gap:.12rem;padding:.32rem;background:#f1e5d4;border:1px solid #e2cfb6;border-radius:999px}
.site-header nav a{padding:.55rem .72rem;border-radius:999px;color:#6f3f2c;text-decoration:none;font-size:1rem;font-weight:700;white-space:nowrap;transition:background-color .2s,color .2s}
.site-header nav a:hover,.site-header nav a:focus-visible{background:#984d31;color:#fff}
.site-header .menu-button{display:none}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #984d31;outline-offset:3px}
@media(min-width:1121px){.site-header{flex-wrap:wrap;padding-top:.65rem;padding-bottom:.65rem}.site-header nav{flex-wrap:wrap}}
@media(max-width:1120px){
  .site-header nav{display:none;position:absolute;top:100%;left:20px;right:20px;margin:0;gap:.35rem;padding:.8rem;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;max-height:calc(100dvh - 120px);overflow-y:auto}
  .site-header nav.open{display:flex}
  .site-header nav a{padding:.72rem .85rem;white-space:normal}
  .site-header .menu-button{display:block;flex-shrink:0;margin-left:auto;padding:.68rem .9rem;min-height:0;border:1px solid var(--line);background:#fff;border-radius:7px;box-shadow:none;color:#6f3f2c;font:700 1rem/1 "DM Sans",sans-serif;cursor:pointer}
}
@media(max-width:700px){
  .site-header{gap:.5rem;padding:.6rem 16px}
  .site-header .brand{gap:.55rem}
  .site-header .brand-mark{width:46px;height:40px;flex-basis:46px}
  .site-header .brand strong{font-size:1rem;overflow-wrap:anywhere}
  .site-header .brand small{font-size:.875rem;letter-spacing:.07em}
}