/* v8 PC（1100px〜）：見開き。左に章番号の背表紙、本文760px・21px、図版は左右へ交互にはみ出す */
body{font-size:21px;line-height:2.05}
.wm-reader{max-width:1720px;margin:0 auto;padding:0 56px 0 300px}
.wm2-layout-single,.wm2-layout-main,.wm2-sheet,.wm2-sheet__pad,.wm2-stage{padding:0;margin:0}

/* 背表紙＝目次。現在の章だけ大きく赤。他は番号と薄い題 */
.wm2-chapters{position:fixed;left:max(28px,calc(50vw - 860px + 28px));top:40px;bottom:40px;width:216px;overflow-y:auto;padding:0 20px 0 0;border-right:1px solid var(--hair)}
.wm2-chapters::before{content:"CHAPTERS";display:block;font:500 15px var(--sans);letter-spacing:.3em;color:var(--ink-3);margin-bottom:22px}
.wm2-chapters summary{display:none}
.wm2-chapters li{margin:0 0 14px}
.wm2-chapters a{display:block;font:400 15px/1.55 var(--sans);color:var(--ink-3);transition:color .2s}
.wm2-chapters a::before{display:block;font-size:15px;margin:0 0 2px}
.wm2-chapters a.is-current{font:400 16px/1.5 var(--serif);color:var(--red)}
.wm2-chapters a.is-current::before{color:var(--red)}

/* 扉：全幅の写真。下から紙へ溶けて、その上に大題名 */
.wm2-hero{position:relative;min-height:min(92vh,900px);display:grid;grid-template-rows:1fr auto;align-items:end;margin:0 -56px 0 0;isolation:isolate}
.wm2-hero__media{position:absolute;inset:0;z-index:-1}
.wm2-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.wm2-hero__body{padding:260px 56px 36px 64px;background:linear-gradient(to top,var(--paper) 0,rgba(243,234,214,.96) 28%,rgba(243,234,214,.6) 52%,transparent 100%)}
.wm2-hero h1{font-size:clamp(54px,4.6vw,74px);line-height:1.25;letter-spacing:-.01em;max-width:16em;word-break:auto-phrase;text-wrap:balance}
.wm2-hero h1::after{content:"";display:block;width:72px;height:1px;background:var(--gold);margin:36px 0 30px}
.wm2-hero__hook{font-size:24px;line-height:1.9;max-width:30em;color:var(--ink-2)}
.wm2-hero__credit{padding:0 56px 28px 64px;font-size:15px;color:var(--ink-3);background:var(--paper)}

/* 概要：要約を大きく。右に番号つきの問いと基本情報 */
.wm2-dossier{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px 96px;max-width:1240px;margin:72px 0 0;padding:0 0 72px;border-bottom:1px solid var(--ink)}
.wm2-dossier__summary{grid-row:span 2;padding-right:24px}
.wm2-dossier__title{font-size:15px;margin-bottom:18px}
.wm2-dossier__summary p:not(.wm2-dossier__title){font-size:24px;line-height:1.95}
.wm2-dossier__mystery{list-style:none;padding:0;counter-reset:q}
.wm2-dossier__mystery li{counter-increment:q;position:relative;padding:14px 0 14px 54px;border-top:1px solid var(--hair);font-size:19px;line-height:1.7}
.wm2-dossier__mystery li::before{content:counter(q,upper-roman);position:absolute;left:0;top:12px;font-family:var(--serif);font-size:22px;color:var(--gold)}
.wm2-dossier__facts dl{display:grid;grid-template-columns:5.5em 1fr;gap:0 20px;font:15px/1.7 var(--sans)}
.wm2-dossier__facts dt{color:var(--ink-3);letter-spacing:.1em;padding:10px 0;border-top:1px solid var(--hair)}
.wm2-dossier__facts dd{padding:10px 0;border-top:1px solid var(--hair)}

