/* ----------------------------------------------------------------------
 * 論文セクション。UIデザイナーのモック v0.8（msg 4550510）から
 * **宣言をそのまま移したもの**。値は変えない。
 * （2026-09-21 に「モックの見た目を勝手に変えない」で叱責を受けている）
 *
 * クラス名だけ `ti-paper-*` に付け替えてある。モックの `.badge` `.ctx` の
 * ような短い名前は、Cocoon や他プラグインと衝突する可能性があるため。
 *
 * 【詳細度】`h1` `h2` は Cocoon の `.article h1/h2`（25px＋金罫）に負ける。
 * 必ず `.ti-paper` を前に付けたセレクタで書く。
 * -------------------------------------------------------------------- */

.ti-paper {
	--ti-pp-ink: #1f2328;
	--ti-pp-sub: #5b6570;
	--ti-pp-line: #dfe3e8;
	--ti-pp-soft: #f6f7f9;
	--ti-pp-accent: #2f5d7c;
	--ti-pp-note: #8a939c;
	color: var(--ti-pp-ink);
	line-height: 1.7;
	font-size: 15px;
}

/* 見出し */
.article .ti-paper .ti-paper-h1,
.ti-paper .ti-paper-h1 {
	font-size: 24px;
	margin: 10px 0 4px;
	line-height: 1.4;
	border: 0;
	padding: 0;
}
.article .ti-paper .ti-paper-h2,
.ti-paper .ti-paper-h2 {
	font-size: 17px;
	margin: 28px 0 10px;
	padding: 0 0 6px;
	border: 0;
	border-bottom: 1px solid var(--ti-pp-line);
	background: none;
}
.ti-paper .ti-paper-jp {
	font-size: 13px;
	color: var(--ti-pp-sub);
	margin: 2px 0 0;
}

/* 文脈欄。タイトル直下・PECOより前 */
.ti-paper .ti-paper-ctx {
	border: 1px solid #cfdce6;
	background: #f4f9fc;
	border-radius: 5px;
	padding: 11px 14px;
	margin: 12px 0 0;
	font-size: 14px;
	color: #2b4557;
	line-height: 1.75;
}
.ti-paper .ti-paper-ctx b { color: #1f4763; }
.ti-paper .ti-paper-ctx__h {
	display: block;
	font-size: 12px;
	color: #5d7c92;
	letter-spacing: .04em;
	margin-bottom: 2px;
	font-weight: 600;
}

/* ラベル。淡いグレーのみで、色で良し悪しを示さない */
.ti-paper .ti-paper-flags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 10px 0 0;
}
.ti-paper .ti-paper-flag {
	font-size: 11.5px;
	padding: 2px 9px;
	border-radius: 3px;
	border: 1px solid #e2e6ea;
	background: #eef0f2;
	color: #5d6771;
	white-space: nowrap;
}
/* 査読前だけ淡い黄土色。警告色は使わない */
.ti-paper .ti-paper-flag.is-pre {
	border-color: #d9cfae;
	background: #fbf7e9;
	color: #6f6134;
}

/* 書誌 */
.ti-paper .ti-paper-bib {
	background: var(--ti-pp-soft);
	border-radius: 5px;
	padding: 14px 16px;
	font-size: 13px;
	color: #3d464f;
	margin: 14px 0;
}
.ti-paper .ti-paper-bib dl {
	display: grid;
	grid-template-columns: 96px 1fr;
	gap: 4px 12px;
	margin: 0;
}
.ti-paper .ti-paper-bib dt {
	color: var(--ti-pp-note);
	font-size: 12.5px;
	float: none;
	width: auto;
}
.ti-paper .ti-paper-bib dd { margin: 0; }

/* PECO */
.ti-paper .ti-paper-peco {
	border: 1px solid var(--ti-pp-line);
	border-radius: 5px;
	overflow: hidden;
	margin: 6px 0 0;
}
.ti-paper .ti-paper-peco__p {
	padding: 12px 16px;
	border-top: 1px solid var(--ti-pp-line);
}
.ti-paper .ti-paper-peco__p:first-child { border-top: 0; }
.ti-paper .ti-paper-peco__p h4 {
	margin: 0 0 2px;
	font-size: 12.5px;
	color: var(--ti-pp-accent);
	letter-spacing: .03em;
	border: 0;
	padding: 0;
	background: none;
}
.ti-paper .ti-paper-peco__p p { margin: 0; font-size: 14px; }

