body.page-cookie-policy {
  background: radial-gradient(circle at top left, #f9f3ea, #f6f1e9);
}
.hero-legal {
  padding-top: calc(var(--space-3xl) + var(--header-height-desktop));
}
@media (max-width: 1023.98px) {
  .hero-legal {
    padding-top: calc(var(--space-2xl) + var(--header-height-mobile));
  }
}
.hero-legal-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: flex-start;
}
@media (max-width: 1023.98px) {
  .hero-legal-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-xl);
  }
}
.hero-legal-copy {
  min-width: 0;
}
.hero-legal-meta {
  margin-top: var(--space-md);
}
.hero-legal-aside {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-soft);
}
.hero-legal-aside-inner {
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.hero-legal-nav-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 var(--space-sm);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.hero-legal-nav-list a {
  font-size: var(--text-sm);
  color: var(--color-text-soft);
  text-decoration: none;
}
.hero-legal-nav-list a:hover {
  color: #fff !important;
}
.section-legal-content {
  padding-top: var(--space-xl);
}
.legal-article {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-soft);
}
.legal-article-inner {
  padding: var(--space-xl) var(--space-xl) var(--space-lg);
}
@media (max-width: 767.98px) {
  .legal-article-inner {
    padding: var(--space-lg) var(--space-md);
  }
}
.legal-table-wrapper {
  margin: var(--space-md) 0 var(--space-lg);
}
.legal-table th,
.legal-table td {
  font-size: var(--text-sm);
}
.legal-list {
  margin: 0 0 var(--space-lg);
  padding-left: 1.3rem;
}
.legal-list li {
  margin-bottom: 0.4rem;
}
.legal-browser-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-md);
  margin: 0 0 var(--space-lg);
}
.legal-browser-card {
  min-width: 0;
}
.legal-contact-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}
.legal-contact-cta .btn {
  max-width: 100%;
}
@media (max-width: 575.98px) {
  .legal-contact-cta {
    flex-direction: column;
    align-items: stretch;
  }
  .legal-contact-cta .btn {
    width: 100%;
  }
}