/* ==========================================================
   やまカツ流 地域活動用語集 アコーディオン
   ========================================================== */

/* ==========================================================
   外側：グループ（カテゴリ名／五十音）アコーディオン
   ========================================================== */

.whatsc01gg-list{
  display:flex;
  flex-direction:column;
  gap:16px;
  max-width:950px;
  font-family:"Zen Maru Gothic", sans-serif;
}

.whatsc01gg-group{
  border:1px solid #E6E6E2;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}

.whatsc01gg-group-header{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:16px 20px;
  background:#2E90C4;
  color:#fff;
  border:none;
  cursor:pointer;
  text-align:left;
  font-family:inherit;
  font-size:1.2em;
  font-weight:600;
}

.whatsc01gg-group-header:hover,
.whatsc01gg-group-header:focus-visible{
  background:#1F6E99;
  outline:none;
}

.whatsc01gg-group-count{
  font-size:0.9em;
  background:rgba(255,255,255,.25);
  border-radius:999px;
  padding:2px 10px;
  flex:none;
}

.whatsc01gg-group-name{
  flex:1;
}

.whatsc01gg-group-chevron{
  flex:none;
  width:20px;
  height:20px;
  transition:transform .25s ease;
  color:#fff;
}

.whatsc01gg-group.is-open .whatsc01gg-group-chevron{
  transform:rotate(180deg);
}

.whatsc01gg-group-panel-wrap{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .3s ease;
}
.whatsc01gg-group.is-open .whatsc01gg-group-panel-wrap{
  grid-template-rows:1fr;
}

.whatsc01gg-group-panel-inner{
  overflow:hidden;
}

.whatsc01gg-group-panel-content{
  padding:16px;
  background:#F7FAFC;
}

@media (prefers-reduced-motion: reduce){
  .whatsc01gg-group-panel-wrap, .whatsc01gg-group-chevron{ transition:none; }
}


/* ==========================================================
   内側：用語（1件ずつ）アコーディオン
   ========================================================== */

.whatsc01ga-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:850;
  font-family:"Zen Maru Gothic", sans-serif;
}

.whatsc01ga-item{
  border:1px solid #E6E6E2;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

.whatsc01ga-header{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:none;
  border:none;
  cursor:pointer;
  text-align:left;
  font-family:inherit;
}

.whatsc01ga-header:hover,
.whatsc01ga-header:focus-visible{
  background:#EAF6FB;
  outline:none;
}

.whatsc01ga-category{
  flex:none;
  font-size:0.9em;
  font-weight:700;
  color:#1F6E99;
  background:#EAF6FB;
  border-radius:999px;
  padding:4px 10px;
  white-space:nowrap;
}

.whatsc01ga-titles{
  flex:1;
    font-size:1.2em;
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}

.whatsc01ga-term{
  font-size:1em;
  font-weight:700;
  color:#3A3A38;
}

.whatsc01ga-furigana{
  font-size:0.7em;
  color:#6B6A66;
}

.whatsc01ga-chevron{
  flex:none;
  width:20px;
  height:20px;
  transition:transform .25s ease;
  color:#2E90C4;
}

.whatsc01ga-item.is-open .whatsc01ga-chevron{
  transform:rotate(180deg);
}

/*リンクボタン*/
.whatsc01words-seni {
    display:block;
    text-align:right;
}
.whatsc01words-seni a {
    display:block;
    width:100%;
    text-align:center;
    padding:4px 20px;
    font-size:1.1em;
    color:#ffffff;
    font-weight:700;
    background:#3A4F64;
    border-radius: 10px;
}
/* --- panel: CSS-only smooth height animation via grid-template-rows --- */
.whatsc01ga-panel-wrap{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .3s ease;
}
.whatsc01ga-item.is-open .whatsc01ga-panel-wrap{
  grid-template-rows:1fr;
}

.whatsc01ga-panel-inner{
  overflow:hidden;
}

.whatsc01ga-panel-content{
  padding:0 16px 16px 16px;
  font-size:1em;
  color:#3A3A38;
  line-height:1.8;
}

.whatsc01ga-panel-content p{
  margin:0 0 .8em;
}
.whatsc01ga-panel-content p:last-child{
  margin-bottom:0;
}
/*箇条書き*/
.whatsc01ga-panel-content ul{
  list-style:disc outside !important;
  padding-left:1.4em !important;
  margin:0 0 .8em !important;
}
.whatsc01ga-panel-content ol{
  list-style:decimal outside !important;
  padding-left:1.4em !important;
  margin:0 0 .8em !important;
}
.whatsc01ga-panel-content ul li,
.whatsc01ga-panel-content ol li{
  list-style:inherit !important;
  margin:0 0 .3em;
  padding-left:0;
}
.whatsc01ga-panel-content ul ul,
.whatsc01ga-panel-content ol ol,
.whatsc01ga-panel-content ul ol,
.whatsc01ga-panel-content ol ul{
  margin:.3em 0 .3em !important;
}



.whatsc01ga-field + .whatsc01ga-field{
  margin-top:14px;
  padding-top:14px;
  border-top:1px dashed #E6E6E2;
}

.whatsc01ga-field-label{
  font-size:1em;
  font-weight:700;
  color:#1F6E99;
  background:#EAF6FB;
  display:inline-block;
  border-radius:999px;
  padding:2px 10px;
  margin:0 0 8px;
}

.whatsc01ga-field-link a{
  color:#1F6E99;
}

@media (prefers-reduced-motion: reduce){
  .whatsc01ga-panel-wrap, .whatsc01ga-chevron{ transition:none; }
}

/* ==========================================================
   アーカイブページ側（見出し・絞り込みナビ）
   archive-words.php / taxonomy-wordscat1.php / taxonomy-wordscat2.php 共通
   ========================================================== */

.whatsc01words-archive{
  font-family:"Zen Maru Gothic", sans-serif;
}

.whatsc01words-archive-inner{
  max-width:900px;
  margin:0 auto;
  padding:48px 24px 80px;
}

.whatsc01words-archive-eyebrow{
  font-size:0.9em;
  font-weight:700;
  color:#2E90C4;
  letter-spacing:.08em;
  margin:0 0 6px;
}

.whatsc01words-archive-title{
  font-size:1.8em;
  font-weight:bold;
  color:#1F6E99;
  margin:0 0 20px;
}

.whatsc01words-archive-back{
  margin:0 0 28px;
  font-size:0.7em;
}
.whatsc01words-archive-back a{
  color:#1F6E99;
  text-decoration:none;
}
.whatsc01words-archive-back a:hover{
  text-decoration:underline;
}

.whatsc01words-filter{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px 10px;
  margin:0 0 14px;
  font-size:1em;
}

.whatsc01words-filter-label{
  font-weight:700;
  color:#6B6A66;
  flex:none;
}

.whatsc01words-filter-list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  margin:0;
  padding:0;
}

.whatsc01words-filter-list a{
  display:inline-block;
  font-size:0.75em;
  font-weight:700;
  color:#1F6E99;
  background:#EAF6FB;
  border-radius:999px;
  padding:4px 12px;
  text-decoration:none;
}
.whatsc01words-filter-list a:hover,
.whatsc01words-filter-list a:focus-visible{
  background:#2E90C4;
  color:#fff;
  outline:none;
}