:root { --co-gap: 20px; }
.country-wrap { margin: 18px 0 40px; }
.country-head { padding: 14px 0 10px; border-bottom:1px solid var(--bwtv-color-border, #e6e6e6); }
.country-title { font-family: var(--bwtv-font); font-weight:900; margin:0; font-size: 28px; }
.country-desc { color:#000; margin-top:8px; }

.country-layout { display:grid; grid-template-columns: 1fr 320px; gap: var(--co-gap); align-items:start; margin-top: 18px; }
.country-main { min-width:0; }
.country-aside { min-width:0; }

.country-list { list-style:none; margin:0; padding:0; display:grid; gap: 16px; }
.co-item { display:grid; grid-template-columns: 220px 1fr; gap:14px; align-items:start; border-bottom:1px solid var(--bwtv-color-border, #e6e6e6); padding-bottom:14px; }
.co-thumb { display:block; position:relative; border-radius:8px; overflow:hidden; background:#eee; aspect-ratio: 16 / 9; color: transparent; font-size: 0; }
.co-thumb.no-img { background:#efefef; }
.co-img { width:100%; height:100%; object-fit:cover; display:block; }
.co-title { font-size:20px; margin:0 0 6px; font-weight:900; }
.co-title a { color:#000; text-decoration:none; }
.co-title a:hover { color: var(--bwtv-color-primary, #fcc600); text-decoration: underline; }
.co-meta { font-size:12px; color: var(--bwtv-color-muted, #6d6d6d); margin-bottom:6px; }
.co-excerpt { color:#000; }
.co-empty { color: var(--bwtv-color-muted, #6d6d6d); padding: 20px 4px; }

.co-pagi { margin-top: 24px; border-top: 1px solid #eee; padding-top: 20px; }
.co-pagi-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.co-pagi-links { display: flex; gap: 6px; flex-wrap: wrap; }
.co-pagi-links .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  height: 34px;
  padding: 0 6px;
  border: 1px solid #e6e6e6;
  color: #000;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  border-radius: 3px;
  background: #fff;
  transition: all 0.2s;
}
.co-pagi-links .page-numbers.current {
  background: #000;
  color: #fff;
  border-color: #000;
}
.co-pagi-links .page-numbers:hover:not(.current):not(.dots) {
  background: #f5f5f5;
  border-color: #ccc;
}
.co-pagi-links .page-numbers.dots {
  border: none;
  background: transparent;
  min-width: auto;
}
.co-pagi-count {
  color: #888;
  font-size: 13px;
  margin-left: auto;
}

@media (max-width: 1024px) {
  .country-layout { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .co-item { grid-template-columns: 130px 1fr; }
}