/* ==========================================================================
   JUNKBRANDING Archive — theme.css
   色・文字サイズ・余白の値は theme.json のプリセット（CSS 変数）を参照する。
   ここでは theme.json で表現できない構図・状態・応答を定義する。

   目次
   00 トークン / 01 基本 / 02 グリッド / 03 ヘッダー / 04 フッター
   05 ページ見出し・パンくず / 06 トップ（マストヘッド・帯・索引）
   07 収蔵品カードと可変グリッド / 08 一覧表表示 / 09 絞り込み
   10 記録表 / 11 収蔵品詳細 / 12 記事一覧・記事詳細・目次
   13 年代・素材・概要 / 14 寄稿者・検索・404 / 15 フォーム
   16 本文ブロックとブロックスタイル / 17 ページ送り / 18 動き / 19 印刷
   ========================================================================== */

/* 00 トークン ------------------------------------------------------------- */
:root {
	--jb-margin: clamp(1rem, 3.2vw, 3rem);
	--jb-gutter: clamp(0.75rem, 1.6vw, 1.5rem);
	--jb-ink: var(--wp--preset--color--ink);
	--jb-paper: var(--wp--preset--color--paper);
	--jb-deep: var(--wp--preset--color--paper-deep);
	--jb-signal: var(--wp--preset--color--signal);
	--jb-graphite: var(--wp--preset--color--graphite);
	--jb-rule-color: var(--wp--preset--color--rule);
	--jb-rule: 1px solid var(--jb-ink);
	--jb-hair: 1px solid var(--jb-rule-color);
	--jb-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--jb-plate-h: clamp(13rem, 27vw, 31rem);
	--jb-sticky-top: 1.5rem;
}

/* Archivo の読み込み前に使う代替フォント（行の高さと字幅を合わせ、レイアウトのずれを抑える） */
@font-face {
	font-family: "Archivo Fallback";
	src: local("Arial"), local("Liberation Sans"), local("Helvetica Neue"), local("Helvetica");
	ascent-override: 88%;
	descent-override: 21%;
	line-gap-override: 0%;
	size-adjust: 100%;
}

/* 01 基本 ----------------------------------------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
	scroll-padding-top: 1.5rem;
}

body {
	font-kerning: normal;
	letter-spacing: 0.02em;
	line-break: strict;
	overflow-wrap: anywhere;
	font-variant-numeric: proportional-nums;
}

:where(h1, h2, h3, h4, .wp-block-post-title) {
	letter-spacing: 0.01em;
	font-feature-settings: "palt";
	text-wrap: balance;
	word-break: auto-phrase;
}

p {
	text-wrap: pretty;
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
	transition: color 0.12s linear;
}

a:hover {
	text-decoration-thickness: 2px;
}

::selection {
	background: var(--jb-ink);
	color: var(--jb-paper);
}

:focus-visible {
	outline: 2px solid var(--jb-signal);
	outline-offset: 3px;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link.screen-reader-text:focus {
	background: var(--jb-ink);
	clip: auto !important;
	clip-path: none;
	color: var(--jb-paper);
	display: block;
	font-size: var(--wp--preset--font-size--s);
	height: auto;
	left: 0.5rem;
	padding: 0.75rem 1rem;
	top: 0.5rem;
	width: auto;
	z-index: 100000;
}

/* ラテン文字の数字・記号を詰めた字幅で組むための共通指定 */
.jb-wordmark,
.jb-band__title [lang="en"],
.jb-object-head__no,
.jb-object-head__year,
.jb-feature__no,
.jb-object__no,
.jb-record__no,
.jb-index__count,
.jb-stats__value,
.jb-filter__number,
.jb-404__code,
.jb-materials__code,
.jb-eras__count,
.wp-block-term-count,
.jb-entry__date {
	font-stretch: 62%;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0;
}

.jb-main {
	padding-bottom: var(--wp--preset--spacing--80);
}

/* 02 グリッド -------------------------------------------------------------- */
/* グリッドの子要素は内容の幅より狭くなれるようにする（横にはみ出す要素がページ幅を広げない） */
.jb-main .is-layout-grid > *,
.jb-footer .is-layout-grid > * {
	min-width: 0;
}

/* コアの「グリッド」レイアウト（12カラム）の溝の幅をそろえる */
.jb-main .is-layout-grid,
.jb-footer .is-layout-grid {
	column-gap: var(--jb-gutter);
	row-gap: 0;
}

@media (max-width: 781px) {
	.jb-main .wp-block-group.is-layout-grid > *,
	.jb-footer .wp-block-group.is-layout-grid > * {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
	}
}

/* 03 ヘッダー --------------------------------------------------------------- */
.jb-header {
	border-bottom: var(--jb-rule);
	gap: 1.5rem;
	padding-block: 1rem;
	padding-inline: var(--jb-margin);
	position: relative;
	z-index: 10;
}

.jb-header__brand {
	gap: 0.75rem;
}

.jb-header__title {
	font-size: 1.375rem;
	font-stretch: 62%;
	font-weight: 800;
	letter-spacing: 0.01em;
	margin: 0;
}

.jb-header__title a {
	text-decoration: none;
}

.jb-header__tagline {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	margin: 0;
	padding-bottom: 0.1em;
}

.jb-header__tools {
	gap: 1.5rem;
}

.jb-nav .wp-block-navigation-item__content {
	padding-block: 0.25rem;
	text-decoration: none;
}

.jb-nav .wp-block-navigation-item__content:hover,
.jb-nav .current-menu-item > .wp-block-navigation-item__content,
.jb-nav [aria-current="page"] {
	text-decoration: underline;
	text-decoration-color: var(--jb-signal);
	text-decoration-thickness: 2px;
	text-underline-offset: 0.45em;
}

.jb-nav .wp-block-navigation__responsive-container-open,
.jb-nav .wp-block-navigation__responsive-container-close {
	padding: 0.5rem;
}

.jb-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--jb-paper);
	color: var(--jb-ink);
	padding: 1.25rem var(--jb-margin) 2rem;
}

.jb-nav .is-menu-open .wp-block-navigation__container {
	gap: 0;
	width: 100%;
}

.jb-nav .is-menu-open .wp-block-navigation-item {
	border-top: var(--jb-rule);
	width: 100%;
}

.jb-nav .is-menu-open .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 700;
	padding-block: 0.85rem;
}

.jb-header__search .wp-block-search__button {
	background: transparent;
	color: var(--jb-ink);
	padding: 0.4rem;
}

.jb-header__search .wp-block-search__button:hover {
	background: transparent;
	color: var(--jb-signal);
}

.jb-header__search .wp-block-search__input {
	background: var(--jb-paper);
	border: var(--jb-rule);
	border-radius: 0;
	font-size: var(--wp--preset--font-size--s);
	padding: 0.4rem 0.6rem;
}

.jb-header__search.wp-block-search__button-only .wp-block-search__inside-wrapper {
	border: 0;
}

@media (max-width: 600px) {
	.jb-header__tagline {
		display: none;
	}
	.jb-header__tools {
		gap: 0.25rem;
	}
}

/* 04 フッター ---------------------------------------------------------------- */
.jb-footer {
	--jb-ink-on-dark: #a9a497;
	font-size: var(--wp--preset--font-size--s);
	margin-top: 0;
	padding: var(--wp--preset--spacing--70) var(--jb-margin) 2rem;
}

