/* Signovax Hub — page layouts */

.about-grid {
  display: grid; grid-template-columns: 1.25fr .75fr; gap: 48px;
  padding: 0 0 96px;
}
@media (max-width: 800px) { .about-grid { grid-template-columns: 1fr; } }

.about-side {
  background: var(--parchment);
  border-radius: var(--r-card);
  padding: 32px 28px;
  height: fit-content;
  position: sticky; top: 100px;
}
.about-side h3 { font-size: 1.125rem; margin-bottom: 14px; }
.about-side ul {
  list-style: none; padding: 0; margin: 0 0 24px;
  font-size: 14px; color: var(--graphite);
}
.about-side li {
  padding: 10px 0; border-bottom: 1px solid var(--ash);
}
.about-side li:last-child { border-bottom: 0; }

.hub-list { padding: 8px 0 96px; }
.hub-intro {
  max-width: var(--read); margin-bottom: 36px;
  font-size: 17px; color: var(--graphite);
}

.contact-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 64px;
  padding: 8px 0 96px;
}
@media (max-width: 720px) { .contact-grid { grid-template-columns: 1fr; gap: 40px; } }
.contact-alt h2 { font-size: 1.5rem; margin-bottom: 12px; }
.contact-alt p { color: var(--graphite); }
.contact-alt a { font-weight: 500; }

.form-ok {
  display: none; padding: 16px 20px; margin-bottom: 16px;
  background: var(--lime); border-radius: var(--r-inner);
  font-size: 14px; font-weight: 500;
}
.form-ok.show { display: block; }

.legal .prose h2 { font-size: 1.35rem; }
.legal .prose p, .legal .prose li { font-size: 15px; color: var(--graphite); }
.legal .prose strong { color: var(--ink); }