:root {
  --paper:#faf8f1;
  --ink:#1b1b13;
  --muted:#7a8590;
  --accent:#ff5639;
  --rust:#c54829;
  --line:#ffbba8;
  --sage:#d2d5c4;
  --serif:'Times New Roman',Times,serif;
  --sans:Arial,Helvetica,sans-serif;
  --odnova-paper:var(--paper);
  --odnova-ink:var(--accent);
  --odnova-dot:var(--accent)
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:24px
}

body {
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:var(--sans);
  font-size:16px;
  -webkit-font-smoothing:antialiased
}

body:has(.menu-toggle[aria-expanded=true]) {
  overflow:hidden
}

a {
  color:inherit;
  text-decoration:none
}

button,input {
  font:inherit
}

button,a,input {
  -webkit-tap-highlight-color:transparent
}

button {
  cursor:pointer
}

button {
  color:inherit
}

h1,h2,h3,p {
  margin:0
}

h1,h2,h3 {
  font-family:var(--serif);
  font-weight:400
}

svg {
  display:block
}

.container {
  width:calc(100% - 76px);
  max-width:1328px;
  margin-inline:auto
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

.skip-link {
  position:fixed;
  top:12px;
  left:12px;
  z-index:20;
  transform:translateY(-200%);
  padding:12px 20px;
  background:var(--paper)
}

.skip-link:focus {
  transform:none
}

:focus-visible {
  outline:2px solid var(--rust);
  outline-offset:5px
}

.mobile-only,.mobile-break {
  display:none
}

.odnova-art {
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  stroke-linecap:round;
  stroke-linejoin:round
}

@media(min-width:1200px) {
  .container {
    width:calc(100% - 112px)
  }
}

@media(max-width:700px) {
  .container {
    width:calc(100% - 80px)
  }
  .desktop-only {
    display:none!important
  }
  .mobile-only {
    display:initial
  }
  .mobile-break {
    display:initial
  }
  html {
    scroll-padding-top:16px
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
}

.skip-link {
  opacity:0;
  pointer-events:none
}

.skip-link:focus {
  opacity:1;
  pointer-events:auto
}
