/* Behaviour the Claude Design runtime used to supply, as plain CSS. */
.hv-ink:hover      { background:#191919 !important; color:#FFFFFF !important; }
.hv-sand:hover     { background:#FBF7F0 !important; }
.hv-orange:hover   { background:#EE5A24 !important; }
.hv-white:hover    { background:#FFFFFF !important; color:#191919 !important; }
.hv-plainwhite:hover { background:#fff !important; }
.hv-fade:hover     { opacity:.6 !important; }

.acc-body { max-height:0; opacity:0; overflow:hidden;
  transition:max-height .55s cubic-bezier(.22,.61,.36,1), opacity .4s ease; }
.acc-body.acc-open { max-height:640px; opacity:1; }

:where(a,button,summary):focus-visible { outline:2px solid #EE5A24; outline-offset:2px; }

.lang-switch a { text-decoration:none; padding:4px 1px; color:#191919; opacity:.45; }
.lang-switch a[aria-current="true"] { color:#EE5A24; opacity:1; }

@media (prefers-reduced-motion: reduce) {
  .acc-body { transition:none; }
}

/* Phones: the header's consultation button (also in the mobile menu) and the
   footer's three link columns were wider than the screen, which widened the
   whole page and pushed fixed elements like the cookie banner off-screen. */
@media (max-width: 640px) {
  header > div > a.hv-ink { display:none !important; }
  footer > div > div > div[style*="repeat(3"] { grid-template-columns:1fr 1fr !important; gap:24px !important; }
}