/* 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; }
}