.help-drawer {
    transition: box-shadow 0.2s ease;
}

.help-drawer:hover {
    box-shadow: 0 0 0 1px rgba(245, 166, 35, 0.15);
}

.help-drawer-header {
    cursor: pointer;
    user-select: none;
    background: transparent;
    font: inherit;
    border: none;
    outline: none;
}

.help-drawer-header:hover {
    background: rgba(245, 166, 35, 0.04);
}

.help-drawer-header:focus-visible {
    outline: 2px solid rgba(245, 166, 35, 0.5);
    outline-offset: -2px;
    border-radius: 1rem;
}

.help-drawer-header.is-open {
    background: rgba(245, 166, 35, 0.03);
    border-bottom: 1px solid rgba(245, 166, 35, 0.08);
}

.help-drawer-header.is-open h2 {
    color: #f5a623;
}

.help-drawer-chevron {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.help-drawer-chevron.rotate-180 {
    transform: rotate(180deg);
}

.help-drawer-body {
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.help-drawer-body > div {
    transition: opacity 0.25s ease;
}