html, body { margin:0; min-height:100%; background:var(--color-surface); color:var(--color-on-surface); font-family:var(--font-family-body); }
.legal-page { min-height:100vh; display:flex; flex-direction:column; }
.legal-header { position:sticky; top:0; z-index:50; width:100%; background:rgba(248,246,243,.96); border-bottom:1px solid var(--color-border); backdrop-filter:blur(10px); }
.legal-header-inner { max-width:var(--content-max-width); margin:0 auto; padding:var(--spacing-md) var(--spacing-xl); display:flex; align-items:center; justify-content:space-between; gap:var(--spacing-lg); }
.legal-brand { font-family:var(--font-family-heading); font-weight:700; font-size:var(--font-size-lg); color:var(--color-primary); text-decoration:none; overflow-wrap:anywhere; }
.legal-desktop-nav { display:flex; align-items:center; gap:var(--spacing-lg); }
.legal-desktop-nav ul, .legal-mobile-panel ul { list-style:none; display:flex; gap:var(--spacing-md); margin:0; padding:0; }
.legal-desktop-nav a, .legal-mobile-panel a { text-decoration:none; }
.legal-menu-button { display:none; border:1px solid var(--color-border); border-radius:var(--border-radius-md); padding:var(--spacing-xs) var(--spacing-sm); cursor:pointer; color:var(--color-primary); background:var(--color-surface); font-size:1.5rem; }
.legal-mobile-overlay { position:fixed; inset:0; z-index:100; display:none; background:rgba(0,0,0,.5); }
.legal-mobile-overlay.is-open { display:block; }
.legal-mobile-panel { width:min(88vw,420px); min-height:100%; margin-left:auto; padding:var(--spacing-lg); background:var(--color-surface); box-shadow:var(--shadow-level-3); }
.legal-mobile-top { display:flex; justify-content:space-between; align-items:center; gap:var(--spacing-md); margin-bottom:var(--spacing-xl); }
.legal-mobile-panel ul { flex-direction:column; margin-bottom:var(--spacing-xl); }
.legal-main { flex:1; width:100%; }
.legal-container { width:min(calc(100% - 2 * var(--spacing-xl)), 900px); margin:0 auto; padding:var(--spacing-3xl) 0 var(--spacing-4xl); }
.legal-kicker { color:var(--color-primary); font-weight:600; margin:0 0 var(--spacing-sm); }
.legal-container h1 { font-family:var(--font-family-heading); font-size:var(--font-size-4xl); line-height:var(--line-height-heading); overflow-wrap:anywhere; }
.legal-updated { margin:var(--spacing-sm) 0 var(--spacing-2xl); color:var(--color-on-surface-secondary); }
.legal-company-card { padding:var(--spacing-xl); border:1px solid var(--color-border); border-radius:var(--border-radius-lg); background:var(--color-surface-elevated); margin-bottom:var(--spacing-2xl); }
.legal-company-card h2 { margin-top:0; }
.legal-company-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--spacing-sm) var(--spacing-xl); }
.legal-company-grid p { margin:0; overflow-wrap:anywhere; }
.legal-section { padding:var(--spacing-xl) 0; border-bottom:1px solid var(--color-border); }
.legal-section h2 { font-family:var(--font-family-heading); font-size:var(--font-size-2xl); margin:0 0 var(--spacing-md); }
.legal-section p, .legal-section li { line-height:1.75; }
.legal-section a, .legal-company-card a { color:var(--color-primary); text-decoration:none; font-weight:600; overflow-wrap:anywhere; }
.legal-section a:hover, .legal-company-card a:hover { color:var(--color-accent); }
.legal-footer { width:100%; background:var(--color-primary); color:var(--color-on-primary); padding:var(--spacing-2xl) var(--spacing-xl); }
.legal-footer-inner { max-width:var(--content-max-width); margin:0 auto; display:grid; grid-template-columns:1.2fr 1fr 1.2fr; gap:var(--spacing-xl); }
.legal-footer .legal-brand { color:var(--color-on-primary); }
.legal-footer-links, .legal-footer-company { display:flex; flex-direction:column; gap:var(--spacing-xs); }
.legal-footer a, .legal-footer a:visited, .legal-footer a:hover, .legal-footer a:focus, .legal-footer a:active { color:inherit; text-decoration:none; }
.legal-copyright { max-width:var(--content-max-width); margin:var(--spacing-xl) auto 0; padding-top:var(--spacing-md); border-top:1px solid rgba(255,255,255,.2); }
@media (max-width: 900px) { .legal-desktop-nav { display:none; } .legal-menu-button { display:block; } .legal-footer-inner { grid-template-columns:1fr; } }
@media (max-width: 767px) { .legal-header-inner { padding:var(--spacing-sm) var(--spacing-md); } .legal-container { width:calc(100% - 2 * var(--spacing-md)); padding:var(--spacing-2xl) 0; } .legal-company-card, .legal-mobile-panel { padding:var(--spacing-md); } .legal-company-grid { grid-template-columns:1fr; } .legal-footer { padding:var(--spacing-xl) var(--spacing-md); } .legal-container h1 { overflow-wrap:anywhere; word-break:break-word; white-space:normal; } }
.not-found-legal { text-align: center; max-width: 720px; }
.not-found-legal h1 { font-size: clamp(4rem, 12vw, 8rem); margin: 0; color: var(--color-primary); }
.not-found-legal h2 { font-family: var(--font-family-heading); font-size: var(--font-size-2xl); margin: var(--spacing-sm) 0 var(--spacing-md); }
.not-found-legal .btn { display: inline-flex; margin-top: var(--spacing-lg); text-decoration: none; }