.cmp-articleDetail{background-color:var(--white);color:var(--twilight-1000);font-family:var(--font-f1);padding:var(--spacing-40) 0 var(--spacing-32)}
@media(min-width:768px){.cmp-articleDetail{padding:var(--spacing-88) 0 var(--spacing-48)}
}
.cmp-articleDetail .article__info{padding:0 var(--spacing-16);margin-block-end:var(--spacing-24)}
@media(min-width:768px){.cmp-articleDetail .article__info{padding:0 3.625rem;margin-block-end:var(--spacing-48)}
}
.cmp-articleDetail .article__info .back-link a{color:var(--twilight-1000);font-weight:var(--font-weight-regular);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);display:inline;text-decoration:none}
@media(min-width:768px){.cmp-articleDetail .article__info .back-link a{font-size:var(--font-size-title);line-height:var(--line-height-title)}
}
.cmp-articleDetail .article__info .back-link a svg{transform:translateY(0.1rem);height:var(--spacing-16);width:var(--spacing-16)}
@media(min-width:768px){.cmp-articleDetail .article__info .back-link a svg{transform:translateY(0.25rem);height:var(--spacing-24);width:var(--spacing-24);padding-right:var(--spacing-8)}
}
.cmp-articleDetail .article__info .info .title{color:var(--twilight-1000);font-size:var(--font-size-headline-2-sm);line-height:var(--line-height-headline-2-sm);font-weight:var(--font-weight-semi-bold);margin-block-start:var(--spacing-12);margin-block-end:var(--spacing-12)}
@media(min-width:768px){.cmp-articleDetail .article__info .info .title{font-size:var(--font-size-display-2-lg);line-height:var(--font-size-display-2-lg)}
}
.cmp-articleDetail .article__info .info .details{display:flex;align-items:center;column-gap:var(--spacing-32);row-gap:var(--spacing-8);flex-wrap:wrap}
.cmp-articleDetail .article__info .info .details div:first-of-type{font-weight:var(--font-weight-semi-bold)}
.cmp-articleDetail .article__info .info .details>div:first-of-type{flex:1 0 100%}
@media(min-width:768px){.cmp-articleDetail .article__info .info .details>div:first-of-type{flex:unset}
}
.cmp-articleDetail .article__banner{padding:0 var(--spacing-16)}
@media(min-width:768px){.cmp-articleDetail .article__banner{padding:0 clamp(1rem,12vw,10.5rem)}
}
@media(min-width:1440px){.cmp-articleDetail .article__banner{padding:0 10.5rem}
}
.cmp-articleDetail .article__banner .banner-image img{width:100%;border-radius:var(--radius-default)}
.cmp-articleDetail .article__body{padding:var(--spacing-32) var(--spacing-16)}
@media(min-width:768px){.cmp-articleDetail .article__body{padding:2rem clamp(10.5rem,15vw,17.5rem)}
}
@media(min-width:1440px){.cmp-articleDetail .article__body{padding:2rem 17.5rem}
}
.cmp-articleDetail .article__body p{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-regular);margin:var(--spacing-20) 0}
@media(min-width:768px){.cmp-articleDetail .article__body p{font-size:var(--font-size-subtitle);line-height:var(--line-height-subtitle)}
}
.cmp-articleDetail .article__body p:first-of-type{margin-top:0}
.cmp-articleDetail .article__body p:last-of-type{margin-bottom:0}
.cmp-articleDetail .article__body p a{color:var(--twilight-1000)}
.cmp-articleDetail .article__body p img{width:100%;margin:var(--spacing-32) 0;border-radius:var(--radius-default)}
.cmp-articleDetail .article__body p img:last-child{margin-bottom:0}