/* AIが作った旨の但し書き */
.ti-paper .ti-paper-box {
	border: 1px solid #e6dfc8;
	background: #fdfbf3;
	border-radius: 5px;
	padding: 11px 14px;
	font-size: 12.5px;
	color: #6a5f3d;
	margin: 10px 0 0;
	line-height: 1.65;
}

/* PECOのまとめが無い論文の断り */
.ti-paper .ti-paper-why {
	border-left: 3px solid #c9d6de;
	background: #f7f9fb;
	padding: 9px 13px;
	font-size: 13px;
	color: #43525c;
	margin: 12px 0 0;
	line-height: 1.7;
}

/* 訳文。本文なので畳まない */
.ti-paper .ti-paper-ja {
	border: 1px solid var(--ti-pp-line);
	border-radius: 5px;
	margin: 10px 0 0;
	padding: 12px 16px 14px;
	font-size: 13.5px;
	color: #39424b;
}
.ti-paper .ti-paper-ja b { font-size: 12.5px; color: var(--ti-pp-sub); }
.ti-paper .ti-paper-ja p { margin: 4px 0 0; }

/* 訳文なし。「準備中」と「載せられません」は文面で書き分ける */
.ti-paper .ti-paper-tstate {
	font-size: 12.5px;
	color: var(--ti-pp-note);
	border: 1px dashed var(--ti-pp-line);
	border-radius: 5px;
	padding: 10px 14px;
	margin: 10px 0 0;
}
.ti-paper .ti-paper-tstate b { color: var(--ti-pp-sub); }

/* 原文（畳む） */
.ti-paper .ti-paper-fold {
	border: 1px solid var(--ti-pp-line);
	border-radius: 5px;
	margin: 10px 0 0;
}
.ti-paper .ti-paper-fold summary {
	padding: 10px 14px;
	font-size: 13.5px;
	cursor: pointer;
	color: var(--ti-pp-accent);
	font-weight: 600;
}
.ti-paper .ti-paper-fold__c {
	padding: 0 16px 14px;
	font-size: 13.5px;
	color: #39424b;
}

/* ライセンス */
.ti-paper .ti-paper-lic {
	font-size: 12px;
	color: var(--ti-pp-sub);
	border-left: 3px solid var(--ti-pp-line);
	padding: 6px 0 6px 12px;
	margin: 14px 0 0;
	line-height: 1.7;
}

/* 原典 */
.ti-paper .ti-paper-src { margin: 18px 0 0; }
.ti-paper .ti-paper-src a {
	color: var(--ti-pp-accent);
	font-size: 14px;
	text-decoration: none;
}
.ti-paper .ti-paper-src__ids {
	display: block;
	font-size: 12px;
	color: var(--ti-pp-note);
	margin-top: 4px;
}
.ti-paper .ti-paper-src--none {
	font-size: 12.5px;
	color: var(--ti-pp-note);
}

/* この技法の他の論文 */
.ti-paper .ti-paper-related {
	border-top: 1px solid var(--ti-pp-line);
	margin-top: 26px;
	padding-top: 14px;
}
.article .ti-paper .ti-paper-related .ti-paper-h2,
.ti-paper .ti-paper-related .ti-paper-h2 {
	border: 0;
	margin: 0 0 6px;
	padding: 0;
	font-size: 15px;
}
.ti-paper .ti-paper-related ul { margin: 0; padding-left: 1.1em; font-size: 13.5px; }
.ti-paper .ti-paper-related li { margin: 3px 0; }
.ti-paper .ti-paper-related a { color: var(--ti-pp-accent); text-decoration: none; }

