/* =========================================================
   Incident Library fixed pages
   Child-theme presentation layer loaded after plugin CSS.
   ========================================================= */

#body_wrap.page.jdb-v3-page-library #main_content.l-mainContent,
#body_wrap.page.jdb-v3-page-library #main_content.l-mainContent.l-article,
#body_wrap.page.jdb-v3-page-library #breadcrumb.p-breadcrumb {
	width: min(100% - 40px, 1040px) !important;
	max-width: 1040px !important;
}

#body_wrap.page.jdb-v3-page-library .post_content {
	max-width: none !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#body_wrap.page.jdb-v3-page-library .jdb-il {
	width: 100%;
	max-width: none;
	margin: 18px auto 0;
	color: var(--jdb-color-text);
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.85;
}

#body_wrap.page.jdb-v3-page-library .jdb-il :where(a, button) {
	-webkit-tap-highlight-color: transparent;
}

#body_wrap.page.jdb-v3-page-library .jdb-il :where(a, button):focus-visible {
	outline: 3px solid var(--jdb-color-accent) !important;
	outline-offset: 2px !important;
}

/* Hero: the same quiet archive language used by other JDB fixed pages. */
#body_wrap.page.jdb-v3-page-library .jdb-il-hero {
	position: relative;
	isolation: isolate;
	padding: clamp(38px, 7vw, 72px) clamp(24px, 6vw, 58px);
	border: 1px solid var(--jdb-color-border-strong);
	border-radius: var(--jdb-radius-md);
	background:
		linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px),
		radial-gradient(circle at 92% 8%, rgba(169, 36, 50, .18), transparent 32%),
		linear-gradient(145deg, var(--jdb-color-surface), #10151c);
	background-size: 36px 36px, 36px 36px, auto, auto;
	box-shadow: none;
	overflow: hidden;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-hero::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: var(--jdb-color-accent);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-hero::after {
	content: "";
	position: absolute;
	right: -100px;
	top: -130px;
	width: 340px;
	height: 340px;
	border: 1px solid rgba(255, 255, 255, .05);
	border-radius: 50%;
	transform: none;
	pointer-events: none;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-hero__eyebrow,
#body_wrap.page.jdb-v3-page-library .jdb-il-section__label,
#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card__label,
#body_wrap.page.jdb-v3-page-library .jdb-il-article-card__label {
	color: var(--jdb-color-accent-hover);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	line-height: 1.5;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-hero h1.jdb-il-hero__title {
	max-width: 100%;
	margin: 14px 0 18px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--jdb-color-text) !important;
	-webkit-text-fill-color: var(--jdb-color-text) !important;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif !important;
	font-size: clamp(36px, 5vw, 52px) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: .025em;
	word-break: auto-phrase;
	overflow-wrap: anywhere;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-hero h1.jdb-il-hero__title::before,
#body_wrap.page.jdb-v3-page-library .jdb-il-hero h1.jdb-il-hero__title::after {
	display: none !important;
	content: none !important;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-hero__lead {
	max-width: 760px;
	margin: 0;
	color: var(--jdb-color-text-secondary);
	font-size: clamp(15px, 2vw, 18px);
	line-height: 1.9;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-disclosure {
	max-width: 780px;
	margin: 28px 0 0;
	padding: 13px 16px;
	border: 0;
	border-left: 3px solid var(--jdb-color-accent);
	background: rgba(4, 7, 11, .48);
	color: var(--jdb-color-text-muted);
	font-size: 12px;
	line-height: 1.75;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-back {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin: -10px 0 12px;
	color: var(--jdb-color-text-secondary) !important;
	font-size: 13px;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-back::before {
	content: "←";
	margin-right: 8px;
	color: var(--jdb-color-accent-hover);
}

/* Sections and headings. */
#body_wrap.page.jdb-v3-page-library .jdb-il-section {
	margin-top: clamp(58px, 8vw, 92px);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-section__header {
	max-width: 820px;
	margin-bottom: 28px;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-section__header h2,
#body_wrap.page.jdb-v3-page-library .jdb-il-policy h2 {
	margin: 8px 0 10px !important;
	padding: 0 0 13px 18px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--jdb-color-border) !important;
	background: transparent !important;
	color: var(--jdb-color-text) !important;
	-webkit-text-fill-color: var(--jdb-color-text) !important;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif !important;
	font-size: clamp(27px, 4vw, 36px) !important;
	line-height: 1.4 !important;
	word-break: auto-phrase;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-section__header h2::before,
#body_wrap.page.jdb-v3-page-library .jdb-il-policy h2::before {
	display: block !important;
	content: "" !important;
	position: absolute;
	left: 0;
	top: .18em;
	width: 4px;
	height: 1.1em;
	background: var(--jdb-color-accent);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-section__header h2,
#body_wrap.page.jdb-v3-page-library .jdb-il-policy h2 {
	position: relative;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-section__header h2::after,
#body_wrap.page.jdb-v3-page-library .jdb-il-policy h2::after {
	display: none !important;
	content: none !important;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-section__header p,
#body_wrap.page.jdb-v3-page-library .jdb-il-policy__body p {
	color: var(--jdb-color-text-secondary);
}

/* Theme index cards. */
#body_wrap.page.jdb-v3-page-library .jdb-il-theme-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 230px;
	padding: 24px;
	border: 1px solid var(--jdb-color-border);
	border-radius: var(--jdb-radius-sm);
	background: linear-gradient(145deg, var(--jdb-color-surface), #11171e);
	color: var(--jdb-color-text) !important;
	box-shadow: none;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card:hover {
	transform: translateY(-2px);
	border-color: var(--jdb-color-accent);
	background: linear-gradient(145deg, var(--jdb-color-elevated), #121820);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card__icon {
	margin-bottom: 22px;
	border-color: rgba(226, 56, 79, .42);
	background: rgba(169, 36, 50, .12);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card strong {
	font-size: 20px;
	word-break: auto-phrase;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card__description {
	color: var(--jdb-color-text-muted);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card__arrow {
	color: var(--jdb-color-accent-hover);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-theme-grid--compact {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card--compact {
	min-height: 150px;
}

/* Book records: book covers remain uncropped archival material. */
#body_wrap.page.jdb-v3-page-library .jdb-il-book-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-book-card {
	min-width: 0;
	border-color: var(--jdb-color-border);
	border-radius: var(--jdb-radius-sm);
	background: var(--jdb-color-surface);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__cover {
	width: 100%;
	min-width: 0;
	overflow: hidden;
	background:
		linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px),
		#0e1319;
	background-size: 28px 28px, 28px 28px, auto;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__body {
	width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__cover img {
	width: auto !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 12px 16px rgba(0, 0, 0, .36));
}

#body_wrap.page.jdb-v3-page-library .jdb-il-book-card h3 {
	color: var(--jdb-color-text) !important;
	-webkit-text-fill-color: var(--jdb-color-text) !important;
	font-size: 18px !important;
	word-break: auto-phrase;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__meta,
#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__sources a {
	color: var(--jdb-color-text-secondary) !important;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__actions > a {
	min-height: 44px;
	border-color: var(--jdb-color-accent);
	background: var(--jdb-color-accent);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__actions > a.is-kobo {
	border-color: var(--jdb-color-border-strong);
	background: var(--jdb-color-elevated);
}

/* Related case records use the site's 1200:630 incident-image ratio. */
#body_wrap.page.jdb-v3-page-library .jdb-il-article-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-article-card {
	grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
	min-height: 0;
	border-color: var(--jdb-color-border);
	border-radius: var(--jdb-radius-sm);
	background: var(--jdb-color-surface);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-article-card__media {
	min-height: 0;
	aspect-ratio: 1200 / 630;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-article-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-article-card h3 a {
	color: var(--jdb-color-text) !important;
	-webkit-text-fill-color: var(--jdb-color-text) !important;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-article-card p {
	color: var(--jdb-color-text-muted);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-guide,
#body_wrap.page.jdb-v3-page-library .jdb-il-policy,
#body_wrap.page.jdb-v3-page-library .jdb-il-funnel {
	border-color: var(--jdb-color-border);
	border-radius: var(--jdb-radius-sm);
	background: var(--jdb-color-surface);
	box-shadow: none;
}

#body_wrap.page.jdb-v3-page-library .jdb-il-guide {
	border-left: 4px solid var(--jdb-color-accent);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-policy {
	padding: clamp(26px, 5vw, 48px);
}

#body_wrap.page.jdb-v3-page-library .jdb-il-credit,
#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__sources {
	border-color: var(--jdb-color-border);
}

@media (max-width: 960px) {
	#body_wrap.page.jdb-v3-page-library .jdb-il-theme-grid,
	#body_wrap.page.jdb-v3-page-library .jdb-il-theme-grid--compact,
	#body_wrap.page.jdb-v3-page-library .jdb-il-book-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-article-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	#body_wrap.page.jdb-v3-page-library #main_content.l-mainContent,
	#body_wrap.page.jdb-v3-page-library #main_content.l-mainContent.l-article,
	#body_wrap.page.jdb-v3-page-library #breadcrumb.p-breadcrumb {
		width: min(100% - 32px, 1040px) !important;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il {
		margin-top: 10px;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-hero {
		padding: 34px 20px;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-hero h1.jdb-il-hero__title {
		font-size: clamp(32px, 10vw, 38px) !important;
		line-height: 1.38 !important;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-theme-grid,
	#body_wrap.page.jdb-v3-page-library .jdb-il-theme-grid--compact,
	#body_wrap.page.jdb-v3-page-library .jdb-il-theme-grid--funnel,
	#body_wrap.page.jdb-v3-page-library .jdb-il-book-grid {
		grid-template-columns: 1fr;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card {
		min-height: 205px;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card--compact {
		min-height: 126px;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-book-card {
		grid-template-columns: 1fr;
		grid-template-rows: 230px 1fr;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__cover {
		min-height: 0;
		padding: 18px;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-book-card h3 {
		font-size: 17px !important;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__sources {
		display: block;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-book-card__actions > a {
		min-height: 44px;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-article-card {
		grid-template-columns: 1fr;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-article-card__media {
		min-height: 0;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-article-card__body {
		padding: 18px;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-article-card p {
		display: block;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-guide,
	#body_wrap.page.jdb-v3-page-library .jdb-il-policy {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	#body_wrap.page.jdb-v3-page-library .jdb-il :where(a, img) {
		transition: none !important;
	}

	#body_wrap.page.jdb-v3-page-library .jdb-il-theme-card:hover,
	#body_wrap.page.jdb-v3-page-library .jdb-il-article-card:hover .jdb-il-article-card__media img {
		transform: none;
	}
}
