/* =========================
   角丸だけ（閉じてる時 / 開いた時）
   対象：route-accordion
========================= */
.route-accordion { --r: 14px; } /* 角丸サイズはここだけ調整 */

/* 1項目の“外枠”を角丸に（閉/開 共通） */
.route-accordion details,
.route-accordion .accordion-item,
.route-accordion [class*="accordion"]{
  border-radius: var(--r);
  overflow: hidden; /* 中身がはみ出して角が崩れるのを防ぐ */
}

/* 閉じてる時：タイトル行も角丸（全部丸） */
.route-accordion summary,
.route-accordion .accordion-header,
.route-accordion [class*="header"]{
  border-radius: var(--r);
}

/* 開いてる時：上だけ丸く（タイトル行） */
.route-accordion details[open] > summary{
  border-radius: var(--r) var(--r) 0 0;
}

/* 開いてる時：下だけ丸く（中身エリア） */
.route-accordion details[open] > :not(summary){
  border-radius: 0 0 var(--r) var(--r);
}

/* 外枠（フレーム）だけ付けるバリアント */
.route-accordion--frame{
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 14px;
  overflow: hidden; /* 中身がはみ出して角が崩れるのを防ぐ */
}

/* 余白や個別角丸が邪魔ならリセット（必要なときだけ） */
.route-accordion--frame details,
.route-accordion--frame .accordion-item,
.route-accordion--frame [class*="accordion"]{
  margin: 0;
  border-radius: 0;
}