@import url("../name-generator/style.css");
.legal-wrap { max-width: 760px; margin: 0 auto; padding: 32px 20px 80px; }
.legal-header { margin-bottom: 24px; }
.legal-header a { color: var(--accent); text-decoration: none; }
.legal-card { background: var(--panel); border: 1px solid var(--panel-border); border-radius: 14px; padding: clamp(20px, 4vw, 36px); }
.legal-card h1 { font-family: var(--font-head); font-size: clamp(1.55rem, 4vw, 2.05rem); line-height: 1.2; margin: 0 0 8px; }
.legal-card h2 { font-family: var(--font-head); color: var(--accent); font-size: 1rem; margin: 30px 0 8px; }
.legal-card p, .legal-card li { color: var(--text-dim); }
.legal-card strong { color: var(--text); }
.legal-card a { color: var(--accent); }
.legal-card ul { padding-left: 22px; }
.legal-meta { font-size: .82rem; margin: 0 0 28px; }
.legal-note { border-left: 3px solid var(--accent); padding: 10px 14px; background: var(--panel-alt); border-radius: 0 8px 8px 0; }
@media (max-width:560px){.legal-wrap{padding:24px 14px 56px}.legal-card{padding:20px}}