.article__main.main-container{display:flex;flex-direction:column;height:calc(100vh - 48px)}.article__content-wrapper{border:1px solid #000;border-top:none;border-radius:0 3px 3px 3px;overflow:hidden}.article__content,.article__content-wrapper{display:flex;flex-direction:column;position:relative}.article__content{overflow-y:scroll}.article__navigation .navigation{border-left:none;border-right:none;transition:opacity .5s}.article__navigation:has(.navigation__dropdown-btn--active){z-index:50}.article__wrapper{flex-grow:1}.article__progress-header{display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;width:100%;top:-1px;border-image:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 3px) 1;border-width:0 0 1px;border-style:solid;height:58px;background:#f1f0ef}.article__progress-title{padding:16px 16px 16px 24px;flex:1 1 auto;overflow:hidden}.article__navigation{position:-webkit-sticky;position:sticky;top:0;transition:max-height .5s,opacity .5s;max-height:60px;background:#f1f0ef}.article__progress-title:before{content:"";height:2px;width:var(--progress-width);position:absolute;left:0;bottom:-1px;background-color:#00f}.article__progress-heading{font-size:16px;font-style:normal;font-weight:400;line-height:1.6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}._read .article__progress-heading{color:#696969}.article__progress-header-info{display:flex;aspect-ratio:1;border-left:1px solid #000;border-bottom:1px solid #000;height:58px}.article__progress-header:not(.complete) .article__progress-complete{display:none}.article__progress-header.complete{border-image:none}.article__progress-header.complete .article__progress-title:before{opacity:0}.article__progress-header.complete .article__progress-close-btn{display:none}.article__progress-complete{background:#00f;width:100%;height:100%}.article__progress-close-btn,.article__progress-complete{display:flex;justify-content:center;align-items:center;cursor:pointer}.article__progress-close-btn{border:none;aspect-ratio:1/1;background:#f1f0ef;color:#000}.article__progress-close-btn-img{height:19.5px;aspect-ratio:1/1}.article__container{width:100%;max-width:600px;margin:0 auto}.article__main-image-wrapper{position:relative;width:100%;aspect-ratio:1.5}.article__main-image-wrapper img{border-radius:3px;width:100%;height:100%;object-fit:cover}.article__main-image-wrapper p{font-size:14px;font-weight:400;line-height:1.6;color:#696969;margin-top:12px}.image__static{position:relative}.image__static img{width:100%;height:auto;position:static!important}.article__header{padding:32px 0 24px;display:flex;flex-direction:column;gap:20px;border-image:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 3px) 1;border-width:0 0 1px;border-style:solid}.article__title{font-size:42px;font-weight:500;line-height:1.2;color:#000}.article__author-wrapper{display:flex;align-items:center;gap:16px}.article__author-info{display:flex;flex-direction:column;gap:4px}.article__info{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:1.6;color:#696969}.article__author-name{font-size:16px;font-weight:400;line-height:1.6;text-decoration:none;color:#000;transition:color .3s}.article__author-name:visited{color:#000}.article__author-name:hover{color:#00f}.article__author-image{width:44px;aspect-ratio:1;border-radius:3px;position:relative;z-index:3}.article__author-image .article__author-name-popup-wrapper{left:calc(100% - 2px);top:19.5px;padding-left:18px;max-width:324px;min-width:324px}.article__author-image-group .article__author-image .article__author-name-popup-wrapper{left:calc(100% - 2px);top:4.5px;padding-left:39px;max-width:346px;min-width:346px}.article__author-image-group .article__author-image:nth-child(2) .article__author-name-popup-wrapper{top:20.5px;padding-left:19px}.article__author-image img{width:100%;height:100%;object-fit:cover}.article__actions{padding:24px 0;display:flex;align-items:center;gap:16px}.article__action-button{display:flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:360px;border:1px solid #a8a8a8;background:#f1f0ef;outline:none;cursor:pointer;gap:8px;font-size:14px;font-family:inherit;font-weight:500;line-height:1.6;color:#000;min-width:100px;transition:color .3s,border-color .3s}.article__action-button:hover{background-color:#f5f5f5;border-color:#000}.article__action-button:active{border-color:#00f;color:#00f}.article__action-button p{color:#000}.article__action-button .article__action-button-label{font-size:14px;font-weight:400;line-height:1.6;color:#696969}.article__body{padding-top:32px;padding-bottom:32px;display:flex;flex-direction:column;gap:24px;border-image:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 3px) 1;border-width:0 0 1px;border-style:solid}.article__body .sub-banner{padding:32px 0;border-image:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 3px) 1;border-width:1px 0;border-style:solid;flex-direction:column;align-items:start;gap:16px}.article__body .sub-form{width:100%}.article__body .sub-banner__description{font-size:16px;font-weight:400;line-height:1.6;margin-top:4px}.article__body .sub-form__input{font-size:14px;font-weight:400;line-height:1.6;padding:8px 16px}.article__body .sub-form__btn{padding:8px 24px;width:166px;font-family:inherit;cursor:pointer}.article__body h3{font-size:28px;font-weight:500;line-height:1.2}.article__body li,.article__body p{font-size:20px;font-weight:400;line-height:1.6}.article__body a{color:#00f}.article__body strong{font-weight:500}.article__body ul{list-style-type:square;padding-left:20px}.article__imageSimple{border-image:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 3px) 1;border-width:0;border-style:solid}.article__imageSimple img{margin:0 auto;display:block;border-radius:3px}.article__blockquote{border-left:1px solid #00f;padding-left:24px}.article__blockquote blockquote{font-size:20px;font-style:italic;font-weight:400;line-height:1.6;padding-right:44px}.article__blockquote blockquote+p{margin-top:16px}.article__body .article__blockquote>p{font-size:14px;font-style:normal;font-weight:400;line-height:1.6;color:#696969;text-align:right}.article__imageSet{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.article__imageSet img{border-radius:3px;object-fit:cover;aspect-ratio:1;width:100%;height:100%}.article__body .article__imageSet+p{margin-top:12px;font-size:14px;font-weight:400;line-height:1.6;color:#696969}.article__actions.article__actions-bottom{padding:32px 0}.article__share-wrapper{position:relative;z-index:1;overflow:hidden}.article__share-wrapper.open{z-index:25;overflow:initial}.article__share-wrapper.open .article__action-button{border-color:#00f;color:#00f}.article__share{position:absolute;z-index:10;opacity:0;pointer-events:none;visibility:hidden}.article__share--open{opacity:1;pointer-events:auto;visibility:visible}.article__share-bottom{top:calc(100% + 8px)}.article__share-top{bottom:calc(100% + 8px);top:auto}.article__share-top-fixed{top:24px;position:fixed!important}.article__share-bottom-fixed{bottom:25px;position:fixed!important}.border-top{border-image:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 3px) 1;border-width:1px 0 0;border-style:solid}.border-solid-bottom{border-bottom:1px solid #000}.article__author-image-link{display:flex;align-items:center;border-radius:3px;overflow:hidden}.article__wrapper .article__article-link{pointer-events:none}.article__enable-hover .article__article-link{pointer-events:auto}.article__subscribePopup{position:-webkit-sticky;position:sticky;bottom:0;z-index:98;width:100%;max-width:1000px;margin:0 auto;transform:translateY(100%);transition:transform .5s ease-in-out;overflow:hidden}.article__comments{width:100%;max-width:600px;margin:0 auto}.article__comments-wrapper{width:100%;padding:8px 0 32px;border-image:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 3px) 1;border-width:1px 0 0;border-style:solid}.article__comments-header{display:none;align-items:center;justify-content:space-between;height:50px;padding:12px 16px;font-size:16px;font-weight:500;line-height:1.6;border-bottom:1px solid #000}.article__comments-action-button{border:none;outline:none;cursor:pointer;background:none}.article__comments-overlay{display:none}@media (max-width:715px){.article__main.main-container{margin:0 auto;display:flex;flex-direction:column;height:100%}.article__main.main-container.fixed{overflow:hidden;position:fixed;width:100%}.article__navigation{border-left:1px solid #000;border-right:1px solid #000;z-index:100}.article__main .main-header{padding-top:16px;position:-webkit-sticky;position:sticky;top:0;background-color:#f1f0ef;width:100%;z-index:30}.article__content{border:none}.article__content-wrapper{display:contents;border:none}.article__progress-heading{font-size:14px;width:55%}.article__progress-header{height:56px}.article__progress-title{padding-left:16px;border-left:1px solid transparent}.article__container{padding:0 16px}.article__title{font-size:32px;line-height:1.2}.article__header{padding:24px 0 20px;gap:16px}.article__actions{padding:20px 0 24px}.article__body{padding-top:24px}.article__body .sub-banner{padding:16px 0 20px;gap:20px}.article__body .sub-form__input{padding:10px 16px;font-size:16px;height:48px}.article__body .sub-form__btn{padding:8px 16px;width:100%;height:48px}.article__body h3{font-size:24px}.article__body li,.article__body p{font-size:18px}.article__imageSimple img{max-width:none;object-fit:cover}.article__blockquote{padding-left:20px}.article__imageSet{display:flex;flex-direction:column}.article__imageSet img{aspect-ratio:1}.article__article-title{white-space:normal}.article__progress-header-info{height:55px;border-right:1px solid #000;box-sizing:content-box}.article__share-wrapper.open{z-index:100!important}.article__content.fixed{overflow:hidden}.article__subscribePopup{bottom:0;margin:0}.article__comments-wrapper{padding:0;background:#f1f0ef;position:relative;width:100%;z-index:1;border-color:#000;height:auto;border-bottom:none;border-width:1px;border-image:none;border-radius:3px;height:460px}.article__comments-component{padding:0 16px;overflow:auto;height:100%;max-height:410px}.article__comments-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-end;z-index:150}.article__comments-overlay{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.15;z-index:-1}.article__comments-header{display:flex}}.article__article{display:flex;align-items:center;width:100%;height:100%}.article__article-link{display:flex;align-items:center;padding:16px 24px;min-height:58px;text-decoration:none}.article__article-link+.article__article-link{border-image:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 3px) 1;border-width:1px 0 0;box-sizing:border-box;border-style:solid}.article__load-more-wrapper{border-image:repeating-linear-gradient(90deg,#000 0,#000 1px,transparent 0,transparent 3px) 1;border-width:0;box-sizing:border-box;min-height:58px;display:flex;align-items:center;justify-content:center;border-top:1px solid transparent}.article__load-more-wrapper:has(.article__load-more-button:not(:disabled):hover){border-image:none}.article__load-more-button{border:none;outline:none;background:none;font-size:16px;font-weight:500;line-height:1.6;color:#00f;cursor:pointer;width:100%;height:100%}.article__load-more-button:not(:disabled):hover{color:#fff;background:#00f}.article__load-more-button:disabled{color:#a8a8a8;cursor:default}.article__article-title{font-size:16px;font-weight:400;line-height:1.6;color:#000;flex:1 1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:24px}.article__article-info{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:1.6;color:#696969}.article__sub-banner{border-top:1px solid #000;margin-top:auto}.home_article-title--marked{color:red;font-weight:500}.home_article-title--read{color:#696969}.article__article-info-wrapper{display:flex;align-items:center;gap:16px}.article__article-comments{opacity:0}@media (hover:hover){.article__article-link:hover{background:#00f;border-color:#00f;border-image:none!important}.article__article-link:hover .article__article-info,.article__article-link:hover .article__article-title{color:#fff}.article__article-link:hover .article__article-comments{opacity:1}.article__article-link:hover .read-icon circle{fill:#fff}.article__article-link:hover .read-icon path{stroke:#00f}.article__article-link:hover+.article__article-link{border-color:#00f;border-image:none}}.article__author-group{display:flex;align-items:center;gap:4px}.article__author-image-group{display:flex;align-items:flex-start;position:relative;flex-shrink:0;z-index:3;padding-top:16px;padding-right:20px}.article__author-image-group .article__author-image{width:32px;border:1px solid #f1f0ef}.article__author-image-group .article__author-image:nth-child(2){position:absolute;z-index:-1;top:0;right:0}.article__author-name-wrapper{position:relative;z-index:3}.article__author-name-popup-wrapper{position:absolute;top:calc(100% - 2px);max-width:306px;min-width:306px;left:0;padding-top:10px;display:none;z-index:3}.article__author-group .article__author-group-action{position:relative;z-index:3}.article__author-group .article__author-group-dropdown{position:absolute;top:calc(100% - 2px);max-width:306px;min-width:306px;left:0;padding-top:10px;display:none;z-index:3}.article__author-group .article__author-group-action:hover .article__author-group-action-btn{color:#00f}.article__author-group-action{border:none;outline:none;background:none;color:#00f;font-family:inherit;font-size:inherit;font-weight:400}.article__author-group-action-btn{cursor:pointer;color:#000}.article__author-group span{color:#696969}@media (min-width:716px){.article__author-image:hover .article__author-name-popup-wrapper{display:block}.article__author-image:hover,.article__author-name-wrapper:hover{z-index:25}.article__author-name-wrapper:hover .article__author-name{color:#00f}.article__author-name-wrapper:hover .article__author-name-popup-wrapper{display:block}}@media (max-width:715px){.article__article-link{padding:16px}.article__article{flex-direction:column;align-items:flex-start;gap:12px}.article__article-title{white-space:unset;overflow:unset;padding-right:0;text-overflow:unset}.article__article-comments{opacity:1;order:2}.article__load-more-wrapper{min-height:56px;height:56px}.article__load-more-button{font-size:14px}.article__author-group .article__author-group-action:has(.article__author-group-dropdown-modal){z-index:100}.article__author-group-dropdown.article__author-group-dropdown-modal{display:block}.article__author-group .article__author-group-dropdown{position:fixed;bottom:0;left:0;top:auto;width:100%;max-width:none}}