/* ============================================================
   Aurora Glass — News (archive · single · category · tag)
   ============================================================ */
.au-news { padding-top: var(--au-s4); }

/* Head */
.au-news-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: var(--au-s5); }
.au-news-head__title { font-size: var(--au-fs-h1); margin: 0; }
.au-news-head__sub { color: var(--au-text-dim); margin: 6px 0 0; max-width: 640px; }
.au-news-sort { display: flex; align-items: center; gap: 8px; }
.au-news-sort__label { font-size: var(--au-fs-sm); color: var(--au-text-dim); }
.au-news-sort__select {
  padding: 8px 14px; border-radius: var(--au-r-pill); font-family: inherit; font-size: var(--au-fs-sm);
  color: var(--au-text); background: var(--au-glass-bg); border: 1px solid var(--au-glass-brd); cursor: pointer; outline: none;
}
.au-news-sort__select option { background: var(--au-surface); color: var(--au-text); }

/* Layout */
.au-news-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--au-s5); align-items: start; }

/* Article list */
.au-news-list { display: flex; flex-direction: column; gap: 16px; }
.au-narticle { display: grid; grid-template-columns: 240px 1fr; overflow: hidden; }
.au-narticle__thumb { display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--au-glass-bg-2); position: relative; }
.au-narticle__thumb img { width: 100%; height: 100%; object-fit: cover; }
.au-narticle__ph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 2.4rem; opacity: .5; }
.au-narticle__body { padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; }
.au-narticle__cat { align-self: flex-start; font-size: var(--au-fs-xs); font-weight: 700; color: var(--au-accent); text-transform: uppercase; letter-spacing: .06em; }
.au-narticle__title { font-size: var(--au-fs-h4); margin: 0; line-height: 1.35; }
.au-narticle__title a:hover { color: var(--au-accent); }
.au-narticle__excerpt { font-size: var(--au-fs-sm); color: var(--au-text-dim); margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.au-narticle__meta { display: flex; align-items: center; justify-content: space-between; margin-top: auto; font-size: var(--au-fs-xs); color: var(--au-text-faint); }
.au-narticle__more { color: var(--au-accent); font-weight: 600; }

.au-news-empty { text-align: center; }
.au-news-empty p { font-size: var(--au-fs-h4); color: var(--au-text-dim); margin-bottom: 16px; }

/* Single */
.au-single__head { margin-bottom: var(--au-s4); }
.au-single__title { font-size: var(--au-fs-h1); margin: 8px 0; }
.au-single__meta { color: var(--au-text-dim); font-size: var(--au-fs-sm); display: flex; gap: 8px; }
.au-single__hero { margin: 0 0 var(--au-s5); border-radius: var(--au-r); overflow: hidden; }
.au-single__hero img { width: 100%; display: block; }
.au-single__tags { margin-top: var(--au-s5); display: flex; flex-wrap: wrap; gap: 8px; }
.au-single__tag { font-size: var(--au-fs-xs); padding: 4px 11px; border-radius: var(--au-r-pill); background: var(--au-glass-bg); border: 1px solid var(--au-glass-brd); color: var(--au-text-soft); }
.au-single__tag a { color: inherit; }

/* Sidebar */
.au-news-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: calc(var(--au-header-h) + 16px); }
.au-widget__title { font-size: var(--au-fs-h5); color: var(--au-text); margin: 0 0 14px; }
.au-widget__cats { list-style: none; margin: 0; padding: 0; }
.au-widget__cats li { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--au-glass-brd); }
.au-widget__cats li:last-child { border-bottom: none; }
.au-widget__cats a { color: var(--au-text-soft); font-size: var(--au-fs-sm); }
.au-widget__cats a:hover { color: var(--au-accent); }
.au-widget__count { font-size: var(--au-fs-xs); color: var(--au-text-faint); background: var(--au-glass-bg-2); padding: 2px 9px; border-radius: var(--au-r-pill); }
.au-widget__recent { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.au-widget__recent-item { display: flex; gap: 10px; align-items: center; }
.au-widget__recent-thumb { flex: none; width: 56px; height: 56px; border-radius: 10px; overflow: hidden; }
.au-widget__recent-thumb img { width: 100%; height: 100%; object-fit: cover; }
.au-widget__recent-title { display: block; font-size: var(--au-fs-sm); color: var(--au-text-soft); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.au-widget__recent-item:hover .au-widget__recent-title { color: var(--au-accent); }
.au-widget__recent-date { font-size: var(--au-fs-xs); color: var(--au-text-faint); }
.au-widget--cta p { font-size: var(--au-fs-sm); color: var(--au-text-dim); margin-bottom: 14px; }

/* Responsive */
@media (max-width: 960px) {
  .au-news-layout { grid-template-columns: 1fr; }
  .au-news-side { position: static; flex-direction: row; flex-wrap: wrap; }
  .au-news-side .au-widget { flex: 1; min-width: 240px; }
}
@media (max-width: 620px) {
  .au-narticle { grid-template-columns: 1fr; }
  .au-narticle__thumb { aspect-ratio: 16/9; }
  .au-news-side { flex-direction: column; }
  .au-news-head { flex-direction: column; align-items: stretch; }
}