/* 一覧の行 */
.ti-paper .ti-paper-row {
	padding: 14px 0;
	border-top: 1px solid var(--ti-pp-line);
}
.ti-paper .ti-paper-row:first-of-type { border-top: 0; }
.ti-paper .ti-paper-row__t {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	line-height: 1.5;
	color: var(--ti-pp-ink);
}
.ti-paper .ti-paper-row__t a { color: var(--ti-pp-ink); text-decoration: none; }
.ti-paper .ti-paper-row__o {
	font-size: 12.5px;
	color: var(--ti-pp-sub);
	margin: 2px 0 0;
}
.ti-paper .ti-paper-row__m {
	font-size: 12.5px;
	color: var(--ti-pp-note);
	margin: 4px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	align-items: center;
}
.ti-paper .ti-paper-row__note {
	font-size: 13px;
	color: #43525c;
	margin: 6px 0 0;
	line-height: 1.65;
}
.ti-paper .ti-paper-badge {
	font-size: 11px;
	padding: 1px 7px;
	border-radius: 3px;
	background: #eef0f2;
	color: #79838d;
	border: 1px solid #e2e6ea;
	white-space: nowrap;
}
.ti-paper .ti-paper-badge.is-pre {
	border-color: #d9cfae;
	background: #fbf7e9;
	color: #6f6134;
}
.ti-paper .ti-paper-ext {
	font-size: 12.5px;
	color: var(--ti-pp-accent);
	text-decoration: none;
	white-space: nowrap;
}

