/* 26 연구소 소식: 중요 공지 패널 */
.news-pinned { display: grid; gap: 12px; padding: 16px 0; }
.news-pinned-row { display: grid; grid-template-columns: auto 105px 80px minmax(0, 1fr) 24px; gap: 22px; align-items: center; padding: 20px; border: 1px solid #e3d6bb; border-radius: 8px; background: var(--color-accent-soft); }
.news-pinned-row > time { font-size: 13px; color: var(--color-muted); }
.news-pinned-row > .badge { justify-self: start; }
.news-pinned-row h3 { font-size: 18px; margin: 0 0 7px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.news-pinned-row h3 a { text-decoration: none; }
.news-pinned-row h3 a:hover { text-decoration: underline; }
.news-pinned-row h3 .badge-demo { font-size: 12px; font-weight: 400; }
.news-pinned-row p { font-size: 13px; color: var(--color-muted); margin: 0; }
.badge-pinned { background: var(--color-accent); color: #fff; font-weight: 600; }
@media (max-width: 767px) {
  .news-pinned { padding: 16px 0 4px; }
  .news-pinned-row { display: flex; flex-wrap: wrap; gap: 8px 10px; padding: 16px; }
  .news-pinned-row > div { flex: 1 1 100%; min-width: 0; }
  .news-pinned-row h3 { font-size: 17px; }
  .news-pinned-row .news-arrow { display: none; }
}
