.article-view{max-width:var(--content-max-width-l);margin:0 auto;border-left:1px solid var(--color-line);border-right:1px solid var(--color-line);padding-inline:var(--spacing-m);padding-block:var(--spacing-xxl);display:grid;row-gap:var(--spacing-l)}.article-view__media{width:100%;aspect-ratio:3/2;border-radius:var(--radius)}.article-view__image{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:var(--radius)}.article-view__header{display:flex;flex-direction:column;align-items:center;row-gap:var(--spacing-l)}.article-view__header .icon-spinner{--top-position: calc( var(--article-header-height) + (var(--spacing-xxl) * 2) );--right-position: var(--spacing-l);position:fixed;top:var(--top-position);right:var(--right-position);fill:transparent;transform:rotate(var(---icon-spinner-rotate-value));pointer-events:none;z-index:1}@media (max-width: 63.99rem){.article-view__header .icon-spinner{display:none}}@media (min-width: 64rem){.article-view__header .icon-spinner{width:9.375rem}}@media (min-width: 107rem){.article-view__header .icon-spinner{--right-position: calc( 50vw - ((var(--content-max-width-l) - 1px - var(--spacing-m)) / 2) )}}.article-view__title{font-size:var(--font-heading-size-l);text-align:center;margin:var(--spacing-outer-y) auto;padding-inline:var(--spacing-outer-x);max-width:var(--content-max-width);width:100%}.article-view__excerpt{max-width:var(--content-max-width);text-align:center}.article-view__content{max-width:var(--content-max-width)}.article-view__content ol,.article-view__content ul{margin:0;padding:var(--spacing-m)}.article-view__content li{padding-block:var(--spacing-xs)}@media (min-width: 64rem){.article-view__content{margin:var(--spacing-outer-y) auto;padding-inline:var(--spacing-outer-x)}}.article-view .recipe{max-width:var(--content-max-width-l)}.article-view .recipe ol,.article-view .recipe ul{margin:0;padding:var(--spacing-m)}.article-view .recipe li{padding-block:var(--spacing-xs)}@media (min-width: 64rem){.article-view .recipe{margin:var(--spacing-outer-y) auto;padding-inline:var(--spacing-outer-x)}}.article-view__tags{display:flex;justify-content:center;gap:var(--spacing-xs)}.article-view__tag{font-size:var(--font-size-s);padding:var(--spacing-xxs);border:1px solid var(--color-ocean-blue);border-radius:var(--radius)}.article-view__related{max-width:var(--content-max-width-l);margin:0 auto;border-left:1px solid var(--color-line);border-right:1px solid var(--color-line);padding-inline:var(--spacing-m);padding-block:var(--spacing-xxl);display:grid;column-gap:var(--spacing-m);row-gap:var(--spacing-xl);padding-top:var(--spacing-xl);position:relative}.article-view__related:after{content:"";height:1px;width:calc(100vw - (var(--scrollbar-size) * 1px + 1px));position:absolute;top:0;left:50%;background-color:var(--color-line);transform:translate(-50%)}@media (min-width: 64rem){.article-view__related{grid-template-columns:repeat(3,1fr)}}.article-view__related-title{text-align:center}@media (min-width: 64rem){.article-view__related-title{grid-column:span 3}}