/* Grande - the "Need help?" card at the end of each guide (opens the support server in a new tab) */
.doc a.help-card,.help-card{position:relative;display:block;max-width:560px;margin:22px 0 4px;padding:20px 22px 20px;border:1px solid #232323;border-radius:16px;background:#0c0c0c;color:#a1a1a6;text-decoration:none!important;transition:border-color .22s ease,background .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.help-card .hc-i{display:block;margin-bottom:12px;color:#007EFE;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.help-card .hc-a{position:absolute;top:18px;right:18px;color:#6f6f75;transition:transform .25s cubic-bezier(.2,.8,.2,1),color .2s ease}
.help-card b{display:block;margin-bottom:4px;font-size:16px;font-weight:700;color:#f5f5f7}
.help-card span{display:block;font-size:15px;line-height:1.5;color:#a1a1a6}
.help-card:hover{border-color:#34343a;background:#101012;transform:translateY(-1px)}
.help-card:hover .hc-i{transform:scale(1.08);filter:drop-shadow(0 0 8px rgba(0,126,254,.45))}
.help-card:hover .hc-a{transform:translate(2px,-2px);color:#d6d6da}
.help-card:active{transform:scale(.995)}
.help-card:focus-visible{outline:2px solid #007EFE;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.help-card,.help-card .hc-i,.help-card .hc-a{transition:none}}