.article-content{--element-margin-bottom: 2em;--heading-margin-bottom: 1.5em}.article-content p,.article-content ol,.article-content ul,.article-content blockquote,.article-content img{margin-bottom:var(--element-margin-bottom, 2em)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:var(--heading-margin-bottom, 1.5em)}.article-content h1:first-child,.article-content h2:first-child{margin-top:0}.article-content img{padding-top:calc(2 * var(--space-unit));padding-bottom:calc(2 * var(--space-unit))}.article-content blockquote{padding-top:calc(4 * var(--space-unit));font-size:2rem;font-style:italic;line-height:2.4rem}.article-content blockquote p:last-child{margin-bottom:0}.article-content iframe{max-width:100%}.article__image--wider .media{width:calc(100% + var(--gutter) * 2);max-width:calc(100% + var(--gutter) * 2);margin-inline-start:calc(var(--gutter) * -1)}.article__layout{width:100%;max-width:var(--page-width, 100%);margin-inline:auto}.article__layout:not(.article__layout--with-sidebar) .article__content{max-width:var(--reading-width, 48em);margin-inline:auto}.article__layout--with-sidebar{display:grid;gap:calc(10 * var(--space-unit));align-items:start;max-width:1100px}.article--with-sidebar .article__tags--footer,.article--with-sidebar .social-share,.article--with-sidebar .article__pagination.border-bottom{max-width:1100px;margin-inline:auto}.article__sidebar{display:flex;flex-direction:column;gap:calc(6 * var(--space-unit))}.article__sidebar-promo-link{display:block}.article__sidebar-promo-placeholder{min-height:180px;padding:calc(4 * var(--space-unit));border:1px dashed rgba(var(--text-color) / .25);background:rgba(var(--text-color) / .04);color:rgba(var(--text-color) / .6)}.article__sidebar-promo img{width:100%;height:auto;vertical-align:middle}.article__sidebar-heading{letter-spacing:.06em}.article__sidebar-tag-list{display:flex;flex-direction:column;gap:calc(2 * var(--space-unit))}.article__sidebar-tag-link{color:rgba(var(--text-color) / .72);text-decoration:none;letter-spacing:.04em}.article__sidebar-tag-link:hover{color:rgb(var(--text-color));text-decoration:underline}.article__tags--footer{max-width:100%}.article__video-wrap{width:100%;max-width:var(--reading-width, 48em);margin-inline:auto}.article__video-wrap--with-sidebar{max-width:1100px}.article-video{display:grid;gap:calc(6 * var(--space-unit))}.article-video__playlist-title{margin:0}.article-video__playlist-list{display:flex;flex-direction:column;gap:calc(2 * var(--space-unit));max-height:28rem;overflow-y:auto}.article-video__playlist-link{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:calc(3 * var(--space-unit));align-items:center;padding:calc(2 * var(--space-unit));color:inherit;text-decoration:none;border-radius:2px}.article-video__playlist-link:hover{background:rgba(var(--text-color) / .05)}.article-video__playlist-link--current{background:rgba(var(--text-color) / .08)}.article-video__playlist-thumb{aspect-ratio:16 / 9;overflow:hidden;background:rgba(var(--text-color) / .08)}.article-video__playlist-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.article-video__playlist-item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.95em;line-height:1.35}.article-video__playlist-item.is-current .article-video__playlist-item-title{font-weight:600}@media(max-width:1023.98px){.article-content,.article-width{max-width:37em}.article__layout--with-sidebar .article__content{max-width:none}}@media(min-width:768px){.article-content img{padding-top:calc(4 * var(--space-unit))}}@media(min-width:1024px){.article-content blockquote{font-size:2.8rem;line-height:3.6rem}.article__layout--with-sidebar{grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:calc(12 * var(--space-unit))}.article__layout--with-sidebar .article__content{max-width:none}.article__sidebar{position:sticky;top:calc(var(--header-height, 0px) + 2rem)}.article-video--with-playlist{grid-template-columns:minmax(0,1.6fr) minmax(240px,320px);align-items:start;gap:calc(8 * var(--space-unit))}.article-video__playlist-list{max-height:min(28rem,calc(100vw * .28))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/article.css.map */
