.framework-checklist {
    padding: 0;
}

.framework-checklist__title {
    font-family: "Alata", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.3;
    color: #1a1a1a;
    margin: 0 0 0.625rem;
}

.framework-checklist__description {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #1a1a1a;
    margin-bottom: 1.25rem;
}

.framework-checklist__description p {
    margin: 0;
}

.framework-checklist__description p + p {
    margin-top: 0.75em;
}

/* ── List ───────────────────────────────────────────── */

.framework-checklist__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.framework-checklist__item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0;
}

.framework-checklist__item + .framework-checklist__item {
    border-top: 1px dotted #c8c8c8;
}

/* ── Check circle ───────────────────────────────────── */

.framework-checklist__check {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 50%;
    background-color: #b0c752;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2,9 6,13 14,3' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 58%;
    flex-shrink: 0;
    margin-top: 0.15rem;
}

/* ── Item text ──────────────────────────────────────── */

.framework-checklist__text {
    font-family: "Open Sans", sans-serif;
    font-size: 1.1rem;
    line-height: 1.6;
    color: #1a1a1a;
    flex: 1;
    min-width: 0;
}

.framework-checklist__text p {
    margin: 0;
}

.framework-checklist__text p + p {
    margin-top: 0.5em;
}

.framework-checklist__text a {
    font: inherit;
    text-decoration: underline;
    color: var(--dim-color, #3e57a3);
    text-decoration-color: #faba5f;
}