/* ==========================================================================
   KD boats-list v1.0  — 船宿一覧ページ({エリア}/boats/)共通UI
   エリアアンカーナビ / 魚種フィルタ / セクション見出しh2化
   依存: boats-list.js  想定マークアップ: .section-label / .boat-card / .mini-card
   ========================================================================== */

/* --- エリアアンカーナビ(sticky) --- */
.kd-areanav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid #e2e8f0;box-shadow:0 1px 8px rgba(15,55,35,.06)}
.kd-areanav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:8px;
  padding:9px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.kd-areanav__inner::-webkit-scrollbar{display:none}
.kd-areanav__label{font-size:.72rem;font-weight:800;color:#94a3b8;white-space:nowrap;letter-spacing:.04em}
.kd-anchor{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:20px;
  background:#f1f5f9;color:#334155;font-size:.82rem;font-weight:700;text-decoration:none;
  white-space:nowrap;border:1px solid transparent;transition:background .2s,color .2s}
.kd-anchor:hover,.kd-anchor.is-active{background:var(--area-primary,#16a34a);color:#fff}
.kd-anchor__n{font-family:'Outfit',sans-serif;font-size:.72rem;opacity:.78}
.kd-anchor.is-empty{opacity:.32}

/* --- 絞り込み中ステータス(ナビを置換) --- */
.kd-areanav.is-filtering{background:linear-gradient(135deg,#14532d,#16a34a);border-bottom:none}
.kd-status{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;
  gap:12px;flex-wrap:wrap;padding:11px 16px;font-size:.86rem;font-weight:700;color:#fff}
.kd-status__reset{padding:4px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.55);
  background:transparent;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit}
.kd-status__reset:hover{background:rgba(255,255,255,.16)}

/* --- 魚種フィルタカード --- */
.kd-fishbar{background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 2px 12px rgba(0,0,0,.06);
  border-left:5px solid var(--area-primary,#16a34a);margin:20px 0 8px}
.kd-fishbar__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.kd-fishbar__title{font-size:1rem;font-weight:900;color:var(--area-primary-dark,#14532d);margin:0}
.kd-fishbar__note{font-size:.78rem;color:#94a3b8;font-weight:600}
.kd-fishbar__chips{display:flex;flex-wrap:wrap;gap:8px}
.kd-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;
  background:#f0fdf4;border:1px solid #bbf7d0;color:var(--area-primary-dark,#14532d);
  font-size:.84rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}
.kd-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(22,163,74,.18)}
.kd-chip.is-active{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border-color:transparent}
.kd-chip__n{font-family:'Outfit',sans-serif;font-size:.74rem;opacity:.8}
.kd-chip--all{background:#f1f5f9;border-color:#e2e8f0;color:#475569}

/* --- 見出しh2化に伴うリセット + アンカー位置調整 --- */
h2.section-label{font-size:inherit;font-weight:inherit}
h2.section-label__text{margin:0;display:inline}
.section-label,.area-sec{scroll-margin-top:68px}

/* --- リンクの有無を視覚的に区別 --- */
.mini-card__name a::after{content:' ›';color:var(--area-primary,#16a34a);font-weight:900}

@media(max-width:768px){
  h2.section-label__text{white-space:normal}
  .kd-fishbar{padding:15px 16px}
  .kd-areanav__inner{padding:8px 12px}
}

/* --- 収集停止(アーカイブ)表示 --- */
.mini-card.kd-archived{border-left-color:#cbd5e1;background:#fcfcfd}
.mini-card.kd-archived .mini-card__count{color:#94a3b8}
.kd-lastseen{display:inline-block;font-size:.68rem;font-weight:700;color:#64748b;
  background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:1px 7px;margin-left:2px;white-space:nowrap}