/* docs/ui/UI-SPEC.md: preserve existing site layout and legal typography. */
.policy-nav { display:flex; flex-wrap:wrap; gap:8px 16px; margin:0 0 20px; }
.policy-nav a:focus-visible, .xlike-safety-notice a:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.xlike-safety-notice { margin-top:12px; font-size:14px; line-height:1.6; }
.xlike-safety-notice a { color:inherit; text-decoration:underline; }
.legal-page .policy-nav a { color:#fdba74; font-weight:800; }
@media (max-width:600px) {
  .hero-inner, .generator-layout { grid-template-columns:minmax(0,1fr); }
  .generator-layout > .panel { min-width:0; }
  #inspiration .section-heading h2, .steps-section .section-heading h2,
  .use-cases .section-heading h2, .result-panel p { white-space:normal; overflow-wrap:anywhere; }
  .result-work-actions { flex-wrap:wrap; }
  .footer-legal { display:flex; flex-wrap:wrap; gap:12px 16px; max-width:100%; min-width:0; }
  .legal-shell { width:calc(100% - 32px); }
  .legal-card { padding:24px 20px; }
  .legal-card h1 { font-size:36px; line-height:1.12; overflow-wrap:anywhere; }
  .legal-card p, .legal-card li { overflow-wrap:anywhere; }
}