/* すべて .shiba-ul 配下にスコープ（既存スタイルと衝突させない） */
.shiba-ul{
  --ink:#283655; --ink-soft:#4a5775; --card:#faf6ec; --bandana:#c0463b;
  --happi:#c79a45; --stitch:#cdbf9c; --shadow:0 2px 0 rgba(40,54,80,.10), 0 8px 18px rgba(40,54,80,.10);
  max-width:520px; margin:0 auto; padding:8px 14px 40px;
  font-family:"Noto Sans JP",system-ui,sans-serif; color:var(--ink); line-height:1.7;
}
.shiba-ul .zone{
  display:flex; align-items:center; gap:10px; margin:26px 4px 12px;
  font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif; font-weight:700; font-size:.92rem; color:var(--ink-soft);
}
.shiba-ul .zone::after{content:""; flex:1; height:1px;
  background:repeating-linear-gradient(90deg,var(--stitch) 0 6px,transparent 6px 11px);}
.shiba-ul .zone .dot{width:8px; height:8px; border-radius:50%; background:var(--bandana);}
.shiba-ul .zone.calm .dot{background:var(--happi);}
.shiba-ul .item{
  background:var(--card); border:1.5px solid var(--stitch); border-radius:18px;
  margin-bottom:12px; box-shadow:var(--shadow); overflow:hidden;
}
.shiba-ul .head{
  display:flex; align-items:center; gap:12px; width:100%; border:0; background:transparent;
  cursor:pointer; padding:13px 14px; text-align:left; font-family:inherit;
}
.shiba-ul .stamp{flex:0 0 auto; width:54px; height:54px; transition:transform .25s ease;}
.shiba-ul .item[open] .stamp{transform:rotate(-7deg);}
.shiba-ul .titles{flex:1; min-width:0;}
.shiba-ul .gname{display:block; font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif; font-weight:700; font-size:1.05rem; line-height:1.3;}
.shiba-ul .hitokoto{display:block; font-size:.78rem; color:var(--bandana); margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.shiba-ul .calm-zone .hitokoto{color:var(--happi);}
.shiba-ul .chev{flex:0 0 auto; width:22px; height:22px; color:var(--ink-soft); transition:transform .25s ease;}
.shiba-ul .item[open] .chev{transform:rotate(90deg);}
.shiba-ul .body{display:none; padding:0 14px 14px;}
.shiba-ul .item[open] .body{display:block; animation:ul-slide .28s ease;}
@keyframes ul-slide{from{opacity:0; transform:translateY(-6px);} to{opacity:1; transform:none;}}
.shiba-ul .talk{display:flex; gap:9px; align-items:flex-start; background:#fff;
  border:1px dashed var(--stitch); border-radius:12px; padding:9px 11px; margin-bottom:12px; font-size:.84rem;}
.shiba-ul .talk .mini{flex:0 0 auto; width:26px; height:26px; margin-top:1px;
  display:flex; align-items:center; justify-content:center; border-radius:50%;
  background:#fff; border:1.5px dashed var(--stitch); font-size:15px; line-height:1;}
.shiba-ul .link{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink);
  padding:11px 4px; border-bottom:1px dotted var(--stitch);}
.shiba-ul .link:last-child{border-bottom:0;}
.shiba-ul .link .lb{flex:1; font-weight:500; font-size:.95rem;}
.shiba-ul .link .nt{font-size:.74rem; color:var(--ink-soft);}
.shiba-ul .link .go{color:var(--happi); font-size:1rem;}
.shiba-ul a.link:active{background:#f3edde; border-radius:8px;}
.shiba-ul .link.pending{opacity:.5;}
.shiba-ul .link.pending .nt{color:var(--ink-soft);}
/* ころぽちの マナー紹介(リンクでなく豆知識) */
.shiba-ul .tips{margin-top:2px;}
.shiba-ul .tip{padding:10px 2px; border-bottom:1px dotted var(--stitch);}
.shiba-ul .tip:last-child{border-bottom:0;}
.shiba-ul .tip .tlb{display:inline-block; margin-bottom:3px;
  font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif; font-weight:700; font-size:.9rem; color:var(--happi);}
.shiba-ul .tip .tlb::before{content:"🤝 "; font-size:.86em;}
.shiba-ul .tip p{margin:0; font-size:.85rem; line-height:1.65; color:var(--ink);}
@media (prefers-reduced-motion: reduce){
  .shiba-ul *{animation:none !important; transition:none !important;}
}