.menx-article-reading-layout{display:grid;grid-template-columns:minmax(0,78rem);justify-content:center;align-items:start;gap:clamp(2.4rem,4vw,5rem);margin-top:clamp(2.4rem,4vw,4rem)}.menx-article-reading-layout[data-toc-ready=true]{grid-template-columns:minmax(25rem,31rem) minmax(0,78rem);max-width:122rem}.article-template__toc{min-width:0}.menx-article-toc{position:sticky;top:10rem;overflow:hidden;border:1px solid #d9e6f5;border-radius:1.8rem;background:radial-gradient(circle at 100% 0,rgba(49,113,197,.12),transparent 34%),linear-gradient(145deg,#fff,#f8fbff 58%,#eef5ff);box-shadow:0 1.6rem 4rem #08111f14}.menx-article-toc:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:.3rem;background:linear-gradient(90deg,#0b5ff5 0%,#4b95ff 58%,transparent 100%)}.menx-article-toc__brand{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 2rem 1.2rem}.menx-article-toc__logo{display:block;width:10.8rem;height:auto;max-height:3.6rem;object-fit:contain;object-position:left center}.menx-article-toc__journal{display:inline-flex;align-items:center;min-height:2.5rem;padding:.45rem .8rem;border:1px solid rgba(49,113,197,.18);border-radius:999px;background:#ffffffd1;color:#526278;font-family:var(--font-body-family);font-size:1rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.menx-article-toc__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;margin:0 2rem;padding:.6rem 0 1.5rem;border-bottom:1px solid rgba(49,113,197,.2)}.menx-article-toc__heading-wrap{min-width:0}.menx-article-toc__eyebrow{display:block;margin-bottom:.35rem;color:#1769d8;font-family:var(--font-body-family);font-size:1rem;font-weight:800;line-height:1.2;letter-spacing:.15em;text-transform:uppercase}.menx-article-toc__title{margin:0;color:#08111f;font-family:var(--font-heading-family);font-size:clamp(2rem,2.4vw,2.6rem);font-weight:700;line-height:1.12}.menx-article-toc__count{flex:0 0 auto;margin-bottom:.15rem;color:#68768a;font-family:var(--font-body-family);font-size:1.05rem;font-weight:600;line-height:1.2;white-space:nowrap}.menx-article-toc__list{position:relative;margin:0;padding:1.5rem 2rem 1rem;list-style:none}.menx-article-toc__list:before{content:"";position:absolute;top:2.4rem;bottom:1.8rem;left:3.65rem;width:1px;background:linear-gradient(180deg,#9bc4fb,#dbe9fa)}.menx-article-toc__item{position:relative;min-width:0;margin:0;padding:0}.menx-article-toc__item+.menx-article-toc__item{margin-top:.35rem}.menx-article-toc__link{position:relative;z-index:1;display:grid;grid-template-columns:3.3rem minmax(0,1fr) 1.6rem;align-items:center;gap:.9rem;min-height:5.2rem;padding:.7rem .7rem .7rem 0;border-radius:1rem;color:#101826;text-decoration:none!important;transition:background .16s ease,color .16s ease,transform .16s ease}.menx-article-toc__link:hover,.menx-article-toc__link.is-active{background:#3171c514;color:#0b5fc5}.menx-article-toc__link:hover{transform:translate(.2rem)}.menx-article-toc__link:focus-visible{outline:.2rem solid #3171c5;outline-offset:.2rem}.menx-article-toc__number{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:3.3rem;height:3.3rem;border:.3rem solid #f8fbff;border-radius:50%;background:#1267dc;box-shadow:0 .4rem 1.2rem #1267dc38;color:#fff;font-family:var(--font-body-family);font-size:1.05rem;font-weight:800;line-height:1}.menx-article-toc__text{min-width:0;font-family:var(--font-body-family);font-size:1.28rem;font-weight:750;line-height:1.35}.menx-article-toc__arrow{color:#3171c5;font-size:1.55rem;line-height:1;opacity:.55;transition:transform .16s ease,opacity .16s ease}.menx-article-toc__link:hover .menx-article-toc__arrow,.menx-article-toc__link.is-active .menx-article-toc__arrow{opacity:1;transform:translate(.2rem)}.menx-article-toc__sublist{margin:0 0 .6rem 4.2rem;padding:0;list-style:none}.menx-article-toc__subitem{margin:0}.menx-article-toc__sublink{display:block;position:relative;padding:.55rem .7rem .55rem 1.4rem;border-radius:.8rem;color:#617084;font-family:var(--font-body-family);font-size:1.16rem;font-weight:520;line-height:1.4;text-decoration:none!important;transition:background .16s ease,color .16s ease}.menx-article-toc__sublink:before{content:"";position:absolute;top:1.15rem;left:.2rem;width:.45rem;height:.45rem;border-radius:50%;background:#a5b8cf}.menx-article-toc__sublink:hover,.menx-article-toc__sublink.is-active{background:#3171c512;color:#1769d8}.menx-article-toc__sublink.is-active:before{background:#1769d8}.menx-article-toc__footer{display:flex;align-items:center;gap:.8rem;margin:0 2rem 2rem;padding:1.1rem 1.2rem;border:1px solid rgba(49,113,197,.14);border-radius:1rem;background:#3171c50f;color:#526278;font-family:var(--font-body-family);font-size:1.08rem;font-weight:600;line-height:1.3}.menx-article-toc__footer-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;color:#1769d8;box-shadow:0 .35rem 1rem #3171c51f;font-size:1.35rem;font-weight:700}.menx-article-reading-layout .article-template__content{width:100%;max-width:78rem;min-width:0;margin:0;padding:0}.article-template__content :is(h2,h3)[id]{scroll-margin-top:12rem}@media screen and (max-width:989px){.menx-article-reading-layout,.menx-article-reading-layout[data-toc-ready=true]{grid-template-columns:minmax(0,78rem);justify-content:center;max-width:none}.menx-article-toc{position:relative;top:auto}.menx-article-toc__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.4rem}.menx-article-toc__list:before{display:none}.menx-article-toc__sublist{margin-left:4.2rem}}@media screen and (max-width:749px){.menx-article-reading-layout{gap:2.4rem;margin-top:2rem;padding-left:1.5rem;padding-right:1.5rem}.menx-article-toc{border-radius:1.4rem;box-shadow:0 1rem 2.6rem #08111f12}.menx-article-toc__brand{padding:1.6rem 1.5rem 1rem}.menx-article-toc__logo{width:9.6rem}.menx-article-toc__head{align-items:flex-start;margin-left:1.5rem;margin-right:1.5rem;padding-bottom:1.2rem}.menx-article-toc__title{font-size:2.15rem}.menx-article-toc__count{padding-top:.25rem;font-size:1rem}.menx-article-toc__list{display:block;padding:1.1rem 1.5rem .8rem}.menx-article-toc__list:before{display:block;top:2rem;bottom:1.5rem;left:3.15rem}.menx-article-toc__link{grid-template-columns:3.1rem minmax(0,1fr) 1.5rem;min-height:4.8rem}.menx-article-toc__number{width:3.1rem;height:3.1rem;font-size:1rem}.menx-article-toc__text{font-size:1.24rem}.menx-article-toc__sublist{margin-left:4rem}.menx-article-toc__sublink{font-size:1.12rem}.menx-article-toc__footer{margin:0 1.5rem 1.5rem}.article-template__content :is(h2,h3)[id]{scroll-margin-top:9rem}}@media(prefers-reduced-motion:reduce){.menx-article-toc__link,.menx-article-toc__arrow,.menx-article-toc__sublink{transition:none}}.article-template .article-template__hero-container{width:min(calc(100% - 4rem),112rem);max-width:112rem;margin:2.4rem auto 0}.article-template .article-template__hero-container .media{height:44rem!important;padding-bottom:0!important;overflow:hidden;border:1px solid rgba(49,113,197,.14);border-radius:1.8rem;background:#fff;box-shadow:0 1.4rem 3.6rem #08111f0f}.article-template .article-template__hero-container .media>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff}.article-template>header.page-width--narrow,.article-template__social-sharing.page-width--narrow{width:min(calc(100% - 4rem),92rem);max-width:92rem;margin-left:auto;margin-right:auto}.article-template__title{font-size:clamp(3rem,4vw,5rem);line-height:1.08;text-wrap:balance}.menx-article-reading-layout.scroll-trigger.animate--slide-in{opacity:1!important;transform:none!important;animation:none!important}.menx-article-reading-layout,.menx-article-reading-layout[data-toc-ready=true]{width:min(calc(100% - 4rem),124rem);max-width:124rem;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}@media screen and (min-width:990px){.menx-article-reading-layout[data-toc-ready=true]{grid-template-columns:minmax(27rem,31rem) minmax(0,1fr);gap:clamp(2.8rem,3.2vw,4.6rem)}.article-template__toc{position:sticky;top:10.5rem;align-self:start;max-height:calc(100vh - 12.5rem)}.article-template__toc .menx-article-toc{position:static;top:auto;max-height:calc(100vh - 12.5rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(49,113,197,.35) transparent}.article-template__toc .menx-article-toc::-webkit-scrollbar{width:.5rem}.article-template__toc .menx-article-toc::-webkit-scrollbar-thumb{border-radius:999px;background:#3171c552}}.menx-article-reading-layout .article-template__content{box-sizing:border-box;width:100%;max-width:82rem;margin:0;padding:clamp(2.6rem,3vw,4.2rem);border:1px solid rgba(49,113,197,.12);border-radius:1.6rem;background:#fff;color:#222b38;box-shadow:0 1.2rem 3rem #08111f0b;font-size:1.65rem;line-height:1.78;text-align:left;overflow-wrap:anywhere}.menx-article-reading-layout .article-template__content>:first-child{margin-top:0!important}.menx-article-reading-layout .article-template__content>:last-child{margin-bottom:0!important}.menx-article-reading-layout .article-template__content p{margin-top:0;margin-bottom:1.7rem;max-width:72ch}.menx-article-reading-layout .article-template__content h2{margin:3.4rem 0 1.5rem;color:#08111f;font-size:clamp(2.6rem,3vw,3.6rem);line-height:1.18;letter-spacing:-.015em;text-wrap:balance}.menx-article-reading-layout .article-template__content h3{margin:2.7rem 0 1.2rem;color:#101826;font-size:clamp(2.1rem,2.3vw,2.7rem);line-height:1.25;text-wrap:balance}.menx-article-reading-layout .article-template__content :is(ul,ol){margin:0 0 1.8rem;padding-left:2.4rem}.menx-article-reading-layout .article-template__content li+li{margin-top:.55rem}.menx-article-reading-layout .article-template__content :is(img,video,iframe){max-width:100%;height:auto;border-radius:1.2rem}.menx-article-reading-layout .article-template__content table{display:block;width:100%;max-width:100%;overflow-x:auto}@media screen and (min-width:990px)and (max-width:1199px){.article-template .article-template__hero-container{width:min(calc(100% - 3.2rem),104rem)}.article-template .article-template__hero-container .media{height:38rem!important}.menx-article-reading-layout,.menx-article-reading-layout[data-toc-ready=true]{width:min(calc(100% - 3.2rem),108rem)}.menx-article-reading-layout[data-toc-ready=true]{grid-template-columns:minmax(25rem,28rem) minmax(0,1fr);gap:2.6rem}.menx-article-reading-layout .article-template__content{padding:3rem;font-size:1.58rem}}@media screen and (min-width:750px)and (max-width:989px){.article-template .article-template__hero-container{width:min(calc(100% - 3.2rem),86rem)}.article-template .article-template__hero-container .media{height:34rem!important}.menx-article-reading-layout,.menx-article-reading-layout[data-toc-ready=true]{width:min(calc(100% - 3.2rem),82rem);grid-template-columns:minmax(0,1fr);gap:2.8rem}.article-template__toc,.article-template__toc .menx-article-toc{position:relative;top:auto;max-height:none}.menx-article-reading-layout .article-template__content{max-width:none;padding:3.2rem}}@media screen and (max-width:749px){.article-template .article-template__hero-container{width:calc(100% - 2.4rem);margin-top:1.4rem}.article-template .article-template__hero-container .media{height:23rem!important;border-radius:1.3rem}.article-template>header.page-width--narrow,.article-template__social-sharing.page-width--narrow{width:calc(100% - 3rem);padding-left:0;padding-right:0}.article-template header{margin-top:2.6rem;margin-bottom:1.5rem}.article-template__title{font-size:clamp(2.7rem,9vw,3.7rem);line-height:1.12}.menx-article-reading-layout,.menx-article-reading-layout[data-toc-ready=true]{width:100%;grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:1.8rem;padding-left:1.2rem;padding-right:1.2rem}.article-template__toc,.article-template__toc .menx-article-toc{position:relative;top:auto;max-height:none}.menx-article-reading-layout .article-template__content{max-width:none;padding:2rem 1.7rem;border-radius:1.3rem;font-size:1.52rem;line-height:1.72}.menx-article-reading-layout .article-template__content p{max-width:none;margin-bottom:1.45rem}.menx-article-reading-layout .article-template__content h2{margin-top:2.8rem;margin-bottom:1.2rem;font-size:clamp(2.25rem,7vw,2.9rem)}.menx-article-reading-layout .article-template__content h3{margin-top:2.2rem;font-size:clamp(1.9rem,5.8vw,2.35rem)}.menx-article-reading-layout .article-template__content :is(ul,ol){padding-left:2rem}}.article-template>header.page-width--narrow{box-sizing:border-box;width:min(calc(100% - 4rem),112rem)!important;max-width:112rem!important;margin-left:auto!important;margin-right:auto!important}@media screen and (min-width:750px)and (max-width:989px){.article-template>header.page-width--narrow{width:min(calc(100% - 3.2rem),86rem)!important;max-width:86rem!important}}@media screen and (max-width:749px){.article-template>header.page-width--narrow{width:calc(100% - 2.4rem)!important;max-width:none!important}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/menx-article-toc.css.map */