:root{
  --ps-border: #e5e7eb;
  --ps-bg: #fafafa;
  --ps-surface: #fff;
  --ps-muted: #6b7280;
  --ps-strong: #111827;
  --ps-accent: #0ea5e9;
}

.ps-wrap{
  background: var(--ps-bg);
  padding: 20px;
  border-radius: 10px;
}

.ps-header{margin-bottom:12px;}
.ps-title{
  font-size: 1.4rem;
  color: var(--ps-strong);
  margin: 0;
}
.ps-note{margin: 0; font-size: .9rem; color: var(--ps-muted);}

/* 上段リスト */
.ps-top-list{list-style:none; margin:0; padding:0;}
.ps-top-list li{margin:0;}
.ps-top-list a{
  display: block;
  padding: 6px 8px;
  color: var(--ps-strong);
  text-decoration: none;
  border-bottom: 1px solid var(--ps-border);
}
.ps-top-list a:hover{
  background: #f4faff;
  color: var(--ps-accent);
}
.ps-top-list i{margin-right:6px; color: var(--ps-muted);}

/* 階層ごとのインデント */
.ps-top-list .depth-1 a{padding-left: 20px;}
.ps-top-list .depth-2 a{padding-left: 40px;}
.ps-top-list .depth-3 a{padding-left: 60px;}
.ps-top-list .depth-4 a{padding-left: 80px;}
.ps-top-list .depth-5 a{padding-left: 100px;}

/* 区切り */
.ps-divider{height:1px; background: var(--ps-border); margin: 16px 0;}

/* 下段セクション */
.ps-section{
  background: var(--ps-surface);
  border: 1px solid var(--ps-border);
  border-radius: 8px;
  padding: 10px 14px;
  margin: 14px 0;
}
.ps-section-head{
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:6px;
}
.ps-section-title{margin:0; font-size: 1.1rem;}
.ps-section-title i{margin-right:6px; color: var(--ps-accent);}
.ps-section-title a{text-decoration:none; color: var(--ps-strong);}
.ps-section-title a:hover{color: var(--ps-accent);}
.ps-toplink{font-size:.85rem; color: var(--ps-muted); text-decoration:none;}
.ps-toplink:hover{color: var(--ps-accent);}

.ps-posts{list-style:none; margin:0; padding:0;}
.ps-post + .ps-post{border-top:1px dashed var(--ps-border);}
.ps-post-link{
  display:flex; align-items:center; gap:8px;
  padding:6px 0; text-decoration:none; color: var(--ps-strong);
}
.ps-post-link:hover{background:#f9fbff; color: var(--ps-accent);}
.ps-post-link i{color: var(--ps-muted);}
.ps-post-title{flex:1;}
.ps-post-date{color: var(--ps-muted); font-size: .85rem;}

.ps-empty{color: var(--ps-muted); font-size:.9rem;}

/* スマホで投稿日を隠す */
@media (max-width: 520px){
  .ps-post-date{ display: none; }
}