/* Halaman legal di atas design-system.css. */
main { width: min(100% - 32px, 720px); margin: var(--space-8) auto; padding: clamp(24px, 6vw, 56px); border: 1px solid var(--color-line); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-1); }
.brand { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-ink); font: var(--text-heading); font-size: 17px; text-decoration: none; }
.brand span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: var(--color-on-accent); background: var(--color-accent); font: 700 15px/1 var(--font-display); }
.kicker { margin-top: var(--space-10); color: var(--color-accent-strong); font: var(--text-label); letter-spacing: 0.08em; text-transform: uppercase; }
h1 { margin: var(--space-2) 0 var(--space-4); }
.lead { color: var(--color-ink-soft); font: var(--text-lead); }
section { margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--color-line); }
h2 { margin-bottom: var(--space-2); font: var(--text-heading); }
section p { color: var(--color-ink-soft); line-height: 1.65; max-width: 65ch; }
.back { display: inline-flex; align-items: center; min-height: var(--control-height); margin-top: var(--space-8); padding: var(--space-3) var(--space-5); border: 1px solid var(--color-line-strong); border-radius: var(--radius-md); color: var(--color-ink); background: var(--color-surface); font: var(--text-button); text-decoration: none; }
.back:hover { background: var(--color-surface-sunken); }