/* layout.css — шапка-меню, .wrap, переключение видов */

.wrap{max-width:900px;margin:0 auto;padding:52px 24px 96px}

/* ---------- site header / nav ---------- */
.site-header{
  position:sticky;top:0;z-index:30;background:rgba(238,241,244,.86);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--rule-soft);
}
.site-header-inner{
  max-width:1040px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:20px;
}
.brand-lockup{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none}
.brand-word{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.02em;white-space:nowrap}
.site-nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
.nav-link{
  cursor:pointer;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;
  color:var(--ink-2);background:transparent;border:none;border-radius:7px;padding:8px 14px;
  transition:background .14s,color .14s;
}
.nav-link:hover{background:var(--paper-2);color:var(--ink)}
.nav-link.active{background:var(--ink);color:#fff}
.nav-burger{display:none;margin-left:auto;font-size:22px;line-height:1;background:transparent;border:none;cursor:pointer;color:var(--ink)}

/* ---------- views ---------- */
.view{display:none}
.view.active{display:block}

@media(max-width:720px){
  .site-nav{display:none}
  .site-nav.open{display:flex;position:absolute;top:100%;right:0;left:0;background:var(--paper);
    border-bottom:1px solid var(--rule);flex-direction:column;padding:8px 24px 14px;gap:2px}
  .nav-burger{display:block}
  .site-header-inner{position:relative}
}

@media(max-width:520px){
  .wrap{padding:36px 18px 72px}
}