.hlal__finder, .hlal__finder * { box-sizing: border-box; font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif; }
.hlal__finder { max-width: 100%; color: inherit; line-height: 1.55; }
.hlal__header { margin: 0 0 1em; }
.hlal__header h2 { margin: 0 0 .35em; color: inherit; font-size: clamp(1.35rem, 2.3vw, 1.9rem); font-weight: 700; }
.hlal__header p { margin: 0; opacity: .84; }
.hlal__form { display: flex; flex-wrap: wrap; align-items: end; gap: .8em; padding: 1em; border: 1px solid #e4d3bc; border-radius: 12px; background: #fffdf8; }
.hlal__form > .hltdb-birth-fields { flex: 1 1 100%; min-width: 0; margin: 0; }
.hlal__form > label:not(.hlal__checkbox) { display: grid; flex: 1 1 12em; gap: .3em; font-weight: 600; }
.hlal__form select { width: 100%; min-height: 46px; padding: .55em .7em; border: 1px solid #b9a58e; border-radius: 8px; background: #fff; color: inherit; font: inherit; }
.hlal__form select:focus-visible, .hlal__form input:focus-visible { outline: 2px solid #985908; outline-offset: 2px; }
.hlal__checkbox { display: flex; flex: 1 1 14em; align-items: center; gap: .55em; min-height: 46px; font-weight: 500; cursor: pointer; }
.hlal__checkbox input { width: 1.15em; height: 1.15em; accent-color: #985908; }
.hlal__form button { min-height: 46px; padding: .6em 1.15em; border: 0; border-radius: 8px; background: #985908; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.hlal__form button:hover { background: #754405; }
.hlal__error, .hlal__empty { margin: 1em 0; padding: .8em 1em; border-radius: 8px; }
.hlal__error { border-inline-start: 4px solid #b42318; background: #fff2f0; color: #7a1710; }
.hlal__empty { border-inline-start: 4px solid #985908; background: #fff7df; }
.hlal__results { margin-top: 1.1em; padding: 1em; border: 1px solid #e4d3bc; border-radius: 12px; background: #fff; }
.hlal__results h3 { margin: 0 0 .45em; color: inherit; font: inherit; font-size: 1.18em; font-weight: 700; }
.hlal__count { margin: 0 0 .75em; color: #5c3907; font-weight: 700; }
.hlal__table-wrap { max-width: 100%; }
.hlal__table-wrap table { width: 100%; table-layout: fixed; border-collapse: collapse; background: #fff; }
.hlal__table-wrap th, .hlal__table-wrap td { padding: .62em .68em; border-bottom: 1px solid #e9ddce; text-align: left; vertical-align: middle; overflow-wrap: anywhere; }
.hlal__table-wrap th { background: #fbf6ed; font-weight: 700; }
.hlal__table-wrap th:nth-child(1) { width: 14%; }
.hlal__table-wrap th:nth-child(2) { width: 14%; }
.hlal__table-wrap th:nth-child(3) { width: 21%; }
.hlal__table-wrap th:nth-child(4) { width: 20%; }
.hlal__table-wrap th:nth-child(5) { width: 19%; }
.hlal__table-wrap th:nth-child(6) { width: 12%; }
.hlal__table-wrap tr:last-child td { border-bottom: 0; }
.hlal__badge { display: inline-block; margin: .1em .2em .1em 0; padding: .12em .55em; border-radius: 999px; background: #e6f4eb; color: #17633c; font-size: .9em; font-weight: 700; white-space: nowrap; }
.hlal__taksa-badge { display: inline-block; margin: .1em .2em .1em 0; padding: .12em .55em; border: 1px solid #ead7a9; border-radius: 999px; background: #fff7df; color: #62470b; font-size: .88em; font-weight: 700; white-space: nowrap; }
.hlal__role { display: inline-block; padding: .16em .58em; border-radius: 999px; font-size: .88em; font-weight: 700; white-space: nowrap; }
.hlal__role--primary { background: #fff0d4; color: #744300; }
.hlal__role--secondary { background: #f0eaff; color: #513c81; }
.hlal__legend { margin: .9em 0 .65em; padding: .75em 1em; border-inline-start: 4px solid #985908; border-radius: 8px; background: #fbf6ed; }
.hlal__legend p { margin: .25em 0; }
.hlal__legend strong { color: #5c3907; }
.hlal__criteria { display: flex; flex-wrap: wrap; gap: .25em .65em; margin: 1em 0 .6em; padding: .75em 1em; border: 1px solid #ead7a9; border-radius: 9px; background: #fffaf0; }
.hlal__criteria span { display: block; flex-basis: 100%; font-size: .92em; }
.hlal__privacy { margin: .55em 0 .85em; font-size: .88em; opacity: .82; }
.hlal__note { margin: .8em 0 0; color: inherit; font-size: .9em; opacity: .84; }
@media (max-width: 680px) {
	.hlal__form { align-items: stretch; }
	.hlal__form > label:not(.hlal__checkbox), .hlal__checkbox, .hlal__form > .hltdb-birth-fields { flex-basis: 100%; }
	.hlal__form button { width: 100%; }
	.hlal__results { padding: .75em; }
	.hlal__table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
	.hlal__table-wrap table, .hlal__table-wrap tbody { display: block; width: 100%; }
	.hlal__table-wrap tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin: 0 0 .7em; padding: .35em .7em; border: 1px solid #e9ddce; border-radius: 9px; }
	.hlal__table-wrap tr:last-child { margin-bottom: 0; }
	.hlal__table-wrap td { display: block; min-width: 0; padding: .45em .2em; border: 0; }
	.hlal__table-wrap td::before { display: block; margin-bottom: .12em; color: #6b6258; content: attr(data-label); font-size: .78em; font-weight: 600; }
	.hlal__table-wrap td:nth-child(n+3) { grid-column: 1 / -1; }
}