.jxbc-answers {
    padding-block: clamp(2rem, 5vw, 4.5rem);
    color: #172a36;
}

.jxbc-answers-header {
    max-width: 52rem;
    margin-bottom: 2rem;
}

.jxbc-answers-header h1 {
    margin: 0 0 .75rem;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.12;
}

.jxbc-answers-header p {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.7;
}

.jxbc-answers-questions {
    margin-bottom: 2rem;
    padding: 1.25rem;
    border: 1px solid #dfe3e8;
    border-radius: .35rem;
    background: #f7f9fa;
}

.jxbc-answers-questions-title {
    margin: 0 0 .75rem;
    font-size: 1.2rem;
    font-weight: 700;
}

.jxbc-answers-questions ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem 2rem;
    margin: 0;
    padding-left: 1.25rem;
}

.jxbc-answers a {
    color: #244e65;
    text-underline-offset: .16em;
}

.jxbc-answers-list {
    border-top: 1px solid #dfe3e8;
}

.jxbc-answer {
    scroll-margin-top: 2rem;
    padding: 1.6rem 0;
    border-bottom: 1px solid #dfe3e8;
}

.jxbc-answer h2 {
    margin: 0 0 .65rem;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    line-height: 1.3;
}

.jxbc-answer p {
    max-width: 64rem;
    margin: 0;
    line-height: 1.75;
}

@media (max-width: 42rem) {
    .jxbc-answers {
        width: calc(100% - 2rem);
        padding-block: 1.75rem 2.5rem;
        overflow-wrap: anywhere;
    }

    .jxbc-answers-questions ol {
        grid-template-columns: 1fr;
        gap: .7rem;
    }

    .jxbc-answers-questions a {
        display: inline-block;
        padding-block: .15rem;
    }

    .jxbc-answer {
        padding-block: 1.35rem;
    }
}