/* drop:tpl:blog@2 */
.ech-article__head > *{ max-width: 52rem; }
.ech-article__cover{ margin: clamp(2rem, 1rem + 3vw, 3.5rem) 0 0; }
.ech-article__cover img{ width: 100%; aspect-ratio: 21 / 9; object-fit: cover; }
.ech-article__grid{ display: grid; gap: var(--space-12); padding-block: clamp(2.5rem, 1.5rem + 3vw, 4.5rem) var(--section-space); }
@media (min-width: 64rem){.ech-article__grid{ grid-template-columns: minmax(0, 44rem) minmax(16rem, 20rem); justify-content: space-between; }}
@media (min-width: 64rem){.ech-article__aside{ position: sticky; top: 6.5rem; align-self: start; }}
.ech-article__body h2{ margin: var(--space-10) 0 var(--space-4); font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: 600; letter-spacing: var(--tracking-tight); line-height: 1.25; }
.ech-article__body h2:first-child{ margin-block-start: 0; }
.ech-article__body ol{ margin: 0 0 var(--space-5); padding-inline-start: 1.4em; }
.ech-article__body li{ margin-block-end: var(--space-3); }
.ech-article__body li::marker{ font-family: var(--font-heading); font-weight: 600; color: var(--color-primary-700); }
.ech-article__cover img{ aspect-ratio: 5 / 2; max-height: 24rem; height: auto; }
.ech-article__cover{ max-width: 44rem; }
.ech-article__cover img{ aspect-ratio: 16 / 9; max-height: none; }
.ech-article__cover{ max-width: none; }
.ech-article__cover img{ aspect-ratio: 21 / 9; max-height: 30rem; }