.legal-header { position: sticky; top: 0; z-index: 1000; background: var(--color-surface); border-bottom: 1px solid rgba(127,109,99,.25); }
.legal-nav { max-width: var(--content-max-width); margin: 0 auto; padding: 1rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.legal-brand { font-family: var(--font-family-heading); font-size: 1.35rem; font-weight: 700; }
.legal-main { background: var(--color-surface); }
.legal-hero { max-width: 900px; margin: 0 auto; padding: 5rem 1.5rem 2.5rem; text-align: center; }
.legal-kicker { color: var(--color-primary); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.legal-article { max-width: 900px; margin: 0 auto; padding: 0 1.5rem 3rem; }
.legal-article section { padding: 1.75rem 0; border-bottom: 1px solid rgba(127,109,99,.25); }
.legal-article h2 { margin-bottom: .75rem; font-family: var(--font-family-heading); font-size: clamp(1.35rem, 3vw, 1.75rem); line-height: 1.3; }
.legal-article p { color: var(--color-on-surface-secondary); line-height: 1.8; }
.legal-back { display: flex; justify-content: center; padding: 0 1.5rem 5rem; }
.legal-footer { background: #3f3530; color: #f8f6f2; padding: 2.5rem 1.5rem; display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
.legal-footer nav { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; }
.legal-footer a { color: #f8f6f2; text-decoration: underline; }
@media (max-width: 600px) { .legal-nav { flex-direction: column; } .legal-nav .btn { width: 100%; } .legal-hero { padding-top: 3.5rem; } }


*,
*::before,
*::after {
box-sizing: border-box;
}

body {
margin: 0;
font: 16px/1.25 Arial, serif;
position: relative;
appearance: none;
}

a {
   text-decoration: none;
}