/* 更新終了のお知らせ・旧サイトへの導線・サイドバーの整え・トップページの改装。
   **どの節も道具が印（==== 〜 ここから／ここまで ====）で囲んで出し入れする。**
   印の外に手で足さない —— 道具が触れず、印つきの節と食い違う。
   2026-09-09 に、印の仕組み（2026-09-01）より前の写し143行を消した
   （固有の選択子は0個で、古いグラデーションが残って紛らわしかった）。 */

/* ==== 更新終了のお知らせ ここから ==== */
/* 更新終了のお知らせ（静的化にあわせて足したもの）
   もとのテーマのお知らせバー（.header-info・font-size:75%）を置き換えている。
   大きさと情報量を増やしてある。

   **色は元のバーより暗くした**（2026-09-09）。同じ系統に寄せていた
   `#5ac1ed → #15cfd6` は、白文字との対比が **2.04:1 と 1.92:1** しかなく、
   本文の基準（4.5:1）に遠く届かない。細い帯のうちは短い1行なので通っていたが、
   **トップページで一枚に育てたら読みにくさがはっきり出た**（戸井の指摘）。
   **色相は変えずに暗くして 4.58:1 / 4.79:1** にしてある。 */
.closed-notice {
  background: linear-gradient(135deg, #0e7fa3, #087f85);
  color: #fff;
  position: relative;
  z-index: 4;
}
.closed-notice__inner {
  max-width: 1166px;
  margin: 0 auto;
  padding: 1.1em 1.2em 1.2em;
  text-align: center;
}
.closed-notice__title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .02em;
}
.closed-notice__title::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .45em;
  vertical-align: -.12em;
  background: #fff;
  /* 感嘆符の丸アイコン。外部の画像に頼らない */
  -webkit-mask: no-repeat center/100% url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0a8 8 0 100 16A8 8 0 008 0zm.9 12H7.1v-1.8h1.8V12zm0-3H7.1V4h1.8v5z"/></svg>');
  mask: no-repeat center/100% url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0a8 8 0 100 16A8 8 0 008 0zm.9 12H7.1v-1.8h1.8V12zm0-3H7.1V4h1.8v5z"/></svg>');
}
.closed-notice__body {
  margin: .5em 0 0;
  font-size: .9rem;
  line-height: 1.7;
}
.closed-notice__link {
  display: inline-block;
  margin-top: .9em;
  padding: .5em 1.4em;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  font-size: .88rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}
.closed-notice__link:hover,
.closed-notice__link:focus {
  background: #fff;
  /* 白地に置くので、こちらも 4.58:1 の色にする（#0e9ec0 は 3.15:1 だった） */
  color: #0e7fa3;
}
@media only screen and (max-width: 767px) {
  .closed-notice__inner { padding: .9em 1em 1em; }
  .closed-notice__title { font-size: 1rem; }
  .closed-notice__body  { font-size: .82rem; text-align: left; }
}
/* ==== 更新終了のお知らせ ここまで ==== */

