/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 12 2026 | 03:32:15 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@500;600;700;800;900&display=swap");
/* ten — 世界ミステリー図鑑の記事の型（正本。決まりは docs/ten/README.md）
   文字の大きさ（スマホ / PC）。これより小さい字は作らない。
     本文 18 / 22　説明札 15 / 16　出どころ 14 / 15　目次 18 / 20
     小見出し 21 / 26　章の見出し 28 / 40　題名は1行に収まる大きさを自動で決める */
.tn{
  --wall:#f4f2ed; --ink:#161514; --mute:#55524c; --line:rgba(22,21,20,.18);
  --accent:#8a2f22; --case:#e6e1d5; --frame:#2a2521; --mat:#fbfaf7;
  --serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
  --sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --gut:20px;
  width:100vw; margin-left:calc(50% - 50vw); overflow-x:clip;
  background:var(--wall); color:var(--ink);
  font-family:var(--serif); font-weight:500; font-size:20px; line-height:2; letter-spacing:.02em;
  line-break:strict; overflow-wrap:anywhere; -webkit-font-smoothing:antialiased;
}
.tn *,.tn *::before,.tn *::after{box-sizing:border-box}
.tn.tn h1,.tn.tn h2,.tn.tn h3,.tn.tn p,.tn.tn figure,.tn.tn blockquote,.tn.tn ol,.tn.tn ul,.tn.tn li{margin:0; padding:0; border:0; background:none; font:inherit; color:inherit; list-style:none}
/* テーマ（SWELL）が見出し・引用に付ける飾り（h3 の金の線など）を消す。2026-11-11、サイトの上で見つけた */
.tn.tn h1::before,.tn.tn h1::after,.tn.tn h2::before,.tn.tn h2::after,.tn.tn h3::before,.tn.tn h3::after,.tn.tn h4::before,.tn.tn h4::after,.tn.tn blockquote::before,.tn.tn blockquote::after,.tn.tn li::before,.tn.tn li::after{content:none}
.tn.tn img{display:block; max-width:100%; height:auto; border:0; border-radius:0}
.tn.tn a{color:inherit; text-decoration:none}
.tn-k{font-size:.86em}
.tn-nb{display:inline-block; max-width:100%}   /* 読点ごとのまとまり。入りきらないときだけ、まとまりの中で折り返す */

