.news-list{container-type:inline-size;padding-inline:min(5%,30px);.news-list__item{list-style:none}.news-list__link{align-items:center;border-bottom:1px solid var(--color-lite-gray);color:var(--color-text);display:flex;flex-wrap:wrap;gap:1em;padding:1.5em 0;text-decoration:none;width:100%;.news-list__date{font-weight:var(--font-weight-bold);width:fit-content}.news-list__category{background-color:var(--color-lite-gray);border-radius:100vw;font-size:var(--font-size-xs);padding:.25em .5em;text-align:center;width:30%;@container (width > 768px){width:10%}}.recommendation{background-color:#ff9538;color:var(--color-white)}.news-list__title{margin-block:0;width:100%;@container (width > 768px){width:calc(80% - 2em)}}}}