[data-knowledge-motion] :is(a,button,summary){transition:color 170ms ease,background-color 170ms ease,border-color 170ms ease}
[data-knowledge-motion] :is(a,button,summary):focus-visible{outline:2px solid #136638;outline-offset:4px}
[data-knowledge-motion] :is(a,button,summary):active{background-color:rgba(19,102,56,.08)}
[data-knowledge-motion] :is(.guide__link,.guide__button)>span[aria-hidden]{display:inline-block;transition:transform 170ms ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  [data-knowledge-motion] :is(.guide__link,.guide__button):hover>span[aria-hidden]{transform:translateX(3px)}
  .ycg-review[data-knowledge-motion] :is(.toc a,.mobile-toc a,.continue-reading a):hover{color:#136638}
}
@supports(interpolate-size:allow-keywords){
  .ycg-review[data-knowledge-motion] details.faq{interpolate-size:allow-keywords}
  .ycg-review[data-knowledge-motion] details.faq::details-content{height:0;overflow:clip;transition:height 180ms ease,content-visibility 180ms allow-discrete}
  .ycg-review[data-knowledge-motion] details.faq[open]::details-content{height:auto}
}
@media(prefers-reduced-motion:reduce){
  [data-knowledge-motion],[data-knowledge-motion] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  [data-knowledge-motion] :is(.guide__link,.guide__button)>span[aria-hidden]{transform:none!important}
  .ycg-review[data-knowledge-motion] details.faq::details-content{transition:none!important}
}