.news-detail{container-type:inline-size}.news-detail__inner{border:10px solid var(--color-ultra-lite-gray);border-radius:10px;padding:min(5%,50px)}.news-detail--header{align-items:center;display:flex;flex-wrap:wrap;gap:1em;width:100%}.news-detail__date{width:fit-content}.news-detail__category{background-color:var(--color-lite-gray);border-radius:100vw;font-size:var(--font-size-xs);padding:.25em 3em;text-align:center;width:fit-content}.recommendation{background-color:#ff9538;color:var(--color-white)}.news-detail--contents{border-top:1px solid var(--color-lite-gray);padding-block:1em;padding-inline:1em;figure{margin-inline:0}iframe{aspect-ratio:16/9;height:auto;max-width:100%}}.news-detail__back-button{display:grid;gap:1em;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;margin-block-start:2em;@container (width > 500px){grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.news-detail__back-button__prev{grid-column:1/2;grid-row:1/2;margin-inline:0 auto;@container (width > 500px){grid-column:1/2;grid-row:1/2;margin-inline:auto 0}}.news-detail__back-button__list{grid-column:1/3;grid-row:2/3;max-width:100%;@container (width > 500px){grid-column:2/3;grid-row:1/2;max-width:400px}}.news-detail__back-button__next{grid-column:2/3;grid-row:1/2;margin-inline:auto 0;@container (width > 500px){grid-column:3/4;grid-row:1/2;margin-inline:0 auto}}}