@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter/inter-400-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter/inter-700-normal.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto/roboto-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto/roboto-latin-400-normal.woff2) format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto/roboto-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto/roboto-latin-700-normal.woff2) format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{color:#000;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;line-height:1.2}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:none;border:0;padding:0;font:inherit}a{color:inherit;text-decoration:none}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid currentcolor;outline-offset:3px}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}.container{width:100%;max-width:calc(1200px + clamp(15px,3vw,30px) *2);margin:0 auto;padding:0 clamp(15px,3vw,30px)}.page{background:#fff;min-height:100vh}.site-container{flex-direction:column;width:min(1200px,100% - 30px);min-height:100vh;margin:0 auto;padding:30px 0;display:flex}.header{flex-direction:column;width:100%;display:flex}.header__top{background:#f4f4f4;align-items:flex-start;width:100%;padding:15px;display:flex}@media (min-width:768px){.header__top{padding:30px}}.header__title{color:#000;font-size:32px;font-weight:400;line-height:38px;transition:opacity.2s}.header__title:focus-visible,.header__title:hover{opacity:.7}.header__menu{width:100%}.layout{flex:auto;flex-direction:column;gap:30px;width:100%;margin-top:30px;display:flex}@media (min-width:1024px){.layout{flex-direction:row;align-items:flex-start}}.content{background:#f4f4f4;flex-direction:column;gap:30px;width:100%;padding:15px;display:flex}@media (min-width:768px){.content{padding:30px}}@media (min-width:1024px){.content{flex:auto;min-width:0}}.sidebar{background:#f4f4f4;align-items:flex-start;width:100%;padding:30px;display:flex}@media (min-width:1024px){.sidebar{flex:0 0 293px;width:293px;position:sticky;top:30px}}.footer{background:#f4f4f4;align-items:flex-start;width:100%;margin-top:50px;padding:30px;display:flex}@media (min-width:1024px){.footer{margin-top:172px}}.footer_title{color:#000;font-size:32px;font-weight:400;line-height:38px;transition:opacity.2s}.footer_title:focus-visible,.footer_title:hover{opacity:.7}.section-title{color:#000;font-size:32px;font-weight:400;line-height:38px}.breadcrumbs{width:100%}.breadcrumbs__list{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;display:flex}.breadcrumbs__item{color:#888;align-items:center;gap:6px;font-size:14px;line-height:20px;display:inline-flex}.breadcrumbs__link{color:#888;transition:opacity.2s}.breadcrumbs__link:focus-visible,.breadcrumbs__link:hover{opacity:.7}.breadcrumbs__current{color:#000}.breadcrumbs__sep{color:#888}.main-menu{background:#d9d9d9;align-items:flex-start;width:100%;padding:0 10px;display:flex}@media (min-width:768px){.main-menu{padding:0 20px}}.main-menu__list{flex-wrap:wrap;gap:20px;align-items:flex-start;display:flex}.main-menu__link{text-align:center;white-space:nowrap;align-items:center;height:40px;padding:0 10px;font-size:14px;font-weight:700;line-height:40px;transition:opacity.2s;display:flex}.main-menu__link:focus-visible,.main-menu__link:hover{opacity:.7}.news{flex-direction:column;gap:30px;width:100%;display:flex}.news__empty{color:#888;font-size:16px;line-height:1.5}.news-card{background:#fff;flex-direction:column;align-items:stretch;width:100%;display:flex}@media (min-width:768px){.news-card{flex-direction:row}}.news-card__thumb{background:#e8e8e8;flex-shrink:0;width:100%;height:170px;overflow:hidden}@media (min-width:768px){.news-card__thumb{align-self:stretch;width:170px;height:auto}}.news-card__media{width:100%;height:100%;display:block}.news-card__image{object-fit:cover;width:100%;height:100%;transition:transform.35s}.news-card__media:focus-visible .news-card__image,.news-card__media:hover .news-card__image{transform:scale(1.06)}.news-card__body{flex-direction:column;gap:15px;width:100%;padding:20px;display:flex}.news-card__title{color:#000;font-size:18px;font-weight:700;line-height:24px}@media (min-width:768px){.news-card__title{font-size:24px;line-height:28px}}.news-card__link{color:inherit;transition:opacity.2s}.news-card__link:focus-visible,.news-card__link:hover{opacity:.7}.news-card__excerpt{color:#888;font-size:14px;font-weight:400;line-height:20px}@media (min-width:768px){.news-card__excerpt{font-size:18px;line-height:22px}}.news-card__meta{align-items:flex-start;justify-content:space-between;gap:8px;width:100%;display:flex}.news-card__author{font-size:14px;font-style:italic;font-weight:400;line-height:22px}@media (min-width:768px){.news-card__author{font-size:18px}}.news-card__author-label{color:#888}.news-card__author-name{color:#000;transition:opacity.2s}.news-card__author-name:focus-visible,.news-card__author-name:hover{opacity:.7}.news-card__rating{flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.news-card__vote{border-radius:50%;width:22px;height:22px;transition:transform.2s,filter.15s;display:flex}.news-card__vote:focus-visible,.news-card__vote:hover{transform:scale(1.1)}.news-card__vote--up.news-card__vote--active{filter:drop-shadow(0 0 4px rgba(46,164,79,.75))}.news-card__vote--down.news-card__vote--active{filter:drop-shadow(0 0 4px rgba(245,166,35,.8))}.news-card__rating-error{white-space:nowrap;color:#c62828;font-size:12px;line-height:16px;position:absolute;top:calc(100% + 4px);right:0}.news-card__icon{width:22px;height:22px;display:block}.news-card__score{text-align:center;font-size:18px;font-weight:700;line-height:22px}.news-card__score--up{color:green}.news-card__score--down{color:#d9860f}.pagination{align-items:center;justify-content:center;width:100%;padding:0 clamp(4px,2vw,20px);display:flex}.pagination__list{flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(5px,1vw,7px);min-height:32px;display:flex}.pagination__link{text-align:center;color:#000;border-radius:16px;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;font-family:Roboto,Inter,sans-serif;font-size:14px;font-weight:400;line-height:1;display:flex}.pagination__link--active{color:#fff;background:#000;padding:0 12px}.pagination__link--text{min-width:60px;font-weight:700;display:none}@media (min-width:768px){.pagination__link--text{display:flex}}.pagination__link--icon{min-width:16px;padding:0;display:flex}@media (min-width:768px){.pagination__link--icon{display:none}}.pagination__arrow{width:16px;height:16px;display:block}.pagination__arrow--prev{transform:rotate(180deg)}.pagination__link--dots{pointer-events:none}.article{flex-direction:column;gap:20px;width:100%;display:flex}.article__meta{font-size:14px;font-style:italic;line-height:22px}.article__author-label{color:#888}.article__author{color:#000;transition:opacity.2s}.article__author:focus-visible,.article__author:hover{opacity:.7}.article__thumb{background:#e8e8e8;width:100%;overflow:hidden}.article__image{width:100%;height:auto;display:block}.article__content{color:#000;flex-direction:column;gap:15px;font-size:16px;line-height:1.5;display:flex}.article__content p{margin:0}.article__content img{max-width:100%;height:auto}.author{flex-direction:column;gap:10px;width:100%;display:flex}.author__bio{color:#888;font-size:16px;line-height:1.5}.not-found{flex-direction:column;gap:15px;width:100%;display:flex}.not-found-title{color:#000;margin:0;font-size:clamp(72px,22vw,180px);font-weight:700;line-height:.9}.not-found__link{color:#000;font-size:16px;font-weight:700;line-height:1.5;transition:opacity.2s}.not-found__link:focus-visible,.not-found__link:hover{opacity:.7}