/* Đông Võ Realty – design tokens lấy từ Figma (file v3V1djl8hur9PB488BB1L2) */
:root {
	--dv-ink: #111214;
	--dv-muted: #6b6b70;
	--dv-red: #cf3428;
	--dv-line: #e6e4e0;
	--dv-bg: #f6f5f3;
	--dv-white: #ffffff;
	--dv-dark: #1c1d21;
	--dv-dark-2: #24252b;

	--dv-font-heading: "Playfair Display", Georgia, serif;
	--dv-font-body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;

	--dv-container: 1200px;
	--dv-gutter: 120px;
	--dv-radius-sm: 4px;
	--dv-radius: 14px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	font-family: var(--dv-font-body);
	font-size: 15px;
	line-height: 1.6;
	color: var(--dv-ink);
	background: var(--dv-bg);
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }

h1, h2, h3, h4 {
	font-family: var(--dv-font-heading);
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
}

.dv-container {
	width: 100%;
	max-width: calc(var(--dv-container) + 2 * 20px);
	margin-inline: auto;
	padding-inline: 20px;
}

.dv-icon { flex: none; display: block; }

.screen-reader-text {
	position: absolute !important;
	top: 0; left: 0; /* neo về góc khối chứa: không bị đẩy ra ngoài khi nằm trong dải thẻ cuộn ngang (gây tràn trang) */
	width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
a.screen-reader-text:focus {
	z-index: 100001; top: 8px; left: 8px; width: auto; height: auto; margin: 0; padding: 12px 18px; clip: auto;
	border-radius: 8px; background: #fff; color: var(--dv-ink); font-weight: 600; box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
}
main:focus { outline: 0; }