.site-company {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px 18px;
  max-width: 1360px;
  margin: 0 auto;
  padding: 12px 22px 26px;
  border-top: 1px solid var(--line);
  color: #8499aa;
  font-size: .75rem;
  line-height: 1.6;
}

.site-company a, .company-details a, .company-privacy a {
  text-decoration: underline;
  text-underline-offset: .2em;
}

.site-company a:hover { color: var(--text); }

.company-details, .company-privacy {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

.company-details {
  padding: 24px;
  margin-top: 0;
  margin-bottom: 54px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
}

.company-details h2, .company-privacy h2 {
  margin: 0 0 12px;
  font: 600 clamp(20px, 3vw, 29px)/1.1 var(--heading);
}

.company-details dl { margin: 0 0 20px; }
.company-details dl div { display: flex; flex-wrap: wrap; gap: 0 8px; margin: 6px 0; }
.company-details dt { color: #8499aa; }
.company-details dd { margin: 0; }

.company-privacy h1 {
  margin: 24px 0 18px;
  font: 600 clamp(32px, 6vw, 58px)/1 var(--heading);
  letter-spacing: -.045em;
}

.company-privacy section { margin-top: 28px; }
.company-privacy p { color: #b9c9d4; }

@media (max-width: 820px) {
  .company-details { margin-left: 22px; margin-right: 22px; }
}