/* 章：760pxの段。章番号は段の左、余白に沈む */
.wm2-section-frame{max-width:1240px;padding:120px 0 24px;scroll-margin-top:24px;border:0}
.wm2-section-frame>*{max-width:760px;margin-left:auto;margin-right:auto}
.wm2-section-frame>.wm2-head{position:relative;margin-bottom:44px}
.wm2-section-frame>.wm2-head::before{position:absolute;left:-200px;top:-54px;font-size:168px;color:rgba(142,31,23,.09)}
.wm2-head h2{font-size:40px;line-height:1.4;word-break:auto-phrase;text-wrap:balance}
.wm2-head__lead{margin-top:22px;font-size:20px;line-height:1.9;color:var(--ink-2)}
.wm2-prose p{margin-bottom:1.3em}

/* 図版：段より広く、左右へ交互にはみ出す。説明は左の余白へ（資料番号つき） */
.wm2-section-frame>.wm2-figure{max-width:1120px;display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-areas:"cap img";gap:0 36px;align-items:end;margin:56px 0 56px auto}
.wm2-section-frame>.wm2-figure:nth-of-type(even){margin-left:0;margin-right:auto;grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:"img cap"}
.wm2-figure>.wm2-photo-print,.wm2-figure>img{grid-area:img}
.wm2-figure figcaption{grid-area:cap;font-size:15px;line-height:1.75;padding-bottom:4px}
.wm2-figure img{width:100%;max-height:720px;object-fit:cover}
.wm2-figure--bleed{max-width:none;margin:96px -56px 96px 0;display:block}
.wm2-figure--bleed img{max-height:none;height:min(80vh,820px);object-fit:cover}
.wm2-figure--bleed figcaption{padding:12px 56px 0 0;font-size:15px}

/* 囲み：髪線だけ */
.wm2-section-frame>.wm2-theories,.wm2-section-frame>.wm2-conflict,.wm2-section-frame>.wm2-document,.wm2-section-frame>.wm2-location{max-width:1120px}
.wm2-theories,.wm2-question,.wm2-callout,.wm2-note,.wm2-panel--dark,.wm2-conflict,.wm2-document,.wm2-location{margin:72px auto;padding:36px 0}
.wm2-theories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;padding-top:28px}
.wm2-theory-card{border-top:0;padding:0}
.wm2-theory-card>h3::before{font-size:22px}
.wm2-theory-card h3{font-size:26px;line-height:1.45;margin-bottom:18px}
.wm2-theory-card__can>span,.wm2-theory-card__cannot>span{display:block;font-size:15px;margin:16px 0 6px}
.wm2-theory-card p{font-size:17px;line-height:1.9;color:var(--ink-2)}
.wm2-question,.wm2-callout,.wm2-note{max-width:1120px}
.wm2-question .wm2-head h2,.wm2-callout .wm2-head h2,.wm2-note h2{font-size:34px;text-align:left;margin-bottom:28px}
.wm2-question__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px}
.wm2-question__item{border-top:0;padding:0}
.wm2-question__num{font-size:44px;margin-bottom:14px}
.wm2-question__item .wm2-title{font-size:23px;line-height:1.55;margin-bottom:14px}
.wm2-question__item p:not(.wm2-title){font-size:17px;line-height:1.9;color:var(--ink-2)}
.wm2-callout p{max-width:760px;margin:1em 0 0;font-size:19px}
.wm2-note ul{max-width:760px;margin:12px 0 0;padding-left:1.1em}.wm2-note li{margin:12px 0;font-size:19px}

/* 引用：段からはみ出す */
.wm2-quote{max-width:1000px!important;margin:80px auto;padding-left:96px}
.wm2-quote::before{font-size:200px}
.wm2-quote blockquote{font-size:36px;line-height:1.65;padding:0}
.wm2-quote cite{font-size:15px;margin-top:18px}

