:root{
  color-scheme: light;
  --paper:#F2F2F0; --filed:#F2F2F0; --ink:#000000; --slate:#41474A; --mute:#555B5E;
  --rule:#A9ACAD; --hanko:#303C43;
  /* 本文は Source Serif 4 (OFL・自前配信)。CJK は同梱せず OS の明朝に委ねる —
     本文中に日本語の書類名が現れるので、ゴシックに落ちないよう明朝を先に置く。 */
  --serif:"Source Serif 4","Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP",Georgia,"Times New Roman",serif;
  --admin:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;
  --mono:var(--admin);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.68 var(--serif);padding:0 22px 80px;-webkit-font-smoothing:antialiased}
.sheet{max-width:672px;margin:0 auto}
.admin{font-family:var(--admin);text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--mute)}

/* running head */
/* 柱 (running head) — 中央揃えの二段。誌名は記事見出しと競合しないよう
   字送りを広げた小さめの大文字にし、素性の一行を罫で挟む。 */
.runhead{display:flex;flex-direction:column;align-items:center;gap:9px;
  padding:34px 0 14px;border-bottom:1px solid var(--rule);text-align:center}
.runhead a.home{font-family:var(--serif);font-weight:700;font-size:14px;
  text-transform:uppercase;letter-spacing:.17em;color:var(--ink);text-decoration:none;
  white-space:nowrap;transition:color .15s}
.runhead a.home .dot{display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--hanko);margin-left:9px;vertical-align:middle}
.runhead a.home:hover{color:var(--hanko)}
.runhead .admin{display:flex;align-items:center;gap:13px;max-width:100%}
.runhead .admin::before,.runhead .admin::after{
  content:"";width:30px;height:1px;background:var(--rule);flex:none}
@media(max-width:520px){
  .runhead a.home{letter-spacing:.12em;font-size:13px}
  .runhead .admin::before,.runhead .admin::after{width:16px}
}

/* article head */
article header{padding:40px 0 0}
.kicker{font-family:var(--mono);font-size:13px;letter-spacing:-.01em;color:var(--hanko);display:block;margin-bottom:16px}
h1{font-size:clamp(30px,5.8vw,43px);line-height:1.08;font-weight:600;margin:0;letter-spacing:-.021em;text-wrap:balance}

/* 対象企業 — 見出しは婉曲なので、誰の話かは書類の記載事項として1行で置く */
.subject{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:14px 0 0;padding:8px 0 0;
  border-top:1px solid var(--rule);font-family:var(--mono);font-size:12.5px;letter-spacing:-.01em}
.subject .k{font-family:var(--admin);text-transform:uppercase;letter-spacing:.13em;font-size:9.5px;
  color:var(--mute);align-self:center}
.subject b{color:var(--ink);font-weight:700}
.subject .tk{color:var(--hanko);font-variant-numeric:tabular-nums}
.subject .jp{color:var(--slate)}
.subject .lg{color:var(--mute);font-size:11px}
.subject .co-note{color:var(--mute);font-size:11px;border:1px solid var(--rule);border-radius:99px;padding:1px 7px}

.dek{font-size:19px;line-height:1.55;color:var(--slate);margin:16px 0 0;text-wrap:pretty}
.byline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0 0;padding-top:14px;border-top:1px solid var(--rule)}
.byline .who{display:flex;gap:8px;align-items:center}
.byline .av{width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 9px/24px var(--admin);text-align:center;letter-spacing:.04em;flex:none}
.byline span{font-family:var(--mono);font-size:11.5px;color:var(--mute);letter-spacing:-.01em}

/* 検証メタ帯 — 読む前に質を見せる唯一の場所 */
.vbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:26px 0 0;padding:11px 14px;
  background:var(--filed);border:1px solid var(--rule);border-left:3px solid var(--hanko);border-radius:0 3px 3px 0;
  font-family:var(--mono);font-size:11.5px;letter-spacing:-.01em;color:var(--slate);line-height:1.55}
