:root{
  /* uses defaults from common file */
}

.wrap{
  max-width: 980px;
  margin: 22px auto;
  padding: 0 12px;
}

/* About page layout */
.hero{
  background:#fff;
  border:1.5px solid var(--bd);
  border-radius:14px;
  padding:16px 16px;
  margin-bottom:12px;
}
.hero h1{ margin:0 0 6px; color:var(--t); font-size:22px; }
.hero .sub{ margin:0; color:#355; opacity:.95; }

.cards{
  display:grid;
  gap:12px;
  grid-template-columns: 1fr; /* default: 1 per row */
}

@media (min-width: 920px){
  .cards{
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* always 3 per row */
  }
}


/* About-specific list typography */
ul{ margin:8px 0 0 18px; }
li{ margin:6px 0; }

/* CTA buttons (About uses .btn; journal uses other controls) */
.ctaRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  border:1.5px solid rgba(39,133,201,.25);
  background:#fff;
  color:var(--t);
  font-weight:800;
  text-decoration:none;
}
.btn:hover{ opacity:.9; text-decoration:none; }
.btn.primary{
  border-color:rgba(39,133,201,.5);
  background:rgba(39,133,201,.06);
}

/* About “issue” mini-row */
.issueGrid{ display:flex; gap:10px; flex-wrap:wrap; }
.issue{
  display:flex;
  gap:10px;
  align-items:center;
  border:1px solid rgba(39,133,201,.22);
  background:rgba(39,133,201,.05);
  border-radius:14px;
  padding:10px 12px;
}
.issueIcon{
  width:34px;
  height:34px;
  border-radius:10px;
  object-fit:cover;
  border:1px solid rgba(39,133,201,.25);
  background:#fff;
}
.home-link {font-size: 18px; text-decoration: none;position: absolute; right: 60px;top: 13px; color: #005b94;}
@media (max-width: 780px){
  .home-link{right: 50px;}
}    
#theme-toggle {position: absolute;top: 7px;right: 5px; padding: 6px !important; } 
@media (max-width: 1280px){ .jTopbar{padding-top: 25px;} }