@import url("styles-diagrams.css");
@import url("styles-live-diagrams.css");
@import url("styles-scene.css");
@import url("styles-sections.css");
@import url("styles-photo.css");
@import url("styles-polish.css");
@import url("styles-photo-hero.css");

/* multilingual-shell-v1 — shared header/nav owner layer */
@media(max-width:980px){
  html{scroll-padding-top:132px}
  .site-header .nav{
    grid-template-columns:auto 1fr auto;
    grid-template-rows:auto auto;
    grid-template-areas:none;
    gap:8px 10px;
    padding-block:8px;
  }
  .site-header .brand{grid-area:auto;grid-column:1;grid-row:1;min-inline-size:0}
  .site-header .brand small{display:none}
  .site-header .language-switcher{grid-area:auto;grid-column:2;grid-row:1;justify-self:end;min-inline-size:max-content}
  .site-header .nav-cta{display:flex;grid-area:auto;grid-column:3;grid-row:1;justify-self:end;min-inline-size:max-content}
  .site-header .nav-links{
    display:flex;
    grid-area:auto;
    grid-column:1/-1;
    grid-row:2;
    inline-size:100%;
    max-inline-size:100%;
    min-block-size:44px;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    scroll-snap-type:inline proximity;
    -webkit-overflow-scrolling:touch;
  }
  .site-header .nav-links a{
    flex:0 0 auto;
    min-block-size:44px;
    scroll-snap-align:start;
    white-space:nowrap;
  }
}

@media(max-width:390px){
  html{scroll-padding-top:128px}
  .site-header .nav{gap:6px 7px}
  .site-header .brand{gap:7px}
  .site-header .brand img{inline-size:26px}
  .site-header .brand b{font-size:16px}
  .site-header .nav-cta{padding-inline:9px;font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .site-header .nav-links{scroll-behavior:auto}
}