/* Block: decorated-list */

.block-decorated-list {
    padding: var(--spacing-xxxl, 80px) 0;
}

.block-decorated-list .section-header {
    margin-bottom: var(--spacing-xxl, 60px);
}

.block-decorated-list .section-title {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 16px);
    font-size: var(--font-size-xxl, 36px);
    font-weight: 700;
    color: var(--color-text, #323232);
    margin: 0;
    line-height: var(--line-height-tight, 1.15);
}

.block-decorated-list .title-accent {
    width: 4px;
    height: 1.2em;
    background: linear-gradient(180deg, var(--color-secondary, #36C3C1) 0%, var(--color-secondary-dark, #2FA8A6) 100%);
    border-radius: 2px;
    flex-shrink: 0;
}

.block-decorated-list .title-text {
    flex: 1;
}

.block-decorated-list .decorated-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

.block-decorated-list .decorated-list-item {
    position: relative;
    padding: 1.25rem 1.5rem;
    background-color: #F8F8F8;
    border-radius: 0.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.block-decorated-list .decorated-list-item::before {
    content: '';
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9_157)'%3E%3Cpath d='M21 0C9.42014 0 0 9.42014 0 21C0 32.5799 9.42014 42 21 42C32.5799 42 42 32.5799 42 21C42 9.42014 32.5799 0 21 0Z' fill='%233DD9E4'/%3E%3Cpath d='M31.644 16.5497L20.2689 27.9245C19.9276 28.2658 19.4796 28.4375 19.0317 28.4375C18.5837 28.4375 18.1357 28.2658 17.7945 27.9245L12.1071 22.2371C11.4226 21.553 11.4226 20.4469 12.1071 19.7627C12.7912 19.0783 13.897 19.0783 14.5815 19.7627L19.0317 24.2129L29.1696 14.0753C29.8537 13.3909 30.9595 13.3909 31.644 14.0753C32.3281 14.7595 32.3281 15.8653 31.644 16.5497Z' fill='%23FAFAFA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9_157'%3E%3Crect width='42' height='42' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.block-decorated-list .decorated-list-text {
    flex: 1;
    margin: 0;
}

.block-decorated-list .decorated-list-text strong {
    font-weight: 700;
}

.block-decorated-list .decorated-list-text strong::after {
    content: ': ';
    font-weight: 700;
}