/* 表紙 */
.tn.tn .tn-gate__photo img{width:100%; height:auto; max-height:82vh; object-fit:cover; object-position:center 40%}
/* 表紙が地図や図のときは、切らずに全体を見せる */
.tn.tn .tn-gate__photo--whole img{object-fit:contain; background:var(--case)}
.tn.tn .tn-gate__cred{margin-top:18px; padding-top:10px; border-top:1px solid var(--line); font-family:var(--sans); font-size:14px; line-height:1.7; color:var(--mute)}
.tn.tn .tn-gate__cred a{text-decoration:underline; text-underline-offset:.2em}
.tn-gate__body{position:relative; padding:0 var(--gut); max-width:1120px; margin-inline:auto}
/* 表紙の真鍮板：文字のない板（plate-blank.webp）の左右の鋲を残して真ん中だけ伸ばし、ジャンル名を刻む */
.tn.tn .tn-plate{--ph:50px; position:relative; display:inline-flex; align-items:center; height:var(--ph); margin-top:calc(var(--ph) * -.48);
  border-style:solid; border-width:0 calc(var(--ph) * .93); border-image:url(https://worldmysteriesencyclopedia.com/wp-content/uploads/2026/11/ten-plate-blank.webp) 0 150 fill / 0 calc(var(--ph) * .93) stretch;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.35)); font-family:var(--serif); font-weight:900; font-size:calc(var(--ph) * .44); line-height:1; letter-spacing:.14em;
  color:#160f08; text-shadow:0 1px 0 rgba(255,238,200,.7); white-space:nowrap}
.tn-plate span{padding:0 .1em 0 .26em}
.tn.tn .tn-title{margin-top:20px; font-weight:900; line-height:1.3}
.tn-title__pre{display:block; font-size:19px; font-weight:700; line-height:1.65}
/* 主題：14字までなら1行に収まる大きさ。それより長い題は、24px（PCは56px）より小さくせず、つり合いよく折り返す */
.tn-title__main{display:block; margin-top:6px; font-size:clamp(24px,calc((100vw - 2 * var(--gut)) / var(--len,11) / 1.02),96px); line-height:1.25; letter-spacing:0; text-wrap:balance}
.tn.tn .tn-lede{margin-top:22px; font-size:20px; line-height:2}

/* 目次（中央） */
.tn-toc{max-width:680px; margin:52px auto 0; padding:0 var(--gut)}
.tn.tn .tn-toc h2{font-family:var(--sans); font-weight:700; font-size:16px; letter-spacing:.2em; padding-bottom:10px; border-bottom:2px solid var(--ink)}
.tn.tn .tn-toc li a{display:flex; gap:1em; align-items:baseline; padding:13px 0; border-bottom:1px solid var(--line); font-size:18px; font-weight:600; line-height:1.6}
.tn-toc li a b{flex:none; width:1.4em; font-family:var(--sans); font-weight:700; color:var(--accent)}

/* 章の区切りの版画と、章の見出し */
.tn.tn img.tn-band{width:min(100% - 2 * var(--gut),720px); margin:64px auto 0; opacity:.75}
.tn-sec{padding-top:36px}
.tn.tn .tn-h{max-width:1120px; margin-inline:auto; padding:0 var(--gut)}
.tn.tn .tn-h span{display:block; font-weight:800; font-size:28px; line-height:1.45; padding-bottom:12px; border-bottom:1px solid var(--ink)}

/* 写真の見せ方：額入り／テープで留めた紙焼き */
.tn-piece{margin:28px auto 0!important; padding:0 var(--gut); max-width:1120px}
.tn-frame{background:var(--mat); padding:10px; border:6px solid var(--frame); box-shadow:0 20px 36px -18px rgba(20,16,10,.5),0 3px 8px rgba(20,16,10,.16)}
.tn-frame--thin{border-width:4px; padding:8px}
.tn-print{position:relative; background:#fdfcf8; padding:20px 9px 11px; box-shadow:0 1px 2px rgba(0,0,0,.22),0 16px 30px -12px rgba(20,16,8,.45); transform:rotate(-.8deg)}
.tn-print::before{content:""; position:absolute; z-index:1; left:50%; top:-30px; width:120px; height:50px; margin-left:-60px; background:url(https://worldmysteriesencyclopedia.com/wp-content/uploads/2026/11/ten-tape1.webp) center/contain no-repeat; transform:rotate(-3deg); filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}
.tn-label{margin-top:14px; padding:13px 15px 14px; background:#fff; border:1px solid var(--line); font-family:var(--sans); font-size:15px; line-height:1.8; color:#24221f}
.tn-label strong{display:block; margin-bottom:.2em; font-size:16px; font-weight:700; line-height:1.6}
.tn-label strong i{font-style:normal; color:var(--accent); margin-right:.6em}
.tn-label small{display:block; margin-top:.5em; font-size:14px; color:var(--mute)}

/* 本文と赤鉛筆 */
.tn-wall{padding:40px var(--gut) 0}
.tn-wall>*{max-width:760px; margin-inline:auto!important}
.tn.tn .tn-wall p{margin-top:1.5em}
.tn.tn .tn-wall p:first-child{margin-top:0}
.tn-pair{max-width:1040px!important; margin-top:44px!important; display:grid; gap:40px}

/* 資料の面：古地図を敷いた机の上に、紙と道具を置く */
.tn-case{position:relative; margin-top:60px; padding:64px var(--gut) 60px; background:var(--case); border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden}
.tn-case::before{content:""; position:absolute; inset:0; background:url(https://worldmysteriesencyclopedia.com/wp-content/uploads/2026/11/ten-oldmap.webp) center/1400px auto; opacity:.16; mix-blend-mode:multiply}
.tn-case__in{position:relative; max-width:760px; margin-inline:auto}
.tn.tn .tn-doc{position:relative; padding:34px 22px 28px; background:#fbf9f3 url(https://worldmysteriesencyclopedia.com/wp-content/uploads/2026/11/ten-paper.webp) center/600px; box-shadow:0 14px 30px -16px rgba(20,16,10,.5),0 1px 3px rgba(20,16,10,.2); transform:rotate(-.4deg)}
.tn.tn .tn-doc p{font-weight:700; font-size:21px; line-height:1.9}
.tn.tn .tn-doc cite{display:block; margin-top:14px; font-style:normal; font-family:var(--sans); font-size:14px; line-height:1.7; color:var(--mute)}
.tn.tn img.tn-stamp{position:absolute; right:12px; bottom:-20px; width:96px; transform:rotate(-7deg); opacity:.92}
.tn.tn img.tn-weight{position:absolute; left:-16px; top:-66px; width:74px; transform:rotate(-14deg); filter:drop-shadow(0 12px 12px rgba(20,16,8,.45))}   /* 紙を押さえる道具 */
.tn-sheet{position:relative; margin-top:64px!important; padding:34px 22px 26px; background:#fff; box-shadow:0 14px 28px -16px rgba(20,16,10,.45),0 1px 3px rgba(20,16,10,.18); transform:rotate(.35deg)}
.tn.tn .tn-sheet>img.tn-clip{position:absolute; right:26px; top:-26px; width:58px; transform:rotate(10deg)}
.tn.tn .tn-sub{font-weight:800; font-size:21px; line-height:1.5; padding-bottom:10px; border-bottom:1px solid var(--ink)}
.tn.tn .tn-views>div{padding:18px 0; border-bottom:1px solid var(--line)}
.tn.tn .tn-views h3{font-weight:700; font-size:19px; line-height:1.6}
.tn.tn .tn-views p{margin-top:6px; font-size:19px; line-height:1.95}
.tn.tn img.tn-unknown{width:min(100%,300px); margin:26px auto 0; transform:rotate(-1.2deg); filter:drop-shadow(0 6px 8px rgba(0,0,0,.25))}
.tn-end{height:90px}

@media (min-width:900px){
  .tn{font-size:25px; --gut:48px}
  .tn.tn .tn-plate{--ph:62px}
  .tn-title__pre{font-size:30px}
  .tn-title__main{font-size:clamp(56px,calc((min(100vw,1120px) - 2 * var(--gut)) / var(--len,11) / 1.02),100px)}
  .tn.tn .tn-lede{font-size:25px; margin-top:30px; max-width:36em}
  .tn-toc{margin-top:80px}
  .tn.tn .tn-toc li a{font-size:20px; padding:15px 0}
  .tn.tn img.tn-band{margin-top:110px}
  .tn-sec{padding-top:56px}
  .tn.tn .tn-h span{font-size:40px; padding-bottom:16px}
  .tn-piece{margin-top:44px!important; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:32px; align-items:end}
  .tn-frame{padding:26px; border-width:11px}
  .tn-frame--thin{padding:14px; border-width:6px}
  .tn-print{padding:28px 14px 18px}
  .tn-print::before{width:170px; height:70px; margin-left:-85px; top:-42px}
  .tn-label{margin:0 0 4px; font-size:16px}
  .tn-label strong{font-size:17px}
  .tn-label small{font-size:15px}
  .tn-wall{padding-top:72px}
  .tn-pair{grid-template-columns:1.25fr 1fr; gap:56px; align-items:start; margin-top:72px!important}
  .tn-pair .tn-label{margin-top:18px}
  .tn-case{margin-top:104px; padding:120px var(--gut) 104px}
  .tn.tn .tn-doc{padding:52px 56px 46px}
  .tn.tn .tn-doc p{font-size:30px; line-height:1.85}
  .tn.tn .tn-doc cite{font-size:15px}
  .tn.tn img.tn-stamp{width:140px; right:30px; bottom:-32px}
  .tn.tn img.tn-weight{width:150px; left:-150px; top:-104px}
  .tn-sheet{margin-top:96px!important; padding:52px 56px 40px}
  .tn.tn .tn-sheet>img.tn-clip{width:84px; top:-38px; right:44px}
  .tn.tn .tn-sub{font-size:26px}
  .tn.tn .tn-views h3{font-size:22px}
  .tn.tn .tn-views p{font-size:22px}
  .tn.tn img.tn-unknown{width:380px; margin-top:34px}
  .tn-end{height:140px}
}

/* ---- ここから部品 ---- */

/* 蛍光ペン */
.tn mark.tn-hl{background:linear-gradient(transparent 52%,rgba(255,221,64,.78) 52%,rgba(255,221,64,.78) 94%,transparent 94%); color:inherit; font-weight:700; padding:0 .08em; -webkit-box-decoration-break:clone; box-decoration-break:clone}
/* 強調は黄色の蛍光ペンと黒い字の1種類（2026-11-11 ユーザー「黄色だけのほうが見やすい」）。原稿の mark:red / teal / gold はどれも同じ見た目になる。 */
.tn mark.tn-hl--red,.tn mark.tn-hl--teal{color:inherit; background:linear-gradient(transparent 52%,rgba(255,221,64,.78) 52%,rgba(255,221,64,.78) 94%,transparent 94%)}

/* この記事の謎 */
.tn-intro{max-width:1120px; margin:44px auto 0; padding:0 var(--gut)}
.tn.tn .tn-intro h2,.tn.tn .tn-toc h2{font-family:var(--sans); font-weight:700; font-size:16px; letter-spacing:.2em; padding-bottom:10px; border-bottom:2px solid var(--ink)}
.tn.tn .tn-q li{display:flex; gap:.8em; align-items:baseline; padding:16px 0; border-bottom:1px solid var(--line); font-weight:700; font-size:20px; line-height:1.75}
.tn-q li b{flex:none; font-family:var(--sans); color:var(--accent)}
.tn.tn img.tn-crest{width:150px; margin:26px auto 0; opacity:.85}

/* 概要の「基本情報」カード */
.tn-info{position:relative; max-width:760px; margin:56px auto 0!important; padding:30px 22px 14px; background:#fff; box-shadow:0 14px 28px -16px rgba(20,16,10,.45),0 1px 3px rgba(20,16,10,.18); transform:rotate(-.3deg)}
.tn.tn .tn-info>img{position:absolute; right:24px; top:-26px; width:58px; transform:rotate(10deg)}
.tn.tn .tn-info h3{font-family:var(--sans); font-weight:700; font-size:16px; letter-spacing:.16em; padding-bottom:10px; border-bottom:2px solid var(--ink)}
.tn-info div{display:grid; grid-template-columns:4.6em 1fr; gap:1em; padding:12px 0; border-bottom:1px solid var(--line); font-size:17px; line-height:1.8}
.tn-info div:last-child{border-bottom:0}
.tn-info b{font-family:var(--sans); font-weight:700; color:var(--accent)}

/* 本文の中の写真 */
.tn-wall>.tn-fig{max-width:900px; margin-top:44px!important; margin-bottom:8px!important}
.tn-wall>.tn-fig--tall{max-width:420px}
.tn-print--clip::before{background-image:url(https://worldmysteriesencyclopedia.com/wp-content/uploads/2026/11/ten-clip.webp); width:62px; height:62px; left:auto; right:18px; top:-28px; margin:0; transform:rotate(12deg)}
.tn-print--r{transform:rotate(.7deg)}
/* テープは写真の上の紙の余白に貼る。人物の顔や髪にかけない（2026-11-11、アガサ図18で見つかった） */
/* 地図や図：テープ・クリップは上の紙の余白に留め、図の文字に重ねない */
.tn-print--doc,.tn-print--clip{padding-top:38px}
@media (min-width:900px){.tn-print--doc,.tn-print--clip{padding-top:56px}}
.tn-print--r::before{background-image:url(https://worldmysteriesencyclopedia.com/wp-content/uploads/2026/11/ten-tape2.webp); left:26%; transform:rotate(5deg)}
.tn-wall>.tn-set{max-width:1040px; margin-top:44px!important; display:grid; gap:40px}
.tn-wall>.tn-set>figure:first-child{grid-column:1 / -1}
.tn-wall>.tn-pair,.tn-wall>.tn-set{margin-bottom:8px!important}

/* 画面いっぱいの写真 */
.tn-full{margin-top:72px}
.tn.tn .tn-full>img{width:100%; height:auto; max-height:90vh; object-fit:cover; object-position:center 40%}
.tn-full__txt{max-width:760px; margin:0 auto; padding:22px var(--gut) 0}
.tn.tn .tn-full__txt h2{font-weight:800; font-size:26px; line-height:1.5}
.tn.tn .tn-full__txt p{margin-top:6px; font-size:20px; font-weight:600}
.tn-full .tn-label{margin-top:18px}

/* 付箋（余白の書き込み） */
.tn-memo{position:relative; padding:26px 20px 20px; background:#fbf0b4 url(https://worldmysteriesencyclopedia.com/wp-content/uploads/2026/11/ten-paper.webp) center/600px; background-blend-mode:multiply; box-shadow:0 10px 20px -12px rgba(20,16,10,.45),0 1px 2px rgba(20,16,10,.18); transform:rotate(-.6deg); font-size:19px; line-height:1.95; margin-top:44px!important; margin-bottom:8px!important}
.tn-memo::before{content:""; position:absolute; left:50%; top:-18px; width:110px; height:44px; margin-left:-55px; background:url(https://worldmysteriesencyclopedia.com/wp-content/uploads/2026/11/ten-tape2.webp) center/contain no-repeat; transform:rotate(2deg)}
.tn-memo b{display:block; margin-bottom:.3em; font-family:var(--sans); font-size:15px; letter-spacing:.14em; color:var(--accent)}

/* 資料の面に置く紙：年表・人物 */
.tn-case__in>*+*{margin-top:56px!important}
.tn-sheet--plain{margin-top:0!important}
.tn.tn .tn-time li{display:grid; grid-template-columns:1fr; gap:2px; padding:15px 0; border-bottom:1px solid var(--line)}
.tn-time time{font-family:var(--sans); font-weight:700; font-size:16px; color:var(--accent)}
.tn-time b{font-weight:700; font-size:19px; line-height:1.6}
.tn-time span{font-size:19px; line-height:1.9}
.tn-people{display:grid; gap:34px}
.tn-person{display:grid; grid-template-columns:96px 1fr; gap:6px 16px; align-items:center}
.tn-person>div:last-child{display:contents}
.tn-person .tn-print{grid-row:1 / 3}
.tn-person p,.tn-person small.tn-cred{grid-column:1 / -1}
.tn-person--nophoto{grid-template-columns:1fr}
.tn-person--nophoto>div:last-child{display:block}
.tn-person .tn-print{padding:12px 6px 8px}
.tn-person .tn-print::before{width:76px; height:32px; margin-left:-38px; top:-20px}
.tn.tn .tn-person h3{font-weight:800; font-size:20px; line-height:1.5}
/* 人名は「・」の区切りで折り返す（アーサー・コ／ナン・ドイル を防ぐ） */
.tn.tn .tn-person h3{word-break:keep-all; overflow-wrap:anywhere}
.tn-person small{display:block; font-family:var(--sans); font-size:15px; color:var(--accent); line-height:1.6; margin-top:2px}
.tn.tn .tn-person p{margin-top:8px; font-size:19px; line-height:1.9}
.tn-person small.tn-cred{margin-top:8px; font-size:14px; color:var(--mute)}
.tn.tn img.tn-stamp--sheet{right:18px; bottom:auto; top:-18px; width:96px; transform:rotate(8deg)}

/* 謎はどこまで解けたか */
.tn.tn .tn-ans li{padding:24px 0; border-bottom:1px solid var(--line)}
.tn.tn .tn-ans h3{font-weight:700; font-size:20px; line-height:1.8}
.tn.tn .tn-ans p{margin-top:10px}

/* 編集部の考察：封蝋の手紙を添えた便箋 */
.tn-essay{position:relative; padding:40px 22px 30px; background:#fbf9f3 url(https://worldmysteriesencyclopedia.com/wp-content/uploads/2026/11/ten-paper.webp) center/600px; box-shadow:0 16px 34px -18px rgba(20,16,10,.5),0 1px 3px rgba(20,16,10,.2)}
.tn.tn .tn-essay>img{position:absolute; right:-8px; top:-64px; width:112px; transform:rotate(9deg); filter:drop-shadow(0 10px 12px rgba(40,30,10,.35))}
.tn-essay small{display:block; font-family:var(--sans); font-weight:700; font-size:15px; letter-spacing:.2em; color:var(--accent)}
.tn.tn .tn-essay h2{margin-top:8px; font-weight:800; font-size:23px; line-height:1.55}
.tn.tn .tn-essay p{margin-top:1.3em; font-size:20px; line-height:2.05}

/* こぼれ話・結び・出典 */
.tn.tn .tn-trivia>div{padding:20px 0; border-bottom:1px solid var(--line)}
.tn.tn .tn-trivia h3{font-weight:700; font-size:20px}
.tn.tn .tn-trivia p{margin-top:4px}
.tn-coda{max-width:760px; margin:0 auto; padding:34px var(--gut) 0}
.tn.tn .tn-coda p{font-size:21px; font-weight:600; line-height:2}
.tn.tn .tn-coda p:last-child{margin-top:14px; font-weight:800; font-size:23px; line-height:1.8}
/* 記事の最後の広告枠（PR）。本文の流れを止めないよう、出典の手前に1つだけ置く */
.tn-pr{max-width:760px; margin:80px auto 0; padding:0 var(--gut)}
.tn-pr__in{position:relative; padding:22px 18px 16px; background:var(--mat); border:1px solid var(--line); box-shadow:0 2px 0 rgba(22,21,20,.06)}
.tn.tn .tn-pr__tag{position:absolute; top:-11px; left:16px; padding:2px 10px; background:var(--ink); color:#fff; font-family:var(--sans); font-weight:700; font-size:14px; letter-spacing:.12em; line-height:1.5}
.tn.tn .tn-pr h2{font-family:var(--sans); font-weight:700; font-size:17px; letter-spacing:.06em; color:var(--mute)}
.tn.tn .tn-pr li{display:flex; flex-direction:column; gap:4px; padding:14px 0; border-bottom:1px solid var(--line)}
.tn.tn .tn-pr li:last-child{border-bottom:0}
.tn.tn .tn-pr__kind{font-family:var(--sans); font-weight:700; font-size:14px; color:var(--accent); letter-spacing:.08em}
.tn.tn .tn-pr__a{display:grid; gap:2px; text-decoration:none; color:var(--ink)}
.tn.tn .tn-pr__a b{font-weight:700; font-size:18px; line-height:1.6}
.tn.tn .tn-pr__a span{font-family:var(--sans); font-size:15px; line-height:1.7; color:var(--mute)}
.tn.tn .tn-pr__a em{justify-self:start; margin-top:6px; padding:5px 14px; border:1px solid var(--ink); font-style:normal; font-family:var(--sans); font-weight:700; font-size:14px}
.tn.tn .tn-pr__a:hover em{background:var(--ink); color:#fff}
.tn.tn .tn-pr__px{position:absolute; width:1px; height:1px; opacity:0}
.tn.tn .tn-pr__note{margin-top:10px; font-family:var(--sans); font-size:14px; line-height:1.7; color:var(--mute)}
.tn-src{max-width:760px; margin:0 auto; padding:0 var(--gut)}
.tn.tn .tn-src h3{margin-top:30px; font-family:var(--sans); font-weight:700; font-size:16px; color:var(--accent)}
.tn.tn .tn-src li{padding:8px 0; border-bottom:1px solid var(--line); font-family:var(--sans); font-size:15px; line-height:1.7; word-break:break-word}
.tn.tn .tn-src li a{text-decoration:underline; text-underline-offset:.2em}
.tn.tn .tn-src p{margin-top:26px; font-size:16px; line-height:1.9; color:var(--mute)}
.tn.tn img.tn-seal{width:96px; margin:64px auto 0; transform:rotate(-6deg); filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}

@media (min-width:900px){
  .tn-intro{margin-top:72px; display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:64px; align-items:center}
  .tn.tn .tn-q li{font-size:26px; padding:20px 0}
  .tn.tn img.tn-crest{width:210px; margin:0}
  .tn-info{padding:48px 56px 26px; margin-top:80px!important}
  .tn.tn .tn-info>img{width:84px; top:-38px; right:44px}
  .tn-info div{font-size:19px; grid-template-columns:5.4em 1fr}
  .tn-wall>.tn-fig{margin-top:72px!important; margin-bottom:24px!important}
  .tn-wall>.tn-fig--tall{max-width:520px}
  .tn-print--clip::before{width:92px; height:92px; top:-42px; right:30px; margin:0}
  .tn-wall>.tn-set{grid-template-columns:1fr 1fr; gap:56px; margin-top:72px!important}
  .tn-wall>.tn-pair,.tn-wall>.tn-set{margin-bottom:24px!important}
  .tn-full{margin-top:120px}
  .tn-full__txt{padding-top:34px}
  .tn.tn .tn-full__txt h2{font-size:36px}
  .tn.tn .tn-full__txt p{font-size:25px}
  .tn-memo{padding:40px 44px 32px; font-size:22px; margin-top:72px!important; margin-bottom:24px!important}
  .tn-case__in>*+*{margin-top:96px!important}
  .tn-time time{font-size:17px}
  .tn-time b{font-size:22px}
  .tn-time span{font-size:22px}
  .tn.tn .tn-time li{grid-template-columns:9.5em 1fr; gap:4px 24px}
  .tn-time li time{grid-row:1 / 3}
  .tn-person{grid-template-columns:170px 1fr; gap:8px 30px; align-items:start}
  .tn-person>div:last-child{display:block}
  .tn-person .tn-print{grid-row:auto}
  .tn-person--nophoto{grid-template-columns:1fr}
  .tn.tn .tn-person h3{font-size:24px}
  .tn-person small{font-size:16px}
  .tn.tn .tn-person p{font-size:22px}
  .tn.tn img.tn-stamp--sheet{width:130px; right:40px; top:-30px}
  .tn.tn .tn-ans h3{font-size:24px}
  .tn-essay{padding:64px 64px 52px}
  .tn.tn .tn-essay>img{width:210px; right:-70px; top:-90px}
  .tn-essay small{font-size:16px}
  .tn.tn .tn-essay h2{font-size:34px}
  .tn.tn .tn-essay p{font-size:24px}
  .tn.tn .tn-trivia h3{font-size:24px}
  .tn.tn .tn-coda p{font-size:25px}
  .tn.tn .tn-coda p:last-child{font-size:30px}
  .tn.tn .tn-src li{font-size:16px}
  .tn.tn img.tn-seal{width:130px; margin-top:96px}
}

.tn.tn .tn-piece{padding:0 var(--gut)}
.tn-coda+.tn-label,.tn-full>.tn-label{max-width:760px; margin:18px auto 0}

/* 見出しや問いの行末に、1〜2文字だけ残さない */
.tn.tn h2,.tn.tn h3,.tn-title__pre,.tn-label,.tn.tn .tn-doc p{text-wrap:balance}
.tn.tn .tn-wall p,.tn.tn .tn-essay p{text-wrap:pretty}
.tn-q li span,.tn-q li mark{text-wrap:balance}   /* 謎の一覧は1〜2行。行末に1字だけ残さない */

/* 目次は折りたたみ（閉じた状態で始まる。JSは使わない） */
.tn-toc summary{display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; padding:14px 18px; border:1px solid var(--ink); font-family:var(--sans); font-weight:700; font-size:16px; letter-spacing:.14em}
.tn-toc summary::-webkit-details-marker{display:none}
.tn-toc summary::after{content:"＋"; font-size:20px; line-height:1; color:var(--accent)}
.tn-toc[open] summary::after{content:"－"}
.tn-toc[open] summary{border-bottom-width:2px}
.tn-toc ol{padding:0 2px}
@media (min-width:900px){.tn-toc summary{font-size:17px; padding:16px 22px}}

/* 追加の部品：項目の表・写真と表・食い違う話・証拠の並び */
.tn-rows>div{display:grid; grid-template-columns:1fr; gap:2px; padding:13px 0; border-bottom:1px solid var(--line); font-size:19px; line-height:1.85}
.tn-rows>div:last-child{border-bottom:0}
.tn-rows b{font-family:var(--sans); font-weight:700; font-size:16px; color:var(--accent)}
.tn-split{display:grid; gap:22px}
.tn.tn .tn-notes li{padding:11px 0; border-bottom:1px solid var(--line); font-size:19px; line-height:1.85}
.tn.tn .tn-cite,.tn.tn .tn-conflict__note{font-family:var(--sans); font-size:14px; line-height:1.75; color:var(--mute)}
.tn.tn .tn-conflict__note{margin-top:16px; font-size:15px}
.tn-ev{display:grid; gap:16px; padding:22px 0; border-bottom:1px solid var(--line)}
.tn-ev:last-child{border-bottom:0}
.tn.tn .tn-ev h3{font-weight:700; font-size:19px; line-height:1.6}
.tn.tn .tn-ev p{margin-top:6px; font-size:19px; line-height:1.95}
.tn-sheet .tn-label{border:0; padding:10px 0 0; background:none}
@media (min-width:900px){
  .tn-rows>div{grid-template-columns:8.5em 1fr; gap:24px; font-size:21px}
  .tn-rows b{font-size:17px}
  .tn-split{grid-template-columns:1fr 1fr; gap:36px; align-items:start}
  .tn.tn .tn-notes li{font-size:22px}
  .tn.tn .tn-cite{font-size:15px}
  .tn-ev{grid-template-columns:260px 1fr; gap:30px; align-items:start}
  .tn.tn .tn-ev h3{font-size:22px}
  .tn.tn .tn-ev p{font-size:22px}
}

/* 紙の中の写真には、クリップを重ねない（紙のクリップと二重になるため） */
.tn-sheet .tn-print--clip::before{display:none}

/* サイト全体のフッター（型の外）。追加CSSの「.l-footer a{color:#f4efe2}」が、記事ページの明るいフッターで
   リンクをほぼ見えなくしていた（2026-11-11、Codex の目視で見つかった）。リンクをフッターの文字色に合わせる。
   トップページなどの暗いフッターは、より強い指定（#body_wrap:has(.wm-home) …）が勝つので変わらない。 */
#body_wrap .l-footer a{color:inherit}