@layer components{.article-item-wrapper{overflow:hidden;position:relative}@media(hover:hover){.article-item-wrapper:hover{background-color:var(--bg-basic-25)}}.article-item-wrapper:not(:last-child):before{border-block-end:1px solid var(--bg-basic-100);content:"";inset:auto auto 0 1.6rem;position:absolute;width:calc(100% - 3.2rem)}.article-item{align-items:center;display:grid;gap:4rem;grid-template-columns:minmax(0,1fr) max-content;min-height:6.4rem;padding:2.4rem 3.2rem;position:relative;transition:var(--transition-100);z-index:1}.article-item__start{align-items:center;display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 35.5em){.article-item__start{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-item__content{display:flex;flex-direction:column;gap:1.2rem}.article-item__title{font-size:clamp(1.12rem,1.7vw,1.4rem);font-weight:500}.article-item__subtitle{color:var(--text-basic-700);font-size:clamp(1.12rem,1.7vw,1.4rem)}.article-item__end{justify-self:end;text-align:end}.article-item__end .btn{text-align:end}.article-item-ripple{background:radial-gradient(circle,#f3f0f2 0,transparent 50%);border-radius:9999px;opacity:0;pointer-events:none;position:absolute;scale:0;will-change:"scale, opacity, left, top"}}@layer components{.article-list{gap:4rem;position:relative}.article-list,.article-section{display:flex;flex-direction:column}.article-section{gap:1.6rem;padding-block-end:5.6rem}.article-section__title{align-items:center;display:flex;font-size:1.2rem;font-weight:400;gap:.6rem}.article-data{background-color:var(--bg-basic-0);border-radius:12px;box-shadow:var(--box-shadow-sm);display:flex;flex-direction:column;gap:4.8rem;padding:1.6rem}.article-data__inner{display:flex;flex-direction:column;gap:1.6rem}.article-data__title{align-items:center;display:flex;font-size:1.2rem;font-weight:400;gap:.6rem}.article-data__list{border:1px solid var(--bg-basic-100);border-radius:12px;overflow:hidden}}