/* Keep V1's palette, artwork, optical wordmark and display typography. */
.navigation {
  border-bottom: 0;
}
.desktop-nav {
  margin-inline: auto;
  gap: 27px;
}
.header-cta {
  border: 1px solid var(--line);
  border-radius: 6px;
  min-height: 40px;
  padding: 8px 15px;
  gap: 12px;
}
.header-cta:hover {
  border-color: var(--raspberry);
}
.button {
  border-radius: 6px;
}
.hero .text-link {
  border: 1px solid var(--line);
  border-radius: 6px;
  min-height: 48px;
  padding: 12px 17px;
}
.hero .text-link:hover {
  border-color: var(--raspberry);
}
.hero-footnote {
  border-bottom-color: rgba(38, 29, 37, .12);
}
.section {
  border-bottom: 0;
}
.section-heading .side-label {
  color: var(--muted);
}
.principle, .use-case {
  border-top-color: rgba(38, 29, 37, .14);
  padding-top: 25px;
}
.operation-list summary,
.architecture-details summary {
  min-height: 64px;
  transition: color 160ms ease;
}
.operation-list summary:hover,
.architecture-details summary:hover {
  color: var(--raspberry);
}
.footer {
  border-top: 1px solid var(--line);
}
@media (max-width: 1150px) {
  .desktop-nav { gap: 18px; }
  .header-cta { padding-inline: 12px; }
}
@media (max-width: 920px) {
  .header-cta { margin-left: auto; }
}
@media (max-width: 680px) {
  .navigation { gap: 12px; }
  .header-cta { min-height: 38px; padding: 7px 10px; gap: 6px; }
  .hero .actions { gap: 12px; }
  .hero .text-link { padding: 11px 13px; min-height: 44px; }
  .principle, .use-case { padding-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .operation-list summary, .architecture-details summary { transition: none; }
}