/* === Page Title === */
.wm-page-header{margin-bottom:30px}
.wm-page-title{font-size:24px;font-weight:700;color:#1b4332;padding-bottom:12px;border-bottom:2px solid #d8f3dc;position:relative}
.wm-page-title::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#2d6a4f}

/* === Posts === */
.wm-posts{display:grid;grid-template-columns: repeat(2, 1fr); gap: 20px;}
.wm-post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}
.wm-post-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.wm-post-card .wm-post-img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e8f5e9}
.wm-post-body{padding:20px}
.wm-post-cat{display:inline-block;font-size:11px;font-weight:600;color:#2d6a4f;background:#f0f7f4;padding:3px 10px;border-radius:20px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.wm-post-cat:hover{background:#d8f3dc}
.wm-post-title{font-size:19px;font-weight:600;line-height:1.5;margin-bottom:10px}
.wm-post-title a{color:#1b1b1b}
.wm-post-title a:hover{color:#2d6a4f}
.wm-post-meta{font-size:12px;color:#999;display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:12px}
.wm-post-meta span{white-space:nowrap}
.wm-post-meta .wm-meta-sep{color:#ddd;margin:0 4px}
.wm-post-excerpt{font-size:14px;color:#555;line-height:1.7;margin-bottom:14px}
.wm-post-readmore{display:inline-block;font-size:13px;font-weight:600;color:#2d6a4f;padding:6px 0;border-bottom:1px solid transparent;transition:all .2s}
.wm-post-readmore:hover{border-bottom-color:#2d6a4f;color:#1b4332}

/* === Inline Ad === */
.wm-inline-ad{background:#e8f5e9;border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;grid-column:1/-1}

/* === Pagination === */
.wm-pagination{display:flex;justify-content:center;gap:6px;margin-top:40px;flex-wrap:wrap}
.wm-pagination a,.wm-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;font-size:14px;border-radius:8px;background:#fff;color:#333;border:1px solid #e0e0e0;transition:all .2s}
.wm-pagination a:hover{background:#f0f7f4;border-color:#2d6a4f;color:#2d6a4f}
.wm-pagination .current{background:#2d6a4f;color:#fff;border-color:#2d6a4f;font-weight:600}
.wm-pagination .dots{border:none;background:none;min-width:auto}

/* === Responsive === */
@media (max-width:900px){
  .wm-post-title{font-size:17px}
}
@media (max-width:600px){
  .wm-posts{gap:20px;grid-template-columns: 1fr;}
  .wm-post-body{padding:16px}
}