/* ---- プレビュー専用（本番では読み込まない） ---- */
body { margin: 0; background: #eceff2; font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif; }
/* プレビューの帯。**sticky は使わない**＝スクリーンショットで本文に被る
   （このサイトでは sticky と自前スクロールを使わない方針 2026-09-21） */
.pv-bar { position: static; background: #22303c; color: #fff; padding: 10px 16px; font-size: 13px; }
.pv-bar b { margin-right: 10px; }
.pv-note { color: #9fb0bd; margin-left: 10px; }
.pv-page { max-width: 1040px; margin: 20px auto 40px; background: #fff; border: 1px solid #dfe3e8; border-radius: 6px; padding: 8px 24px 32px; }

/* 一覧の行のチップ（技法・テーマ・デザイン）。文脈1文の下に置く
   ＝UIデザイナー 4552579 の1。モック v0.7 の .chip / .badge の宣言をそのまま移す */
.ti-paper .ti-paper-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 6px 0 0;
}
.ti-paper .ti-paper-chip {
	background: #eef1f4;
	color: #44505c;
	font-size: 11.5px;
	padding: 2px 8px;
	border-radius: 10px;
	white-space: nowrap;
}
/* 査読前だけ淡い黄土色の枠線。色で良し悪しは示さない（UIデザイナー 4552579 の3） */
.ti-paper .ti-paper-chip.is-pre {
	border: 1px solid #d9cfae;
	background: #fbf7e9;
	color: #6f6134;
}

/* ===================================================================
   絞り込み（モック v0.8 の宣言をそのまま移す。クラス名だけ ti-paper-*）
   HTMLの順序は「本文→絞り込み」で、左に置くのは order で入れ替える
   ＝読み上げと検索の両方で本文が先に来る（UIデザイナー 4552878 の1）
   =================================================================== */
.ti-paper .ti-paper-cols { display: flex; gap: 24px; align-items: flex-start; }
.ti-paper .ti-paper-cols .ti-paper-main { order: 2; flex: 1; min-width: 0; }
.ti-paper .ti-paper-cols .ti-paper-side { order: 1; width: 250px; flex: none; }

/* 絞り込みは**箱1枚**＝群は小見出しで区切る（案A／UIデザイナー 4575513）。
   3枚の箱に分かれていた頃の群ごとの開閉は廃止＝全項目が常時出る。
   `details` が残るのは項目9個以上の群の「すべて表示」1か所だけ。 */
.ti-paper .ti-paper-facets {
	border: 1px solid var(--ti-pp-line);
	border-radius: 5px;
	overflow: hidden;
}
.ti-paper .ti-paper-facets > .ti-paper-fhead {
	background: var(--ti-pp-soft);
	padding: 9px 12px;
	font-size: 13px;
	font-weight: 600;
	border-bottom: 1px solid var(--ti-pp-line);
}
.ti-paper .ti-paper-fgroup {
	padding: 10px 12px 12px;
	border-top: 1px solid #eef1f3;
}
.ti-paper .ti-paper-fgroup:first-of-type { border-top: 0; }
.ti-paper .ti-paper-fgt {
	font-size: 12px;
	font-weight: 600;
	color: #6b747d;
	margin: 0 0 5px;
}
.ti-paper .ti-paper-facets label {
	/* 【罠】モックの `white-space:nowrap + ellipsis` を label に直接掛けると、
	   長い技法名（`BCT（ボディ・コネクト・セラピー）`）で**件数まで省略されて消える**。
	   件数は絞り込みの判断材料なので必ず見えないといけない。
	   label を flex にして、**省略するのは名前だけ・件数は縮めない**。 */
	display: flex;
	align-items: baseline;
	gap: 6px;
	font-size: 13px;
	padding: 3px 0;
	color: #39424b;
	cursor: pointer;
}
.ti-paper .ti-paper-facets label input { margin: 0; flex: none; }
.ti-paper .ti-paper-fname {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}

/* 項目9個以上の群だけ＝上位8つの下に畳む。文字はCSSが入れる */
.ti-paper .ti-paper-fmore { margin: 2px 0 0; }
.ti-paper .ti-paper-fmore > summary {
	list-style: none;
	font-size: 12.5px;
	color: var(--ti-pp-accent);
	cursor: pointer;
	padding: 3px 0;
}
.ti-paper .ti-paper-fmore > summary::-webkit-details-marker { display: none; }
.ti-paper .ti-paper-fmore > summary::marker { content: ""; }
.ti-paper .ti-paper-fmore > summary::after { content: "（すべて表示）"; }
.ti-paper .ti-paper-fmore[open] > summary::after { content: "（一部だけ表示）"; }

.ti-paper .ti-paper-cnt { color: var(--ti-pp-note); font-size: 11.5px; flex: none; margin-left: auto; }
.ti-paper .ti-paper-grp {
	font-size: 11.5px;
	color: var(--ti-pp-note);
	margin: 8px 0 2px;
	letter-spacing: .04em;
}

/* 絞り込み中の帯 */
.ti-paper .ti-paper-fbar {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	padding: 10px 0 2px;
}
.ti-paper .ti-paper-fbl { font-size: 12px; color: var(--ti-pp-note); }
.ti-paper .ti-paper-fpill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #eef1f4;
	color: #44505c;
	font-size: 12.5px;
	padding: 3px 10px;
	border-radius: 12px;
}
/* ×と「すべて外す」は button＝組み合わせでURLが際限なく増えるのを避ける */
.ti-paper .ti-paper-fx,
.ti-paper .ti-paper-fclear,
.ti-paper .ti-paper-fback {
	background: none;
	border: 0;
	font-family: inherit;
	cursor: pointer;
	padding: 3px 4px;
}
.ti-paper .ti-paper-fx { color: #7c868f; font-size: 13px; }
.ti-paper .ti-paper-fclear { color: var(--ti-pp-accent); font-size: 12.5px; }

/* 絞り込み中の条件だけ濃くする。**枠は付けず文字の濃さだけ**
   ＝査読前チップの枠線と見分けが付かなくなる（UIデザイナー 4552878 の6） */
.ti-paper .ti-paper-chip.is-on { background: #dde6ec; color: #22414f; font-weight: 600; }

.ti-paper .ti-paper-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 13px;
	color: var(--ti-pp-sub);
	padding: 10px 0;
	border-bottom: 1px solid var(--ti-pp-line);
}
/* 0件のときは件数ではなく文（UIデザイナー 4552878 の8） */
.ti-paper .ti-paper-empty {
	border: 1px solid var(--ti-pp-line);
	border-radius: 5px;
	padding: 18px 16px;
	margin: 14px 0 0;
	font-size: 13.5px;
	color: #43525c;
}
.ti-paper .ti-paper-empty p { margin: 0; }
.ti-paper .ti-paper-fback { color: var(--ti-pp-accent); font-size: 13px; padding-left: 0; }

/* スマホは一覧の上のボタン1つに畳む＝左列を縦に積むと一覧まで3画面ぶん
   スクロールすることになる（UIデザイナー 4552878 の9）。
   【罠】シートは details ではなくチェックボックスで開閉する
   （本のページで同じ形にしている 2026-09-21） */
.ti-paper .ti-paper-fsheet { display: none; }
.ti-paper .ti-paper-fsheet-t { display: none; }
@media ( max-width: 720px ) {
	/* **縦積みでも絞り込みを一覧の上に出す**＝`display:block` にすると order が
	   効かず、畳みボタンを押した箱が一覧の下（15,000px先）に出てしまう。
	   flex の縦並びのまま order だけ入れ替える。 */
	.ti-paper .ti-paper-cols { display: flex; flex-direction: column; gap: 0; align-items: stretch; }
	.ti-paper .ti-paper-cols .ti-paper-main { order: 2; }
	.ti-paper .ti-paper-cols .ti-paper-side { display: none; order: 1; margin: 0 0 16px; width: auto; }
	.ti-paper .ti-paper-fsheet:checked ~ .ti-paper-cols .ti-paper-side { display: block; }
	.ti-paper .ti-paper-fsheet-t {
		display: block;
		width: 100%;
		margin: 10px 0 0;
		padding: 10px 12px;
		font-size: 14px;
		text-align: left;
		background: #fff;
		border: 1px solid var(--ti-pp-accent);
		border-radius: 4px;
		color: var(--ti-pp-accent);
		font-weight: 600;
		cursor: pointer;
	}
}

/* 論文トップのリード文（XXXさん 4562858）。免責は既存の .ti-disclaimer を使う */
.ti-paper .ti-paper-lead { font-size: 14px; line-height: 1.8; color: #39424b; margin: 0 0 10px; }

/* 論文トップのタブ（UIデザイナー 4562693 の②）。
   選択中は文字色と下線だけ＝タブの箱を作るとCocoonの見出しと競合する */
.ti-paper .ti-paper-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	border-bottom: 1px solid var(--ti-pp-line);
	margin: 12px 0 4px;
}
.ti-paper .ti-paper-tab {
	display: inline-block;
	padding: 8px 2px;
	font-size: 13.5px;
	text-decoration: none;
	color: var(--ti-pp-accent);
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}
.ti-paper .ti-paper-tab.is-on {
	color: #22414f;
	font-weight: 600;
	border-bottom-color: var(--ti-pp-accent);
}

/* 論文トップ（D面）の行 */
.ti-paper .ti-paper-lead2 { font-size: 13px; color: #5b6570; margin: 0 0 4px; }
.ti-paper .ti-paper-trow { border-top: 1px solid var(--ti-pp-line); padding: 14px 0 4px; }
.ti-paper .ti-paper-trow__m { font-size: 12.5px; margin: 0 0 3px; }
.ti-paper .ti-paper-trow__mt { font-weight: 600; color: var(--ti-pp-accent); text-decoration: none; }
.ti-paper .ti-paper-trow__n { color: var(--ti-pp-note); }
.ti-paper .ti-paper-trow__all { font-size: 12.5px; margin: 6px 0 10px; }
.ti-paper .ti-paper-trow__all a { color: var(--ti-pp-accent); text-decoration: none; }
/* 開発者ページの人ごとの小見出し */
.ti-paper .ti-paper-h3 {
	font-size: 14.5px;
	margin: 18px 0 2px;
	color: var(--ti-pp-ink);
	border: 0;
	padding: 0;
}
.ti-paper .ti-paper-h3n { color: var(--ti-pp-note); font-size: 12px; font-weight: 400; margin-left: 8px; }

/* C面の「なぜ個別ページがないのか」。断りの箱＝色で良し悪しを示さない */
.ti-paper .ti-paper-why2 {
	background: var(--ti-pp-soft);
	border: 1px solid var(--ti-pp-line);
	border-radius: 5px;
	padding: 12px 14px;
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 1.75;
	color: #43525c;
}

/* ページ送り（番号送り。nofollow を付ける） */
.ti-paper .ti-paper-pager {
	display: flex;
	gap: 4px;
	justify-content: center;
	margin: 22px 0 0;
	flex-wrap: wrap;
}
.ti-paper .ti-paper-pager a,
.ti-paper .ti-paper-pg-cur {
	min-width: 32px;
	text-align: center;
	padding: 6px 8px;
	font-size: 13px;
	border: 1px solid var(--ti-pp-line);
	border-radius: 3px;
	text-decoration: none;
	color: var(--ti-pp-accent);
}
.ti-paper .ti-paper-pg-cur {
	background: var(--ti-pp-accent);
	color: #fff;
	border-color: var(--ti-pp-accent);
}
.ti-paper .ti-paper-pg-gap { border: 0; color: var(--ti-pp-note); padding: 6px 4px; font-size: 13px; }

/* 論文内検索（サイト内検索とは別口） */
.ti-paper .ti-paper-search { display: flex; gap: 8px; margin: 14px 0 0; }
.ti-paper .ti-paper-search input {
	flex: 1;
	min-width: 0;
	padding: 9px 12px;
	font-size: 14px;
	border: 1px solid var(--ti-pp-line);
	border-radius: 4px;
	font-family: inherit;
}
.ti-paper .ti-paper-search button {
	padding: 9px 18px;
	font-size: 14px;
	font-family: inherit;
	background: var(--ti-pp-accent);
	color: #fff;
	border: 1px solid var(--ti-pp-accent);
	border-radius: 4px;
	cursor: pointer;
}
/* 並び替え・表示件数 */
.ti-paper .ti-paper-tb2 { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.ti-paper .ti-paper-tb2 label { font-size: 13px; color: var(--ti-pp-sub); }
.ti-paper .ti-paper-tb2 select {
	font-family: inherit;
	font-size: 13px;
	padding: 4px 6px;
	border: 1px solid var(--ti-pp-line);
	border-radius: 3px;
	background: #fff;
	margin-left: 4px;
}
@media ( max-width: 720px ) {
	.ti-paper .ti-paper-toolbar { align-items: flex-start; }
	.ti-paper .ti-paper-search button { padding: 9px 14px; }
}
.pv-note2 { font-size: 12px; color: #8a939c; margin: 10px 0 0; }
/* 一覧のみの区分ごとの断り文 */
.ti-paper .ti-paper-gnote { font-size: 13px; color: #5b6570; margin: 2px 0 10px; line-height: 1.7; }

/* ===================================================================
   一覧の行（XXXさん 4564177 / UIデザイナー v0.9 4564319）
   ・O欄の第1文が主役、注釈は小さい灰色の副文
   ・リンクのある行＝題名に淡い下線／無い行＝黒のまま＋左に縦線
   =================================================================== */
.ti-paper .ti-paper-row.is-linked .ti-paper-row__t a {
	text-decoration: underline;
	text-decoration-color: rgba(31, 58, 95, .3);
	text-underline-offset: 3px;
}
.ti-paper .ti-paper-row.is-linked .ti-paper-row__t a:hover {
	text-decoration-color: currentColor;
}
/* 開けない行は左の縦線で分かる＝スクロール中でも見分けが付く */
.ti-paper .ti-paper-row.is-biblio {
	border-left: 3px solid #dfe3e7;
	padding-left: 12px;
}
.ti-paper .ti-paper-row.is-biblio .ti-paper-row__tx { color: #2b3138; }
.ti-paper .ti-paper-row__nop { font-size: 12px; color: var(--ti-pp-note); margin: 4px 0 0; }

/* O欄の第1文＝本文の大きさ。**文字は切らず行数で畳む**
   （数字の途中で「…」が入ると結論が反転して読める） */
.ti-paper .ti-paper-row__note {
	font-size: 13.5px;
	line-height: 1.75;
	color: #2b3138;
	margin: 5px 0 0;
}
.ti-paper .ti-paper-row__note.is-clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
/* 注釈は副文＝小さい灰色。1行に畳む */
.ti-paper .ti-paper-row__sub {
	font-size: 12px;
	line-height: 1.7;
	color: var(--ti-pp-note);
	margin: 3px 0 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}

/* 一覧の上の戻る動線（検索窓の直下）。スマホでは折り返す */
.ti-paper .ti-paper-up {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	font-size: 13px;
	margin: 10px 0 2px;
}
.ti-paper .ti-paper-up a { color: var(--ti-pp-accent); text-decoration: none; }
.ti-paper .ti-paper-up a:hover { text-decoration: underline; }
.ti-paper .ti-paper-up__back { font-weight: 600; }

/* =========================================================================
   2026-09-22 XXXさん 4566031 / 4566655・UIデザイナー v1.0/v1.1

   【CSSはこのファイルの末尾に置く】既定と同じ詳細度なので、
   後ろでないと勝てない（絞り込みの横並びで一度これを踏んだ）。
   ========================================================================= */

/* 論文トップの一番上＝技法タブ（XXXさん 4566031）。
   **横スクロールにしない**＝隠れたタブは押されない。折り返して2行になる。 */
.ti-paper .ti-paper-mtabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 18px;
	padding: 0;
	border: 0;
}
.ti-paper .ti-paper-mtab {
	display: inline-block;
	padding: 7px 13px;
	font-size: 13px;
	line-height: 1.4;
	color: #2b3138;
	text-decoration: none;
	background: #f6f7f9;
	border: 1px solid #e2e5ea;
	border-radius: 16px;
}
.ti-paper .ti-paper-mtab:hover {
	background: #fff;
	border-color: var(--ti-pp-accent);
	color: var(--ti-pp-accent);
}
.ti-paper .ti-paper-mtab.is-more {
	background: none;
	border-style: dashed;
	color: var(--ti-pp-accent);
}
/* スマホは2列のボタンに組み替える（UIデザイナー v1.0 の3枚目） */
@media screen and (max-width: 620px) {
	.ti-paper .ti-paper-mtabs {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6px;
	}
	.ti-paper .ti-paper-mtab {
		text-align: center;
		border-radius: 6px;
		padding: 9px 6px;
	}
	.ti-paper .ti-paper-mtab.is-more { grid-column: 1 / -1; }
}

/* 「題名を押すと何が開くか」の1文（XXXさん 4566655）。
   見出しの直下・絞り込みより上。注釈ではなく本文の一部として置く。 */
.ti-paper .ti-paper-howto {
	font-size: 13px;
	line-height: 1.85;
	color: #2b3138;
	margin: 12px 0 4px;
}
.ti-paper .ti-paper-howto__b {
	display: block;
	margin-top: 3px;
	color: var(--ti-pp-note);
	font-size: 12.5px;
}

/* 絞り込みの「著者」の群＝開発者ページへのリンク（XXXさん 4566031）。
   **チェックボックスは出さない**＝押しても外せない状態を作らない。
   見た目は左列のほかの群に合わせる。 */
.ti-paper .ti-paper-fdev {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 5px 2px;
	font-size: 13px;
	color: #2b3138;
	text-decoration: none;
}
.ti-paper .ti-paper-fdev:hover { color: var(--ti-pp-accent); text-decoration: underline; }
.ti-paper .ti-paper-fdevnote {
	margin: 4px 2px 0;
	font-size: 11.5px;
	line-height: 1.65;
	color: var(--ti-pp-note);
}

/* 個別ページの戻る動線（「ほかの論文」の直前） */
.ti-paper .ti-paper-up--single {
	margin: 26px 0 6px;
	padding-top: 14px;
	border-top: 1px solid #e8eaee;
}

/* =========================================================================
   2026-09-22 XXXさん 4568739「読める形」と日本語論文
   ========================================================================= */

/* 「読める形」の札＝研究デザインのチップとは**別の場所・別の色系統**
   （UIデザイナー 4566740 の②）。デザインのチップは「どんな研究か」、
   この札は「どこまで読めるか」で、読者が使う目的が違う。
   **警告色は使わない。無印＝英語の抄録だけ、が既定の状態。** */
.ti-paper .ti-paper-acc { white-space: nowrap; }
.ti-paper .ti-paper-flag.is-ja {
	background: #eef2f7;
	border-color: #d4dde8;
	color: #3d5a7a;
}
.ti-paper .ti-paper-flag.is-full {
	background: #eef4ef;
	border-color: #d6e2d8;
	color: #3f6148;
}
/* 抄録どまり＝本文が読める札より弱い色。**警告色にしない**＝
   「抄録しか読めない」ではなく「抄録が読める」という前向きの表示 */
.ti-paper .ti-paper-flag.is-abst {
	background: #f3f4f0;
	border-color: #e0e3d9;
	color: #5a6152;
}

/* 個別ページの「全文を読む」＝原典と行き先が違うときだけ出る2本目 */
.ti-paper .ti-paper-src__full { margin-left: 14px; }

/* 一覧の下の「書誌情報のみの論文」の区分＝同じページの中で下に寄せる。
   別ページには分けない（XXXさん 4567098）。 */
.ti-paper .ti-paper-h2 + .ti-paper-gnote { margin-top: -2px; }