.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;/*min-height: 2rem;background-color: var(--white);*/}
.rel{grid-area: rel;--max-height: calc(100vh - var(--offset));max-height: var(--max-height);display: none;}
@media (min-width: 414px) and (max-width: 1023px){.rel ul li{margin:0.5rem;display: inline-block;}}
.login_item{padding: 5px;width: 30px;height: 30px;background: var(--black);border-radius: 50%;vertical-align: middle;}
.bg-style{background-color: var(--white);padding:var(--sps);}
article:not(.ashort) h1{font-size:1.5rem;margin:0 0 2rem;text-transform: uppercase;font-weight: 400;}
@media screen and (max-width: 768px){article h1{font-size:var(--h1-m-size);}}
.aBar{color: #687091;font-size: 0.73em;}
.aBar2{color: #687091;}
.anon{margin: 0 0 0.75rem;color: #4c546e;}
@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;}.bg-style{border-radius: var(--rad);border: 1px solid var(--border-2);}.grid-body {display: grid;column-gap: 1rem;row-gap: 1rem;overflow-wrap: break-word;row-gap: 0;grid-template-areas: "sh sovm"  "sh rel";grid-template-columns: minmax(auto, 190px) minmax(auto, 100%);}.sovm{margin-top: 1rem;}}
@media screen and (min-width:1024px){.grid-body {grid-template-areas:"sh sovm rel";row-gap:1rem;grid-template-columns: 12.5rem minmax(0,52rem) minmax(17rem,1fr);}.sh{width:12.5rem;}}

.main-grid .container{padding: 0;}
@media screen and (max-width: 768px){.chapter p:has(> img),.chapter figure:has(> img){margin: 0 -1rem;}article:not(.ashort) .chapter img{min-height: 270px;}}
@media screen and (min-width: 769px){article:not(.ashort) .chapter img{border-radius: 15px;min-height: 500px;}.chapter figure{display:block;width:100%;margin: 0 auto;}}
.chapter figure{margin-bottom:2rem;}
.chapter figure figcaption {pointer-events: all;text-align: center;padding:0.5rem 0 1rem 0;letter-spacing: 0.1rem;color: #757575;font-family: monospace;position: relative;}
article:not(.ashort) .chapter img{display:block;margin: 0 auto;max-height: 650px;max-width: 100%;object-fit: cover;}
article:not(.ashort) .chapter figure:first-child img{max-height:unset;max-width: unset;width:100%;}
.chapter figcaption {margin: 0 20px 10px;color: #585858;text-align: center;font-size: 0.8em;line-height: 1.5;font-style: italic;}

.litag{color:#687091;font-size:0.8rem;}
@media screen and (min-width: 1220px){#shc{margin:0;}}

.bgcover{background-repeat: no-repeat;background-size: cover;background-clip: border-box;background-position: center;padding: 1rem;}
.ashort{max-width: 500px;}
.ashort .img_short{height:calc(100Vh - 50px);min-height:450px;display: grid;grid-template-areas:"fsv" "vsv";}
.ashort .img_short: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;}
.ashort .fsv{grid-area: fsv;z-index: 11;}
.ashort .vsv{grid-area: vsv;align-content: flex-end;z-index: 11;}
.ashort h1{margin: 1rem 0 0;color:#fff;font-weight: 400;font-size: 1rem;line-height: 1.1;box-decoration-break: clone;}
@media screen and (min-width:768px){.ashort .img_short{height:500px;}}
@media screen and (min-width:1025px){.ashort .img_short{height:calc(100Vh - 200px);}}
@media screen and (min-width:1220px){.ashort .img_short{height:calc(90Vh - 200px);}}
.ashort .statline{bottom:2rem;right: 1rem;}
.ashort .aBar,.ashort .aBar2,.ashort .li-category li a{color: var(--white);}
.ashort .li-category li a{border-color:#fff}
.ashort .srr svg path{fill:#fff;}
.ashort .statline svg{padding:0;}
.ashort .authimg{width:30px;height:30px;}

.a_art:not(:first-child) article:before{display: block;content: '👇 Следующая статья 👇';color: #545454;font-size:1rem;line-height: 1.5;position: absolute;top:-3rem;width:calc(100% - 2rem);text-align: center;}
article p{line-height: 1.5;}
article a{text-decoration: underline;color: var(--accent);}
article ol li a {color: initial;border-bottom: 1px dashed #999;text-decoration: none!important;}
nav.nav-article {border-top: 1px solid #eee;padding: 1rem;border-bottom: 1px solid #eee;max-width: 475px;margin: 2rem auto;}
article .nav-art a:hover{color:var(--accent)}
article h2{position: relative; pointer-events: none;}
article h2:after{pointer-events: all;cursor:pointer;position: absolute;content: url(/img/static/svg/hlink.svg);padding-left:1rem;color: var(--text-2);}
article a:hover{text-decoration: underline;}
.authimg{margin-right: 6px;width: 50px;height: 50px;border-radius: 50%;transition: all 1s ease;}
article:not(.ashort) .authimg:hover{width: 100px;height: 100px;}
article table {table-layout: fixed;font-size: 0.9rem;border-collapse: collapse;margin: 20px 0;width: 100%;}
article table td {outline: none;}
article td {border: 1px solid #000;padding: 2px 5px;color: #669;padding: 9px 8px;transition: .3s linear;}


.similar h2{margin-top:0;}
.similar a{-webkit-transition: .2s;transition: .2s;text-decoration: none;line-height: 1.1;padding: 1rem 0;border-bottom:1px solid #eee;color:#333;}
.rel .similar a{border: none;padding: 0.5rem;margin: 0;}
.similar a:first-child{padding-top:0;}
.similar a:last-child{border-bottom:none;padding-bottom:0;}
.similar .grd_s{display: grid;gap:0.5rem;}
.similar .img_cover{width:75px;min-width: 75px;height:110px;z-index: 1;border-radius: 10px;margin: 0;background-size: cover;background-repeat: no-repeat;background-position-x: center;background-position-y: center;}
.similar .bgt {margin: 0;font-size: 0.92rem;line-height: 1.1rem;font-weight: 600;}
.similar .desc{color: #687091;font-size: 0.8em;}
.similar .statline{margin: 0;padding: 0.5rem 0 0;font-size: 0.8rem;}

@media screen and (min-width: 1024px){
.rel .similar .bgt{font-size: 0.95rem;line-height: 1.1rem;}
.similar .bgt{font-size: 1.3rem;line-height: 1.3rem;}
.similar .img_min{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
section .similar .img_cover{-webkit-filter: brightness(75%);width:300px;}
.similar .bgt:hover{text-decoration: underline;}
.similar a:hover .img_min{-webkit-filter: brightness(100%);transform: scale(1.1);}
}
.similar .statline svg{padding: 0;}
.rel .similar .statview{display: none;}
.fullheight{height: 100%;}

.clamp-ellipsis-2 {-webkit-line-clamp: 2;}
.clamp-ellipsis-3 {-webkit-line-clamp: 3;}
.clamp-ellipsis {overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-box-orient: vertical;box-orient: vertical;}
article blockquote {border-left:2px solid var(--accent);font-weight: 400;overflow: hidden;position: relative;padding: .25rem .75rem;font-style: italic;margin: 2rem 0;}
article blockquote strong{color: var(--accent);}
@media screen and (max-width: 768px){article blockquote{margin-left: 0.1rem!important;}}
.li-inline li{display: inline-block;margin-right:15px;}
.li-inline li:first-of-type{margin-left: 0;}
.li-inline li:last-of-type{margin-right: 0;}
.li-category{margin: 0;}
.li-category li a{border:1px solid var(--text-2);color:var(--text-2);padding:3px 5px;font-size: 0.8rem;border-radius: 5px;line-height: 1;}
.li-category li{margin:0;}
.li-category a:hover{border:1px solid var(--accent);color:var(--accent);}
article:not(.ashort) .statline {align-items: center;padding: 0.5rem 1rem;margin: -1rem;z-index: 12;}
article:not(.ashort) .statline{position: sticky;bottom:0;background-color: var(--white);border-top: 1px solid var(--border-2);}
.statline svg,.statline img{padding: 5px;}
.statline .statitem{cursor: pointer;}
@media screen and (min-width: 768px){article:not(.ashort) .statline{ padding: 1rem;}.statline .pshare img{width:40px;height: 40px;}}
.login_item{padding: 5px;width: 30px;height: 30px;background: var(--black);border-radius: 50%;vertical-align: middle;}

span.btn>img:hover{border-radius: 5px;background: var(--border-2);}
.alike:before,.alike:after{content: '';position: absolute;left:50%;top:50%;}
.alike:before {animation: bubble 0.6s ease-out forwards;box-sizing: border-box;margin: -2.5rem;width: 4.5rem;height: 4.5rem;transform: scale(0);border-radius: 50%;}
.alike:after{margin: -0.1875rem;width: 0.375rem;height: 0.375rem;box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
animation: sparkles 0.6s ease-out forwards;}
@keyframes bubble {15% {transform: scale(1);border-color: #cc8ef5;border-width: 2.25rem;}
30%, 100% {transform: scale(1);border-color: #cc8ef5;border-width: 0;}}
@keyframes sparkles {0%, 20% {opacity: 0;}25% {opacity: 1;box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;}}
@keyframes heartbeat2 {0%, 100% { transform: scale(1);} 30% { transform: scale(1.8);} 60% { transform: scale(1.2);} 80% { transform: scale(2.2);}}
@keyframes heartbeat {0%, 100% {fill: none; stroke:#000;} 30% {fill: #ffd0fb; stroke:#ffd0fb;} 60% {fill: #f371c8; stroke:#f371c8;} 80% {fill: #e91e63; stroke:#e91e63;} }
@keyframes lke {0%{fill: #e91e63; stroke:#e91e63;} 50% {fill: #f371c8; stroke:#cc5ea7;} 100% {fill: none; stroke:#000;}}
@keyframes logo-fill-animation--start-with-pink {0%{fill: #e91e63; stroke:#e91e63;} 12.5% {fill: #e91e62d7; stroke:#e91e63;} 25%   {fill: #e91e62b0; stroke:#e91e63;} 37.5% {fill: #e91e6281; stroke:#e91e63;} 50%   {fill: #e91e6257; stroke:#e91e63;} 62.5% {fill: #e91e623f; stroke:#e91e63;} 75%{fill: #e91e621c; stroke:#e91e63;} 87.5% {fill: #e91e6205; stroke:#e91e63;} 100%  {fill: none; stroke:#000;}}
.heart {animation: heartbeat 800ms ease-in-out 5000ms 1, heartbeat 800ms ease-in-out 30000ms 1;}
.heart2 {animation: heartbeat2 800ms ease-in-out 5000ms 1, heartbeat2 800ms ease-in-out 30000ms 1;}
.alike .heart{animation-delay: 0s;animation-direction: normal;animation-duration: 5s;animation-fill-mode: none;animation-iteration-count: 1;animation-play-state: running;animation-timing-function: linear;fill: white;animation-name: logo-fill-animation--start-with-pink;}

.form-styling{height: auto;/*padding: 1rem*/;overflow: hidden;}
.input-sformbig{background-color: var(--white);border: 1px solid var(--border-1);border-radius: 50px;caret-color: var(--accent);color: var(--text-1);height: var(--felem-height);min-width: 5rem;padding-left: var(--sps);padding-right: 2rem;margin:0 1rem 0 auto;}
.input-sformbig:focus-visible{outline:unset;}
.button-sform-go{background-color: var(--accent);color:#fff;font-weight: 600; padding: 0.5rem 1rem!important;margin: 0 auto;max-width: 200px;text-align: center;white-space: nowrap;}
@media screen and (min-width: 769px){
.input-sformbig{width: unset!important;}
.form-styling form{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;justify-content: center;}}
.form-styling input::placeholder {opacity: 0.5;}

span.btn>img:hover{border-radius: 5px;background: var(--border-2);}
.alike:before,.alike:after{content: '';position: absolute;left:50%;top:50%;}
.alike:before {animation: bubble 0.6s ease-out forwards;box-sizing: border-box;margin: -2.5rem;width: 4.5rem;height: 4.5rem;transform: scale(0);border-radius: 50%;}
.alike:after{margin: -0.1875rem;width: 0.375rem;height: 0.375rem;box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
animation: sparkles 0.6s ease-out forwards;}
@keyframes bubble {15% {transform: scale(1);border-color: #cc8ef5;border-width: 2.25rem;}
30%, 100% {transform: scale(1);border-color: #cc8ef5;border-width: 0;}}
@keyframes sparkles {0%, 20% {opacity: 0;}25% {opacity: 1;box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;}}