/* =========================================================
   Liko｜講師紹介：標準ブロック → 現行デザイン 橋渡しCSS
   既存 liko-instructors.css のクラスを再利用し、coreブロック特有のズレのみ補正。
   アクセント＝olive（このページはbsなし）。
   ========================================================= */

/* 1) constrainedレイアウトの中央寄せ・幅制限を解除 */
.liko-instructors .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull)) {
  max-width: none; margin-left: 0; margin-right: 0;
}
.liko-instructors .container { max-width: 1080px !important; margin-inline: auto !important; padding: 0 22px; }

/* 2) ブロックの自動縦マージンをgrid/flex内で無効化（gapで管理） */
.liko-instructors .lead-instructor > *,
.liko-instructors .instructor-grid > *,
.liko-instructors .secthead > *,
.liko-instructors .instructor-info > *,
.liko-instructors .lead-info > *,
.liko-instructors .lead-bio > *,
.liko-instructors .page-hero-inner > * { margin-block-start: 0 !important; }

/* 3) coreブロック余白リセット */
.liko-instructors .wp-block-group { margin-block: 0; }
.liko-instructors .wp-block-image { margin: 0; }
.liko-instructors .wp-block-image img { display: block; }
.liko-instructors .wp-block-group.section { width: auto; }

/* 4) page-hero：バンド全幅＋内側1080中央 */
.liko-instructors .page-hero-inner { max-width: 1080px; margin-inline: auto; }

/* 5) 画像：coreブロックはclassが<figure>側→内側<img>へ再適用 */
.liko-instructors .wp-block-image.lead-photo img {
  width: 100%; aspect-ratio: 3/4; object-fit: cover;
  border-radius: 8px; object-position: center 20%;
}
.liko-instructors .wp-block-image.instructor-photo { width: 100%; }
.liko-instructors .wp-block-image.instructor-photo img {
  width: 100%; aspect-ratio: 3/4; object-fit: cover; display: block;
}

/* 6) 資格ピル：spanの羅列→編集しやすいリストブロックに（見た目は現行のピル） */
.liko-instructors ul.lead-qualif,
.liko-instructors ul.instructor-qualif {
  list-style: none; padding: 0; margin: 0 0 22px;
  display: flex; flex-wrap: wrap; gap: 6px;
}
.liko-instructors ul.instructor-qualif { gap: 5px; margin-bottom: 14px; }
.liko-instructors ul.lead-qualif li {
  display: inline-block; margin: 0;
  font-family: var(--mono); font-size: .56rem; letter-spacing: .1em;
  color: var(--olive-dark); background: var(--olive-soft);
  padding: 4px 11px; border-radius: 999px;
}
.liko-instructors ul.instructor-qualif li {
  display: inline-block; margin: 0;
  font-family: var(--mono); font-size: .54rem; letter-spacing: .08em;
  color: var(--olive-dark); background: var(--olive-soft);
  padding: 3px 9px; border-radius: 999px;
}

/* 7) 区切り線：coreセパレータを現行 .divider に合わせる */
.liko-instructors .wp-block-separator.divider {
  max-width: none; width: auto; border: none;
  border-top: 1px solid var(--line); margin: 0; opacity: 1;
}

/* 8) 見出し・段落の余白微調整 */
.liko-instructors .wp-block-heading.sec-title { margin: 0; }
.liko-instructors .lead-bio p { margin-bottom: 14px; }
.liko-instructors .lead-photo-caption { text-align: center; }

/* ── 代表プロフィール：取材・出演実績（追加・編集可） ── */
.liko-instructors .lead-media { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.liko-instructors .lead-media > * { margin-block-start: 0 !important; }
.liko-instructors .lead-media-label { font-family: var(--serif); font-size: .92rem; font-weight: 600; color: var(--ink); margin: 0 0 10px; letter-spacing: .04em; }
.liko-instructors ul.lead-media-list { list-style: none; padding: 0; margin: 0 0 14px; display: flex; flex-direction: column; gap: 7px; }
.liko-instructors ul.lead-media-list li { font-size: .8rem; color: var(--ink-soft); line-height: 1.7; padding-left: 15px; position: relative; margin: 0; }
.liko-instructors ul.lead-media-list li::before { content: '—'; position: absolute; left: 0; color: var(--olive); opacity: .55; }
.liko-instructors .lead-media-note { font-size: .78rem; color: var(--ink-mute); line-height: 1.85; margin: 0; }
.liko-instructors .lead-media-note a { color: var(--olive-dark); text-decoration: underline; text-underline-offset: 2px; }