/* Trang phụ: giới thiệu, chính sách, điều khoản, tìm kiếm, hồ sơ của tôi */
.dau-trang { display: flex; flex-direction: column; gap: var(--space-md); padding-top: var(--space-xl); max-width: 760px; }
.noi-dung-doc { display: flex; flex-direction: column; gap: var(--space-xl); max-width: 760px; }
.noi-dung-doc section { display: flex; flex-direction: column; gap: var(--space-sm); scroll-margin-top: calc(var(--header-h) + 16px); }
.noi-dung-doc h2 { font-size: var(--text-2xl); }
.noi-dung-doc p, .noi-dung-doc li { line-height: 1.75; color: var(--color-ink-2); }
.noi-dung-doc ul { margin: 0; padding-left: var(--space-lg); display: flex; flex-direction: column; gap: var(--space-xs); }
.table-wrap { overflow-x: auto; }
.bang-pp { border-collapse: collapse; width: 100%; font-size: 0.9375rem; }
.bang-pp th, .bang-pp td { text-align: left; vertical-align: top; padding: var(--space-sm) var(--space-md) var(--space-sm) 0; border-bottom: 1px solid var(--color-rule); }
.bang-pp th { font-size: var(--text-sm); color: var(--color-muted); font-weight: 600; }
.bang-pp td:first-child { font-weight: 600; color: var(--color-ink); white-space: nowrap; }
@media (max-width: 40rem) { .bang-pp td:first-child { white-space: normal; } }

/* Tìm kiếm */
.o-tim-trang { display: flex; gap: var(--space-xs); max-width: 640px; }
.o-tim-trang input { flex: 1; }
.tieu-de-nho { font-size: var(--text-xl); margin-bottom: var(--space-sm); }
.ket-qua { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: var(--space-sm); }
.ket-qua a { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: var(--space-md); background: var(--color-paper-2); border: 1px solid var(--color-rule); border-radius: var(--radius-card); color: inherit; text-decoration: none; transition: border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out); }
.ket-qua a:hover { border-color: var(--color-gold-2); box-shadow: var(--shadow-card); }
.ket-qua b { font-weight: 600; }
.ket-qua span { font-size: var(--text-sm); color: var(--color-muted); }
.ket-qua .nhom-kq { color: var(--color-accent); font-weight: 600; }
section:has(> .ket-qua:empty) { display: none; }

/* Hồ sơ của tôi */
.luoi-tk { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
@media (max-width: 50rem) { .luoi-tk { grid-template-columns: minmax(0, 1fr); } }
.luoi-tk .panel h2, .quyen h2 { font-size: var(--text-xl); }
.ds-tk { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ds-tk li { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); padding: var(--space-xs) 0; border-bottom: 1px solid var(--color-rule); min-height: 48px; }
.ds-tk li:last-child { border-bottom: 0; }
.ds-tk a { color: var(--color-ink); font-weight: 500; }
.ds-tk .muted { display: block; }
.nut-xoa { flex: none; min-height: 40px; padding: 0 var(--space-sm); border: 1px solid var(--color-rule); border-radius: var(--radius-pill); background: none; color: var(--color-muted); font: 500 var(--text-sm)/1 var(--font-body); cursor: pointer; }
.nut-xoa:hover { color: var(--color-warn); border-color: var(--color-warn); }
.nguy:hover { color: var(--color-warn); border-color: var(--color-warn); }
.trong-tk { color: var(--color-muted); }
.trong-tk a { color: var(--color-ink); font-weight: 600; }