.jb-footer a {
	color: var(--jb-paper);
	text-decoration: none;
}

.jb-footer a:hover {
	color: #ff4a2e;
	text-decoration: underline;
}

.jb-footer__grid {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	row-gap: 2.5rem !important;
}

.jb-footer__title {
	font-size: 2rem;
	font-stretch: 62%;
	font-weight: 800;
	line-height: 1;
	margin: 0 0 1rem;
}

.jb-footer__about p {
	max-width: 26rem;
}

.jb-footer__link a {
	border-bottom: 1px solid currentColor;
}

.jb-footer__heading {
	border-top: 1px solid #3a3936;
	color: var(--jb-ink-on-dark);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	margin: 0 0 0.75rem;
	padding-top: 0.6rem;
}

.jb-footer .wp-block-term-template,
.jb-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-footer .wp-block-term-template li,
.jb-footer__list li {
	margin: 0 0 0.35rem;
}

.jb-footer .wp-block-term-name {
	margin: 0;
}

.jb-footer__base {
	border-top: 1px solid #3a3936;
	color: var(--jb-ink-on-dark);
	font-size: var(--wp--preset--font-size--xs);
	margin: var(--wp--preset--spacing--70) auto 0;
	max-width: var(--wp--style--global--wide-size);
	padding-top: 1rem;
}

.jb-footer__base p {
	margin: 0;
}

@media (max-width: 781px) {
	.jb-footer__grid > .jb-footer__col {
		grid-column: span 6 !important;
	}
}

/* 05 ページ見出し・パンくず ---------------------------------------------------- */
.jb-page-head,
.jb-object-head,
.jb-article-head {
	align-items: end;
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--60);
}

.wp-block-breadcrumbs,
.jb-main .is-layout-grid > .wp-block-breadcrumbs {
	/* コアのグリッドは子要素の margin を 0 にする（詳細度 0,1,1）ため、詳細度を上げて指定する */
	margin: 0 0 var(--wp--preset--spacing--50);
}

.wp-block-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wp-block-breadcrumbs li:not(:last-child)::after {
	content: "/";
	margin-inline: 0.6em;
}

.wp-block-breadcrumbs a {
	color: var(--jb-graphite);
}

.wp-block-breadcrumbs a:hover {
	color: var(--jb-signal);
}

.jb-page-head__title {
	font-size: var(--wp--preset--font-size--display);
	font-weight: 800;
	line-height: 1;
	margin: 0;
}

.jb-page-head__lead {
	font-size: var(--wp--preset--font-size--s);
	line-height: 1.85;
	margin: 0;
	max-width: 32rem;
}

.jb-term-head__label {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
	margin: 0 0 0.5rem;
}

.jb-term-head__side {
	align-self: end;
}

.jb-term-head__count {
	align-items: baseline;
	border-top: var(--jb-rule);
	font-size: var(--wp--preset--font-size--s);
	gap: 0.35rem;
	margin-top: 1.25rem;
	padding-top: 0.5rem;
}

.jb-term-head__count p {
	margin: 0;
}

.jb-term-head__count .wp-block-term-count {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 700;
	line-height: 1;
}

/* 06 トップ ---------------------------------------------------------------- */
.jb-masthead {
	container-type: inline-size;
	padding-top: var(--wp--preset--spacing--50);
}

.jb-wordmark {
	font-size: min(calc(100cqi / 5.66), 18rem);
	font-weight: 800;
	line-height: 0.8;
	margin: 0 0 var(--wp--preset--spacing--50) -0.035em;
	white-space: nowrap;
}

.jb-masthead__row {
	align-items: start;
	border-top: var(--jb-rule);
	padding-top: 1rem;
}

.jb-masthead__intro {
	font-size: var(--wp--preset--font-size--l);
	font-weight: 500;
	line-height: 1.7;
	margin: 0;
}

.jb-stats {
	display: grid;
	gap: 0 var(--jb-gutter);
	grid-template-columns: repeat(5, minmax(0, 1fr));
	/* 上余白はレイアウト（本文の段落間隔）に任せる */
	margin-block-end: 0;
	margin-inline: 0;
}

.jb-stats__item {
	border-left: var(--jb-hair);
	padding-left: 0.75rem;
}

.jb-stats__label {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
}

.jb-stats__value {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 700;
	line-height: 1.1;
	margin: 0.25rem 0 0;
	white-space: nowrap;
}

.jb-stats__unit {
	font-size: var(--wp--preset--font-size--s);
	font-stretch: 100%;
	font-weight: 500;
	margin-left: 0.15em;
}

@media (max-width: 781px) {
	.jb-masthead__intro {
		margin-bottom: 2rem;
	}
	.jb-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: 1.25rem;
	}
}

/* 帯（INDEX / OBJECT / CONTEXT） */
.jb-band {
	margin-top: var(--wp--preset--spacing--80);
}

.jb-band__head {
	align-items: end;
	border-top: 2px solid var(--jb-ink);
	margin-bottom: var(--wp--preset--spacing--60);
	padding-top: 0.75rem;
}

.jb-band__title {
	font-size: var(--wp--preset--font-size--l);
	line-height: 1.2;
	margin: 0;
}

.jb-band__title [lang="en"] {
	display: block;
	font-size: clamp(3.25rem, 1.5rem + 7vw, 8.5rem);
	font-weight: 800;
	line-height: 0.82;
	margin-bottom: 0.6rem;
	margin-left: -0.04em;
	text-transform: uppercase;
}

.jb-band__subtitle {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 800;
	margin: 0;
}

.jb-band__note,
.jb-band__more {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--s);
	margin: 0;
	max-width: 30rem;
}

.jb-band__more {
	text-align: right;
	justify-self: end;
}

.jb-band__note a,
.jb-band__more a {
	color: var(--jb-ink);
	font-weight: 600;
}

