/* 記事・お知らせの「型」（2026-09-24 STΛCK「見出しと本文、話の展開の切れ目が分かりづらい。強弱がなく余白にルールがない。色も分かりづらい」）
   ここが唯一の正本。読み込みは reader.css より後。決まり:
   ・文字の階段: 見出し1 34/26 → 見出し2 24/21 → 見出し3 19/17 → 本文 16.5/15.5 → 注記 13/12.5（PC/スマホ）
   ・余白の階段: 章（h2）の前 64/48 → 小見出し（h3）の前 36/28 → 段落 18/16 → 囲み・図の前 28/22
   ・色: 地 白 / 文字 #1a1a1a / 補助 #6b6b6b / 罫線 #e3e3e3 / 囲みの地 #f4f4f4 / 強調は ライム（#C6F91F）だけ。黒地の箱（.take）は文字 #f2f2f2
   ・引用は 薄灰の地 ＋ ライムの左線。黒い引用は使わない */
:root{color-scheme:light}
.rd-blog .doc,.nw .doc{--ink:#1a1a1a;--ink-soft:#6b6b6b;--line:#e3e3e3;--page:#f4f4f4;color:#1a1a1a;font-size:16.5px;line-height:1.95;word-break:normal;line-break:strict;overflow-wrap:anywhere;text-wrap:wrap}

/* パンくず（記事・お知らせで同じ） */
.rd-crumb{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:0 0 18px;font-size:12.5px;line-height:1.4;color:#6b6b6b;white-space:nowrap;overflow:hidden;font-family:var(--jp)}
.rd-crumb a{color:#6b6b6b;text-decoration:none}.rd-crumb a:hover{color:#1a1a1a;text-decoration:underline;text-underline-offset:3px}
.rd-crumb span,.rd-crumb [aria-hidden]{color:#b0b0b0;margin:0}
.rd-crumb [aria-current],.rd-crumb .crumb-current{color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* 見出しの階段 */
.rd-blog .doc h1,.nw .doc h1{font-size:34px;font-weight:900;line-height:1.35;margin:14px 0 0;letter-spacing:.005em}
.rd-blog .doc h2,.nw .doc h2{font-size:24px;font-weight:900;line-height:1.4;margin:64px 0 0;padding:18px 0 0;border-top:2px solid #0a0a0a}
.rd-blog .doc h3,.nw .doc h3{font-size:19px;font-weight:800;line-height:1.5;margin:36px 0 0;padding-left:14px;border-left:4px solid #C6F91F}
.rd-blog .doc h4,.nw .doc h4{font-size:16.5px;font-weight:800;margin:26px 0 0}
.rd-blog .doc section{margin-top:0}
.rd-blog .doc h2+p,.nw .doc h2+p{margin-top:16px}
.rd-blog .doc h3+p,.nw .doc h3+p{margin-top:12px}

/* 本文・箇条書き */
.rd-blog .doc p,.nw .doc p{font-size:16.5px;line-height:1.95;margin:18px 0 0}
.rd-blog .doc ul,.rd-blog .doc ol,.nw .doc ul,.nw .doc ol{margin:16px 0 0;padding-left:1.4em;font-size:16.5px;line-height:1.95}
.rd-blog .doc li+li,.nw .doc li+li{margin-top:8px}
.rd-blog .doc p b,.rd-blog .doc li b{font-weight:800;background:linear-gradient(transparent 64%,rgba(198,249,31,.85) 64%)}
.rd-blog .doc a{color:#1a1a1a;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.rd-blog .doc .lede,.nw .doc .lede{font-size:17px;line-height:1.95;color:#4a4a4a;margin-top:18px}
.rd-blog .doc .rd-meta,.rd-blog .doc .meta{font-size:13px;line-height:1.8;color:#6b6b6b;margin:14px 0 22px}

/* 囲み: 全部同じ地の色・角丸・余白。種類は左線の色だけで見分ける */
.rd-blog .doc .tl3,.rd-blog .doc .note,.rd-blog .doc .q,.rd-blog .doc .step,.rd-blog .doc p.kw,.rd-blog .doc .warn,.rd-blog .doc blockquote,.nw .doc blockquote{background:#f4f4f4;border-radius:12px;padding:20px 22px;margin-top:28px;font-size:15.5px;line-height:1.9}
.rd-blog .doc .tl3{border-left:4px solid #0a0a0a;border-radius:0 12px 12px 0;font-weight:700}
.rd-blog .doc .tl3 ol{margin:0;padding-left:1.3em;font-size:15.5px}.rd-blog .doc .tl3 li+li{margin-top:10px}
.rd-blog .doc .note{border-left:4px solid #C6F91F;border-radius:0 12px 12px 0}
.rd-blog .doc .warn{border-left:4px solid #B03A3A;border-radius:0 12px 12px 0;background:#fbf1f1}
.rd-blog .doc p.kw{border-left:4px solid #C6F91F;border-radius:0 12px 12px 0;margin-top:20px}.rd-blog .doc p.kw+p.kw{margin-top:12px}
.rd-blog .doc .qa{margin-top:24px;gap:12px}.rd-blog .doc .q{margin-top:0}
.rd-blog .doc .q .n{background:#0a0a0a;color:#fff}
.rd-blog .doc .steps{margin-top:24px;gap:12px}.rd-blog .doc .step{margin-top:0;display:grid;grid-template-columns:56px 1fr;gap:6px 16px}
.rd-blog .doc .step .n{font-size:11px;color:#6b6b6b}.rd-blog .doc .step .n b{display:block;font-family:var(--en);font-size:26px;color:#1a1a1a;margin-top:2px;background:none}
.rd-blog .doc .step h3{margin:0;padding:0;border:0;font-size:17px}
.rd-blog .doc .step p{margin-top:8px;font-size:15px}
.rd-blog .doc blockquote,.nw .doc blockquote{border-left:4px solid #C6F91F;border-radius:0 12px 12px 0;color:#333;font-style:normal}
.rd-blog .doc blockquote p,.nw .doc blockquote p{margin-top:0;font-size:15.5px;line-height:1.9}
.rd-blog .doc blockquote p+p,.nw .doc blockquote p+p{margin-top:10px}
/* 黒い箱（まとめ）: 文字は明るく、強調はライムの文字 */
.rd-blog .doc .take{background:#0a0a0a;color:#f2f2f2;border-radius:12px;padding:24px 24px 26px;margin-top:28px}
.rd-blog .doc .take h3{margin:0;padding:0;border:0;color:#C6F91F;font-size:18px}
.rd-blog .doc .take p{color:#f2f2f2;margin-top:12px}
.rd-blog .doc .take p b{background:none;color:#C6F91F}
.rd-blog .doc .take .do{margin-top:14px;padding:14px 16px;background:rgba(255,255,255,.08);border-radius:10px}

/* 図・表・用語・出典 */
.rd-blog .doc figure.fig,.nw .doc figure{margin:28px 0 0;border-radius:12px;overflow:hidden;background:#f4f4f4}
.rd-blog .doc figure.fig figcaption,.nw .doc figcaption{font-size:13px;line-height:1.8;color:#6b6b6b;padding:10px 14px}
.rd-blog .doc table{font-size:13.5px}
.rd-blog .doc .term{border-bottom:2px dotted #9a9a9a}
.rd-blog .doc dl{margin-top:16px;gap:10px}.rd-blog .doc dt{font-size:14.5px;font-weight:800}.rd-blog .doc dd{font-size:14px;line-height:1.85;color:#4a4a4a}
.rd-blog .doc .src,.rd-blog .doc .meta a{font-size:13px;line-height:1.9;color:#6b6b6b}
.rd-blog .doc .mono{font-size:.9em}

/* 記事の下: 招待文は本文より控えめ。関連記事の見出しは h2 と同じ階段 */
.rd-cta{margin-top:40px}
.rd-cta a{font-size:14.5px;line-height:1.8;font-weight:700;color:#1a1a1a}
.rd-rel{margin-top:56px;padding-top:22px;border-top:2px solid #0a0a0a}
.rd-rel>h2{font-size:22px;font-weight:900;margin:0 0 20px}
.nw-doc .rd-pager{margin-top:44px}

/* スマホ */
@media (max-width:640px){
  .rd-blog .doc,.nw .doc{font-size:15.5px;line-height:1.9}
  .rd-crumb{font-size:12px;margin-bottom:14px}
  .rd-blog .doc h1,.nw .doc h1{font-size:26px;line-height:1.4;margin-top:10px}
  .rd-blog .doc h2,.nw .doc h2{font-size:21px;margin-top:48px;padding-top:14px}
  .rd-blog .doc h3,.nw .doc h3{font-size:17px;margin-top:28px;padding-left:12px}
  .rd-blog .doc h4,.nw .doc h4{font-size:15.5px;margin-top:22px}
  .rd-blog .doc p,.nw .doc p{font-size:15.5px;line-height:1.9;margin-top:16px}
  .rd-blog .doc ul,.rd-blog .doc ol,.nw .doc ul,.nw .doc ol{font-size:15.5px;line-height:1.9;margin-top:14px;padding-left:1.3em}
  .rd-blog .doc .lede,.nw .doc .lede{font-size:16px}
  .rd-blog .doc .rd-meta,.rd-blog .doc .meta{font-size:12.5px;margin:12px 0 18px}
  .rd-blog .doc .tl3,.rd-blog .doc .note,.rd-blog .doc .q,.rd-blog .doc .step,.rd-blog .doc p.kw,.rd-blog .doc .warn,.rd-blog .doc blockquote,.nw .doc blockquote,.rd-blog .doc .take{padding:16px 16px;margin-top:22px;font-size:15px;line-height:1.85}
  .rd-blog .doc .tl3 ol{font-size:15px}
  .rd-blog .doc .step{grid-template-columns:1fr;gap:4px}
  .rd-blog .doc .step .n{display:flex;align-items:baseline;gap:8px}.rd-blog .doc .step .n b{display:inline;font-size:22px;margin:0}
  .rd-blog .doc .step h3{margin-top:4px}
  .rd-blog .doc blockquote p,.nw .doc blockquote p{font-size:15px}
  .rd-blog .doc figure.fig,.nw .doc figure{margin:22px -18px 0;border-radius:0}
  .rd-blog .doc figure.fig figcaption,.nw .doc figcaption{font-size:12px;padding:8px 18px 0}
  .rd-blog .doc table{font-size:12.5px}
  .rd-blog .doc dt{font-size:14px}.rd-blog .doc dd{font-size:13.5px}
  .rd-cta{margin-top:32px}.rd-cta a{font-size:14px}
  .rd-rel{margin-top:44px;padding-top:18px}.rd-rel>h2{font-size:20px;margin-bottom:16px}
}

/* パンくず: articles-index.css の「44px の押し場」指定が間隔を広げ題名を次の行へ落としていた（2026-09-24 STΛCK「スマホのパンくず直ってない」）。記事も一覧も同じ 1 行に */
:is(.articles-index,.rd-blog,.nw) .rd-crumb,:is(.articles-index,.rd-blog,.nw) .rd-blog .rd-crumb{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;font-size:12.5px;line-height:1.4;white-space:nowrap;overflow:hidden;margin:0 0 18px}
:is(.articles-index,.rd-blog,.nw) .rd-crumb a,:is(.articles-index,.rd-blog,.nw) .rd-crumb span{display:inline;min-height:0;min-width:0;padding:0;line-height:1.4}
:is(.articles-index,.rd-blog,.nw) .rd-crumb a{padding-block:8px}  /* 押し場は上下だけ確保 */
:is(.articles-index,.rd-blog,.nw) .rd-crumb [aria-current],:is(.articles-index,.rd-blog,.nw) .rd-crumb .crumb-current{overflow:hidden;text-overflow:ellipsis;min-width:0;display:block;flex:0 1 auto;white-space:nowrap}
@media (max-width:640px){:is(.articles-index,.rd-blog,.nw) .rd-crumb{font-size:12px;margin-bottom:12px}}

/* ===== 2026-09-24 記事レイアウト v2 ＋ 案C「新聞の見出し」（STΛCK「これだと C が見やすい」）。以下が上の規則を上書きする ===== */
/* 記事レイアウト v2（試作。2026-09-24 STΛCK「記事が見づらすぎるので大幅に改修」）
   本番には未接続。読み込み順は article-system.css の後。方針:
   ・「箱」を減らす: 灰色の囲みは 要点（冒頭）と まとめ（末尾）だけ。用語・手順・質問は「行のかたまり」で見せる（罫線と番号で区切る）
   ・章は「番号 ＋ 見出し」で切れ目を強く。小見出しは太字だけ
   ・本文は 1 行 30〜36 字、行間 1.95、段落の間は 1.1 行ぶん。強調は太字＋細いライム下線（塗りつぶさない）
   ・図は左右いっぱい、説明は小さく灰色
   ・スマホは 16px、左右 20px、章の前 56px */
:root{--a-ink:#1a1a1a;--a-soft:#6b6b6b;--a-line:#e6e6e6;--a-page:#f5f5f5;--a-hi:#C6F91F}

/* 読む幅 */
.rd.rd-blog{grid-template-columns:minmax(0,680px)}
@media(min-width:1201px){.rd.rd-blog{grid-template-columns:minmax(0,680px) 240px}}
.rd-blog .doc,.nw .doc{max-width:680px;font-size:17px;line-height:1.95;color:var(--a-ink)}

/* 記事の頭: 分類 → 題名 → 要旨 → 著者・日付 → 画像 */
.rd-blog .doc h1,.nw .doc h1{font-size:clamp(26px,1.5rem + 1.2vw,36px);line-height:1.4;margin-top:12px;letter-spacing:0}
.rd-blog .doc .lede,.nw .doc .lede{font-size:17px;line-height:1.9;color:#444;margin-top:16px}
.rd-blog .doc .rd-meta,.rd-blog .doc .meta{font-size:12.5px;color:var(--a-soft);margin:14px 0 18px;gap:6px 14px}
.rd-hero{margin:8px 0 8px}
.rd-hero img{border-radius:12px}

/* 章: 番号つき。上に細い線、前に大きな余白 */
.rd-blog .doc h2,.nw .doc h2{counter-increment:chap;font-size:clamp(22px,1.2rem + 1vw,28px);line-height:1.35;margin:80px 0 0;padding:26px 0 0;border-top:1px solid var(--a-line);position:relative}
.rd-blog .doc{counter-reset:chap}
.rd-blog .doc h2::before{content:counter(chap,decimal-leading-zero);display:block;font-family:var(--en);font-size:13px;letter-spacing:.14em;color:var(--a-ink);margin-bottom:10px}
.rd-blog .doc h2::after{content:"";display:block;width:36px;height:3px;background:var(--a-hi);margin-top:14px}
.rd-blog .doc h2+p,.nw .doc h2+p{margin-top:22px}
/* 小見出し: 太字だけ。前に余白 */
.rd-blog .doc h3,.nw .doc h3{font-size:19px;line-height:1.5;margin:44px 0 0;padding:0;border:0}
.rd-blog .doc h3+p,.nw .doc h3+p{margin-top:12px}
.rd-blog .doc h4,.nw .doc h4{font-size:16.5px;margin:28px 0 0}

/* 本文 */
.rd-blog .doc p,.nw .doc p{font-size:17px;line-height:1.95;margin-top:1.15em}
.rd-blog .doc ul,.rd-blog .doc ol,.nw .doc ul,.nw .doc ol{font-size:17px;line-height:1.9;margin-top:1em;padding-left:1.4em}
.rd-blog .doc li+li{margin-top:.5em}
.rd-blog .doc li::marker{color:var(--a-soft)}
.rd-blog .doc p b,.rd-blog .doc li b{font-weight:800;background:none;text-decoration:underline;text-decoration-color:var(--a-hi);text-decoration-thickness:3px;text-underline-offset:5px}
.rd-blog .doc a{text-decoration-color:#9a9a9a}

/* 要点（冒頭）: 唯一の薄い箱 */
.rd-blog .doc .tl3{margin-top:30px;padding:22px 24px;background:var(--a-page);border:0;border-left:4px solid var(--a-ink);border-radius:0 12px 12px 0;font-size:16px;line-height:1.85;font-weight:700}
.rd-blog .doc .tl3 ol{margin:0;padding-left:1.4em;font-size:16px}
.rd-blog .doc .tl3 li+li{margin-top:.6em}
/* 用語（p.kw）: 箱をやめ、左に細い線と用語名 */
.rd-blog .doc p.kw{margin-top:1.15em;padding:0 0 0 18px;background:none;border:0;border-left:2px solid var(--a-line);border-radius:0;font-size:16.5px}
.rd-blog .doc p.kw+p.kw{margin-top:1.15em}
.rd-blog .doc p.kw>b:first-child{display:inline;text-decoration:none;border-bottom:0;background:linear-gradient(transparent 62%,var(--a-hi) 62%)}
/* 手順（.step）: 箱をやめ、番号を大きく。行の間は罫線 */
.rd-blog .doc .steps{margin-top:24px;gap:0;border-top:1px solid var(--a-line)}
.rd-blog .doc .step{margin:0;padding:20px 0 22px;background:none;border:0;border-bottom:1px solid var(--a-line);border-radius:0;display:grid;grid-template-columns:56px 1fr;gap:4px 14px}
.rd-blog .doc .step .n{font-size:10.5px;color:var(--a-soft);letter-spacing:.06em}
.rd-blog .doc .step .n b{display:block;font-family:var(--en);font-size:30px;line-height:1;color:var(--a-ink);margin-top:4px;text-decoration:none}
.rd-blog .doc .step h3{margin:0;font-size:17.5px}
.rd-blog .doc .step p{margin-top:6px;font-size:16px;line-height:1.85}
/* 質問（.q）: 同じ扱い */
.rd-blog .doc .qa{margin-top:24px;gap:0;border-top:1px solid var(--a-line)}
.rd-blog .doc .q{margin:0;padding:18px 0 20px;background:none;border:0;border-bottom:1px solid var(--a-line);border-radius:0;font-size:16.5px;line-height:1.9}
.rd-blog .doc .q .n{background:var(--a-ink);color:#fff}
/* 注記・注意: 左線だけ */
.rd-blog .doc .note,.rd-blog .doc .warn{margin-top:1.4em;padding:2px 0 2px 18px;background:none;border:0;border-left:3px solid var(--a-hi);border-radius:0;font-size:15.5px;color:#444}
.rd-blog .doc .warn{border-left-color:#B03A3A}
/* 引用 */
.rd-blog .doc blockquote,.nw .doc blockquote{margin-top:1.4em;padding:4px 0 4px 20px;background:none;border:0;border-left:3px solid var(--a-ink);border-radius:0;color:#333;font-size:16px}
.rd-blog .doc blockquote p{margin-top:0;font-size:16px}
/* まとめ（末尾）: 黒い箱はそのまま、余白を広く */
.rd-blog .doc .take{margin-top:44px;padding:28px 28px 30px;border-radius:14px}
.rd-blog .doc .take h3{font-size:19px;margin:0}
.rd-blog .doc .take p{margin-top:14px;font-size:16px}
/* 図 */
.rd-blog .doc figure.fig,.nw .doc figure{margin:36px 0 0;background:none;border-radius:0}
.rd-blog .doc figure.fig img{border-radius:12px}
.rd-blog .doc figure.fig figcaption,.nw .doc figcaption{padding:10px 2px 0;font-size:13px;color:var(--a-soft)}
/* 表・用語集・出典 */
.rd-blog .doc table{font-size:14px}
.rd-blog .doc dl{margin-top:20px;gap:14px}
.rd-blog .doc dt{font-size:15px}.rd-blog .doc dd{font-size:14.5px;color:#444}
.rd-blog .doc .src{margin-top:32px;font-size:13px}
/* 目次（スマホの details）*/
.rd-toc-m{margin:22px 0 0;border:1px solid var(--a-line);border-radius:10px;padding:10px 14px}
.rd-toc-m summary{font-weight:800;font-size:14px;cursor:pointer}
/* 下部 */
.rd-cta{margin-top:56px;padding:20px 22px;background:var(--a-page);border-radius:12px}
.rd-cta a{font-size:14.5px;line-height:1.8;text-decoration:none}
.rd-rel{margin-top:64px;border-top:1px solid var(--a-line);padding-top:24px}
.rd-rel>h2{font-size:20px;margin:0 0 18px;padding:0;border:0}
.rd-rel>h2::before,.rd-rel>h2::after{display:none}

/* スマホ */
@media (max-width:640px){
  .rd.rd-blog{padding:14px 20px 56px}
  .rd-blog .doc,.nw .doc{font-size:16px;line-height:1.9}
  .rd-blog .doc h1,.nw .doc h1{font-size:25px;line-height:1.4}
  .rd-blog .doc .lede,.nw .doc .lede{font-size:15.5px}
  .rd-blog .doc h2,.nw .doc h2{font-size:21px;margin-top:56px;padding-top:20px}
  .rd-blog .doc h2::before{font-size:12px;margin-bottom:8px}
  .rd-blog .doc h3,.nw .doc h3{font-size:17.5px;margin-top:34px}
  .rd-blog .doc p,.nw .doc p{font-size:16px;line-height:1.9;margin-top:1.1em}
  .rd-blog .doc ul,.rd-blog .doc ol,.nw .doc ul,.nw .doc ol{font-size:16px;padding-left:1.3em}
  .rd-blog .doc .tl3{padding:18px 18px;font-size:15px;margin-top:22px}
  .rd-blog .doc .tl3 ol{font-size:15px}
  .rd-blog .doc p.kw{font-size:15.5px;padding-left:14px}
  .rd-blog .doc .step{grid-template-columns:1fr;gap:2px;padding:16px 0 18px}
  .rd-blog .doc .step .n{display:flex;align-items:baseline;gap:8px}.rd-blog .doc .step .n b{display:inline;font-size:24px;margin:0}
  .rd-blog .doc .step h3{margin-top:2px;font-size:16.5px}
  .rd-blog .doc .step p{font-size:15.5px}
  .rd-blog .doc .q{font-size:15.5px}
  .rd-blog .doc .take{padding:22px 20px 24px;margin-top:36px}
  .rd-blog .doc figure.fig,.nw .doc figure{margin:26px -20px 0}
  .rd-blog .doc figure.fig img{border-radius:0}
  .rd-blog .doc figure.fig figcaption,.nw .doc figcaption{padding:8px 20px 0;font-size:12px}
  .rd-cta{margin-top:40px}
  .rd-rel{margin-top:48px}
}

/* 記事の見せ方 案C「新聞の見出し」: 白と黒だけ。章の頭は黒い帯（白抜き）で切れ目を強く。数字は極太。差し色なし */
:root{--a-ink:#0f0f0f;--a-soft:#666;--a-line:#dcdcdc;--a-page:#f2f2f2}
.rd-blog .doc,.nw .doc{font-size:17px;line-height:1.95}
.rd-blog .doc h1,.nw .doc h1{font-size:clamp(30px,1.7rem + 1.6vw,44px);line-height:1.3;letter-spacing:-.01em;font-weight:900}
.rd-blog .doc .lede{font-weight:700;color:#333}
.rd-blog .doc h2,.nw .doc h2{border-top:0;margin-top:76px;padding:16px 20px 18px;background:#0f0f0f;color:#fff;border-radius:6px;font-size:clamp(21px,1.2rem + 1vw,26px)}
.rd-blog .doc h2::before{color:#bdbdbd;font-size:12px;letter-spacing:.2em;margin-bottom:8px}
.rd-blog .doc h2::after{display:none}
.rd-blog .doc h3,.nw .doc h3{font-size:20px;font-weight:900;padding-bottom:8px;border-bottom:3px solid #0f0f0f}
.rd-blog .doc p b,.rd-blog .doc li b{text-decoration:none;font-weight:900;border-bottom:2px solid #0f0f0f}
.rd-blog .doc .tl3{background:#fff;border:2px solid #0f0f0f;border-radius:8px;padding:20px 22px}
.rd-blog .doc p.kw{border-left:3px solid #0f0f0f}
.rd-blog .doc p.kw>b:first-child{background:#0f0f0f;color:#fff;padding:2px 8px;border-radius:4px;margin-right:6px}
.rd-blog .doc .steps,.rd-blog .doc .qa{border-top:2px solid #0f0f0f}.rd-blog .doc .step,.rd-blog .doc .q{border-bottom:1px solid #cfcfcf}
.rd-blog .doc .step .n b{font-size:36px;font-weight:900}
.rd-blog .doc .note{border-left:3px solid #0f0f0f;background:#f2f2f2;padding:12px 16px}
.rd-blog .doc blockquote,.nw .doc blockquote{border-left:4px solid #0f0f0f;font-weight:700}
.rd-blog .doc .take{background:#0f0f0f;border:0}.rd-blog .doc .take h3{color:#fff;border-bottom:2px solid #444}.rd-blog .doc .take p b{color:#fff;border-bottom-color:#fff}
.rd-blog .doc figure.fig img{border-radius:0;border:2px solid #0f0f0f}
.rd-cta{background:#0f0f0f;color:#fff}.rd-cta a{color:#fff}
.rd-rel{border-top:2px solid #0f0f0f}

/* 用語の 3 行の型（やること／仕組み／結果）: 各行の頭の小さな見出し（2026-09-24 記事ルール v1） */
.rd-blog .doc p.kw .lb{display:inline-block;min-width:4.2em;margin-right:8px;font-size:11.5px;font-weight:800;letter-spacing:.04em;color:#fff;background:#6a6a6a;padding:2px 8px;border-radius:4px;vertical-align:1px}
.rd-blog .doc p.kw>b:first-child{display:inline-block;margin-bottom:8px}
.rd-blog .doc p.kw{line-height:1.9}
@media (max-width:640px){.rd-blog .doc p.kw .lb{min-width:0;font-size:10.5px;padding:2px 6px}}

/* 表（2026-09-24 実機で直した版）: 3 列以下は画面幅に収めて普通に折り返す（nowrap や width:1% は使わない。長文の列が 1 文字ずつ縦になった実害）。
   長文の表（build.py が class="t-stack" と data-label を付ける）は 640px 以下で 1 行＝1 枚に積む */
@media (max-width:640px){
  .rd-blog .doc .tscroll table:not(.t-stack):not(:has(tr>*:nth-child(4))){min-width:0;width:100%;table-layout:auto}
  .rd-blog .doc .tscroll table:not(.t-stack):not(:has(tr>*:nth-child(4))) :is(td,th){padding:10px 8px;white-space:normal;overflow-wrap:anywhere}
  .rd-blog .doc .tscroll table.t-stack{min-width:0;width:100%;display:block}
  .rd-blog .doc table.t-stack thead{display:none}
  .rd-blog .doc table.t-stack tr:has(th):not(:has(td)){display:none}
  .rd-blog .doc table.t-stack tbody,.rd-blog .doc table.t-stack tr{display:block}
  .rd-blog .doc table.t-stack tr{padding:12px 0;border-bottom:1px solid #ddd}
  .rd-blog .doc table.t-stack td{display:block;padding:2px 0 8px;border:0;white-space:normal;overflow-wrap:anywhere}
  .rd-blog .doc table.t-stack td::before{content:attr(data-label);display:block;font-size:11.5px;font-weight:700;color:#777;letter-spacing:.02em;margin-bottom:2px}
  .rd-blog .doc table.t-stack td:first-child{font-weight:700;font-size:16px}
  .rd-blog .doc table.t-stack td:first-child::before{display:none}
  /* 引用: ブラウザ既定の左右 40px をやめる（細い列で 1 行 12 文字になっていた） */
  .rd.rd-blog .doc blockquote,.nw .doc blockquote{margin-left:0;margin-right:0;padding-left:14px}
}

/* v3: LIG 型の 1 列（2026-09-24 STΛCK「記事の詳細は LIG の構成に寄せていい。フルワイドで使ってもいい」「目次と本文の構成が見づらい」）
   右の目次を廃止し、本文 1 列 820px。目次は導入の後・最初の章の前に灰色の箱で置く（開いた状態） */
.rd.rd-blog{grid-template-columns:minmax(0,820px)!important;max-width:1000px;gap:0}
.rd-toc{display:none!important}
.rd-blog .doc{max-width:none}
.nw .doc{max-width:680px}  /* ニュースは従来の幅のまま（2026-09-24 STΛCK「ニュース本文が急に横に広がったのは元に戻して」） */
.rd-head{margin:6px 0 24px}
.rd-head h1{font-size:clamp(28px,1.5rem + 1.7vw,44px);line-height:1.4;margin:0;letter-spacing:0;font-weight:800;color:#1a1a1a}
.rd-head .rd-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:18px 0 0;font-size:13px;color:#6b6b6b}
.rd-head .rd-meta .rd-au{font-weight:800;color:#1a1a1a}
.rd-face{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#ddd;flex:none}
.rd-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.rd-tags a{display:inline-block;padding:7px 12px;border:1.5px solid #1a1a1a;border-radius:6px;font-size:12.5px;font-weight:800;color:#1a1a1a;text-decoration:none;line-height:1;background:#fff}
.rd-tags a.sub{border-color:#c9c9c9;color:#555;font-weight:700}
.rd-hero{margin:0 0 30px;max-width:none}
.rd-hero img{border-radius:10px}
.rd-blog .doc .lede,.nw .doc .lede{margin-top:0}
.rd-blog .doc .hero .meta{margin-top:14px}
.rd-toc-m{display:block!important;margin:40px 0 8px;padding:26px 28px 22px;background:var(--page,#EEEEEE);border:0;border-radius:12px}
.rd-toc-m summary{font-size:18px;font-weight:800;list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;min-height:0}
.rd-toc-m summary::-webkit-details-marker{display:none}
.rd-toc-m summary::after{content:"閉じる";font-size:13px;font-weight:700;color:#6b6b6b;text-decoration:underline;text-underline-offset:3px}
.rd-toc-m:not([open]) summary::after{content:"開く"}
.rd-toc-m nav{display:grid;gap:0;margin-top:14px}
.rd-toc-m nav a{display:block;padding:12px 0;border:0;border-top:1px solid #d6d6d6;font-size:15.5px;font-weight:700;color:#1a1a1a;line-height:1.6}
.rd-toc-m nav a.h3{padding:4px 0 8px 18px;border-top:0;font-size:14px;font-weight:500;color:#555;margin-top:-6px}
.rd-toc-m nav a.h3+a.h3{margin-top:-2px}
.rd-toc-m nav a.on{color:#1a1a1a}
/* 目次の章の行に pages.css の汎用 .h2（下に 22px）が当たって行間が空いていた（2026-09-30） */
.rd-toc a.h2,.rd-toc-m nav a.h2{margin-bottom:0}
@media (min-width:641px){
  .rd-blog .doc :is(p:not(.src),ul,ol,dd,.lede,.q,.note,.warn,.step p){font-size:18px;line-height:2}
  .rd-blog .doc p.kw{font-size:17px}
}
@media (max-width:640px){
  .rd-head{margin-bottom:18px}
  .rd-head h1{font-size:26px}
  .rd-head .rd-meta{font-size:12.5px;gap:4px 12px;margin-top:14px}
  .rd-tags a{padding:6px 10px;font-size:12px}
  .rd-hero{margin-bottom:22px}
  .rd-toc-m{padding:18px 18px 12px;margin:28px 0 4px;border-radius:10px}
  .rd-toc-m summary{font-size:16px}
  .rd-toc-m nav a{font-size:14.5px;padding:10px 0}
  .rd-toc-m nav a.h3{font-size:13px}
}
/* v3 補正（2026-09-24）: 目次の下線を消す・本文 18px を reader.css より強く効かせる */
.rd.rd-blog .rd-toc-m nav a,.rd.rd-blog .rd-toc-m nav a:hover{text-decoration:none;background:none}
.rd.rd-blog .rd-toc-m nav a:hover{color:#000}
@media (min-width:641px){
  .rd.rd-blog .doc :is(p:not(.src),ul,ol,dd,.lede,.q,.note,.warn,.tl3,.do,.tl .x,.step p,.who,.vs .a){font-size:18px;line-height:2}
  .rd.rd-blog .doc p.kw{font-size:17px;line-height:1.95}
  .rd.rd-blog .doc .tl3,.rd.rd-blog .doc .tl3 ol{font-size:16.5px}
}

/* v4: 本文はシンプルに（2026-09-24 STΛCK「全体的にこのフォントと装飾のせいで見づらいのかも。記事本文だけはシンプルでいい」）
   本文と目次は標準のゴシック（Hiragino Sans / Noto Sans JP）。黒い帯・太い枠線・黒い札をやめ、章は太字＋細い下線、囲みは薄い灰色だけ */
/* 2026-09-24 12:00 STΛCK「3」: 書体は写真の太めのサイト書体（Zen Kaku）に戻し、章見出し・囲みはシンプル版のまま */
.rd.rd-blog .doc,.rd.rd-blog .rd-toc-m{font-family:var(--jp);letter-spacing:.01em}
.rd.rd-blog .doc{color:#1f1f1f;font-weight:500}
.rd.rd-blog .doc .lede{font-weight:700;color:#333}
.rd.rd-blog .doc h2{background:none;color:#111;border-radius:0;padding:0 0 12px;margin-top:64px;border-top:0;border-bottom:2px solid #111;font-size:clamp(22px,1.2rem + .9vw,27px);font-weight:700;line-height:1.5}
.rd.rd-blog .doc h2::before,.rd.rd-blog .doc h2::after{display:none}
.rd.rd-blog .doc h2+p{margin-top:22px}
.rd.rd-blog .doc h3{font-size:19px;font-weight:700;border-bottom:0;border-left:4px solid #111;padding:2px 0 2px 12px;margin-top:44px;line-height:1.5}
.rd.rd-blog .doc h4{font-size:16.5px;font-weight:700}
.rd.rd-blog .doc p b,.rd.rd-blog .doc li b{font-weight:700;border-bottom:0;text-decoration:none;background:none}
.rd.rd-blog .doc .tl3{background:#f5f5f5;border:0;border-radius:8px;padding:22px 24px;font-weight:400;font-size:16.5px}
.rd.rd-blog .doc .tl3 ol{font-weight:400}
.rd.rd-blog .doc .tl3 li+li{margin-top:.6em}
.rd.rd-blog .doc p.kw{border-left:0;background:#f7f7f7;border-radius:8px;padding:14px 16px 12px}
.rd.rd-blog .doc p.kw>b:first-child{background:none;color:#111;padding:0;font-size:17px;font-weight:700;margin:0 0 6px}
.rd.rd-blog .doc p.kw .lb{background:none;color:#777;padding:0;min-width:3.8em;font-size:12px;font-weight:700;letter-spacing:.02em}
.rd.rd-blog .doc .steps,.rd.rd-blog .doc .qa{border-top:1px solid #ddd}
.rd.rd-blog .doc .step,.rd.rd-blog .doc .q{border-bottom:1px solid #e4e4e4}
.rd.rd-blog .doc .step .n b{font-size:26px;font-weight:700;color:#111}
.rd.rd-blog .doc .step h3{border-left:0;padding:0;margin-top:0;font-size:17px}
.rd.rd-blog .doc .note{border-left:3px solid #bbb;background:#f7f7f7}
.rd.rd-blog .doc .warn{border-left:3px solid #d08080;background:#fbf4f4}
.rd.rd-blog .doc blockquote{border-left:3px solid #bbb;font-weight:400;color:#444}
.rd.rd-blog .doc .take{background:#f5f5f5;border:0;color:#222}
.rd.rd-blog .doc .take h3{color:#111;border-bottom:1px solid #ddd;border-left:0;padding:0 0 10px;margin-top:0}
.rd.rd-blog .doc .take p{color:#333}
.rd.rd-blog .doc .take p b{color:#111;border-bottom:0}
.rd.rd-blog .doc .take .do{background:#fff;color:#222;border:1px solid #e3e3e3;border-radius:8px}
.rd.rd-blog .doc .take .do b{color:#111}
.rd.rd-blog .doc figure.fig img{border:1px solid #e3e3e3;border-radius:8px}
.rd.rd-blog .doc figure.fig figcaption{color:#777}
.rd.rd-blog .doc table{font-size:14.5px}
.rd.rd-blog .doc dt{font-weight:700}
.rd.rd-blog .rd-cta{background:#f5f5f5;color:#111}.rd.rd-blog .rd-cta a{color:#111}
.rd.rd-blog .rd-rel{border-top:1px solid #ddd}
@media (max-width:640px){
  .rd.rd-blog .doc h2{margin-top:48px;font-size:21px}
  .rd.rd-blog .doc h3{margin-top:34px;font-size:17.5px}
  .rd.rd-blog .doc .tl3{padding:18px 18px;font-size:15.5px}
  .rd.rd-blog .doc p.kw{padding:12px 14px 10px}
}

/* ことば帳（折りたたみ。2026-09-24 STΛCK「ことば帳は折りたたみで OK」） */
.rd.rd-blog .doc .rd-words{margin-top:28px;border:1px solid #ddd;border-radius:8px;padding:12px 16px;background:#fafafa}
.rd.rd-blog .doc .rd-words summary{font-weight:700;font-size:15.5px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}
.rd.rd-blog .doc .rd-words summary::-webkit-details-marker{display:none}
.rd.rd-blog .doc .rd-words summary::after{content:"開く";font-size:12.5px;font-weight:700;color:#777;text-decoration:underline;text-underline-offset:3px}
.rd.rd-blog .doc .rd-words[open] summary::after{content:"閉じる"}
.rd.rd-blog .doc .rd-words dl{margin-top:14px}

/* 図のスマホ版（縦積み）: picture の中の img は幅いっぱい、高さは成り行き（2026-09-24） */
.rd.rd-blog .doc figure.fig picture{display:block}
.rd.rd-blog .doc figure.fig picture img{width:100%;height:auto}

/* 2026-09-25 STΛCK: 出典は本文より小さく（本文用の :is(p,…) 18px に負けていた）/ お知らせのサムネは記事と同じ見え方（白い箱の端まで・切り抜かない）/ 前後のお知らせは 2 列で題名は 2 行まで */
.rd.rd-blog .doc p.src,.rd.rd-blog .doc p.src a{font-size:13px;line-height:1.9}
.nw .doc .nw-fig{margin:24px -64px 8px;border-radius:12px;overflow:hidden;background:none}
.nw .doc .nw-fig img{max-height:none;height:auto;object-fit:fill;border-radius:12px}
.nw-doc .rd-pager{grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.nw-doc .rd-pager a.nx{text-align:right}
.nw-doc .rd-pager b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.55}
@media (max-width:640px){
  .nw .doc .nw-fig{margin:16px 0 8px}
  .nw .doc .nw-fig img{border-radius:10px}
  .nw-doc .rd-pager{gap:16px}
  .nw-doc .rd-pager b{font-size:14px}
}

/* 2026-09-29 STΛCK「お知らせも記事と同じように全画面でいいよ」: 灰色の地＋白い箱をやめ、記事と同じ白い全面・本文幅 720px に */
body:has(.nw){background:#fff}
.nw .doc.nw-doc{max-width:720px;padding:0;border-radius:0;background:#fff}
.nw .doc .nw-fig{margin:24px 0 8px}
@media (max-width:760px){.nw .doc.nw-doc{padding:0 20px}}  /* スマホは記事と同じ左右 20px（白い箱の内側余白が無くなった分） */

/* 公式サムネ（見出しの直下に置く引用画像。形は元画像のまま、切り抜かない）2026-09-30 */
.rd-blog .doc figure.ofc{margin:20px 0 0;background:none;border-radius:0}
.rd-blog .doc figure.ofc img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #e6e6e6}
.rd-blog .doc figure.ofc figcaption{padding:8px 2px 0;font-size:12px;line-height:1.7;color:#6b6b6b}
.rd-blog .doc figure.ofc figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.rd-blog .doc figure.ofc+p{margin-top:22px}
@media (max-width:640px){
  .rd-blog .doc figure.ofc{margin:16px 0 0;max-width:100%}
  .rd-blog .doc figure.ofc img{max-width:100%;border-radius:10px}
}