/* News article page: "Tin tức khác" sidebar (stacks under the article on tablets/phones) + previous/next links. */
.post-layout.page-layout--aside { grid-template-columns: minmax(0, 46rem) minmax(16rem, 20rem); justify-content: space-between; align-items: start; }
.news-aside { position: sticky; top: 6rem; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-card); padding: 1.25rem; }
.news-aside__title { font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 1rem; padding-bottom: .6rem; border-bottom: 3px solid var(--orange); display: inline-block; }
.news-aside__list { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .25rem; }
.news-aside__item { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: .75rem; align-items: start; padding: .5rem; margin: 0 -.5rem; border-radius: 8px; color: inherit; text-decoration: none; }
.news-aside__item:hover { background: var(--lilac); }
.news-aside__item:hover .news-aside__name { color: var(--orange-deep); }
.news-aside__img { width: 6rem; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px; background: var(--line); }
.news-aside__img--empty { display: block; background: var(--night); position: relative; overflow: hidden; }
.news-aside__img--empty::after { content: ""; position: absolute; width: 70%; aspect-ratio: 1; border-radius: 50%; background: var(--orange); right: -25%; bottom: -45%; }
.news-aside__text { display: grid; gap: .2rem; }
.news-aside__name { font-size: .92rem; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news-aside time { font-size: .8rem; color: var(--steel); }

.post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.post-nav__link { display: grid; gap: .3rem; padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--paper); color: inherit; text-decoration: none; }
.post-nav__link:hover { border-color: var(--orange); }
.post-nav__link--next { text-align: right; }
.post-nav__dir { display: inline-flex; align-items: center; gap: .4rem; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--orange-deep); }
.post-nav__link--next .post-nav__dir { justify-content: flex-end; }
.post-nav__link--prev .post-nav__dir .ico { transform: rotate(180deg); }
.post-nav__title { font-weight: 600; line-height: 1.4; }

@media (max-width: 1000px) {
  .post-layout.page-layout--aside { grid-template-columns: minmax(0, 1fr); }
  .news-aside { position: static; }
}
@media (max-width: 560px) { .post-nav { grid-template-columns: 1fr; } .post-nav__link--next { text-align: left; } .post-nav__link--next .post-nav__dir { justify-content: flex-start; } }