/* 分野の索引（点線リーダー付き） */
.jb-index .wp-block-term-template {
	border-bottom: var(--jb-rule);
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-index .wp-block-term {
	align-items: baseline;
	border-top: var(--jb-rule);
	display: flex;
	gap: 1rem;
	padding-block: 0.4rem 0.3rem;
	position: relative;
}

.jb-index .wp-block-term::after {
	border-bottom: 2px dotted currentColor;
	content: "";
	flex: 1 1 2rem;
	margin-bottom: 0.45em;
	opacity: 0.55;
	order: 1;
}

.jb-index__name {
	font-size: clamp(2rem, 1rem + 4.4vw, 5.75rem);
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.15;
	margin: 0;
}

.jb-index__name a {
	text-decoration: none;
}

.jb-index__name a::after {
	content: "";
	inset: 0;
	position: absolute;
}

.jb-index__count {
	color: var(--jb-signal);
	font-size: clamp(1.75rem, 1rem + 2.5vw, 3.5rem);
	font-weight: 700;
	line-height: 1;
	order: 2;
}

.jb-index .wp-block-term:hover .jb-index__name a {
	color: var(--jb-signal);
}

.jb-index .wp-block-term:has(:focus-visible) {
	outline: 2px solid var(--jb-signal);
	outline-offset: 2px;
}

.jb-index .wp-block-term :focus-visible {
	outline: none;
}

.jb-index--compact .jb-index__name {
	font-size: var(--wp--preset--font-size--l);
}

.jb-index--compact .jb-index__count {
	font-size: var(--wp--preset--font-size--l);
}

/* OBJECT：注目の収蔵品 */
.jb-feature-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-feature {
	align-items: end;
}

.jb-feature__plate {
	margin: 0;
}

.jb-feature__plate img {
	display: block;
	max-height: 82vh;
	object-fit: contain;
	object-position: left bottom;
	width: 100%;
}

.jb-feature__no {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 700;
	line-height: 1;
	margin: 0 0 1rem;
}

.jb-feature__title {
	font-size: var(--wp--preset--font-size--xl);
	line-height: 1.35;
	margin: 0 0 1rem;
}

.jb-feature__title a {
	text-decoration: none;
}

.jb-feature__title a:hover {
	text-decoration: underline;
}

.jb-feature__excerpt {
	font-size: var(--wp--preset--font-size--s);
	margin: 0 0 1.5rem;
}

.jb-feature__excerpt p {
	margin: 0;
}

@media (max-width: 781px) {
	.jb-feature__text {
		margin-top: 1.5rem;
	}
}

/* 年代・素材から探す */
.jb-band--browse {
	align-items: start;
	border-top: 2px solid var(--jb-ink);
	padding-top: 0.75rem;
	row-gap: 3rem !important;
}

.jb-browse .jb-band__subtitle {
	margin-bottom: 2rem;
}

/* 07 収蔵品カードと可変グリッド ------------------------------------------------- */
.wp-block-post-template.jb-objects {
	display: grid;
	gap: var(--wp--preset--spacing--60) var(--jb-gutter);
	grid-template-columns: repeat(12, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-objects > li {
	grid-column: span 4;
	margin: 0;
	min-width: 0;
}

.jb-objects > .jb-span-3 { grid-column: span 3; }
.jb-objects > .jb-span-4 { grid-column: span 4; }
.jb-objects > .jb-span-5 { grid-column: span 5; }
.jb-objects > .jb-span-6 { grid-column: span 6; }
.jb-objects > .jb-span-7 { grid-column: span 7; }
.jb-objects > .jb-span-8 { grid-column: span 8; }
.jb-objects > .jb-span-9 { grid-column: span 9; }
.jb-objects > .jb-span-12 { grid-column: span 12; }

.jb-object {
	position: relative;
}

/* 図版は行ごとに下端をそろえ、縦横比は切らずに見せる */
.jb-object__plate {
	align-items: flex-end;
	display: flex;
	height: var(--jb-plate-h);
	margin: 0 0 0.9rem;
}

.jb-object__plate img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	object-position: left bottom;
	outline: 1px solid transparent;
	outline-offset: 6px;
	transition: outline-color 0.15s linear;
	width: auto;
}

.jb-object__caption {
	display: grid;
	gap: 0.15rem 0.75rem;
	grid-template-columns: 1fr auto;
}

.jb-object__caption > * {
	margin: 0;
}

.jb-object__no {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
	grid-column: 1 / -1;
	line-height: 1.2;
}

.jb-object__title {
	font-size: var(--wp--preset--font-size--m);
	font-weight: 700;
	grid-column: 1 / -1;
	line-height: 1.5;
}

.jb-object__title a {
	text-decoration: none;
}

/* カード全体をタイトルのリンクにする（リンクは1つだけ） */
.jb-object__title a::after {
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.jb-object__year,
.jb-object__discipline,
.jb-object__material {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	line-height: 1.6;
}

.jb-object__year {
	font-variant-numeric: tabular-nums;
	order: 3;
}

.jb-object__discipline {
	order: 2;
}

.jb-object__material {
	display: none;
}

.jb-object:hover .jb-object__plate img {
	outline-color: var(--jb-ink);
}

.jb-object:hover .jb-object__title a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
}

.jb-object:has(:focus-visible) {
	outline: 2px solid var(--jb-signal);
	outline-offset: 6px;
}

.jb-object :focus-visible {
	outline: none;
}

@media (max-width: 1100px) {
	.wp-block-post-template.jb-objects {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.jb-objects > li[class*="jb-span-"] {
		grid-column: span 1;
	}
	.jb-objects > li.is-landscape {
		grid-column: span 2;
	}
	.jb-objects > li.is-landscape + li.is-landscape {
		grid-column: span 1;
	}
	:root {
		--jb-plate-h: clamp(10rem, 44vw, 26rem);
	}
}

@media (max-width: 600px) {
	.jb-objects > li.is-landscape,
	.jb-objects > li.is-landscape + li.is-landscape {
		grid-column: span 2;
	}
	:root {
		--jb-plate-h: clamp(9rem, 52vw, 18rem);
	}
}

/* 余白欄の小さな一覧（記事詳細） */
.jb-objects--margin.wp-block-post-template {
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
}

.jb-objects--margin > li[class*="jb-span-"] {
	grid-column: auto;
}

.jb-objects--margin .jb-object__plate {
	height: 9rem;
}

/* 08 一覧表表示 ------------------------------------------------------------- */
.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-objects {
	display: block;
	border-bottom: var(--jb-rule);
}

/* 列見出し（絞り込みブロックが出力し、一覧表表示のときだけ見せる） */
.jb-filter__listhead {
	display: none;
}

.jb-filter[data-view="list"] .jb-filter__listhead {
	border-bottom: var(--jb-rule);
	color: var(--jb-graphite);
	display: grid;
	font-size: var(--wp--preset--font-size--xs);
	gap: 0 var(--jb-gutter);
	grid-template-columns: 7.5rem minmax(0, 1fr) 9rem 11rem 3.5rem 4.5rem;
	margin-top: var(--wp--preset--spacing--50);
	padding: 0 0 0.4rem;
}

.jb-filter[data-view="list"] .jb-filter__listhead span:nth-child(5),
.jb-filter[data-view="list"] .jb-filter__listhead span:nth-child(6) {
	text-align: right;
}

@media (max-width: 781px) {
	.jb-filter[data-view="list"] .jb-filter__listhead {
		display: none;
	}
}

.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-objects > li {
	border-top: var(--jb-hair);
}

.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-objects > li:first-child {
	border-top: 0;
}

.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object {
	align-items: center;
	display: grid;
	gap: 0 var(--jb-gutter);
	grid-template-columns: 7.5rem minmax(0, 1fr) 9rem 11rem 3.5rem 4.5rem;
	padding-block: 0.55rem;
}

.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__caption {
	display: contents;
}

.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__no { order: 1; grid-column: auto; }
.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__title { order: 2; grid-column: auto; }
.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__discipline { order: 3; }
.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__material { display: block; order: 4; }
.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__year { order: 5; text-align: right; }

.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__plate {
	height: 3.25rem;
	justify-content: flex-end;
	margin: 0;
	order: 6;
}

.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__plate img {
	object-position: right center;
}

.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object:hover {
	background: var(--jb-deep);
}

.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object:hover .jb-object__plate img {
	outline-color: transparent;
}

@media (max-width: 781px) {
	.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object {
		grid-template-columns: 3.5rem minmax(0, 1fr) auto;
		grid-template-areas: "plate no year" "plate title title" "plate meta meta";
		row-gap: 0.1rem;
	}
	.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__plate { grid-area: plate; justify-content: flex-start; }
	.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__plate img { object-position: left center; }
	.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__no { grid-area: no; }
	.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__title { grid-area: title; }
	.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__year { grid-area: year; }
	.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__discipline { grid-area: meta; }
	.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object__material { display: none; }
}

/* 09 絞り込み --------------------------------------------------------------- */
.jb-filter {
	border-top: 2px solid var(--jb-ink);
	margin-bottom: var(--wp--preset--spacing--60);
	padding-top: 1rem;
}

.jb-filter__label,
.jb-facet__legend {
	color: var(--jb-graphite);
	display: block;
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	margin-bottom: 0.35rem;
	padding: 0;
}

.jb-filter__input,
.jb-filter__select {
	background: transparent;
	border: 0;
	border-bottom: 2px solid var(--jb-ink);
	border-radius: 0;
	color: var(--jb-ink);
	font: inherit;
	font-size: var(--wp--preset--font-size--l);
	min-height: 2.75rem;
	padding: 0.2rem 0;
}

.jb-filter__input::placeholder {
	color: var(--jb-graphite);
	opacity: 1;
}

.jb-filter__select {
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 10px) 55%, calc(100% - 5px) 55%;
	background-repeat: no-repeat;
	background-size: 5px 5px;
	font-size: var(--wp--preset--font-size--s);
	padding-right: 1.75rem;
}

.jb-filter__submit {
	background: var(--jb-ink);
	border: 0;
	color: var(--jb-paper);
	cursor: pointer;
	font: inherit;
	font-size: var(--wp--preset--font-size--s);
	font-weight: 600;
	min-height: 2.75rem;
	padding: 0 1.25rem;
}

.jb-filter__submit:hover {
	background: var(--jb-signal);
}

.jb-segment {
	border: var(--jb-rule);
}

.jb-segment__label {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	font-size: var(--wp--preset--font-size--s);
	gap: 0.4rem;
	min-height: 2.6rem;
	padding: 0 0.9rem;
}

.jb-segment__input:checked + .jb-segment__label {
	background: var(--jb-ink);
	color: var(--jb-paper);
}

.jb-segment__input:focus-visible + .jb-segment__label {
	outline: 2px solid var(--jb-signal);
	outline-offset: 2px;
}

.jb-filter__toggle {
	align-items: center;
	background: transparent;
	border: var(--jb-rule);
	color: var(--jb-ink);
	cursor: pointer;
	font: inherit;
	font-size: var(--wp--preset--font-size--s);
	font-weight: 600;
	gap: 0.5rem;
	min-height: 2.75rem;
	padding: 0 1rem;
}

.jb-filter__toggle[aria-expanded="true"] {
	background: var(--jb-ink);
	color: var(--jb-paper);
}

.jb-filter__badge {
	background: var(--jb-signal);
	color: var(--jb-paper);
	display: inline-block;
	font-size: 0.75rem;
	line-height: 1.5rem;
	min-width: 1.5rem;
	text-align: center;
}

.jb-filter__facets {
	display: grid;
	gap: 1.5rem var(--jb-gutter);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 1.5rem;
}

.jb-facet__option {
	position: relative;
}

.jb-facet__chip {
	align-items: baseline;
	border: 1px solid var(--jb-ink);
	cursor: pointer;
	display: inline-flex;
	font-size: var(--wp--preset--font-size--s);
	gap: 0.45rem;
	line-height: 1.4;
	min-height: 2.25rem;
	padding: 0.4rem 0.7rem;
	transition: background-color 0.1s linear, color 0.1s linear;
}

.jb-facet__count {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	font-variant-numeric: tabular-nums;
}

.jb-facet__chip:hover {
	background: var(--jb-deep);
}

.jb-facet__input:checked + .jb-facet__chip {
	background: var(--jb-ink);
	color: var(--jb-paper);
}

.jb-facet__input:checked + .jb-facet__chip .jb-facet__count {
	color: var(--jb-paper);
}

.jb-facet__input:checked + .jb-facet__chip::before {
	content: "✓";
	font-size: 0.75em;
}

.jb-facet__input:focus-visible + .jb-facet__chip {
	outline: 2px solid var(--jb-signal);
	outline-offset: 2px;
}

.jb-facet__input:disabled + .jb-facet__chip {
	border-style: dashed;
	color: var(--jb-graphite);
	cursor: not-allowed;
}

.jb-facet__input:disabled + .jb-facet__chip:hover {
	background: transparent;
}

.jb-filter__apply {
	grid-column: 1 / -1;
}

.jb-filter__status {
	align-items: baseline;
	border-bottom: var(--jb-hair);
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	justify-content: space-between;
	margin-top: 1.75rem;
	padding-bottom: 0.75rem;
}

.jb-filter__count {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.5rem;
	margin: 0;
}

.jb-filter__number {
	font-size: var(--wp--preset--font-size--xxl);
	font-weight: 700;
	line-height: 1;
}

.jb-filter__unit {
	font-weight: 700;
	margin-left: -0.25rem;
}

.jb-filter__desc {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--s);
}

.jb-filter__reset {
	font-size: var(--wp--preset--font-size--s);
	font-weight: 600;
}

.jb-filter.is-busy {
	cursor: progress;
}

.jb-filter.is-busy ~ .jb-objects,
.jb-filter.is-busy ~ .wp-block-query-pagination {
	opacity: 0.4;
	transition: opacity 0.12s linear;
}

@media (max-width: 781px) {
	.jb-filter__primary {
		gap: 0.75rem;
	}
	.jb-filter__search {
		flex-basis: 100%;
	}
	.jb-filter__facets {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* 10 記録表 ---------------------------------------------------------------- */
.jb-record__list {
	border-bottom: var(--jb-rule);
	margin: 0;
}

.jb-record__row {
	border-top: var(--jb-hair);
	display: grid;
	gap: 0 1rem;
	grid-template-columns: 7.5rem minmax(0, 1fr);
	padding-block: 0.55rem;
}

.jb-record__row:first-child {
	border-top: var(--jb-rule);
}

.jb-record__label {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	padding-top: 0.15rem;
}

.jb-record__value {
	font-size: var(--wp--preset--font-size--s);
	line-height: 1.7;
	margin: 0;
}

.jb-record__no {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--l);
	font-weight: 700;
}

/* 11 収蔵品詳細 ------------------------------------------------------------- */
.jb-object-head {
	align-items: end;
}

.jb-object-head__no {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 700;
	line-height: 1;
	margin: 0 0 1rem;
}

.jb-object-head__title {
	font-size: var(--wp--preset--font-size--xxl);
	font-weight: 800;
	line-height: 1.15;
	margin: 0;
}

.jb-object-head__year {
	color: var(--jb-ink);
	font-size: clamp(3.5rem, 1.5rem + 7vw, 9.5rem);
	font-weight: 800;
	justify-self: end;
	line-height: 0.78;
	margin: 0;
}

.jb-object-body {
	align-items: start;
	border-top: 2px solid var(--jb-ink);
	padding-top: var(--wp--preset--spacing--50);
}

.jb-object-body__side {
	position: sticky;
	top: var(--jb-sticky-top);
}

.jb-object-summary {
	font-size: var(--wp--preset--font-size--m);
	font-weight: 500;
	line-height: 1.8;
	margin: 0 0 var(--wp--preset--spacing--50);
}

.jb-object-summary p {
	margin: 0;
}

.jb-object-figure {
	margin: 0 0 var(--wp--preset--spacing--70);
}

.jb-object-figure__plate {
	margin: 0;
}

.jb-object-figure__plate img {
	display: block;
	height: auto;
	max-height: 86vh;
	max-width: 100%;
	object-fit: contain;
	object-position: left top;
	width: auto;
}

.jb-object-figure__caption {
	border-top: var(--jb-hair);
	display: grid;
	gap: 0.15rem 1.5rem;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: 0.75rem;
	padding-top: 0.6rem;
}

.jb-object-figure__caption > * {
	margin: 0;
}

.jb-object-figure__text {
	font-size: var(--wp--preset--font-size--s);
}

.jb-plate-status {
	border: 1px solid var(--jb-signal);
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	padding: 0.1rem 0.5rem;
	white-space: nowrap;
	align-self: start;
}

.jb-plate-status:empty {
	display: none;
}

.jb-object-figure__credit {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	grid-column: 1 / -1;
}

.jb-object-content {
	max-width: 42rem;
}

.jb-section {
	margin-bottom: var(--wp--preset--spacing--60);
}

.jb-section > .wp-block-heading {
	border-top: var(--jb-rule);
	font-size: var(--wp--preset--font-size--m);
	font-weight: 700;
	margin: 0 0 1rem;
	padding-top: 0.6rem;
}

.jb-section ul {
	margin: 0;
	padding-left: 1.2em;
}

.jb-section li {
	margin-bottom: 0.5rem;
}

.jb-section li::marker {
	color: var(--jb-signal);
}

.jb-connections {
	margin-top: var(--wp--preset--spacing--80);
}

.jb-connections__heading {
	border-top: 2px solid var(--jb-ink);
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 800;
	margin: 0 0 var(--wp--preset--spacing--50);
	padding-top: 0.75rem;
}

.jb-cards {
	display: grid;
	gap: var(--wp--preset--spacing--50) var(--jb-gutter);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-card {
	position: relative;
}

.jb-card__link {
	display: grid;
	gap: 0.15rem;
	text-decoration: none;
}

.jb-card__link::after {
	content: "";
	inset: 0;
	position: absolute;
}

.jb-card__plate {
	align-items: flex-end;
	display: flex;
	height: 13rem;
	margin-bottom: 0.75rem;
}

.jb-card__plate img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	object-position: left bottom;
	width: auto;
	outline: 1px solid transparent;
	outline-offset: 5px;
}

.jb-card:hover .jb-card__plate img {
	outline-color: var(--jb-ink);
}

.jb-card__no {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--s);
	font-stretch: 62%;
	font-weight: 700;
}

.jb-card__title {
	font-weight: 700;
	line-height: 1.5;
}

.jb-card:hover .jb-card__title {
	text-decoration: underline;
}

.jb-card__meta {
	color: var(--jb-graphite);
	display: block;
	font-size: var(--wp--preset--font-size--xs);
}

@media (max-width: 1100px) {
	.jb-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 781px) {
	.jb-object-head__year {
		justify-self: start;
		margin-top: 1rem;
	}
	.jb-object-body__side {
		position: static;
		margin-top: var(--wp--preset--spacing--50);
		order: 2;
	}
	.jb-object-body {
		display: flex !important;
		flex-direction: column;
	}
}

/* 関連記事などの帯は、中身が空なら表示しない */
.jb-related:not(:has(.wp-block-post-template)),
.jb-article-body__margin:not(:has(.wp-block-post-template)) {
	display: none;
}

.jb-related .jb-band__subtitle {
	border-top: 2px solid var(--jb-ink);
	margin-bottom: var(--wp--preset--spacing--40);
	padding-top: 0.75rem;
}

.jb-pager {
	border-top: var(--jb-rule);
	gap: var(--jb-gutter);
	margin-top: var(--wp--preset--spacing--80);
	padding-top: 1rem;
}

.jb-pager > * {
	flex: 1 1 0;
	font-size: var(--wp--preset--font-size--s);
}

.jb-pager .post-navigation-link__label {
	color: var(--jb-graphite);
	display: block;
	font-size: var(--wp--preset--font-size--xs);
}

.jb-pager a {
	font-weight: 700;
	text-decoration: none;
}

.jb-pager a:hover {
	text-decoration: underline;
}

.jb-pager__next {
	text-align: right;
}

/* 12 記事 ------------------------------------------------------------------ */
.jb-entries.wp-block-post-template {
	border-bottom: var(--jb-rule);
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-entry {
	border-top: var(--jb-rule);
	display: grid;
	gap: 0.75rem var(--jb-gutter);
	grid-template-columns: repeat(12, minmax(0, 1fr));
	padding-block: 1.25rem 1.5rem;
	position: relative;
}

.jb-entry__meta {
	grid-column: span 2;
}

.jb-entry__meta > * {
	margin: 0;
}

.jb-entry__date {
	color: var(--jb-ink);
	font-size: var(--wp--preset--font-size--l);
	font-weight: 700;
	line-height: 1;
}

.jb-entry__format {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
	margin-top: 0.4rem !important;
}

.jb-entry__body {
	grid-column: span 7;
}

.jb-entry__title {
	font-size: var(--wp--preset--font-size--l);
	line-height: 1.45;
	margin: 0 0 0.5rem;
}

.jb-entry__title a {
	text-decoration: none;
}

.jb-entry__title a::after {
	content: "";
	inset: 0;
	position: absolute;
}

.jb-entry:hover .jb-entry__title a {
	text-decoration: underline;
}

.jb-entry:has(:focus-visible) {
	outline: 2px solid var(--jb-signal);
	outline-offset: 4px;
}

.jb-entry :focus-visible {
	outline: none;
}

.jb-entry__excerpt {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--s);
	margin: 0 0 0.5rem;
	max-width: 40rem;
}

.jb-entry__excerpt p {
	margin: 0;
}

.jb-entry__credits {
	font-size: var(--wp--preset--font-size--xs);
	margin: 0;
	position: relative;
	z-index: 1;
}

.jb-entry__image {
	grid-column: span 3;
	margin: 0;
}

.jb-entry__image img {
	display: block;
	height: auto;
	width: 100%;
}

@media (max-width: 781px) {
	.jb-entry__meta,
	.jb-entry__body,
	.jb-entry__image {
		grid-column: 1 / -1;
	}
	.jb-entry__meta {
		display: flex;
		gap: 1rem;
		align-items: baseline;
	}
	.jb-entry__image {
		order: -1;
	}
}

.jb-credits {
	font-size: var(--wp--preset--font-size--s);
	margin: 0;
}

.jb-credits__label {
	color: var(--jb-graphite);
	margin-right: 0.5em;
}

.jb-credits__person + .jb-credits__person::before {
	content: "、";
}

.jb-credits__role {
	color: var(--jb-graphite);
	font-size: 0.9em;
}

.jb-chips-wrap {
	border-top: var(--jb-hair);
	gap: 0.75rem 1.25rem;
	margin-top: var(--wp--preset--spacing--50);
	padding-top: 1rem;
}

.jb-chips-label {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	margin: 0;
}

.jb-chips .wp-block-term-template {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-chips .wp-block-term-template > .wp-block-term,
.jb-chips .wp-block-term > * {
	/* term-template はフロー（縦積み）レイアウトで出力され、2件目以降に上余白が付くため打ち消す */
	margin-block: 0;
}

.jb-chips .wp-block-term {
	align-items: baseline;
	border: var(--jb-rule);
	display: flex;
	font-size: var(--wp--preset--font-size--s);
	gap: 0.45rem;
	padding: 0.3rem 0.7rem;
	position: relative;
}

.jb-chips .wp-block-term-name {
	margin: 0;
}

.jb-chips .wp-block-term-name a {
	text-decoration: none;
}

.jb-chips .wp-block-term-name a::after {
	content: "";
	inset: 0;
	position: absolute;
}

.jb-chips .wp-block-term-count {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
}

.jb-chips .wp-block-term:hover {
	background: var(--jb-deep);
}

/* 記事詳細 */
.jb-article-head__format {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
	margin: 0 0 1rem;
}

.jb-article-head__title {
	font-size: var(--wp--preset--font-size--xxl);
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 1.5rem;
}

.jb-article-head__dek {
	font-size: var(--wp--preset--font-size--l);
	line-height: 1.75;
	margin: 0 0 1.5rem;
}

.jb-article-head__dek p {
	margin: 0;
}

.jb-article-head__meta {
	border-top: var(--jb-rule);
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--s);
	gap: 0.25rem 1.75rem;
	padding-top: 0.75rem;
}

.jb-article-head__meta > * {
	margin: 0;
}

.jb-article-figure {
	margin: 0 0 var(--wp--preset--spacing--70);
}

.jb-article-figure img {
	display: block;
	height: auto;
	max-height: 80vh;
	object-fit: contain;
	object-position: left;
	width: 100%;
}

.jb-article-figure figcaption {
	margin-top: 0.6rem;
}

.jb-article-body {
	align-items: start;
}

.jb-article-body__toc {
	position: sticky;
	top: var(--jb-sticky-top);
}

.jb-article-content {
	font-size: 1.0625rem;
	line-height: 2;
}

.jb-article-content > * {
	max-width: 40rem;
}

.jb-article-content > :first-child {
	margin-top: 0;
}

.jb-article-content h2 {
	border-top: var(--jb-rule);
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 800;
	line-height: 1.4;
	margin-top: var(--wp--preset--spacing--70);
	padding-top: 0.75rem;
	scroll-margin-top: 1.5rem;
}

.jb-article-content h3 {
	margin-top: var(--wp--preset--spacing--60);
}

.jb-article-body__margin {
	border-top: var(--jb-rule);
	padding-top: 0.6rem;
}

.jb-margin-title {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	margin: 0 0 1rem;
}

@media (max-width: 1100px) {
	.jb-article-body.is-layout-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}
	.jb-article-body > .jb-article-body__toc {
		grid-column: span 4 !important;
	}
	.jb-article-body > .jb-article-content {
		grid-column: span 8 !important;
	}
	.jb-article-body > .jb-article-body__margin {
		grid-column: 5 / -1 !important;
		margin-top: var(--wp--preset--spacing--60);
	}
	.jb-article-body__margin .jb-objects--margin.wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 781px) {
	.jb-article-body__toc {
		position: static;
		margin-bottom: var(--wp--preset--spacing--50);
	}
	.jb-article-body > .jb-article-body__margin {
		grid-column: 1 / -1 !important;
	}
}

