/* --- Base from before --- */
.dm-wrap{max-width:1100px;margin:40px auto;padding:0 16px}
.dm-breadcrumbs{font-size:.9rem;opacity:.8;margin-bottom:6px}
.dm-title{margin:0 0 4px 0;line-height:1.2}
.dm-meta{font-size:.95rem;opacity:.85;margin:8px 0 16px 0}
.dm-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.dm-chip{font-size:.85rem;border:1px solid rgba(0,0,0,.12);padding:4px 8px;border-radius:999px;text-decoration:none}
.dm-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:start}
@media (max-width:900px){.dm-grid{grid-template-columns:1fr}}
.dm-img img{width:100%;height:auto;display:block;border:1px solid rgba(0,0,0,.08)}
.dm-caption{font-size:.9rem;opacity:.85;margin-top:6px}
.dm-box{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06);padding:16px}
.dm-nav{display:flex;justify-content:space-between;margin-top:24px}
.dm-grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dm-grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1200px){.dm-grid-4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.dm-grid-cards,.dm-grid-4{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.dm-grid-cards,.dm-grid-4{grid-template-columns:1fr}}
.dm-card{border:1px solid rgba(0,0,0,.1);background:#fff;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.dm-card img{width:100%;height:auto;display:block}
.dm-card .b{padding:12px}
.dm-card .t{font-weight:600;margin:2px 0 6px}
.dm-muted{opacity:.75}

/* --- Hero --- */
.dm-hero{background:linear-gradient(135deg, #f5f7fa 0%, #eaeef3 100%);border-bottom:1px solid rgba(0,0,0,.06);padding:48px 16px;margin-bottom:24px}
.dm-hero-inner{max-width:1100px;margin:0 auto}
.dm-hero-title{font-size:2.2rem;margin:0}
.dm-hero-sub{margin:6px 0 18px 0;font-size:1.05rem;opacity:.85}
.dm-btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.15);text-decoration:none}
.dm-btn:hover{background:#fff}
.dm-btn.ghost{background:transparent}

/* --- Featured --- */
.dm-featured{margin-bottom:32px}
.dm-featured-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}
@media (max-width:900px){.dm-featured-grid{grid-template-columns:1fr}}
.dm-featured-img img{width:100%;height:auto;display:block;border:1px solid rgba(0,0,0,.08)}
.dm-featured-body .dm-title a{text-decoration:none}