/*
  記事ページの「読みやすさ」共通ルール（2026-10-06 社長指示「見やすく整える。今後もずっと同じ」）
  すべての記事ページの </head> の直前で読み込む。新しい記事にも必ず入れる。
  強調の使い分け：
    <strong class="aka">…</strong> … 赤文字。数字・期限・お金・「必ず気をつけること」。1つの見出しに1〜2か所まで
    <span class="mk">…</span>        … 黄色の蛍光ペン。その見出しでいちばん伝えたい一文
    <strong>…</strong>               … ふつうの太字
*/
:root{--ink:#16222E;--muted:#55657A;--mk:#FFE680;--th-bg:#EEF5FD}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#EEF3F8;--muted:#A9B8C7;--mk:rgba(255,213,74,.38);--th-bg:#1C2B3A}}
:root[data-theme="dark"]{--ink:#EEF3F8;--muted:#A9B8C7;--mk:rgba(255,213,74,.38);--th-bg:#1C2B3A}

/* 本文：少し大きく、行と段落のあいだを広く */
body{font-size:17px;line-height:2;letter-spacing:.02em}
@media(max-width:600px){body{font-size:16.5px}}
p{margin:0 0 20px}
.lead{font-size:17.5px}
strong{font-weight:800}

/* 強調 */
strong.aka,b.aka,.aka{color:var(--red);font-weight:800}
.mk{background:linear-gradient(transparent 55%,var(--mk) 55%);font-weight:700;padding:0 1px}

/* 小見出し：左に線をつけて、どこからどこまでか分かるように */
.wrap h3{font-size:18px;font-weight:900;margin:32px 0 10px;padding:2px 0 2px 12px;border-left:5px solid var(--blue);line-height:1.55}

/* 表：見出しの行に色、文字を濃く大きく、セルに余白 */
table{font-size:15.5px}
thead th{background:var(--th-bg);color:var(--ink);font-weight:700;font-size:14.5px;
 white-space:normal;width:auto;padding:10px 12px;border-bottom:2px solid var(--blue)}
th{color:var(--ink)}
td{padding:13px 12px;line-height:1.8}
td:first-child{font-weight:700}
tbody th{color:var(--ink);font-weight:700;font-size:14.5px;padding:13px 12px}
tbody tr:nth-child(even) td,tbody tr:nth-child(even) th{background:color-mix(in srgb,var(--th-bg) 45%,transparent)}
@media(max-width:600px){table{font-size:15px} td{padding:12px 9px} thead th{padding:9px}}

/* 囲み・まとめ */
.chui,.pt,.me{font-size:16.5px}
.me b{font-size:17.5px}
ol.sumlist li{margin-bottom:12px;line-height:1.85}

/* 小さい文字も読める濃さに */
.byline{color:var(--muted);font-size:14px}
.sub,.sc{color:var(--muted);font-size:14px}
.src{font-size:13px}

/* 改行：言葉の途中で折り返さない（2026-10-06 社長指示）。
   本文には「改行をととのえる.py」で言葉の切れ目に <wbr> を入れてある。新しい記事にも必ずかけること */
/* 見出し・表・囲みの見出し・次に読むカード：言葉の切れ目でだけ折り返す */
h1,h2,h3,th,td,.me b,.chui b,.pt b,.next,.cta strong{word-break:keep-all;overflow-wrap:break-word}
/* 本文の段落：本や新聞と同じく両端をそろえる（言葉の切れ目だけにすると右側に大きなすき間ができるため）。
   「、。」が行の頭に来ない・最後の行が1〜2文字だけにならないようにする */
.wrap p,.wrap li{word-break:normal;line-break:strict;text-align:justify;text-wrap:pretty}
.next li,.cta p{text-align:left}
/* ひとまとまり（class="nw"）は、どのページでも途中で折り返さない */
.wrap p .nw,.wrap li .nw{white-space:nowrap}