/**
 * 古い記事のお知らせ（MEMORANDUM Outdated Notice）
 * 色（2026-11-01 決定）：一覧の爆弾 濃い黒 #1d1f28／記事の爆弾 グレー（--memo-icon）／見出しの文字は本文と同じ色（NOTICES と同じ）／点線の枠 #b5b9c6
 * テーマの main.css で同じクラスを書けば上書きできる
 */

/* 一覧：タイトルの左のアイコン（fa-bomb。2026-11-01 右から左へ・「!」から爆弾へ） */
.memo-outdated-icon {
	margin-right: 0.4em;
	font-size: 80%;
	color: #1d1f28; /* 爆弾の色：あえての濃い黒（見出しと同じ色）。2026-11-01 本人 C案「一覧だけ色付き」。#ffb300 → #b0524a → #1d1f28。候補だったくすんだ赤は #8a5a5a */
	white-space: nowrap;
	cursor: default;
}

/* 記事：タイトル下（DATE の行の後ろ）の注意書き
   2026-11-01 本人：余白は大きくあけない・文字は本文と同じ大きさ・罫線なし
   前の形：margin 24px 0 0／左に 3px の線（border-left: 3px solid var(--memo-icon)）／font-size 90%・line-height 1.8
   2026-11-01 本人：地色（#f3f5f7）をやめて点線の枠に。線の色はカードの枠と同じ #b5b9c6 */
.memo-outdated {
	margin: 12px 0 0;
	padding: 12px 16px;
	border: 1px dashed #b5b9c6;
}
.memo-outdated p {
	margin: 0;
}
/* 見出し「OUTDATED 2026-11-1」：ほかの英字（NOTICES・DATE など）と同じ Montserrat
   ・OUTDATED は NOTICES（h1.type-D）と同じ 500・字間 -1px
   ・日付は記事の DATE の数字と同じ 300（2026-11-01 本人「フォントも他の英字に合わせて」） */
.memo-outdated_head {
	font-family: 'Montserrat', sans-serif;
	color: inherit; /* NOTICES と同じく本文の色（#2b2d39）。2026-11-01 本人「NOTICE に合わせよう」。前は var(--memo-icon, #8a8f9d) */
	font-weight: 500;
	letter-spacing: -1px;
}
/* 見出しの爆弾：ほかのアイコンと同じグレー（2026-11-01 本人 C案。記事は点線の枠と文言で伝わるので色は付けない。前は #ffb300） */
.memo-outdated_head i {
	color: var(--memo-icon, #8a8f9d);
}
.memo-outdated_date {
	margin-left: 0.6em;
	font-weight: 300;
	letter-spacing: -0.05em; /* 記事の日付（.date）と同じ */
}
.memo-outdated_text {
	margin-top: 4px;
}
.memo-outdated_note {
	margin-top: 6px;
}

/* 読み上げ用の文字（テーマに無いときのため） */
.memo-outdated-icon .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	white-space: nowrap;
}