/* Базовые стили: сброс и общие правила для страницы «Лужайка».
   Раньше жили в styles.css вместе с темой «Класс» — вынесены отдельно,
   чтобы у Лужайки не было зависимостей от удалённых дизайнов. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
  margin:0;
  background:#f6fbff;
  color:#14261a;
  font-family:'Onest','Golos Text',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:16.5px;
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd,figcaption{margin:0;padding:0}
ul,ol{list-style:none}
button,input,select{font:inherit;color:inherit}
::selection{background:#58cc02;color:#fff}

:where(a,button,input,select,summary):focus-visible{
  outline:3px solid #58cc02;
  outline-offset:3px;
}

.skip{position:absolute;left:-9999px;background:#14261a;color:#fff;padding:12px 18px;z-index:300}
.skip:focus{left:12px;top:12px}