#latest {
	position: relative;
	padding: 25px 32px 32px 32px;
	min-width: 270px;
	// D6 §4 — WIDE fluid 원칙: 목록 페이지 max-width 캡 제거
	margin: 0 auto;

	h1 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	// 검색 조건
	.list-header, .list-footer {
		select, input[type="search"], input[type="radio"] {
			height: 34px;
		}

		input[type="radio"] {
			position: absolute;
			opacity: 0;
			pointer-events: none;
		}

		a, button {
			line-height: 34px;
			padding: 0 15px;
		}
	}

	// 상단 제어 버튼
	.list-header {
		display: grid;
		grid-template-columns: 1fr auto auto;
		gap: 7px;
		align-items: end;

		section:first-child {
			flex: 1 1 auto;
			min-width: 0;
		}
	}

	// 하단 제어 버튼
	.list-footer {
		display: grid;
		grid-template-columns: 1fr auto;

		.search-toggle {
			display: none;
		}

		> section[aria-label='게시글 검색'] > form {
			display: flex;
			align-items: center;
			gap: 7px;
		}
	}

    @media (max-width: 576px) {
		.list-footer {
			grid-template-columns: auto 1fr;
			align-items: center;

			.search-toggle {
				grid-column: 1;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				height: 100%;
			}

			> section[aria-label='게시글 검색'] {
				visibility: hidden;
			}
		}
    }

	@media (max-width: 768px) {
		.list-footer {
			> section[aria-label='게시글 검색'] {
				form {
					padding-right: 7px;

					select {
						flex-grow: 0;
					}

					input {
						flex-grow: 1;
					}
				}
			}
		}
	}
}