/* ============================================================
   BISTRO AOKI — page-news.css（お知らせページ専用）
   ============================================================ */

.news-hero__sub { margin-top: 1.2em; }

/* ---------- ハイライト ---------- */
.news-highlight .split__panel { justify-content: center; gap: 2.2rem; }
.news-highlight__date {
  font-family: var(--font-accent);
  font-size: var(--fs-small);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold-light);
  margin-block: 1.2em .5em;
}
.news-highlight__sub { margin-top: 1.2em; color: rgba(240, 235, 227, .8); }
.news-highlight__body { color: rgba(240, 235, 227, .85); max-width: 34em; }
.news-highlight .text-link { color: var(--gold-light); }
.news-highlight .text-link:hover { color: var(--ink); }

/* ---------- 一覧 ---------- */
.news-list-sec__side {
  grid-column: 1 / 4;
  position: sticky;
  top: calc(var(--header-h) + 24px);
}
.news-list-sec__side .display-lg { margin-block: .2em .4em; }
.news-list-sec__main { grid-column: 5 / 13; }

.news-list { counter-reset: none; }
.news-list__item {
  display: grid;
  grid-template-columns: 11em 1fr;
  gap: 1.5rem;
  padding-block: clamp(1.5rem, 2.6vw, 2.2rem);
  border-bottom: 1px solid var(--hairline-cream);
}
.news-list__item:first-child { padding-top: 0; }
.news-list__meta {
  display: flex;
  flex-direction: column;
  gap: .6em;
  align-items: flex-start;
}
.news-list__date {
  font-family: var(--font-accent);
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: .1em;
  color: var(--cream-ink);
}
.news-list__cat {
  font-family: var(--font-accent);
  font-size: .625rem;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--bordeaux);
  border: 1px solid rgba(107, 29, 42, .4);
  padding: .3em 1em .2em;
}
.news-list__title {
  font-family: var(--font-ja-serif);
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1.7;
  color: var(--cream-ink);
  margin-bottom: .6em;
}
.news-list__body {
  font-size: var(--fs-small);
  color: var(--cream-ink-2);
  line-height: 1.9;
  letter-spacing: .05em;
  max-width: 42em;
}

/* ---------- レスポンシブ ---------- */
@media (max-width: 1023px) {
  .news-list-sec__side { grid-column: 1 / 13; position: static; margin-bottom: 2rem; }
  .news-list-sec__main { grid-column: 1 / 13; }
}
@media (max-width: 767px) {
  .news-list__item { grid-template-columns: 1fr; gap: .8rem; }
  .news-list__meta { flex-direction: row; align-items: center; gap: 1em; }
}