/* ==== 旧サイトへの導線 ここから ==== */
/* 旧サイトへの導線 */
/* ヘッダーの2段目に見せる帯。ヘッダーの赤より少し暗くして段差を出す */
.archive-bar { background: #b31d1d; color: #fff; }
.archive-bar__inner { max-width: 1166px; margin: 0 auto; padding: 0 1.2em; text-align: center; }
.archive-bar__link {
  display: inline-flex; align-items: center; gap: .6em;
  padding: .55em 0; color: #fff; text-decoration: none; font-size: .82rem; line-height: 1.5;
}
.archive-bar__link:hover { color: #fff; opacity: .85; }
.archive-bar__badge {
  flex: none; padding: .15em .6em; border: 1px solid rgba(255,255,255,.7);
  border-radius: 999px; font-size: .74rem; font-weight: 700; letter-spacing: .04em;
}
@media only screen and (max-width: 767px) {
  .archive-bar__inner { padding: 0 .8em; }
  .archive-bar__link { font-size: .74rem; gap: .5em; text-align: left; }
}

/* サイドバーのウィジェット */
.archive-widget .textwidget p { margin: 0 0 .7em; font-size: .85rem; line-height: 1.8; }
.archive-widget__link { margin: 0 !important; text-align: center; }
.archive-widget__link a {
  display: block; padding: .6em 1em; border: 2px solid currentColor; border-radius: 6px;
  font-size: .85rem; font-weight: 700; text-decoration: none;
}
.archive-widget__link a:hover { opacity: .8; }

/* フッターの1行 */
.archive-link { margin: 0 0 .8em; text-align: center; font-size: .85rem; }
.archive-link a {
  display: inline-block; padding: .35em 1.1em; border: 1px solid currentColor;
  border-radius: 999px; text-decoration: none; opacity: .85;
}
.archive-link a:hover { opacity: 1; }
/* ==== 旧サイトへの導線 ここまで ==== */

/* ==== サイドバーの整え ここから ==== */
/* サイドバーの整え */
/* 代表理事としての活動 */
.profile-now {
  margin-top: 1.1em !important;
  padding-top: 1em;
  border-top: 1px solid #ececec;
  font-size: .85rem;
  line-height: 1.9;
}

/* プロフィール欄のボタン。テーマの .author-button（赤い枠＋アイコン）をやめて整える */
.profile-links {
  display: grid;
  gap: .5em;
  margin: 1.2em 0 0 !important;
}
.profile-btn {
  display: block;
  padding: .75em 1em;
  border-radius: 6px;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  transition: opacity .2s, border-color .2s, color .2s;
}
.profile-btn--primary { background: #c92222; color: #fff !important; }
.profile-btn--primary:hover { opacity: .85; }
.profile-btn--ghost { border: 1px solid #dcdcdc; background: #fff; color: #555 !important; }
.profile-btn--ghost:hover { border-color: #c92222; color: #c92222 !important; }

/* その他の運営メディア。黒枠は画像から落とし、細い枠を CSS で足す */
.sidebigcat dd a {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  overflow: hidden;
  line-height: 0;
  transition: border-color .2s;
}
.sidebigcat dd a:hover { border-color: #c92222; }
.sidebigcat dd img { width: 100%; height: auto; }
/* ==== サイドバーの整え ここまで ==== */

/* ==== トップページの改装 ここから ==== */
/* **背景の色はここで持たない。** 帯も一枚も同じ `.closed-notice` なので、
   色は持ち主の お知らせ.py 側で直してある（白文字との対比を 4.5:1 以上に
   するため暗くした。2026-09-09）。ここで打ち消すと定義が二重になる。

   トップページだけの節。**書体は既存のまま**で、大きさと情報量を足している */
.closed-notice--hero .closed-notice__inner { padding: 2.6em 1.4em 2.5em; }
.closed-notice__eyebrow {
  margin: 0 0 .35em; font-size: .74rem; font-weight: 700;
  letter-spacing: .18em; opacity: .9;
}
.closed-notice--hero .closed-notice__title { font-size: 1.72rem; line-height: 1.45; }
/* 一枚に育てた版では、感嘆符のアイコンを出さない（文字を主役にする） */
.closed-notice--hero .closed-notice__title::before { content: none; }
.closed-notice--hero .closed-notice__body {
  margin: .8em auto 0; max-width: 620px; font-size: .95rem;
}
.closed-notice__figures {
  display: flex; justify-content: center; max-width: 700px;
  margin: 1.5em auto 0;
  border-top: 1px solid rgba(255,255,255,.35);
  border-bottom: 1px solid rgba(255,255,255,.35);
}
.closed-notice__figure {
  flex: 1 1 0; padding: .8em .5em;
  border-left: 1px solid rgba(255,255,255,.35);
}
.closed-notice__figure:first-child { border-left: 0; }
.closed-notice__n { display: block; font-size: 1.75rem; line-height: 1.2; }
.closed-notice__label { display: block; font-size: .74rem; opacity: .9; line-height: 1.6; }
.closed-notice__actions {
  display: flex; justify-content: center; flex-wrap: wrap; gap: .7em; margin-top: 1.4em;
}
.closed-notice--hero .closed-notice__link { margin-top: 0; }
.closed-notice__link--fill { background: #fff; color: #0e7fa3; }

/* 旧サイトへの1行。**枠の中のいちばん下に、細く** */
.closed-notice__old {
  margin: 1.5em 0 0; padding-top: 1.1em;
  border-top: 1px solid rgba(255,255,255,.3);
  font-size: .78rem; line-height: 1.7;
}
.closed-notice__old a {
  color: #fff; text-decoration: underline;
  text-underline-offset: .2em; text-decoration-thickness: 1px;
}
.closed-notice__old a:hover { color: #fff; opacity: .8; }

/* 節の見出し。テーマの h2 を借りず、トップページの中だけで完結させる */
.top-sec__ttl {
  margin: 0 0 .35em; padding: 0; font-size: 1.16rem; font-weight: 700; line-height: 1.5;
}
.top-sec__ttl--list { margin-top: 1.4em; }
.top-sec__lead { margin: 0 0 1em; font-size: .78rem; line-height: 1.8; opacity: .78; }

/* 3本の柱 */
.top-pillars { display: block; margin: 0 0 1.4em; }
.top-pillars__grid { display: flex; flex-direction: column; gap: .7em; }
.top-pillar {
  display: block; padding: .95em 1.15em .9em;
  border: 1px solid #e5e5e5; background: #fff;
  color: #3e3e3e; text-decoration: none;
  transition: border-color .2s;
}
.top-pillar:hover { border-color: #c92222; color: #3e3e3e; }
.top-pillar__head { display: flex; align-items: center; gap: .5em; }
.top-pillar__icon { flex: none; color: #c92222; }
.top-pillar__name { font-size: 1.1rem; font-weight: 700; line-height: 1.4; }
.top-pillar__n {
  margin-left: auto; font-size: 1.33rem; font-weight: 700; color: #c92222; line-height: 1;
}
.top-pillar__desc {
  display: block; margin: .4em 0 .6em; font-size: .78rem; line-height: 1.8; opacity: .82;
}
.top-pillar__chips { display: flex; flex-wrap: wrap; gap: .35em; }
.top-pillar__chip {
  border: 1px solid #dfe6ea; background: #fff;
  padding: .1em .6em; font-size: .74rem; color: #4a5a63; line-height: 1.9;
}
.top-pillars__more {
  margin: .9em 0 0; padding-top: .9em; border-top: 1px solid #ececec; text-align: center;
}
.top-pillars__more a {
  display: inline-block; padding: .55em 1.4em;
  border: 1px solid #dcdcdc; background: #fff;
  color: #555; font-size: .82rem; font-weight: 700; text-decoration: none;
}
.top-pillars__more a:hover { border-color: #c92222; color: #c92222; }

@media only screen and (max-width: 767px) {
  .closed-notice--hero .closed-notice__inner { padding: 1.7em 1em 1.6em; }
  .closed-notice--hero .closed-notice__title { font-size: 1.32rem; }
  .closed-notice--hero .closed-notice__body { text-align: left; }
  .closed-notice__n { font-size: 1.2rem; }
  .closed-notice__label { font-size: .66rem; }
  /* **縦に積んでも間を空ける。** `display: block` にしていたころは
     `gap` が効かず、2つのボタンが引っ付いていた（2026-09-09 の指摘） */
  .closed-notice__actions { flex-direction: column; align-items: stretch; gap: .6em; }
  .closed-notice--hero .closed-notice__link { display: block; }
  .closed-notice__old { text-align: left; }
  .top-pillar__name { font-size: 1.03rem; }
  .top-pillar__n { font-size: 1.25rem; }
  .top-pillars__more a { display: block; }
}
/* ==== トップページの改装 ここまで ==== */

/* ==== カテゴリー一覧のページ ここから ==== */
/* カテゴリー一覧のページ。**深さ3段まで、字だけで見せる** */
.category-list__tree { margin: 0; }
.cl-group { margin: 0 0 1.6em; padding-bottom: 1.2em; border-bottom: 1px solid #ececec; }
.cl-group:last-child { border-bottom: 0; padding-bottom: 0; }
/* **見出しはテーマの h2 のまま**（`.entry-content h2` に赤帯が付く）。
   打ち消さずに乗る —— 記事ページの h2 と同じ見た目にそろえたい。
   ただし**中のリンクは白にする** —— 既定のリンク色（#c92222）だと
   赤帯に赤文字で読めなくなる（2026-09-09 に実際に空の帯になった）。 */
.cl-group__ttl { display: flex; align-items: baseline; gap: .6em; }
.cl-group__ttl a, .cl-group__ttl a:hover { color: #fff; text-decoration: none; }
.cl-group__ttl a:hover { opacity: .85; }
.cl-group__n { font-size: .8em; color: #fff; opacity: .85; font-weight: 700; }
.cl-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.6em; margin: 0; padding: 0; list-style: none; }
.cl-list__li { margin: 0; padding: .35em 0; border-bottom: 1px solid #f2f2f2; font-size: .88rem; line-height: 1.7; }
.cl-list__li > a { text-decoration: none; }
.cl-list__n { margin-left: .5em; font-size: .8rem; opacity: .6; }
.cl-sub { margin: .2em 0 .3em .9em; padding: 0; list-style: none; }
.cl-sub__li { font-size: .82rem; line-height: 1.8; opacity: .92; }
.cl-sub__li::before { content: "└ "; opacity: .45; }
.cl-sub a { text-decoration: none; }
/* 4段目・5段目。**字下げだけで表す**（218件を全部載せるので、印を増やすと騒がしい） */
.cl-sub .cl-sub { margin-left: 1.1em; }
@media only screen and (max-width: 767px) {
  .cl-list { grid-template-columns: minmax(0, 1fr); }
}
/* ==== カテゴリー一覧のページ ここまで ==== */