.main-grid {display: grid;grid-template-areas:"sform" "cnt" "relform";}
.sform{grid-area: sform;}
.cnt{grid-area: cnt;}
.relform{grid-area: relform;}
.grid-body {display: grid;column-gap:2rem;grid-template-areas:"sh" "sovm" "rel";overflow-wrap: break-word;}
.sovm{grid-area: sovm;}
.sh{grid-area: sh;}
.rel{grid-area: rel;--max-height: calc(100vh - var(--offset));max-height: var(--max-height);display: none;}
.main-grid .container{padding: 0;}
@media screen and (min-width: 500px){.sform{min-height: unset;}}
@media screen and (min-width: 1024px){
.sh{background-color: unset;}
/*.main-grid .container{padding: var(--sps);}*/}
@media screen and (min-width:800px){.rel{display: block;}.grid-body {display: grid;gap: 1rem;overflow-wrap: break-word;grid-template-areas: "sh sovm rel";grid-template-columns: minmax(auto, 190px) minmax(auto, 100%) minmax(auto, 1fr);}}
@media screen and (min-width: 1024px){.grid-body {grid-template-areas:"sh sovm rel";grid-template-columns: 12.5rem minmax(0,52rem) minmax(17rem,1fr);}.sh{width:12.5rem;}}
.login_item{padding: 5px;width: 30px;height: 30px;background-color: rgba(0, 0, 0, 0.3);border-radius: 50%;vertical-align: middle;}

.s_art{min-height: calc(100Vh - 50px);padding: 0;margin-bottom: 1rem;scroll-snap-type: y mandatory;scroll-behavior: smooth;}
.grid-sec {display: grid;overflow-wrap: break-word;grid-template-areas:"image" "stat" "anon";}
.mainimg{grid-area: image;height:calc(100Vh - 200px);min-height:450px; color:#fff;grid-template-rows:minmax(auto,20%) minmax(auto,100%);}
@media screen and (min-width:768px){.mainimg{height:500px;}.s_art{min-height:500px;}.similar h2{text-align: center;}}
@media screen and (min-width:1025px){.mainimg{height:calc(100Vh - 200px);}}
@media screen and (min-width:1220px){.mainimg{height:calc(90Vh - 200px);}.s_art{min-height: calc(90Vh - 50px);}}
@media (min-width:769px) and (max-width:1024px){.s_art{min-height: 500px;}}
.grid-img{display: grid;overflow-wrap: break-word;grid-template-areas:"head" "title";}
.headimg{grid-area: head; padding: 1rem;gap:1rem;z-index: 11;line-height: 1.1;}
.titleimg{grid-area: title;}
.titleimg h2{color:#fff;}
.anonce{grid-area: anon;padding: 0 1rem 1rem;}
.stat{grid-area: stat;padding: 0.5rem 1rem;}

.items{background-size: cover;background-position: center;}
.items:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:linear-gradient(transparent, rgba(0, 0, 0, 0.25));z-index: 1;}
.bg-style{background-color: var(--white);max-width: 500px;margin:0 auto;}
.aBar {font-size: 0.8em;}
.anon{margin:0;color:var(--text-2);line-height: 1.1;}

.chapter figure:has(> img){margin: 0 calc(-1*var(--sps)) 1rem;}
.chapter img{display:block;max-width:100%;margin: 0 auto;}
article h2{margin: 1rem 0;}
article p{line-height: 1.5;}
article a{text-decoration: none;}

.statline{color:#333;font-size: 0.9rem;font-weight: 600;}
.statline img{margin-right: 5px;width: 30px;height: 30px;}
.statline .statitem{cursor: pointer;}
.avtr{margin-right: 6px;width: 38px;height: 38px;border-radius: 50%;padding:2px;border:2px solid var(--accent);}
.itmh h2{font-family: apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;margin:1rem;font-weight: 400;font-size: 1.8rem;line-height: 1.3;display: inline;background-color: #000;-webkit-box-shadow: 1rem 0px 0px #000, -1rem 0px 0px #000;box-shadow: 1rem 0px 0px #000, -1rem 0px 0px #000;box-decoration-break: clone;}
@media screen and (min-width:1025px){.itmh h2{font-size: 2rem;}}
.itmh .itmimg {-o-object-position: center center;object-position: center center;max-height: 600px;width: 100%;z-index: -1;-o-object-fit: cover;object-fit: cover;-webkit-transition: 1s;transition: 1s;}
.similar a{-webkit-transition: 0.7s;transition: 0.7s;text-decoration: none;padding:1rem;color:#333;}
.similar a {line-height: 1.1;border-bottom: 1px solid #eee;}
.similar a:hover{background: var(--bg-light2);}
.similar a:first-child{ padding-top:0;}
.similar a:last-child{ border-bottom:none;}
.similar img {z-index: 1;margin: 0;object-fit: cover;width:35px;height: 35px;}
.img_min {margin-right: 20px;}
.read_more{    align-content: flex-end;
    background: #000;
    color: #fff;
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 0.8rem;transition: all 0.75s ease;}
    .read_more:hover{background: transparent;color:var(--accent)}
.clamp-ellipsis-2 {-webkit-line-clamp: 2;line-clamp: 2;}
.clamp-ellipsis-3 {-webkit-line-clamp: 5;line-clamp: 5;}
.clamp-ellipsis {overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-box-orient: vertical;box-orient: vertical;}