/* Общий отклик интерактивных элементов в цветах сайта. */
:where(a[href],button:not(:disabled),summary,[role="button"]):focus-visible{outline:2px solid var(--brass,#A97B49);outline-offset:4px}
.nav ul a{position:relative;padding-block:10px;text-decoration:none;transition:color .18s ease}
.nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--brass,#A97B49);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.nav ul a:focus-visible{color:var(--accent,#214B3E)}
.nav ul a:focus-visible::after{transform:scaleX(1)}
.btn{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.journal-read span{display:inline-block;transition:transform .18s ease}
@media(hover:hover) and (pointer:fine){
  :is(a[href],button:not(:disabled),summary,[role="button"]){cursor:url("./cursor-click.svg") 3 2,pointer}
  .nav ul a:hover{color:var(--accent,#214B3E)}
  .nav ul a:hover::after{transform:scaleX(1)}
  .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(23,44,58,.14)}
  .btn:active{transform:translateY(0) scale(.985);box-shadow:none}
  .journal-read:hover span{transform:translate(2px,-2px)}
  .journal-card h3 a:hover,.journal-feature h2 a:hover{color:var(--accent,#214B3E);text-decoration:underline;text-decoration-color:var(--brass,#A97B49);text-underline-offset:5px}
  .article-text a:hover,.header-repeat a:hover{color:var(--brass,#A97B49)}
  summary:hover{color:var(--accent,#214B3E);background:var(--accent-soft,#DCE6DF)}
}
:is(button:disabled,[aria-disabled="true"]){cursor:not-allowed}
@media(prefers-reduced-motion:reduce){
  .nav ul a,.nav ul a::after,.btn,.journal-read span{transition:none}
  .btn:hover,.journal-read:hover span{transform:none}
}