/* TKT Theme: nền trang + khung nội dung. Header/footer/dock ở chrome.css. Chỉ dùng token DS 2.1 (tokens.css). */

/* Font dự phòng khớp số đo SVN-Avant Garde (Arial chỉnh size/ascent/descent): đổi font khi tải xong không xô bố cục (CLS). */
@font-face { font-family: "SVN-AG-fallback"; src: local("Arial"), local("Helvetica Neue"), local("Roboto"); size-adjust: 105.17%; ascent-override: 70.36%; descent-override: 24.72%; line-gap-override: 0%; }
:root {
	--font-display: "SVN-Avant Garde Gothic", "SVN-AG-fallback", "Jost", system-ui, sans-serif;
	--font-body: "SVN-Avant Garde Gothic", "SVN-AG-fallback", "Jost", system-ui, sans-serif;
}

body { margin: 0; background: var(--bg-pure); color: var(--fg-1); font-family: var(--font-body); }

.tkt-skip { position: absolute; left: -9999px; }
.tkt-skip:focus { left: var(--s-4); top: var(--s-4); z-index: 100; padding: var(--s-2) var(--s-4); background: var(--bg-pure); color: var(--fg-1); }

.tkt-entry__title { max-width: var(--container-max); margin: var(--s-8) auto var(--s-6); padding: 0 var(--container-pad-mobile); font-family: var(--font-display); }
.tkt-empty { max-width: var(--container-max); margin: var(--s-10) auto; padding: 0 var(--container-pad-mobile); }

@media (min-width: 768px) {
	.tkt-entry__title, .tkt-empty { padding-left: var(--container-pad-tablet); padding-right: var(--container-pad-tablet); }
}
@media (min-width: 1200px) {
	.tkt-entry__title, .tkt-empty { padding-left: var(--container-pad-desktop); padding-right: var(--container-pad-desktop); }
}