.site-development.legal-page .legal-main { width: 100%; max-width: 1000px; gap: 28px; }
.legal-page .legal-heading { display: grid; gap: 12px; }
.legal-page .legal-heading h1 { font-size: clamp(40px, 6vw, 64px); line-height: 1.05; }
.legal-page .legal-heading p { color: var(--hp-muted); font-size: 13px; }
.legal-page .legal-panel { display: grid; gap: 18px; min-width: 0; padding: clamp(20px, 4vw, 32px); border: 1px solid var(--hp-line); border-radius: 6px; background: var(--hp-panel); }
.legal-page .legal-panel h2 { font-size: 30px; line-height: 1.15; scroll-margin-top: 24px; }
.legal-page .legal-panel p { line-height: 1.75; overflow-wrap: anywhere; }
.legal-page .legal-panel a { color: var(--hp-cyan); text-decoration: underline; text-underline-offset: 3px; }
.legal-page .legal-panel a:hover { color: var(--hp-text); }
.legal-page .legal-identity { display: grid; gap: 16px; }
.legal-page .legal-identity > div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 12px; }
.legal-page .legal-identity dt { color: var(--hp-muted); }
.legal-page .legal-identity dd { overflow-wrap: anywhere; }

@media (max-width: 480px) {
    .legal-page .legal-identity > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}