/* ============================================================
   研修カテゴリページ（一般社員向け／標準編／応用編タブ）専用スタイル
   ============================================================ */

.wp-tabs{
  display:flex;
  gap:8px;
  margin:28px 0 0;
  border-bottom:1px solid var(--line);
  flex-wrap:wrap;
}
.wp-tab{
  appearance:none;
  border:none;
  background:transparent;
  cursor:pointer;
  font-family:inherit;
  font-size:14.5px;
  font-weight:700;
  color:var(--sub);
  padding:12px 18px;
  border-radius:10px 10px 0 0;
  border-bottom:3px solid transparent;
  transition:color .15s ease,background .15s ease,border-color .15s ease;
}
.wp-tab:hover{color:var(--green-dark);background:#eef7f0;}
.wp-tab.is-active{color:var(--green-dark);border-bottom-color:var(--green);background:#eef7f0;}

.wp-panel-head{margin-bottom:26px;}
.wp-panel-head .cat-tag{margin-top:22px;}
.wp-panel-head h2{font-size:clamp(20px,2.8vw,26px);color:var(--green-dark);margin:0 0 10px;}
.wp-panel-head .lead{color:var(--sub);font-size:15px;max-width:760px;margin:0 0 8px;}
.wp-panel-head .wp-meta{font-size:13px;color:var(--sub);margin:0;}

.wp-panel[hidden]{display:none;}

@media (max-width:640px){
  .wp-tabs{gap:2px;}
  .wp-tab{padding:10px 12px;font-size:13.5px;}
}