/* 目次 */
.jb-toc__title {
	border-top: var(--jb-rule);
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	margin: 0;
	padding-top: 0.6rem;
}

.jb-toc__list {
	counter-reset: toc;
	font-size: var(--wp--preset--font-size--s);
	line-height: 1.5;
	list-style: none;
	margin: 0.75rem 0 0;
	padding: 0;
}

.jb-toc__item {
	margin: 0;
}

.jb-toc__item--h3 {
	padding-left: 1rem;
}

.jb-toc__link {
	border-left: 2px solid transparent;
	color: var(--jb-graphite);
	display: block;
	padding: 0.35rem 0 0.35rem 0.75rem;
	text-decoration: none;
}

.jb-toc__link:hover {
	color: var(--jb-ink);
	text-decoration: underline;
}

.jb-toc__link[aria-current="location"] {
	border-left-color: var(--jb-signal);
	color: var(--jb-ink);
	font-weight: 700;
}

/* 13 年代・素材 -------------------------------------------------------------- */
.jb-eras__list {
	position: relative;
	align-items: end;
	display: flex;
	gap: 0.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-eras__item {
	flex: 1 1 0;
	min-width: 0;
}

.jb-eras__link {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	text-decoration: none;
}

.jb-eras__bar {
	background: var(--jb-ink);
	display: block;
	height: calc(0.25rem + var(--jb-ratio) * 9rem);
	order: 2;
	transition: background-color 0.12s linear;
}

.jb-eras__count {
	font-size: var(--wp--preset--font-size--l);
	font-weight: 700;
	line-height: 1;
	order: 1;
}

.jb-eras__name {
	border-top: var(--jb-rule);
	font-size: var(--wp--preset--font-size--xs);
	order: 3;
	padding-top: 0.35rem;
	white-space: nowrap;
}

.jb-eras__item.is-empty .jb-eras__bar {
	background: transparent;
	border: 1px dashed var(--jb-graphite);
	height: 0.25rem;
}

.jb-eras__item.is-empty .jb-eras__count {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	font-stretch: 100%;
	font-weight: 500;
}

.jb-eras__item.is-empty .jb-eras__name {
	color: var(--jb-graphite);
}

a.jb-eras__link:hover .jb-eras__bar,
.jb-eras__item.is-current .jb-eras__bar {
	background: var(--jb-signal);
}

.jb-eras__item.is-current .jb-eras__name {
	font-weight: 700;
}

.wp-block-jb-era-timeline.alignwide {
	margin-bottom: var(--wp--preset--spacing--70);
}

.jb-eras {
	max-width: 100%;
	min-width: 0;
}

@media (max-width: 781px) {
	.jb-eras__list {
		overflow-x: auto;
		overscroll-behavior-x: contain;
		padding-bottom: 0.5rem;
	}
	.jb-eras__item {
		flex: 0 0 3.5rem;
	}
}

.jb-materials__list {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
	background: var(--jb-ink);
	border: 1px solid var(--jb-ink);
}

.wp-block-jb-material-index.alignwide .jb-materials__list {
	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
	margin-bottom: var(--wp--preset--spacing--70);
}

.jb-materials__item {
	display: flex;
}

.jb-materials__link {
	background: var(--jb-paper);
	display: grid;
	gap: 0 0.5rem;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto auto 1fr auto;
	/* 高さは親（flex）の伸長に任せる。height:100% と padding を併用するとセルからはみ出す */
	width: 100%;
	padding: 0.6rem 0.75rem 0.75rem;
	text-decoration: none;
}

.jb-materials__code {
	font-size: clamp(2rem, 1.5rem + 1.5vw, 3rem);
	font-weight: 800;
	grid-column: 1 / -1;
	grid-row: 2;
	line-height: 1;
}

.jb-materials__name {
	align-self: end;
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
	grid-column: 1 / -1;
	grid-row: 3;
	margin-top: 1.25rem;
}

.jb-materials__en {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	grid-column: 1 / -1;
	grid-row: 4;
	hyphens: auto;
	line-height: 1.4;
	overflow-wrap: normal;
	word-break: normal;
}

.jb-materials__count {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
	grid-column: 2;
	grid-row: 1;
	text-align: right;
}

.jb-materials__link:hover,
.jb-materials__item.is-current .jb-materials__link {
	background: var(--jb-ink);
	color: var(--jb-paper);
}

.jb-materials__link:hover .jb-materials__en,
.jb-materials__item.is-current .jb-materials__en {
	color: var(--jb-rule-color);
}

/* 黒地では朱のコントラストが不足する（3.8:1）ため、件数は地の色で示す */
.jb-materials__link:hover .jb-materials__count,
.jb-materials__item.is-current .jb-materials__count {
	color: var(--jb-paper);
}

/* 14 寄稿者・検索・404 --------------------------------------------------------- */
.jb-people.wp-block-post-template {
	border-bottom: var(--jb-rule);
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-person {
	align-items: baseline;
	border-top: var(--jb-rule);
	display: grid;
	gap: 0.25rem var(--jb-gutter);
	grid-template-columns: repeat(12, minmax(0, 1fr));
	padding-block: 1rem 1.25rem;
	position: relative;
}

.jb-person > * {
	margin: 0;
}

.jb-person__name {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 800;
	grid-column: span 4;
}

.jb-person__name a {
	text-decoration: none;
}

.jb-person__name a::after {
	content: "";
	inset: 0;
	position: absolute;
}

.jb-person:hover .jb-person__name a {
	color: var(--jb-signal);
}

.jb-person__role {
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
	grid-column: span 2;
}

.jb-person__field {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--s);
	grid-column: span 2;
}

.jb-person__excerpt {
	font-size: var(--wp--preset--font-size--s);
	grid-column: span 4;
}

.jb-person__excerpt p {
	margin: 0;
}

@media (max-width: 781px) {
	.jb-person > * {
		grid-column: 1 / -1;
	}
}

.jb-person-record {
	border-top: var(--jb-rule);
	display: grid;
	gap: 0.4rem 1rem;
	grid-template-columns: 6rem minmax(0, 1fr);
	padding-top: 0.75rem;
}

.jb-person-record > * {
	margin: 0;
}

.jb-person-record__label {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	padding-top: 0.2rem;
}

.jb-person-record__value {
	font-size: var(--wp--preset--font-size--s);
	font-weight: 600;
}

.jb-person-bio {
	font-size: var(--wp--preset--font-size--l);
	line-height: 1.9;
}

.jb-search-head {
	align-self: end;
}

.jb-search-form .wp-block-search__label {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
}

.jb-search-form .wp-block-search__input {
	background: transparent;
	border: 0;
	border-bottom: 2px solid var(--jb-ink);
	border-radius: 0;
	font-size: var(--wp--preset--font-size--l);
	padding: 0.4rem 0;
}

.jb-search-form .wp-block-search__button {
	margin-left: 0.5rem;
}

.jb-search-summary {
	font-size: var(--wp--preset--font-size--s);
	margin: 1rem 0 0;
}

.jb-search-summary__total {
	font-size: var(--wp--preset--font-size--l);
}

.jb-search-summary__breakdown {
	color: var(--jb-graphite);
}

.jb-results.wp-block-post-template {
	border-bottom: var(--jb-rule);
	list-style: none;
	margin: 0;
	padding: 0;
}

.jb-result {
	align-items: start;
	border-top: var(--jb-rule);
	display: grid;
	gap: 0.5rem var(--jb-gutter);
	grid-template-columns: 7rem minmax(0, 1fr) 6rem;
	padding-block: 1rem;
	position: relative;
}

.jb-result > *,
.jb-result__body > * {
	margin: 0;
}

.jb-result__type {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
	padding-top: 0.3rem;
}

.jb-result__title {
	font-size: var(--wp--preset--font-size--l);
	margin-bottom: 0.25rem !important;
}

.jb-result__title a {
	text-decoration: none;
}

.jb-result__title a::after {
	content: "";
	inset: 0;
	position: absolute;
}

.jb-result:hover .jb-result__title a {
	text-decoration: underline;
}

.jb-result__excerpt {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--s);
}

