:root {
    --amr-rm-font-size: 15px;
    --amr-rm-font-family: inherit;
    --amr-rm-font-weight: 500;
    --amr-rm-fade-bg: #ffffff;
    --amr-rm-accent: #1f2937;
    --amr-rm-fade-height: 130px;
}

.amr-rm-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.amr-rm-content {
    position: relative;
    overflow: hidden;
    text-align: start !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: break-word;
    transition: max-height 0.45s ease;
}

.amr-rm-content.is-expanded {
    overflow: visible;
}

.amr-rm-content > * {
    max-width: 100%;
    box-sizing: border-box;
}

.amr-rm-target {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.amr-rm-content img,
.amr-rm-content video,
.amr-rm-content iframe,
.amr-rm-content embed,
.amr-rm-content object {
    max-width: 100% !important;
    height: auto;
}

.amr-rm-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.amr-rm-content.is-collapsed::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--amr-rm-fade-height);
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.15) 25%,
        rgba(255, 255, 255, 0.45) 52%,
        rgba(255, 255, 255, 0.82) 78%,
        var(--amr-rm-fade-bg) 100%
    );
    pointer-events: none;
}

.amr-rm-button {
    margin: 16px 0 0 !important;
    display: inline-flex !important;
    align-self: center;
    align-items: center;
    justify-content: center;
    gap: 8px;
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 1px solid color-mix(in srgb, currentColor 26%, transparent) !important;
    border-radius: 999px !important;
    padding: 10px 18px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 252, 0.92)) !important;
    color: var(--amr-rm-accent) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-size: var(--amr-rm-font-size) !important;
    font-family: var(--amr-rm-font-family) !important;
    font-weight: var(--amr-rm-font-weight) !important;
    cursor: pointer;
    line-height: 1.05;
    width: fit-content;
    max-width: calc(100% - 24px);
    text-align: center;
    white-space: normal;
    transition: transform 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.amr-rm-button:hover {
    transform: translateY(-2px) scale(1.015) !important;
    border-color: color-mix(in srgb, currentColor 35%, transparent) !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12) !important;
}

.amr-rm-button:focus,
.amr-rm-button:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.16) !important;
}

.amr-rm-icon {
    width: 18px;
    height: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.8px solid currentColor;
    border-radius: 50% / 65%;
    position: relative;
}

.amr-rm-icon::after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    display: block;
}

.amr-rm-icon.is-hidden {
    display: none !important;
}

.amr-rm-custom-icon {
    width: 18px;
    height: 18px;
    object-fit: contain;
    display: none;
}

.amr-rm-custom-icon.is-visible {
    display: inline-block;
}

.amr-rm-button.is-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-3px) !important;
}