.blog-page__navigation,.blog-page__body,.blog-page__meta,.blog-page .page-title{width:100%;max-width:calc(var(--sp-base)*225);margin-left:auto;margin-right:auto}.blog-page{--container-padding-y:0;gap:var(--sp-8);padding-block:var(--sp-12);flex-direction:column;display:flex}.blog-page__header{gap:var(--sp-4);flex-direction:column;display:flex}.blog-page__meta{font-size:var(--font-size-label);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);gap:var(--sp-2);color:var(--color-grey-800);flex-wrap:wrap;align-items:center;display:flex}@media (min-width:840px){.blog-page__meta{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}}.blog-page__abstract{font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);line-height:var(--line-height-medium);letter-spacing:var(--letter-spacing-body);max-width:calc(var(--sp-base)*225);color:var(--color-grey-800);margin:0;margin-left:auto;margin-right:auto}@media (min-width:840px){.blog-page__abstract{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);line-height:var(--line-height-medium);letter-spacing:var(--letter-spacing-h)}}.blog-page__author{font-weight:var(--font-weight-label)}.blog-page__separator{opacity:.5}.blog-page__date{color:var(--color-text-tertiary)}.blog-page__date--updated{font-style:italic}.blog-page__cover{aspect-ratio:21/9;width:100%;max-height:calc(var(--sp-base)*112.5);position:relative}.blog-page__cover img{object-fit:cover;width:100%;height:100%}.blog-page__body{gap:calc(var(--sp-base)*21.25);flex-direction:column;display:flex}.blog-page__navigation{gap:calc(var(--sp-base)*7.5);grid-template-areas:"previous next";display:grid}@media (max-width:599.9px){.blog-page__navigation{grid-template-areas:"previous""next"}}.blog-page__navigation .icon-chevron{width:var(--sp-3)}.blog-page__previous{grid-area:previous;justify-self:start}@media (max-width:599.9px){.blog-page__previous{justify-self:center}}.blog-page__previous svg{transform:rotate(90deg)}.blog-page__next{grid-area:next;justify-self:end}@media (max-width:599.9px){.blog-page__next{justify-self:center}}.blog-page__next svg{transform:rotate(-90deg)}