#the-archives {
	.container {
		max-width: 1100px;
		.bot {
			ul#tar-list {
				display: grid;
				gap: 1rem;

				@media (min-width: 393px) {
					grid-template-columns: repeat(2, 1fr);
				}
				@media (min-width: 640px) {
					grid-template-columns: repeat(3, 1fr);
				}

				li {
					padding: 0 1rem;
					@media (min-width: 1024px) {
						padding: 1rem;
					}
					a {
						h3 {
							font-weight: var(--fw-600);
							font-family: var(--font-secondary);
							font-size: var(--fs-13);
							line-height: 1.3;
							margin: 4px 0;
							position: relative;
							padding-left: 0.5rem;

							@media (min-width: 393px) {
								line-height: 1.1;
							}

							&:before {
								content: "";
								position: absolute;
								width: 5px;
								height: 5px;
								border-radius: 50%;
								background-color: green;
								border: 1px solid var(--cp-1);
								left: -0.5rem;
								top: 50%;
								transform: translateY(-50%);
							}
						}
					}
				}
			}
		}
	}
}