.browse-page {
  font-family:var(--font-persian);
  direction:rtl;
  padding-block:15px 40px
}
.browse-page h1 {
  font-size:27px
}
.search-box {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  background:var(--surface-2);
  border:1px solid var(--line);
  padding:20px;
  margin:20px 0;
  border-radius:8px
}
.search-box input[type=text] {
  flex:1;
  min-width:180px
}
.search-box label {
  font-size:12px
}
.search-box input,.search-box select {
  font:inherit;
  padding:10px;
  border:1px solid var(--input-border);
  background:var(--surface);
  color:var(--ink);
  border-radius:5px
}
.browse-page>.muted {
  margin-bottom:22px
}
.pagination {
  display:flex;
  gap:20px;
  justify-content:center;
  align-items:center;
  margin:32px 0
}
.pagination a {
  border:1px solid var(--input-border);
  padding:9px 18px;
  border-radius:5px
}
.browse-page .article-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}
.browse-page .article-card img {
  width:100%;
  height:165px;
  object-fit:cover
}
.browse-page .article-card {
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden
}
.browse-page .card-body {
  padding:18px
}
.browse-page h2 {
  font-size:16px
}
.browse-page .card-body p {
  font-size:12px;
  color:var(--muted)
}
.browse-page a {
  text-decoration:none;
  color:var(--ink)
}
.browse-page .eyebrow {
  color:var(--teal);
  font-size:11px
}
.vizhe-archive .issue-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:8px
}
.vizhe-archive .issue-card {
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden
}
.vizhe-archive .issue-card a {
  display:block
}
.vizhe-archive .issue-card .card-image img {
  width:100%;
  height:168px;
  object-fit:cover;
  display:block
}
.vizhe-archive .issue-card .card-body {
  padding:18px 22px 20px
}
.vizhe-archive .issue-card h2 {
  font-size:18px;
  margin:6px 0 10px
}
.vizhe-archive .issue-card p {
  font-size:13px;
  color:var(--muted);
  margin:0 0 12px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.vizhe-archive .empty-state {
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:8px;
  padding:28px 24px;
  margin-top:12px
}
@media(max-width:850px) {
  .browse-page .article-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))
}

}
@media(max-width:520px) {
  .browse-page .article-grid {
  grid-template-columns:1fr
}
.search-box {
  display:grid;
  grid-template-columns:1fr
}
.search-box input,.search-box select {
  width:100%
}
.browse-page .article-card img {
  height:210px
}
.vizhe-archive .issue-list {
  grid-template-columns:1fr
}

}