.jb-result__image img {
	display: block;
	height: 4.5rem;
	margin-left: auto;
	object-fit: contain;
	object-position: right top;
	width: 100%;
}

@media (max-width: 600px) {
	.jb-result {
		grid-template-columns: minmax(0, 1fr) 4rem;
	}
	.jb-result__type {
		grid-column: 1 / -1;
	}
}

.jb-empty {
	border-top: 2px solid var(--jb-ink);
	padding-top: 1rem;
}

.jb-empty__title {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 800;
	margin-top: 0;
}

.jb-404__grid {
	align-items: start;
	padding-top: var(--wp--preset--spacing--60);
}

.jb-404__code {
	color: var(--jb-ink);
	font-size: clamp(5rem, 2rem + 16vw, 18rem);
	font-weight: 800;
	line-height: 0.8;
	margin: 0 0 var(--wp--preset--spacing--60) -0.04em;
	white-space: nowrap;
}

.jb-404__title {
	border-top: 2px solid var(--jb-ink);
	font-size: var(--wp--preset--font-size--xxl);
	font-weight: 800;
	line-height: 1.15;
	margin: 0;
	padding-top: 0.75rem;
}

.jb-404__body {
	border-top: var(--jb-rule);
	padding-top: 0.75rem;
}

.jb-404__body > :first-child {
	margin-top: 0;
}

