.news-all { position: relative; display: inline-flex; align-items: center; gap: 4px; color: inherit; text-decoration: none; }
.news-all::before { content: ""; position: absolute; left: -12px; top: 0; bottom: 0; width: 2px; background: #000; opacity: 0; transition: opacity 180ms ease; }
.news-all:hover::before, .news-all:focus-visible::before { opacity: 1; }
.news-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 2.5vw, 40px);
  margin-top: 0;
}
.news-card { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.news-card__image-link { display: block; width: 100%; margin-bottom: 24px; }
.news-card__image { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.news-date { color: var(--muted); font-size: 14px; }
.news-card__text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  margin: 16px 0 24px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.news-card__more { margin-top: auto; }
.store-news-card h3 { margin: 14px 0 0; font: 400 clamp(19px, 1.5vw, 24px)/1.35 var(--serif); letter-spacing: normal; }
.store-news-card h3 a { color: inherit; text-decoration: none; }
.store-news-card h3 a:hover { color: var(--muted); }
.store-news-card .news-card__more { padding-top: 24px; }
.store-news-card .news-card__image { object-fit: contain; background: #f5f3ee; }
.news-card__more { text-decoration: none; }
.news-card__more:hover { color: var(--muted); }
.telegram-news .telegram-title { font-size: clamp(22px, 3.15vw, 50px); }
.telegram-title__icon { display: inline-block; width: .8em; height: .8em; vertical-align: -.02em; }
.news-detail { min-height: 70vh; }
.news-detail h1 { margin: 36px 0 48px; font-family: var(--serif); font-size: clamp(33px, 4.5vw, 65px); font-weight: 500; line-height: 1.1; }
.news-detail__article { max-width: 820px; margin: 0 auto; }
.news-detail__image { width: 100%; max-height: 760px; object-fit: contain; margin: 24px 0 32px; }
.news-detail__text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 18px; line-height: 1.8; }
.news-card__text a, .news-detail__text a { color: #235e8e; text-decoration: none; transition: color 180ms ease; }
.news-card__text a:hover, .news-detail__text a:hover { color: #102e49; text-decoration: none; }
@media (max-width: 1000px) { .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } }
@media (max-width: 760px) { .news-grid { grid-template-columns: 1fr; gap: 40px; } .news-detail h1 { margin-bottom: 32px; } }