/* 対立 */
.wm2-conflict{display:grid;grid-template-columns:1fr 64px 1fr;gap:16px 24px;align-items:start}
.wm2-conflict .wm2-title{font-size:15px;margin-bottom:10px}
.wm2-conflict blockquote{font-size:24px;line-height:1.7;padding-left:20px}
.wm2-conflict cite{display:block;font:15px var(--sans);letter-spacing:.06em;color:var(--ink-3);margin-top:10px;font-style:normal}
.wm2-conflict__vs{align-self:center;font-size:15px;writing-mode:vertical-rl}
.wm2-conflict__note{grid-column:1/-1;font-size:17px;color:var(--ink-2);padding-top:18px;border-top:1px solid var(--hair)}

/* 数字 */
.wm2-panel--dark{max-width:760px}
.wm2-panel--dark h3{font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:.2em;color:var(--red);margin-bottom:28px}
.wm2-stats{gap:32px}
.wm2-stat__value{font-size:64px}.wm2-unit{font-size:22px;margin-left:4px}
.wm2-stat__note{display:block;font-size:15px;margin-top:12px}

/* 資料・地図 */
.wm2-document__col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"title img" "desc img";grid-template-rows:auto 1fr;gap:12px 48px;align-items:start}
.wm2-document h3{grid-area:title;font-size:28px;line-height:1.45}
.wm2-document__desc{grid-area:desc;font-size:18px;line-height:1.9;color:var(--ink-2)}
.wm2-document__img{grid-area:img}
.wm2-document__img>span{display:block;font-size:15px;letter-spacing:.08em;margin-top:10px}
.wm2-location{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px}
.wm2-location figcaption{font-size:15px;margin-top:12px}
.wm2-location__notes{align-self:center}
.wm2-pin-note{font-size:17px;line-height:1.75;padding:14px 0;border-top:1px solid var(--hair)}
.wm2-pin-note:first-child{border-top:0}

/* 結び：全幅の写真が紙へ溶け、余韻は中央 */
.wm2-coda{margin:140px -56px 0 0}
.wm2-coda>img{height:min(78vh,760px);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
.wm2-coda__body{max-width:760px;margin:-80px auto 0;padding:0 0 96px}
.wm2-coda__body p{font-size:27px;line-height:2;margin-bottom:1em}
.wm2-coda__credit{font-size:15px;margin-top:28px}

/* 出典：三段 */
.wm2-endmatter{max-width:1240px;padding:48px 0 96px;font-size:15px;line-height:1.8}
.wm2-endmatter>h2{font-size:15px;font-family:var(--sans);font-weight:500;letter-spacing:.3em;color:var(--ink-3);margin-bottom:36px}
.wm2-source-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.wm2-source-group h3{font-size:15px;margin-bottom:14px}
.wm2-source-group ul{list-style:none;padding:0}
.wm2-source-group li{padding:8px 0;border-top:1px solid var(--hair)}
.wm2-archive-credits{margin-top:48px;border-top:1px solid var(--ink);padding-top:16px}
.wm2-archive-credits summary{font-size:15px}
.wm2-archive-credits__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px;margin-top:20px}
.wm2-archive-credits__grid>div{display:grid;grid-template-columns:80px 1fr;gap:2px 16px;padding:12px 0;border-top:1px solid var(--hair)}
.wm2-archive-credits__grid img{grid-row:span 2;width:80px;height:80px;object-fit:cover}
/* v9 PC追加 */
.wm2-hero::before{left:-64px;top:0;font-size:15px}
.wm2-hero{margin-left:64px}
.wm2-question{margin-left:-300px;margin-right:-56px;max-width:none;padding-left:300px;padding-right:56px}
.wm2-question>.wm2-head,.wm2-question__list{max-width:1120px}
.wm2-question__num{font-size:64px}

