/* about.css — About page */

.about-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 28px;
  align-items: start;
}

.about-text p { margin-bottom: 16px; }
.about-text p:last-child { margin-bottom: 0; }

.about-side {
  position: sticky;
  top: calc(var(--header-h) + 24px);
}
.side-title {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--accent-dark);
  margin-bottom: 14px;
  padding-left: 12px;
  border-left: 5px solid var(--accent);
}
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-top: 5px solid var(--accent);
  box-shadow: var(--shadow);
  padding: 18px;
}

@media (max-width: 860px) {
  .about-grid { grid-template-columns: 1fr; }
  .about-side { position: static; }
}