.blog-checklist {
    margin: 1.5rem 0;
    padding: 1rem;
    border: 1px solid #d7e3d4;
    border-radius: .65rem;
    background: #f6faf5;
}

.blog-checklist h2[id] {
    margin: 0 0 .75rem;
}

.blog-checklist .blog-checklist__items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-checklist__items label {
    display: flex;
    align-items: baseline;
    gap: .65rem;
    min-height: 2.25rem;
    margin: 0;
    cursor: pointer;
}

.blog-checklist__items input {
    flex: 0 0 auto;
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #2c6339;
}

.blog-checklist__items input:checked + span {
    text-decoration: line-through;
}

.blog-checklist__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-top: .75rem;
}

.blog-checklist__controls button {
    padding: .4rem .65rem;
    border: 1px solid #819a84;
    border-radius: .35rem;
    color: #23482b;
    background: #fff;
}

.blog-checklist__controls button:disabled {
    opacity: .65;
}