:root {
    --unams-acc-navy: #0d2b45;
    --unams-acc-blue: #17456d;
    --unams-acc-cyan: #0aa3a3;
    --unams-acc-light: #f3f8fb;
    --unams-acc-line: #dce8f0;
    --unams-acc-text: #24384a;
    --unams-acc-muted: #5d7183;
}

.unams-accordion {
    --unams-acc-question-bg: #eef6fb;
    --unams-acc-answer-bg: #ffffff;
    --unams-acc-border-color: #2f6fa3;
    --unams-acc-question-text: #0d2b45;
    --unams-acc-accent: #17456d;
    --unams-acc-radius: 14px;
    --unams-acc-border-width: 1px;
    max-width: 1100px;
    margin: 30px auto;
    color: var(--unams-acc-text);
}

.unams-accordion__header {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--unams-acc-navy), var(--unams-acc-blue));
    color: #fff;
    border-radius: 20px;
    padding: 25px 26px;
    margin-bottom: 16px;
}

.unams-accordion__header::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    right: -55px;
    top: -70px;
    background: rgba(10,163,163,.18);
    pointer-events: none;
}

.unams-accordion__eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #90e1e7;
    margin-bottom: 7px;
}

.unams-accordion__title {
    color: #fff !important;
    font-size: clamp(1.65rem,3vw,2.15rem) !important;
    line-height: 1.15 !important;
    margin: 0 0 7px !important;
}

.unams-accordion__intro,
.unams-accordion__intro p {
    color: rgba(255,255,255,.9);
    margin: 0;
}

.unams-accordion__items {
    display: grid;
    gap: 12px;
}

.unams-accordion__item {
    background: var(--unams-acc-answer-bg);
    border-radius: var(--unams-acc-radius);
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(15,45,65,.035);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.unams-accordion--border-left .unams-accordion__item {
    border: var(--unams-acc-border-width) solid #dce8f0;
    border-left: max(4px, var(--unams-acc-border-width)) solid var(--unams-acc-border-color);
}

.unams-accordion--border-full .unams-accordion__item {
    border: var(--unams-acc-border-width) solid var(--unams-acc-border-color);
}

.unams-accordion--border-top .unams-accordion__item {
    border: var(--unams-acc-border-width) solid #dce8f0;
    border-top: max(4px, var(--unams-acc-border-width)) solid var(--unams-acc-border-color);
}

.unams-accordion--border-none .unams-accordion__item {
    border: 0;
}

.unams-accordion__item:hover {
    box-shadow: 0 8px 24px rgba(15,45,65,.065);
}

.unams-accordion__question-wrap {
    margin: 0 !important;
}

.unams-accordion__button {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    background: var(--unams-acc-question-bg);
    color: var(--unams-acc-question-text);
    padding: 18px 20px;
    font: inherit;
    font-weight: 700;
    font-size: 1.04rem;
    line-height: 1.35;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    text-align: left;
    cursor: pointer;
}

.unams-accordion__button:hover {
    filter: brightness(.985);
}

.unams-accordion__button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--unams-acc-accent) 30%, transparent);
    outline-offset: -3px;
}

.unams-accordion__icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--unams-acc-accent) 25%, #dce8f0);
    position: relative;
}

.unams-accordion__icon::before,
.unams-accordion__icon::after {
    content: "";
    position: absolute;
    background: var(--unams-acc-accent);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 2px;
    transition: transform .2s ease, opacity .2s ease;
}

.unams-accordion__icon::before { width: 12px; height: 2px; }
.unams-accordion__icon::after { width: 2px; height: 12px; }

.unams-accordion__button[aria-expanded="true"] .unams-accordion__icon {
    background: var(--unams-acc-accent);
    border-color: var(--unams-acc-accent);
}

.unams-accordion__button[aria-expanded="true"] .unams-accordion__icon::before,
.unams-accordion__button[aria-expanded="true"] .unams-accordion__icon::after {
    background: #fff;
}

.unams-accordion__button[aria-expanded="true"] .unams-accordion__icon::after {
    opacity: 0;
}

.unams-accordion__panel {
    border-top: 1px solid color-mix(in srgb, var(--unams-acc-border-color) 24%, #edf2f6);
    background: var(--unams-acc-answer-bg);
}

.unams-accordion__panel[hidden] {
    display: none !important;
}

.unams-accordion__answer {
    padding: 18px 20px 20px;
    color: var(--unams-acc-text);
}

.unams-accordion__answer p:first-child { margin-top: 0; }
.unams-accordion__answer p:last-child { margin-bottom: 0; }

.unams-accordion__answer a {
    color: var(--unams-acc-blue);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.unams-accordion__answer ul,
.unams-accordion__answer ol {
    margin-top: .6em;
    margin-bottom: .6em;
}

@media (prefers-reduced-motion: reduce) {
    .unams-accordion__item,
    .unams-accordion__icon::before,
    .unams-accordion__icon::after {
        transition: none;
    }
}

@media (max-width: 640px) {
    .unams-accordion__header {
        padding: 22px 19px;
        border-radius: 16px;
    }

    .unams-accordion__button {
        padding: 16px;
        font-size: 1rem;
        gap: 14px;
    }

    .unams-accordion__answer {
        padding: 16px;
    }
}
