.hero-legal {
border-bottom: 1px solid var(--color-border);
}
.hero-legal-aside {
margin-top: var(--space-8);
}
.legal-shell {
max-width: 960px;
margin-inline: auto;
}
.legal-inner {
display: flex;
flex-direction: column;
gap: var(--space-8);
}
.legal-block {
border-top: 1px solid var(--color-border);
padding-top: var(--space-6);
}
.legal-block:first-of-type {
border-top: none;
padding-top: 0;
}
.legal-grid {
display: grid;
gap: var(--space-4);
}
@media (min-width: 960px) {
.legal-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.legal-card {
border-radius: var(--radius-lg);
border: 1px solid var(--color-border);
background: radial-gradient(circle at top left, rgba(148, 163, 184, 0.16), transparent 55%), var(--color-bg-elevated);
padding: var(--space-4);
}
.legal-card h3 {
margin-bottom: var(--space-2);
}
.legal-list {
margin-top: var(--space-2);
display: flex;
flex-direction: column;
gap: var(--space-1);
}
.legal-list li {
position: relative;
padding-left: 1.1rem;
color: var(--color-text-muted);
font-size: 0.95rem;
}
.legal-list li::before {
content: "";
position: absolute;
left: 0;
top: 0.5rem;
width: 6px;
height: 6px;
border-radius: 999px;
background: var(--color-primary);
}
.legal-contact-grid {
display: grid;
gap: var(--space-4);
}
@media (min-width: 768px) {
.legal-contact-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.legal-links {
display: flex;
flex-direction: column;
gap: var(--space-2);
margin-top: var(--space-2);
}
.legal-links a {
color: var(--color-primary);
}
.legal-links a:hover {
text-decoration: underline;
}
Document