/* Article contact button: clear pointer, keyboard and press feedback. */
.legal-surface .guide-legal-service .button { cursor: pointer; transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s, transform .2s; }
@media (hover: hover) {
  .legal-surface .guide-legal-service .button:hover { background: #eff6ff; color: #1d4ed8; border-color: #1d4ed8; box-shadow: 0 5px 18px #2563eb29; transform: translateY(-1px); }
}
.legal-surface .guide-legal-service .button:focus-visible { background: #eff6ff; outline: 3px solid #2563eb; outline-offset: 3px; }
.legal-surface .guide-legal-service .button:active { background: #dbeafe; transform: translateY(0); box-shadow: 0 2px 6px #2563eb29; }
@media (prefers-reduced-motion: reduce) {
  .legal-surface .guide-legal-service .button { transition: none; }
  .legal-surface .guide-legal-service .button:hover { transform: none; }
}

/* 110% typography, height and padding; mobile width remains inside the viewport. */
.legal-surface .guide-legal-service .button { min-height:61.6px; padding:16.5px 28.6px; font-size:17.6px; border-radius:17.6px; gap:9.9px; }
.legal-surface .guide-legal-service .button svg { width:19.8px; height:19.8px; flex:none; }
@media (max-width:900px) {
 .legal-surface .guide-legal-service .button { height:48.4px; min-height:48.4px; padding:8.8px 6.6px; font-size:13.2px; line-height:19.8px; border-radius:13.2px; gap:4.4px; }
 .legal-surface .guide-legal-service .button svg { width:15.4px; height:15.4px; }
 html[lang="en"] .legal-surface .guide-legal-service .button { font-size:12.1px; }
}
.legal-page h1 .guide-heading-home { color:inherit; font:inherit; text-decoration:none; cursor:pointer; transition:color 150ms ease; }
.legal-page h1 .guide-heading-home:hover, .legal-page h1 .guide-heading-home:active { color:#2563eb; text-decoration:none; }
.legal-page h1 .guide-heading-home:focus-visible { outline:2px solid #2563eb; outline-offset:5px; border-radius:4px; }

/* Desktop article contact action aligns to the right; mobile stays full-width. */
@media (min-width:901px) { .legal-surface .guide-legal-service { justify-content:flex-end; } }
