/* お知らせ関連のスタイル */

/* お知らせ一覧のコンテンツ内リンクスタイル */
.announcement-content a {
  color: #2563EB; /* blue-600 */
  text-decoration: underline;
  font-weight: 500;
  transition: all 0.2s ease;
}

.announcement-content a:hover {
  color: #1D4ED8; /* blue-700 */
  text-decoration: underline;
  background-color: rgba(37, 99, 235, 0.05);
  padding: 0 2px;
  border-radius: 2px;
}

/* ダークモード対応 */
.dark .announcement-content a {
  color: #60A5FA; /* blue-400 */
}

.dark .announcement-content a:hover {
  color: #93BBFC; /* blue-300 */
  background-color: rgba(96, 165, 250, 0.1);
}

/* リンクアイコンを追加（オプション） */
.announcement-content a::after {
  content: " 🔗";
  font-size: 0.75em;
  opacity: 0.5;
  margin-left: 2px;
}

/* 外部リンクの識別 */
.announcement-content a[target="_blank"]::after {
  content: " ↗";
  font-size: 0.85em;
  opacity: 0.6;
  margin-left: 2px;
}

/* お知らせ詳細画面でも同じスタイルを適用 */
.announcement-detail a {
  color: #2563EB;
  text-decoration: underline;
  font-weight: 500;
  transition: all 0.2s ease;
}

.announcement-detail a:hover {
  color: #1D4ED8;
  background-color: rgba(37, 99, 235, 0.05);
  padding: 2px 4px;
  border-radius: 4px;
}

/* その他の要素スタイル */
.announcement-content strong,
.announcement-detail strong {
  font-weight: 700;
  color: #1F2937; /* gray-800 */
}

.dark .announcement-content strong,
.dark .announcement-detail strong {
  color: #F3F4F6; /* gray-100 */
}

.announcement-content blockquote,
.announcement-detail blockquote {
  border-left: 4px solid #D1D5DB;
  padding-left: 16px;
  margin: 8px 0;
  font-style: italic;
  color: #6B7280;
}

.dark .announcement-content blockquote,
.dark .announcement-detail blockquote {
  border-left-color: #4B5563;
  color: #9CA3AF;
}