.sdh-categories-page{background:#fff}
.sdh-categories-head{padding:16px 6px 10px;border-bottom:1px solid var(--sdh-line)}
.sdh-categories-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:10px;color:var(--sdh-accent);font-size:13px;font-weight:700}
.sdh-categories-titlebar{display:flex;align-items:center;margin:0;border-radius:7px;overflow:hidden;background:#e8f3ec}
.sdh-categories-titlebar h1{display:flex;align-items:center;width:100%;margin:0;font-size:18px;line-height:1.25;font-weight:800;letter-spacing:0}
.sdh-categories-titlebar__icon{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 42px;min-height:42px;margin-right:12px;background:#4f8a65;color:#fff}
.sdh-categories-titlebar__icon svg{width:20px;height:20px}
.sdh-categories-head p{margin:8px 0 0;padding:0 2px;color:var(--sdh-muted);font-size:13.5px;line-height:1.45}
.sdh-category-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 6px 14px}
.sdh-category-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--sdh-line);border-radius:7px;background:#fff;color:inherit}
.sdh-category-card__thumb{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef1f5}
.sdh-category-card__body{display:flex;min-width:0;flex:1;flex-direction:column;padding:9px 10px 10px}
.sdh-category-card__title{display:block;color:var(--sdh-accent);font-size:15px;line-height:1.25}
.sdh-category-card__description{display:-webkit-box;margin-top:5px;overflow:hidden;color:var(--sdh-muted);font-size:12.5px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.sdh-category-card__meta{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;color:var(--sdh-muted);font-size:11.5px;line-height:1.2}
.sdh-category-card__views{display:inline-flex;min-width:0;align-items:center;gap:3px;margin-left:auto;white-space:nowrap}
.sdh-category-card__views svg{flex:0 0 auto}
@media (max-width:370px){.sdh-category-directory{gap:6px;padding-right:4px;padding-left:4px}.sdh-category-card__body{padding:8px}.sdh-category-card__title{font-size:14px}.sdh-category-card__description{font-size:12px}.sdh-category-card__meta{font-size:11px}}