/* ニュース一覧（news_enabled のときだけ読み込む）。v2.css のカード・チップ・タイルの上に足すだけ */
.n-count{margin:-4px 0 10px;font-size:14px;color:var(--dim)}
.n-count b{font-size:22px;color:var(--navy);font-variant-numeric:tabular-nums;margin-right:2px}
.n-note{margin:0 0 20px;font-size:12px;color:var(--faint)}
/* カードは外部リンクを見出しにだけ持つ（カード全体はリンクにしない＝持ち上げない） */
.n-item:hover{transform:none;box-shadow:0 24px 48px -28px rgba(17,17,19,.22)}
.n-item .u-body p{display:block;-webkit-line-clamp:unset;overflow:visible}
.n-item h3 a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.n-item h3 a:hover{color:var(--blue)}
.n-item h3 a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
/* 外部サイトであることは文字で示す（色だけに頼らない） */
.n-ext{display:inline-block;margin-left:4px;font-size:11px;font-weight:700;color:var(--dim);white-space:nowrap}
.n-item .u-tags{margin-top:-6px}
/* ハブの数字：4つになるので狭い幅は2列 */
.u-counters.n4{grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.u-counters.n4{grid-template-columns:repeat(4,1fr)}}
.u-counters.n4 span{display:block;line-height:1.5}
@media(prefers-reduced-motion:reduce){.n-item{transition:none}}
/* 関連する当社の記事（ニュースの下段）。テーマ名は「テーマ」の文字と下線で示す（色だけに頼らない） */
.n-rel .n-relt{margin:26px 0 12px;font-size:14px;color:var(--dim);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.n-rel .n-relt .k{font-size:11px;font-weight:700;color:var(--faint)}
.n-rel .n-relt a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.n-rel .n-relt a:hover{color:var(--blue)}
/* CTAはブロックの下に1行だけ（押しつけない） */
.n-cta{margin:20px 0 0;font-size:14px;color:var(--dim);overflow-wrap:anywhere}
.n-cta a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.n-cta .n-or{display:block;margin-top:4px;font-size:12.5px;color:var(--faint)}