/* Styles for secondary content pages (about, contact, privacy) */
.header-top a { color: inherit; text-decoration: none; }
.header-top a:hover { color: var(--accent); }

.page-content {
  background: var(--panel);
  border-radius: 10px;
  padding: 30px;
  border: 1px solid var(--card);
  margin-bottom: 40px;
}
.page-content h2 { color: var(--accent); margin-bottom: 15px; font-size: 1.5rem; }
.page-content h3 { color: var(--text); margin: 20px 0 10px 0; font-size: 1.1rem; }
.page-content p { margin-bottom: 15px; color: var(--text); }

.contact-box {
  background: var(--bg);
  padding: 15px;
  border-radius: 8px;
  display: inline-block;
  margin-top: 10px;
  border: 1px solid var(--card);
}

footer { border-top: 2px solid var(--card); }