/* Legal pages: hover, link and responsive rules; static styles are inline in templates/pages/legal.php. */
/* Links in prose are underlined (not told apart by colour alone); ink, not orange: orange marks change only. */
.mrm-legal a { color: var(--ink-900); text-decoration: underline; text-decoration-color: var(--ink-300); text-underline-offset: 4px; }
.mrm-legal a:hover { color: var(--ink-900); text-decoration-color: var(--orange-500); }
/* Code of conduct: each section opens with its principle in bold; set it as a lead line.
   shortcut: :only-child ignores text nodes, so a lone <strong> mid-sentence would also break out; wrap the principle in a class if that ever happens. */
.mrm-legal p > strong:only-child { display: block; font: 500 20px/1.4 var(--font-display); letter-spacing: -.01em; color: var(--ink-900); }

@media (max-width: 800px) {
  .l-hero { grid-template-columns: 1fr !important; }
  .l-tile { display: none; }
  .l-sec { grid-template-columns: 1fr !important; gap: 12px !important; padding: 32px 0 40px !important; }
}