.article-template{padding-top:calc(var(--header-height, 60px) + 24px);padding-bottom:80px}.article-template>.container{max-width:100%;padding:0 18px}@media(min-width:1024px){.article-template>.container{padding:0 32px}}@media(min-width:1440px){.article-template>.container{padding:0 40px}}.article-template h2,.article-template h3,.article-template h4,.article-template h5{font-family:"Moderat Condensed",sans-serif;color:var(--color-black);letter-spacing:.02em}.article-template h2{font-size:28px;line-height:130%;margin-top:36px;margin-bottom:14px}@media(min-width:1024px){.article-template h2{font-size:34px;margin-top:48px}}.article-template h3{font-size:21px;line-height:170%}@media(min-width:768px){.article-template h3{font-size:26px}}.article-template h4{font-size:16px;line-height:170%}@media(min-width:768px){.article-template h4{font-size:19px}}.article-template h5{font-family:"Moderat Mono";font-size:14px;line-height:100%;text-transform:uppercase}.article-template ul{list-style:inherit;padding-left:22px}.article-template ol{padding-left:22px}.article-template iframe{width:100%}.article-template li{font-family:"Moderat Condensed",sans-serif;font-weight:400;font-size:16px;line-height:170%;letter-spacing:.02em;color:var(--color-black)}.article-template__header{padding-top:0;padding-bottom:24px}@media(min-width:1024px){.article-template__header{padding-top:0;padding-bottom:32px}}.article-template__title{font-family:"Moderat Condensed",sans-serif;font-weight:700;font-size:28px;line-height:120%;color:var(--color-black);margin:0 0 16px}@media(min-width:768px){.article-template__title{font-size:36px}}@media(min-width:1024px){.article-template__title{font-size:42px;margin-bottom:20px}}.article-template__summary{font-family:"Moderat Condensed",sans-serif;font-size:21px;line-height:160%;color:var(--color-dark,#4a4a4a);}@media(min-width:1024px){.article-template__summary{font-size:23px}}.article-template__layout{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.article-template__layout{grid-template-columns:260px 1fr;gap:40px;align-items:start}}@media(min-width:1200px){.article-template__layout{grid-template-columns:minmax(290px,24%) 1fr;gap:56px}}.article-template__sidebar{display:flex;flex-direction:column;gap:20px}@media(min-width:1024px){.article-template__sidebar{position:sticky;top:24px}}.article-template__main{min-width:0}.article-template__banner{margin-bottom:20px}.article-template__banner-img{width:100%;height:auto;display:block;max-height:520px;object-fit:cover}.article-template__meta{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:20px}.article-template__avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0}.article-template__avatar img{width:100%;height:100%;object-fit:cover;display:block}.article-template__meta-text{font-family:"Moderat Condensed",sans-serif;font-size:23px;line-height:140%;font-style:italic;color:var(--color-black)}@media(min-width:768px){.article-template__meta-text{font-size:26px}}.article-template__author,.article-template__date{display:block}.article-template__date{margin-top:4px}.article-template__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.article-template__tag{font-family:"Moderat Mono",sans-serif;font-size:11px;line-height:100%;text-transform:uppercase;color:var(--color-black);background-color:var(--color-neutral-mid,#efece7);border-radius:20px;padding:7px 10px}.article-content{padding-top:8px}.article-content p,.article-content li{font-size:21px;line-height:160%}@media(min-width:1024px){.article-content p,.article-content li{font-size:23px}}.article-content>*{max-width:100%}.article-content h2,.article-content h3{scroll-margin-top:100px}.article-content img{max-width:100%;height:auto;display:block;margin:24px 0}.article-content .article-img{margin-top:32px;margin-bottom:32px}.article-content .article-img img{width:100%;height:auto;display:block}.article-content .under-img{font-family:"Moderat Condensed",sans-serif;font-size:13px;line-height:160%;letter-spacing:.02em;color:var(--color-dark);margin-top:14px;text-align:center}.article-toc{background-color:transparent;color:var(--color-black);padding:0}.article-toc__header{display:flex;justify-content:space-between;align-items:center;gap:12px;background-color:#000;color:#fff;padding:16px 20px;margin-bottom:0}.article-toc__title{font-family:"Moderat Mono",sans-serif;font-size:18px;line-height:100%;letter-spacing:.04em;text-transform:uppercase;color:#fff}@media(min-width:768px){.article-toc__title{font-size:21px}}.article-toc__toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:#fff}.article-toc__toggle svg{display:block;width:34px;height:auto}.article-toc .article-toc__list{list-style:none;margin:0;padding:16px 20px;background-color:var(--color-neutral-light,#f3f3f3)}.article-toc[data-collapsed="true"] .article-toc__list{display:none}.article-toc .article-toc__item{padding:7px 0;border:none;list-style:none}.article-toc__item::before,.article-toc__item::marker{content:none}.article-toc__link{font-family:"Moderat Condensed",sans-serif;font-weight:700;font-size:21px;line-height:140%;color:var(--color-black);text-decoration:none;display:block}@media(min-width:1024px){.article-toc__link{font-size:23px}}.article-toc__link:hover{text-decoration:underline}.article-toc__link.is-active{text-decoration:underline;text-underline-offset:3px}.article-tile{display:block;position:relative;overflow:hidden;text-decoration:none;color:#fff;aspect-ratio:1/1.15;background:#ddd}.article-tile__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.article-tile__label{position:absolute;left:0;right:0;bottom:24px;color:#fff;font-family:"Moderat Condensed",sans-serif;font-weight:700;font-size:20px;line-height:120%;text-align:center;letter-spacing:.05em;padding:0 16px;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.25)}@media(min-width:768px){.article-tile__label{font-size:22px}}.article-tile--pink{background:transparent}.article-tile--purple{background:linear-gradient(180deg,#b8a3e6 0%,#7f6bcf 100%)}.article-tile--purple .article-tile__label{bottom:auto;top:50%;transform:translateY(-50%);font-size:24px;line-height:140%}@media(min-width:768px){.article-tile--purple .article-tile__label{font-size:28px}}.article-template__mobile-toc{display:none}.article-toc--mobile{margin:0}@media(max-width:1023px){.article-template__mobile-toc{display:block;margin:16px 0 28px}.article-template__sidebar{display:none}}.article-toc--mobile .article-toc__list{max-height:45vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.article-template__inline-tile{display:none}@media(max-width:1023px){.article-template__inline-tile{display:block;margin:32px 0}}.article-content .article-tile{margin:32px 0;aspect-ratio:auto;min-height:340px}@media(min-width:768px){.article-content .article-tile{min-height:420px}}.article-template__inline-tile .article-tile{aspect-ratio:1/1.15;min-height:0;margin:0}
.article-content table:not([class]) td,.article-content table:not([class]) th{padding:7px}