.fc-fee-calc .fc-fee-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--fc-border, rgba(17,24,39,.09));
    border-radius: 18px;
    background: var(--fc-surface, #fff);
    box-shadow: 0 12px 36px rgba(17,24,39,.045);
    overflow: hidden;
}

.fc-fee-summary > div {
    padding: 22px;
    border-left: 1px solid var(--fc-border, rgba(17,24,39,.09));
}

.fc-fee-summary > div:first-child {
    border-left: 0;
}

.fc-fee-summary span,
.fc-fee-summary strong {
    display: block;
}

.fc-fee-summary span {
    margin-bottom: 6px;
    color: var(--fc-muted, #667085);
    font-size: 12px;
}

.fc-fee-summary strong {
    font-size: clamp(22px, 3vw, 30px);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.fc-fee-drag-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--fc-border, rgba(17,24,39,.09));
    border-radius: 18px;
    background: var(--fc-surface, #fff);
    box-shadow: 0 12px 36px rgba(17,24,39,.045);
    overflow: hidden;
}

.fc-fee-drag-grid > div {
    padding: 20px 22px;
    border-left: 1px solid var(--fc-border, rgba(17,24,39,.09));
}

.fc-fee-drag-grid > div:first-child {
    border-left: 0;
}

.fc-fee-drag-grid span,
.fc-fee-drag-grid strong {
    display: block;
}

.fc-fee-drag-grid span {
    margin-bottom: 5px;
    color: var(--fc-muted, #667085);
    font-size: 12px;
}

.fc-fee-drag-grid strong {
    font-size: 17px;
}

.fc-calc__legend-line--benchmark {
    border-color: var(--fc-subtle, #98a2b3);
    border-style: dashed;
}

.fc-calc__line--benchmark {
    stroke: var(--fc-subtle, #98a2b3);
    stroke-dasharray: 6 7;
}

.fc-calc__line--fee-b {
    stroke: #7b8797;
}

@media (max-width: 680px) {
    .fc-fee-calc .fc-fee-summary,
    .fc-fee-drag-grid {
        grid-template-columns: 1fr;
    }

    .fc-fee-summary > div,
    .fc-fee-drag-grid > div {
        border-left: 0;
        border-top: 1px solid var(--fc-border, rgba(17,24,39,.09));
    }

    .fc-fee-summary > div:first-child,
    .fc-fee-drag-grid > div:first-child {
        border-top: 0;
    }
}


/* Investment Fee Calculator comparison metrics */
.fc-fee-drag-grid--comparison {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fc-fee-drag-grid--comparison > div {
    border-top: 1px solid var(--fc-border, rgba(17,24,39,.09));
}

.fc-fee-drag-grid--comparison > div:nth-child(-n+2) {
    border-top: 0;
}

.fc-fee-drag-grid--comparison > div:nth-child(odd) {
    border-left: 0;
}

@media (max-width: 680px) {
    .fc-fee-drag-grid--comparison {
        grid-template-columns: 1fr;
    }

    .fc-fee-drag-grid--comparison > div,
    .fc-fee-drag-grid--comparison > div:nth-child(-n+2),
    .fc-fee-drag-grid--comparison > div:nth-child(odd) {
        border-left: 0;
        border-top: 1px solid var(--fc-border, rgba(17,24,39,.09));
    }

    .fc-fee-drag-grid--comparison > div:first-child {
        border-top: 0;
    }
}