section.pd-tasks {color: var(--main-black)}
section.pd-tasks .pd-tasks__title {margin: 0 0 var(--mn-32); color: var(--main-black); font-size: var(--fs-32); line-height: var(--lh-38); font-weight: var(--fw-500)}
section.pd-tasks .pd-tasks__list {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mn-16); margin: 0; padding: 0; list-style: none}
section.pd-tasks .pd-tasks__item {padding: var(--mn-24); border-radius: var(--r-16)}
section.pd-tasks .pd-tasks__item--blue {background: var(--tint-blue)}
section.pd-tasks .pd-tasks__item--green {background: var(--tint-green)}
section.pd-tasks .pd-tasks__item--purple {background: var(--tint-purple)}
section.pd-tasks .pd-tasks__item--orange {background: var(--tint-orange)}
section.pd-tasks .pd-tasks__head {display: flex; align-items: center; gap: var(--mn-12)}
section.pd-tasks .pd-tasks__icon {flex: none}
section.pd-tasks .pd-tasks__item--blue .pd-tasks__icon {color: var(--accent-blue)}
section.pd-tasks .pd-tasks__item--green .pd-tasks__icon {color: var(--accent-green)}
section.pd-tasks .pd-tasks__item--purple .pd-tasks__icon {color: var(--accent-purple)}
section.pd-tasks .pd-tasks__item--orange .pd-tasks__icon {color: var(--accent-orange)}
section.pd-tasks .pd-tasks__name {margin: 0; color: var(--main-black); font-size: var(--fs-16); line-height: var(--lh-20); font-weight: var(--fw-600)}
section.pd-tasks .pd-tasks__points {margin: var(--mn-12) 0 0; padding: 0; list-style: none}
section.pd-tasks .pd-tasks__point {position: relative; padding: var(--mn-8) 0 var(--mn-8) var(--mn-24); border-top: var(--bw-1) solid var(--main-line); font-size: var(--fs-14); line-height: var(--lh-20)}
section.pd-tasks .pd-tasks__point::before {position: absolute; top: var(--mn-8); left: 0; content: "✦"; font-size: var(--fs-12); line-height: var(--lh-20)}
section.pd-tasks .pd-tasks__item--blue .pd-tasks__point::before {color: var(--accent-blue)}
section.pd-tasks .pd-tasks__item--green .pd-tasks__point::before {color: var(--accent-green)}
section.pd-tasks .pd-tasks__item--purple .pd-tasks__point::before {color: var(--accent-purple)}
section.pd-tasks .pd-tasks__item--orange .pd-tasks__point::before {color: var(--accent-orange)}

@media (max-width: 1024px) {
	section.pd-tasks .pd-tasks__list {grid-template-columns: repeat(2, minmax(0, 1fr))}
}

@media (max-width: 768px) {
	section.pd-tasks .pd-tasks__title {margin-bottom: var(--mn-16); font-size: var(--fs-20); line-height: var(--lh-24)}
	section.pd-tasks .pd-tasks__list {grid-template-columns: minmax(0, 1fr); gap: var(--mn-12)}
	section.pd-tasks .pd-tasks__name {font-size: var(--fs-14)}
}

@media (max-width: 560px) {
	section.pd-tasks .pd-tasks__item {padding: var(--mn-16)}
}