.sdh-list-page{background:#fff}
.sdh-list-head{padding:16px 6px 0px;border-bottom:1px solid var(--sdh-line)}
.sdh-list-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:10px;color:var(--sdh-accent);font-size:13px;font-weight:700}
.sdh-list-head h1{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.015em}
.sdh-list-head p{margin:7px 0 0;color:var(--sdh-muted);font-size:13.5px;line-height:1.45}
.sdh-list-head__category-image{display:block;width:100%;max-height:220px;margin-top:12px;object-fit:cover;border-radius:7px;background:#eef1f5}
.sdh-article-list{width:100%;margin:0;padding:0;border-top:0}
.sdh-article-row{display:flex;width:100%;gap:8px;align-items:center;padding:11px 14px 11px 0;border-bottom:1px solid var(--sdh-line);background:#fff}
.sdh-article-row__thumb-wrap{position:relative;display:block;width:104px;height:78px;flex:0 0 104px;overflow:visible}
.sdh-article-row__thumb{display:block;width:104px;height:78px;object-fit:cover;border-radius:0 7px 7px 0;background:#eef1f5}
.sdh-article-row .sdh-article-row__number{
position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
  z-index: 5;
  display: flex;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: center;
  transform: none;
  border: 0px solid #2f6f50;
  border-radius: 0px;
    border-bottom-left-radius: 0px;
  background: #4f946f;
  color: #f2b544;
  font-size: 16px;
  font-weight: 800;
  line-height: 28px;
  text-align: center;
  box-shadow: 0 1px 4px rgba(25,42,65,.2);
  pointer-events: none;
  border-bottom-left-radius: 7px;
  opacity: 0.9;
}
.sdh-article-row__placeholder{display:block;background:linear-gradient(135deg,#eef2f8,#e2e8f2)}
.sdh-article-row__body{display:block;min-width:0;padding:2px 0}
.sdh-article-row__title{display:block;font-size:15.5px;line-height:1.3;color:var(--sdh-text)}
.sdh-article-row__summary{display:-webkit-box;margin-top:5px;color:var(--sdh-muted);font-size:12.5px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sdh-list-empty{margin:0;padding:20px 6px;border-bottom:1px solid var(--sdh-line);color:var(--sdh-muted);font-size:13px}
.sdh-directory{padding:0;margin:0}
.sdh-directory a{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:68px;padding:8px 6px;border-bottom:1px solid var(--sdh-line)}
.sdh-directory__thumb{width:88px;height:66px;object-fit:cover;border-radius:7px;flex:0 0 88px;background:#eef1f5}
.sdh-directory__body{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.sdh-directory strong{font-size:15px}.sdh-directory__meta{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--sdh-muted)}
.sdh-directory__views{display:inline-flex;align-items:center;gap:3px;margin-left:auto;white-space:nowrap}.sdh-directory__views svg{flex:0 0 auto}


/* Read state: whole article row is visually muted for 7 days. */
.sdh-article-row.is-read{background:#f3f3f3;filter:grayscale(1);opacity:.62}
.sdh-article-row.is-read .sdh-article-row__thumb{filter:grayscale(1)}
.sdh-article-row.is-read .sdh-article-row__title,
.sdh-article-row.is-read .sdh-article-row__summary{color:#747980}
.sdh-article-row.is-read .sdh-article-row__placeholder{filter:grayscale(1)}
.sdh-article-row.is-read .sdh-article-row__number{filter:grayscale(1)}
@media (max-width:370px){.sdh-article-row{gap:8px}.sdh-article-row__thumb-wrap,.sdh-article-row__thumb{width:96px;height:72px}.sdh-article-row__thumb-wrap{flex-basis:96px}.sdh-article-row .sdh-article-row__number{top:2px;right:2px;width:30px;height:30px;min-width:30px;min-height:30px;font-size:15px;line-height:26px}}

/* Category title bar: stable color per category, matching the homepage section-heading language. */
.sdh-category-titlebar{display:flex;align-items:stretch;width:100%;min-height:58px;margin:0;background:var(--sdh-category-soft,#e9f4ed);border-radius:7px 7px 0 0;overflow:hidden}
.sdh-category-titlebar__icon{display:flex;flex:0 0 58px;width:58px;align-items:center;justify-content:center;background:var(--sdh-category-accent,#4f946f);color:#fff}
.sdh-category-titlebar h1{display:flex;min-width:0;margin:0;padding:10px 14px;align-items:center;color:var(--sdh-text);font-size:23px;line-height:1.18;letter-spacing:-.015em}
.sdh-list-head__category-image + .sdh-category-titlebar{margin-top:8px}
@media (max-width:370px){.sdh-category-titlebar{min-height:54px}.sdh-category-titlebar__icon{width:54px;flex-basis:54px}.sdh-category-titlebar h1{padding:9px 12px;font-size:21px}}

/* Read for 7 days: intentionally strong so later listing rules cannot override it. */
.sdh-article-list .sdh-article-row.is-read{
  background:#f3f3f3;
  filter:grayscale(100%);
  opacity:.58;
}
.sdh-article-list .sdh-article-row.is-read img,
.sdh-article-list .sdh-article-row.is-read .sdh-article-row__number{
  filter:grayscale(100%);
}
.sdh-article-list .sdh-article-row.is-read .sdh-article-row__title,
.sdh-article-list .sdh-article-row.is-read .sdh-article-row__summary{
  color:#7b8086;
}
.sdh-directory__description{display:-webkit-box;color:var(--sdh-muted);font-size:12.5px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}