.vbar b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.vbar .s{color:var(--rule)}
.vbar a{color:var(--hanko);text-decoration:none;border-bottom:1px solid var(--rule)}
.vbar a:hover{border-bottom-color:var(--hanko)}

/* body */
.body{margin:34px 0 0}
.body p{margin:0 0 20px}
.body p:first-of-type::first-letter{
  float:left;font-size:59px;line-height:.84;font-weight:700;color:var(--hanko);
  margin:5px 9px 0 0;
}
.body b,.body strong{font-weight:700;color:var(--ink)}
.body h2{font-family:var(--serif);font-size:22px;line-height:1.28;font-weight:600;letter-spacing:-.012em;
  margin:42px 0 14px;text-wrap:balance;position:relative}
.body h2::before{content:"";position:absolute;left:-20px;top:.62em;width:11px;height:2px;background:var(--hanko)}
@media(max-width:700px){.body h2::before{display:none}}
.body h2:first-child{margin-top:0}
.body p+h2{margin-top:42px}
.pull{margin:32px 0;padding:2px 0 2px 20px;border-left:3px solid var(--hanko);font-size:21px;line-height:1.45;font-style:italic;color:var(--ink);text-wrap:pretty}
.plate{background:var(--filed);border:1.5px solid var(--rule);border-radius:5px;padding:16px 17px 12px;box-shadow:0 2px 12px rgba(27,32,35,.06);transform:rotate(-.4deg);margin:34px 0 0}
.plate svg{display:block;width:100%;height:auto;overflow:visible}
.hand{font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:10px;fill:#1B2023}
.handr{font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:10px;fill:var(--hanko)}
figure{margin:0;padding:0}
figcaption{font-style:italic;font-size:13.5px;color:var(--slate);margin:11px 2px 34px;line-height:1.5}

/* what would change our mind — 事実と判断の分離を可視化する装置 */
.disconfirm{margin:40px 0 0;background:var(--filed);border:1px solid var(--rule);border-left:3px solid var(--hanko);
  border-radius:0 4px 4px 0;padding:18px 20px 16px}
.disconfirm h2{font-family:var(--admin);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;
  color:var(--hanko);margin:0 0 10px;font-weight:600}
.disconfirm p{margin:0;font-size:15.5px;line-height:1.6;color:var(--slate)}

.jump{margin:28px 0 0;font-family:var(--admin);font-size:12.5px;color:var(--slate)}
.jump a{color:var(--hanko);text-decoration:none;border-bottom:1px solid var(--rule)}
.jump a:hover{border-bottom-color:var(--hanko)}

/* sources — the authority device */
.sources{margin:44px 0 0;border-top:1.5px solid var(--ink);padding-top:18px}
.sources h2{font-family:var(--admin);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;color:var(--mute);margin:0 0 14px;font-weight:600}
.sources ol{margin:0;padding-left:22px;font-size:14px;line-height:1.6}
.sources li{margin:0 0 9px;color:var(--slate)}
.sources a{color:var(--hanko);text-decoration:none;border-bottom:1px solid var(--rule);word-break:break-word}
.sources a:hover{border-bottom-color:var(--hanko)}
.sources .pubname{font-family:var(--admin);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-left:5px}

/* foot */
.notice{margin:30px 0 0;background:var(--filed);border:1px solid var(--rule);border-radius:4px;padding:15px 17px;font-size:13.5px;line-height:1.6;color:var(--slate)}
footer.doc{margin:38px 0 0;border-top:1px solid var(--rule);padding-top:14px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
footer.doc a{color:var(--mute);text-decoration:none;border-bottom:1px solid var(--rule)}
footer.doc a:hover{color:var(--hanko)}
a:focus-visible{outline:2px solid var(--hanko);outline-offset:2px}

/* 記事間の回遊 (2026-08-03。それまで内部リンクはゼロだった) */
.related{margin:44px 0 0;border-top:1px solid var(--rule);padding-top:18px}
.related h2{font-family:var(--admin);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;color:var(--mute);margin:0 0 14px;font-weight:600}
.related ul{margin:0;padding:0;list-style:none;font-size:14.5px;line-height:1.55}
.related li{margin:0 0 10px}
.related a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.related a:hover{color:var(--hanko);border-color:var(--hanko)}
.related .rl{display:block;font-family:var(--mono);font-size:11px;color:var(--mute);margin-top:2px}
/* 購読導線。外部サービス無し = RSS と mailto だけの正直な箱 */
.subscribe{margin:40px 0 0;border:1px solid var(--rule);border-radius:2px;background:var(--filed);padding:16px 18px;font-size:14px;line-height:1.6;color:var(--slate)}
.subscribe b{color:var(--ink);font-weight:600}
.subscribe a{color:var(--hanko);text-decoration:none;border-bottom:1px solid var(--rule)}

/* 数の刊行物なので、本文・出典・メタ帯の数字は等幅に揃える
   (証券コードと金額が縦に並ぶ。2026-08-31) */
.body,.vbar,.sources,.subject,.related{font-variant-numeric:tabular-nums}

/* データ図 — 装飾図 (.plate) と役割が違う。
   紙面に直接置き、枠も影も付けない。揺らぎも掛けない (点の位置が意味を持つ)。
   Refero の Operate (研究計器の紙面) を参照した。2026-08-31 */
figure.chart{margin:36px 0 0;padding:0}
figure.chart svg{display:block;width:100%;height:auto;overflow:visible}
figure.chart figcaption{margin:14px 2px 34px}
@media(max-width:560px){figure.chart{margin-left:-12px;margin-right:-12px}}

/* 帯を積む代わりに、題名と導入を一続きに読む。補足は小さく、罫を持たせない。 */
.admin{font-size:12px;letter-spacing:0;text-transform:none;color:var(--slate)}
.runhead{align-items:flex-start;text-align:left;gap:3px;padding:30px 0 0;border:0}
.runhead a.home{font-size:18px;letter-spacing:0;text-transform:none}
.runhead a.home .dot,.runhead .admin::before,.runhead .admin::after{display:none}
article header{padding-top:52px}
.kicker{font:13px/1.5 var(--admin);color:var(--slate);letter-spacing:0;margin-bottom:12px}
h1{font-size:clamp(34px,6vw,49px);line-height:1.1}
.dek{font-size:21px;line-height:1.5;margin-top:20px}
.subject{border:0;padding:0;margin-top:24px;font:13px/1.6 var(--admin);color:var(--slate)}
.subject .k{font-size:12px;text-transform:none;letter-spacing:0}
.subject .tk{color:var(--slate)}
.subject .co-note{border:0;padding:0;border-radius:0}
.byline{border:0;padding:0;margin-top:10px;gap:8px}
.byline .av{display:none}
.byline span{font:12px/1.6 var(--admin);color:var(--slate);letter-spacing:0}
.vbar{border:0;border-radius:0;background:none;padding:0;margin-top:8px;gap:5px;
  font:12px/1.6 var(--admin);letter-spacing:0}
.vbar b{font-weight:500;color:var(--slate)}
.vbar .s{color:var(--mute)}
.body{margin-top:42px}
/* 赤い頭文字・小見出しの飾り罫を外し、本文そのもののリズムを残す。 */
.body p:first-of-type::first-letter{float:none;font:inherit;color:inherit;margin:0}
.body h2::before{display:none}
.pull{border:0;padding:0;margin:36px 0;font-size:24px}
/* 挿絵は紙面上の小さな余白として扱う。データ図の幅・座標には触れない。 */
.plate{max-width:440px;margin:40px auto 0;padding:0;background:none;border:0;
  border-radius:0;box-shadow:none;transform:none}
figure:not(.chart) figcaption{max-width:440px;margin:12px auto 36px}
.disconfirm,.notice,.subscribe{border:0;border-radius:0;box-shadow:none;padding:20px 24px}
.notice{background:none;padding:0;margin-top:36px}
.disconfirm h2,.sources h2,.related h2{font:600 14px/1.5 var(--admin);text-transform:none;letter-spacing:0;color:var(--slate)}
.sources .pubname{font-size:11px;text-transform:none;letter-spacing:0}
.related{border:0;padding-top:0}
.related .rl{font:12px/1.5 var(--admin)}
footer.doc{font-size:13px}
@media(max-width:520px){article header{padding-top:36px}.dek{font-size:19px}}

/* 新聞の密度は小さな本文と罫で作る。既存の自前明朝を細く大きく使い、色に頼らない。 */
body{font-size:16.5px;line-height:1.45;padding-bottom:48px;overflow-wrap:anywhere}
.sheet{max-width:600px}
h1{font-weight:300;font-size:clamp(36px,5vw,50px);line-height:1.04}
.runhead{padding:20px 0 10px;border-bottom:1px solid var(--ink)}
article header{padding-top:24px}
.kicker{margin-bottom:8px}
.dek{font-size:17px;line-height:1.45;margin-top:12px;color:var(--ink)}
.subject{margin-top:14px}
.byline{margin-top:6px}
.vbar{margin-top:12px;padding:7px 0;border-block:1px solid var(--rule)}
.body{margin-top:22px}
/* 段落間の空白の代わりに字下げで区切り、長文を連続した紙面にする。 */
.body p{margin:0 0 5px;text-indent:1.25em}
.body h2,.body p+h2{font-size:27px;font-weight:400;margin:25px 0 9px}
.pull{font-size:22px;margin:24px 0;padding-block:10px;border-block:1px solid var(--rule)}
.plate{margin-top:24px;filter:grayscale(1)}
figure.chart{filter:grayscale(1)}
.disconfirm,.subscribe{padding:12px 0;border-block:1px solid var(--rule)}
.disconfirm p,.sources ol,.notice,.subscribe{line-height:1.45}
.sources,.related{margin-top:28px}
/* 題字の帯だけ中央揃え。トップの三段は縦罫で連結して一面として見せる。 */
body:has(.masthead) .sheet{max-width:1180px}
.masthead{padding:20px 0 0;text-align:left;display:flex;flex-direction:column}
.brand{justify-content:flex-start}
.brand h1{font-size:clamp(34px,5vw,64px);font-weight:400;letter-spacing:-.04em}
.brand .dot,.brand::before,.brand::after{display:none}
.mast-rule{display:none}
.mast-meta{order:1;margin-top:10px;padding:5px 0;border-block:1px solid var(--ink);gap:10px;flex-wrap:nowrap;text-align:center}
.mast-meta .admin{font-size:12px;color:var(--ink)}
.mast-meta .admin+.admin::before{color:var(--ink)}
.tag{max-width:none;margin:7px 0 0;font-size:16px;font-style:normal;color:var(--ink)}
.latest{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.85fr);margin-top:18px;gap:0 18px}
.latest-card{grid-column:1;border:0;border-right:1px solid var(--rule);border-radius:0;padding:0 18px 0 0;background:none}
.latest-card:hover{transform:none;box-shadow:none}
.latest .lk{font:12px/1.35 var(--admin);margin-bottom:9px;color:var(--hanko)}
.latest h2{font-size:42px;line-height:1.04;font-weight:300;margin:0 0 10px;text-wrap:pretty}
.latest-card p{font-size:16.5px;line-height:1.45;margin-top:12px;color:var(--ink)}
.latest .go{font:12px/1.4 var(--admin);letter-spacing:0;text-transform:none}
.recent,.rgrid{display:contents}
.recent .rl{grid-column:2/4;grid-row:1;align-self:start;font:12px/1.4 var(--admin);padding-bottom:5px;border-bottom:1px solid var(--ink)}
.latest-card{grid-row:1/8}
.rgrid .card{min-width:0;grid-column:3;border-bottom:1px solid var(--rule);padding:9px 0;margin:0}
.rgrid .card:nth-child(1){grid-column:2;grid-row:2/5}
.rgrid .card:nth-child(2){grid-column:2;grid-row:5/8}
.rgrid .card:nth-child(-n+2){border-right:1px solid var(--rule);padding-right:18px}
.rgrid .card:nth-child(n+3){grid-column:3;grid-row:auto}
.rgrid .card:nth-child(3){grid-row:2}.rgrid .card:nth-child(4){grid-row:3}
.rgrid .card:nth-child(5){grid-row:4}.rgrid .card:nth-child(6){grid-row:5}
.rgrid .card:nth-child(7){grid-row:6}.rgrid .card:nth-child(8){grid-row:7}
.rgrid .plate,.rgrid .label{display:none}
.rgrid h2{display:block;overflow:visible;font-size:27px;line-height:1.08;font-weight:300;margin:0 0 7px}
.rgrid .dek{display:block;font:16px/1.45 var(--serif);color:var(--ink)}
.rgrid .card:nth-child(n+3) h2{font-size:21px;margin:0}
.rgrid .card:nth-child(n+3) .dek{display:none}
.latest .arch-link{grid-column:1/-1;text-align:left;margin:12px 0 0;padding-top:7px;border-top:1px solid var(--ink)}
.latest .arch-link a{padding:0;border:0;border-radius:0;text-transform:none;letter-spacing:0;font-size:13px}
.thesis{border-top:1px solid var(--ink);padding-top:14px;columns:2;column-gap:36px;column-rule:1px solid var(--rule)}
.thesis .lead,.thesis .turn{font-size:17px;line-height:1.45;color:var(--ink)}
figure.exhibit{break-inside:avoid;max-width:340px;margin:18px auto}
.form-wrap{border-radius:0;background:none;padding:16px;box-shadow:none}
button:hover{background:var(--ink)}
/* 一覧も見出しを切らず三段にし、絞り込み後は同じ罫の中で再配置する。 */
body:has(.idx-head){--mono:var(--admin)}
.sheet:has(.idx-head) .idx-head{padding-top:20px}
.sheet:has(.idx-head) .idx-head h1{font-weight:300}
.sheet:has(.idx-head) .sub{max-width:none;margin-top:10px;font-size:16px;line-height:1.45}
.sheet:has(.idx-head) .filters{margin-top:12px}
.sheet:has(.idx-head) .stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:20px}
.stack .card,.stack .card.lead-story{grid-column:auto;padding:12px 16px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule)}
.stack .card.lead-story .plate{display:none}
.stack .card h2,.stack .card.lead-story h2{font-size:29px;font-weight:300;line-height:1.08}
.stack .card .dek,.stack .card.lead-story .dek{font-size:16px;line-height:1.45;color:var(--ink)}
/* 狭い紙幅では段を畳む。負の余白や固定幅で画面外へ押し出さない。 */
@media(max-width:700px){
  body{padding-inline:16px}
  .mast-meta{gap:5px}.mast-meta .admin{font-size:9px;white-space:nowrap}
  .mast-meta .admin+.admin::before{margin-right:5px}
  .latest{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
  .latest-card{grid-column:1/-1;grid-row:auto;border-right:0;border-bottom:1px solid var(--ink);padding:0 0 14px}
  .latest h2{font-size:36px}
  .recent .rl{grid-column:1/-1;grid-row:auto;margin-top:10px}
  .rgrid .card:nth-child(n){grid-column:auto;grid-row:auto;padding:10px 0;border-right:0}
  .rgrid .card:nth-child(odd){border-right:1px solid var(--rule);padding-right:12px}
  .rgrid h2{font-size:24px}.rgrid .card:nth-child(n+3) h2{font-size:20px}
  .rgrid .dek{font-size:16px}
  .thesis{columns:1}
  .sheet:has(.idx-head) .stack{grid-template-columns:1fr}
  .stack .card,.stack .card.lead-story{padding-inline:0;border-right:0}
  .sheet:has(.idx-head) .chips{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0;mask-image:none;-webkit-mask-image:none}
  .sheet:has(.idx-head) .chip{max-width:100%;white-space:normal;text-align:left}
}