.jb-404__links {
	list-style: none;
	margin: 2rem 0 0;
	padding: 0;
}

.jb-404__links li {
	border-top: var(--jb-hair);
	padding-block: 0.5rem;
}

.jb-404__links a {
	font-weight: 700;
}

/* 15 フォーム --------------------------------------------------------------- */
.jb-form__form {
	display: grid;
	gap: 1.75rem;
}

.jb-form__row {
	display: grid;
	gap: 1.75rem var(--jb-gutter);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 600px) {
	.jb-form__row {
		grid-template-columns: minmax(0, 1fr);
	}
}

.jb-form__group {
	border: 0;
	margin: 0;
	padding: 0;
}

.jb-form__label {
	display: block;
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
	margin-bottom: 0.4rem;
	padding: 0;
}

.jb-form__req,
.jb-form__opt {
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	margin-left: 0.6em;
}

.jb-form__req {
	color: var(--jb-signal);
}

.jb-form__opt {
	color: var(--jb-graphite);
}

.jb-form__hint {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	margin: 0 0 0.4rem;
}

.jb-form__input {
	background: var(--jb-paper);
	border: 1px solid var(--jb-ink);
	border-radius: 0;
	box-sizing: border-box;
	color: var(--jb-ink);
	font: inherit;
	font-size: 1rem;
	line-height: 1.6;
	padding: 0.7rem 0.8rem;
	width: 100%;
}

