/* news.css — お知らせ（TOP新着 / 一覧 / 個別で共通） */

/* ---- 横型 日付リスト（TOP・一覧共通） ---- */
.news-list{border-top:1px solid var(--line)}
.news-list .ni{display:flex;align-items:center;gap:16px;padding:15px 6px;border-bottom:1px solid var(--line);transition:background .15s}
.news-list .ni:hover{background:var(--green-tint,#f3f8f5)}
.news-list .nd{flex-shrink:0;width:80px;font-size:13px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.news-list .nc{flex-shrink:0;width:78px;text-align:center;font-size:11px;font-weight:700;padding:4px 0;border-radius:999px;line-height:1.2}
.news-list .nc.c-hojokin{background:var(--green-soft,#eaf3ee);color:var(--green-d,#20573f)}
.news-list .nc.c-reform{background:#fdeee7;color:var(--orange-d,#cf5324)}
.news-list .nc.c-info{background:var(--gray,#f5f6f4);color:var(--sub,#5a5a56)}
.news-list .nt{min-width:0;font-size:15px;font-weight:500;line-height:1.55;color:var(--ink)}
.news-list .ni:hover .nt{color:var(--green-d,#20573f)}

@media(max-width:600px){
	.news-list .ni{flex-wrap:wrap;gap:8px 12px;padding:13px 4px}
	.news-list .nt{flex-basis:100%;order:3;font-size:14px}
}

/* ---- 一覧ページ（archive / 区分アーカイブ） ---- */
.news-head{max-width:820px;margin:0 auto;padding:34px 22px 6px;text-align:center}
.news-head h1{font-size:26px;font-weight:900;color:var(--ink);margin-bottom:8px}
.news-head p{font-size:14px;color:var(--muted)}
.news-wrap{max-width:820px;margin:0 auto;padding:0 22px 56px}

.news-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:22px 0 6px}
.news-tabs .nt-tab{font-size:13px;font-weight:700;padding:7px 16px;border:1px solid var(--line);border-radius:999px;color:var(--sub);background:#fff;transition:.15s}
.news-tabs .nt-tab:hover{border-color:var(--green);color:var(--green-d)}
.news-tabs .nt-tab.on{background:var(--green,#2f7d5b);border-color:var(--green,#2f7d5b);color:#fff}

.news-empty{text-align:center;color:var(--muted);padding:48px 0}

/* ページネーション（テーマ標準に寄せた最小スタイル） */
.news-wrap .pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}
.news-wrap .pagination .page-numbers{font-size:14px;font-weight:700;padding:8px 13px;border:1px solid var(--line);border-radius:6px;color:var(--sub)}
.news-wrap .pagination .page-numbers.current{background:var(--green);border-color:var(--green);color:#fff}
.news-wrap .pagination a.page-numbers:hover{border-color:var(--green);color:var(--green-d)}

/* ---- 個別ページ ---- */
.news-single{max-width:760px;margin:0 auto;padding:0 22px 60px}
.news-single .ns-head{padding:30px 0 20px;border-bottom:1px solid var(--line);margin-bottom:28px}
.news-single .ns-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.news-single .ns-date{font-size:13px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.news-single .ns-cat{font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px}
.news-single .ns-cat.c-hojokin{background:var(--green-soft,#eaf3ee);color:var(--green-d,#20573f)}
.news-single .ns-cat.c-reform{background:#fdeee7;color:var(--orange-d,#cf5324)}
.news-single .ns-cat.c-info{background:var(--gray,#f5f6f4);color:var(--sub,#5a5a56)}
.news-single h1{font-size:26px;font-weight:900;line-height:1.5;color:var(--ink)}

.news-single .ns-body{font-size:16px;line-height:1.95;color:var(--ink)}
.news-single .ns-body p{margin:0 0 18px}
.news-single .ns-body h2{font-size:20px;font-weight:900;margin:34px 0 14px;padding-left:12px;border-left:5px solid var(--green)}
.news-single .ns-body h3{font-size:17px;font-weight:900;margin:26px 0 12px}
.news-single .ns-body ul,.news-single .ns-body ol{margin:0 0 18px;padding-left:1.4em}
.news-single .ns-body li{margin-bottom:6px}
.news-single .ns-body a{color:var(--green);text-decoration:underline}
.news-single .ns-body img{border-radius:8px;margin:8px 0 18px}
.news-single .ns-body table{width:100%;border-collapse:collapse;font-size:15px;border:1px solid var(--line);margin:8px 0 20px}
.news-single .ns-body th,.news-single .ns-body td{padding:10px 12px;border:1px solid var(--line);text-align:left}
.news-single .ns-body th{background:var(--green-tint,#f3f8f5)}

.news-single .ns-back{display:flex;justify-content:center;margin-top:40px}
.news-single .ns-back a{font-size:14px;font-weight:700;color:var(--green-d);border:1px solid var(--line);border-radius:999px;padding:10px 26px;transition:.15s}
.news-single .ns-back a:hover{border-color:var(--green);background:var(--green-tint,#f3f8f5)}