/* 本番の外枠＋全部品（PC） */
.post_content .wm-reader{font-size:21px;line-height:2.05}
/* 目次はサイトのヘッダーの下から。出典欄に来たら隠す */
.wm2-chapters{top:104px;transition:opacity .25s}
.wm2-chapters.is-past{opacity:0;visibility:hidden}
.wm2-chapters>p{display:none}
body:has(.wm-reader[data-edition="reader-2"]) .p-breadcrumb{padding-left:max(300px,calc(50vw - 860px + 300px))}
/* 記事本文の外（広告・タグ・共有）は本文段にそろえる */
body:has(.wm-reader[data-edition="reader-2"]) .post_content>:not(.wm-reader){max-width:760px;margin-left:auto;margin-right:auto}
.wm2-section-frame>:is(.wm2-photo-pair,.wm2-photo-grid,.wm2-evidence-board,.wm2-person,.wm2-reading,.wm2-editorial-split,.wm2-clock){max-width:1120px}
.wm2-spec,.wm2-timeline,.wm2-margin-note,.wm2-interlude,.wm2-pull,.wm2-photo-pair,.wm2-photo-grid,.wm2-evidence-board,.wm2-person,.wm2-reading,.wm2-editorial-split,.wm2-clock,.wm2-panel:not(.wm2-panel--dark),.wm-site-ad{margin-top:56px;margin-bottom:56px}
.wm2-spec{font-size:17px;line-height:1.75}
.wm2-timeline__item{padding:0 0 28px 30px}
.wm2-timeline__time{font-size:30px}
.wm2-timeline__body{font-size:18px;line-height:1.9}
.wm2-timeline__body strong{font-size:21px;color:var(--ink)}
.wm2-margin-note{padding:20px 0;font-size:18px;line-height:1.9}
.wm2-interlude{padding:8px 0;font-size:26px;line-height:1.8}
.wm2-pull{padding:30px 0;font-size:34px;line-height:1.6}
.wm2-photo-pair,.wm2-photo-grid,.wm2-evidence-board,.wm2-person,.wm2-reading{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.wm2-editorial-split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px}
.wm2-section-frame>.wm2-photo-break{max-width:1120px;margin-top:96px;margin-bottom:96px}
.wm2-photo-break>img{max-height:820px}
.wm2-photo-break__body{max-width:760px;margin:0 auto;padding:36px 0 0}
.wm2-photo-break__body h2{font-size:34px;line-height:1.5;margin-bottom:16px}
.wm2-photo-break__body p{font-size:21px;line-height:2}
.wm2-photo-break figcaption{max-width:760px;margin:12px auto 0;font-size:15px}
:is(.wm2-evidence-board__item,.wm2-reading__item) h3,.wm2-person .wm2-title{font-size:24px;line-height:1.5}
:is(.wm2-evidence-board__item,.wm2-reading__item,.wm2-person__card) p{font-size:17px;line-height:1.9}
.wm2-person__role{font-size:15px}
.wm2-clock,.wm2-panel:not(.wm2-panel--dark){padding:28px 0}
.wm2-clock__tick{padding:14px 0;font-size:18px;line-height:1.85}
.wm2-num{font-size:34px}
.wm2-document__lines li{font-size:17px;line-height:1.85}
.wm-site-ad{padding:28px 0}
.wm-site-ad__layout--banner{grid-template-columns:300px minmax(0,1fr)}
.post_content .wm-site-ad__title{font-size:24px}
.wm-site-ad__body p{font-size:17px;line-height:1.85}

.wm2-document:has(.wm2-document__lines){grid-template-columns:repeat(2,minmax(0,1fr))}

/* 本番補正：サイトの固定ヘッダー（約64px）に肩書きが隠れない位置へ。章番号は型の色で薄く見せる */
.wm2-hero{--site-header-h:64px}
.wm2-hero::before{top:var(--site-header-h)}
.wm-reader .wm2-section-frame>.wm2-head::before{color:var(--accent);opacity:.12}

/* 夜の帯の中の回答は明るい文字に（寸法側の ink-2 指定より後に置く） */
.wm2-question .wm2-question__item p:not(.wm2-title){color:color-mix(in srgb,var(--night-ink) 78%,transparent)}
/* v9の型の色を寸法側の金より優先（見本と同じ見え方） */
.wm-reader .wm2-hero h1::after{background:var(--accent)}
.wm-reader .wm2-dossier .wm2-dossier__mystery>li::before{color:var(--accent)}