@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/typography.css');
@import url('./layout/container.css');
@import url('./layout/header.css');
@import url('./layout/footer.css');
@import url('./layout/grid.css');
@import url('./components/button.css');
@import url('./components/card.css');
@import url('./components/form.css');
@import url('./components/util.css');
@import url('./pages/home.css');
@import url('./pages/listing.css');
@import url('./pages/detail.css');

.hr{height:1px;background:var(--line);margin:18px 0}
.main{min-height:calc(100vh - 64px - 120px)}

/* content */
.prose p{margin:0 0 14px;color:var(--sub)}
.prose h2{margin:24px 0 10px}
.prose a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* helpers */
.mt{margin-top:18px}
.mt2{margin-top:28px}

/* ===== Tabs (Exhibitions) ===== */
.tabBar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 18px}
.tab{appearance:none;border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;line-height:1;cursor:pointer;color:rgba(15,23,42,.75)}
.tab:hover{border-color:rgba(15,23,42,.22)}
.tab.is-active{background:rgba(15,23,42,.92);border-color:rgba(15,23,42,.92);color:#fff}
.tabPane{display:none}
.tabPane.is-active{display:block}


/* === Header layout fixes (spacing + right aligned menu) === */
.siteHeader__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.siteNav{
  display:flex;
  align-items:center;
  gap:18px; /* menu spacing */
  margin-left:auto; /* push nav to the right */
}
.headerActions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-left:16px;
}
.langSwitch{
  display:flex;
  align-items:center;
  gap:8px;
}