:root{
  --a2-bg: #f4f7f7;
  --a2-ink: #0f172a;
  --a2-muted: #5b6472;
  --a2-card: #ffffff;
  --a2-border: rgba(15,23,42,.12);
  --a2-accent: #0ea5a4;
}

body{background: var(--a2-bg);color: var(--a2-ink);}

.a2-top{position: sticky;top:0;z-index: 20;background: rgba(244,247,247,.9);backdrop-filter: blur(10px);border-bottom:1px solid var(--a2-border);}
.a2-bar{display:flex;align-items:center;gap:.9rem;padding:.75rem 0;}
.a2-menu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background: var(--a2-card);border:1px solid var(--a2-border);color: var(--a2-ink);}
.a2-logo a{text-decoration:none;font-weight:800;color: var(--a2-ink);}
.a2-tagline{margin-left:auto;color: var(--a2-muted);font-size:.9rem;max-width: 52ch;text-align:right;}

.a2-main{padding: 1.25rem 0 2rem;}
.a2-paper{background: var(--a2-card);border:1px solid var(--a2-border);border-radius: 18px;padding: 1.25rem;}

.a2-explore{margin-top: 1.25rem;}
.a2-explore-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem;}
.a2-h2{margin:0;font-size:1.15rem;}
.a2-search{min-width: 240px;}

.a2-masonry{column-count: 1;column-gap: 14px;}
@media (min-width: 640px){.a2-masonry{column-count: 2;}}
@media (min-width: 960px){.a2-masonry{column-count: 3;}}

.a2-card{
  display:block;
  break-inside: avoid;
  background: linear-gradient(180deg, rgba(14,165,164,.06), rgba(255,255,255,1));
  border: 1px solid var(--a2-border);
  border-radius: 16px;
  padding: 1rem;
  margin: 0 0 14px;
  text-decoration:none;
  color: inherit;
}
.a2-card-title{font-weight:800;}
.a2-card-sub{color: var(--a2-muted);margin-top:.25rem;}
.a2-card:hover{border-color: rgba(14,165,164,.35);}

#footer{padding: 1.25rem 0 2rem;}
#footer p{margin:.75rem 0 0;color: var(--a2-muted);}