.jb-form__input[aria-invalid="true"],
.jb-form__check input[aria-invalid="true"] {
	border-color: var(--jb-signal);
	border-width: 2px;
	outline-color: var(--jb-signal);
}

.jb-form__options {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.jb-form__radio {
	align-items: center;
	border: 1px solid var(--jb-ink);
	cursor: pointer;
	display: inline-flex;
	font-size: var(--wp--preset--font-size--s);
	gap: 0.5rem;
	min-height: 2.75rem;
	padding: 0 0.9rem;
}

.jb-form__radio:has(input:checked) {
	background: var(--jb-ink);
	color: var(--jb-paper);
}

.jb-form__radio input,
.jb-form__check input {
	accent-color: var(--jb-signal);
	height: 1.1rem;
	margin: 0;
	width: 1.1rem;
}

.jb-form__check {
	align-items: flex-start;
	display: flex;
	font-size: var(--wp--preset--font-size--s);
	gap: 0.6rem;
}

.jb-form__check input {
	margin-top: 0.3rem;
}

.jb-form__error {
	color: var(--jb-signal);
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
	margin: 0.4rem 0 0;
}

.jb-form__hp {
	height: 1px;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.jb-form__submit {
	background: var(--jb-ink);
	border: 0;
	color: var(--jb-paper);
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	min-height: 3.25rem;
	padding: 0 2rem;
}

.jb-form__submit:hover {
	background: var(--jb-signal);
}

.jb-form__notice {
	border: 2px solid var(--jb-ink);
	margin-bottom: 2rem;
	padding: 1rem 1.25rem;
}

.jb-form__notice.is-error {
	border-color: var(--jb-signal);
}

.jb-form__notice.is-success {
	background: var(--jb-deep);
}

.jb-form__notice-title {
	font-weight: 700;
	margin: 0 0 0.25rem;
}

.jb-form__notice p:last-child,
.jb-form__notice ul {
	margin-bottom: 0;
}

/* 16 本文ブロックとブロックスタイル ---------------------------------------------- */
.jb-page-content > :first-child {
	margin-top: 0;
}

.jb-page-content h2 {
	border-top: var(--jb-rule);
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 800;
	margin-top: var(--wp--preset--spacing--70);
	padding-top: 0.75rem;
}

.is-style-jb-lead {
	font-size: var(--wp--preset--font-size--l);
	font-weight: 500;
	line-height: 1.8;
}

.is-style-jb-note {
	border-top: var(--jb-hair);
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	padding-top: 0.5rem;
}

.wp-block-list.is-style-jb-index {
	list-style: none;
	padding: 0;
}

.wp-block-list.is-style-jb-index li {
	align-items: baseline;
	display: flex;
	gap: 0.5rem;
}

.wp-block-list.is-style-jb-index li::after {
	border-bottom: 1px dotted currentColor;
	content: "";
	flex: 1;
	order: 1;
}

.wp-block-list.is-style-jb-index li > :last-child {
	order: 2;
}

.wp-block-table {
	margin-block: 2rem;
}

.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table thead {
	border-bottom: var(--jb-rule);
}

.wp-block-table th {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	text-align: left;
}

.wp-block-table th,
.wp-block-table td {
	border: 0;
	border-top: var(--jb-hair);
	padding: 0.55rem 0.75rem 0.55rem 0;
	vertical-align: top;
}

.wp-block-table table {
	border-top: var(--jb-rule);
	border-bottom: var(--jb-rule);
}

.wp-block-table figcaption {
	margin-top: 0.5rem;
}

.wp-block-table.is-style-jb-record td:first-child {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	width: 8rem;
}

.wp-block-image figcaption,
.wp-element-caption {
	margin-top: 0.6rem;
}

/* コアの wp-block-styles は図版・表のキャプションを中央揃えにするため、左揃えに戻す（本文の左端と揃える） */
.jb-main .wp-element-caption,
.jb-main .wp-block-table figcaption {
	text-align: start;
}

.wp-block-image.is-style-jb-plate img {
	background: var(--jb-deep);
	padding: clamp(0.75rem, 2vw, 1.5rem);
}

.wp-block-image img {
	height: auto;
}

.wp-block-group.is-style-jb-panel,
.jb-note {
	border: var(--jb-rule);
	font-size: var(--wp--preset--font-size--s);
	margin-top: var(--wp--preset--spacing--60);
	padding: 1rem 1.25rem;
}

.jb-note p {
	margin: 0;
}

.wp-block-separator.is-style-jb-signal {
	border: 0;
	border-top: 4px solid var(--jb-signal);
	margin-left: 0;
	width: 3rem;
}

.wp-block-quote {
	border-left: 3px solid var(--jb-ink);
	margin-inline: 0;
}

.wp-block-quote cite {
	color: var(--jb-graphite);
	font-size: var(--wp--preset--font-size--xs);
	font-style: normal;
}

.wp-block-pullquote {
	border: 0;
	margin-block: var(--wp--preset--spacing--60);
	text-align: left;
}

.wp-block-pullquote blockquote {
	border-top: 4px solid var(--jb-signal);
	margin: 0;
	padding-top: 1rem;
}

.wp-block-pullquote p {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.wp-block-pullquote cite {
	color: var(--jb-graphite);
	display: block;
	font-size: var(--wp--preset--font-size--s);
	font-style: normal;
	font-weight: 500;
	margin-top: 0.75rem;
}

.jb-qa__q {
	border-left: 3px solid var(--jb-signal);
	font-weight: 700;
	margin-top: 2.25rem;
	padding-left: 0.9rem;
}

.wp-block-footnotes {
	border-top: var(--jb-hair);
	padding-top: 1rem;
}

/* 17 ページ送り -------------------------------------------------------------- */
.wp-block-query-pagination.jb-pagination {
	border-top: var(--jb-rule);
	margin-top: var(--wp--preset--spacing--70);
	padding-top: 1rem;
}

.wp-block-query-pagination-numbers .page-numbers {
	display: inline-block;
	min-width: 2.5rem;
	padding: 0.4rem 0.5rem;
	text-align: center;
	text-decoration: none;
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background: var(--jb-ink);
	color: var(--jb-paper);
}

.wp-block-query-pagination a {
	text-decoration: none;
}

.wp-block-query-pagination a:hover {
	text-decoration: underline;
}

/* 18 動き ------------------------------------------------------------------ */
/* 図版を「収納から引き出す」ように上から下へ見せる。最初の画面に入っている画像は対象外。 */
.jb-js .jb-reveal {
	clip-path: inset(0 0 100% 0);
}

.jb-js .jb-reveal.is-revealed {
	clip-path: inset(0 0 0 0);
	transition: clip-path 0.85s var(--jb-ease);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
	.jb-js .jb-reveal {
		clip-path: none;
	}
}

/* 19 印刷 ------------------------------------------------------------------ */
@media print {
	.jb-header,
	.jb-footer,
	.jb-filter,
	.jb-pager,
	.jb-toc,
	.wp-block-breadcrumbs,
	.wp-block-query-pagination {
		display: none !important;
	}
	body {
		background: #fff;
	}
	.jb-object-body__side {
		position: static;
	}
	a {
		text-decoration: none;
	}
}

/* 送信結果（スクリプトでフォーカスを移す通知） */
.jb-form__notice:focus {
	outline: 2px solid var(--jb-ink);
	outline-offset: 4px;
}

/* 一覧表の行をホバーすると台紙色になる。朱（#D40000）は台紙上で 4.26:1 と不足するため、行内だけ濃い朱にする（5.4:1） */
.jb-objects-query:has(.jb-filter[data-view="list"]) .jb-object:hover .jb-object__no {
	color: #b00a00;
}

/* スマホ：ページ見出しが1列になったとき、見出しと説明文の間を空ける（グリッドの子要素は margin が効かないため row-gap で指定） */
@media (max-width: 781px) {
	.jb-main .jb-page-head.is-layout-grid,
	.jb-main .jb-object-head.is-layout-grid,
	.jb-main .jb-article-head.is-layout-grid {
		row-gap: 1rem;
	}
}

/* スマホのメニュー：本文と同じく左揃えにする（ヘッダーの右寄せ設定を引き継がない） */
.jb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.jb-nav .is-menu-open .wp-block-navigation__container {
	align-items: flex-start;
	justify-content: flex-start;
}

.jb-nav .is-menu-open .wp-block-navigation-item {
	justify-content: flex-start;
	text-align: left;
}

.jb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.jb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.jb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
	/* コアの指定（詳細度 0,4,0）より強くするため、クラスを重ねて指定する */
	align-items: flex-start;
}