/* --- Ceylon three-layer (セイロン三層) --- */
section[aria-labelledby="ceylon-3layers-h"]{column-count:1 !important; column-gap:normal !important;}
section[aria-labelledby="ceylon-3layers-h"] .tw-grid-3{
  display:grid !important; gap:.9rem !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important; column-span:all !important;
}
@media (min-width:1100px){
  section[aria-labelledby="ceylon-3layers-h"] .tw-grid-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
.tw-card{border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:.85rem;position:relative}
.tw-card h3{font-size:1.05rem;margin:.1rem 0 .4rem}
.tw-meta{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin:.35rem 0 .5rem}
.tw-chip{border:1px solid #e2e8f0;border-radius:999px;padding:.05rem .6rem;font-size:.82rem;background:#f8fafc;line-height:1.9}
.tw-reps{border:1px solid #e2e8f0;border-radius:9999px;background:#f8fbff;box-sizing:border-box;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.2rem;line-height:1.6;flex:0 0 auto}
.tw-reps--sm{width:9.5rem;height:9.5rem}
.tw-reps--md{width:11rem;height:11rem}
.tw-reps--lg{width:12.5rem;height:12.5rem}
.tw-reps-title{font-weight:600;color:#334155;margin:0 0 .15rem !important}
.tw-reps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.tw-reps-list li{margin:0}
.tw-reps a{color:inherit;text-decoration:underline}
.tw-meta p,.tw-reps p{margin:0 !important}

/* 好みで0.1rem刻みで調整 */
section[aria-labelledby="ceylon-3layers-h"] .tw-reps--sm{ padding-left:2.6rem !important; }
section[aria-labelledby="ceylon-3layers-h"] .tw-reps--md{ padding-left:2.7rem !important; }
section[aria-labelledby="ceylon-3layers-h"] .tw-reps--lg{ padding-left:2.9rem !important; }

/* 切替ナビ（産地 ↔ 紅茶）を“ピル型ボタン”にする・全ページ共通 */
.entry-content .tw-jump{
  display:flex; flex-wrap:wrap; gap:.4rem; margin:.2rem 0 .6rem;
}
.entry-content .tw-jump a{
  display:inline-block;
  border:1px solid #cbd5e1;
  border-radius: 9999px;
  padding:.2rem .6rem;
  text-decoration: none;
  line-height: 1.8;
}

/* --- Circle box (Tea World spec) --- */
/* テーマの擬似丸は無効化（私たちの丸だけ残す） */
section[aria-labelledby="ceylon-3layers-h"] .tw-card::before,
section[aria-labelledby="ceylon-3layers-h"] .tw-card::after,
section[aria-labelledby="ceylon-3layers-h"] .tw-meta::before,
section[aria-labelledby="ceylon-3layers-h"] .tw-meta::after{
  content:none !important; display:none !important; background:none !important; border:0 !important; box-shadow:none !important;
}

/* 丸ボックスの内側に十分な左余白を確保（円弧に触れさせない） */
section[aria-labelledby="ceylon-3layers-h"] .tw-reps{
  padding: 1.1rem 1rem 1rem 2.8rem !important;  /* ←左を広めに */
}

/* 丸の中に置く「代表：」は実テキストで表示（擬似要素は使わない） */
section[aria-labelledby="ceylon-3layers-h"] .tw-reps-title{
  display:block !important;
  font-weight:600;
  color:#334155;
  margin:0 0 .2rem !important;
}

/* 念のため：このセクション内の “外側にある代表ラベル” は消す */
section[aria-labelledby="ceylon-3layers-h"] .tw-meta > b,
section[aria-labelledby="ceylon-3layers-h"] .tw-meta > strong{
  display:none !important;
}