/* Trang từng căn The Privé — sinh bởi 2. HE THONG TRAFFIC/SEO WEBSITE/tao-trang-can.py
   Bảng màu khớp các trang dự án tĩnh: navy #0a1628 · gold #cba656 · kem #f6f3ec */
*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0a1628;--gold:#cba656;--cream:#f6f3ec;--ink:#1b1f27;--mo:#5b6472;--vien:#e2dccd}
body{font-family:'Montserrat',Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}
.trong{max-width:1000px;margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
header.top{background:var(--navy);padding:16px 0}
header.top .hieu{color:#fff;font-size:17px;font-weight:700}
.duong{font-size:13px;color:#8fa0b6;padding:18px 0 0}
.duong a{color:#c3cdda}.duong a:hover{color:#fff;text-decoration:underline}
.duong span{margin:0 7px;color:var(--gold)}
.dau{background:var(--navy);padding:6px 0 40px}
.nhan{display:block;font-size:11px;letter-spacing:.16em;color:#e8d9b5;font-weight:700;margin:16px 0 10px;text-transform:uppercase}
h1{color:#fff;font-size:clamp(1.6rem,3.6vw,2.2rem);font-weight:800;line-height:1.2;margin-bottom:14px;max-width:24ch}
.tom{color:#c3cdda;font-size:16px;max-width:66ch}
.muc{padding:44px 0 0}
h2{font-size:clamp(1.15rem,2.3vw,1.4rem);color:var(--navy);font-weight:800;margin-bottom:18px;padding-left:14px;border-left:4px solid var(--gold);line-height:1.3}
.thong-so{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--vien);border:1px solid var(--vien)}
.o{background:#fff;padding:16px 18px}
.o dt{font-size:11px;letter-spacing:.1em;color:var(--gold);font-weight:700;text-transform:uppercase;margin-bottom:5px}
.o dd{font-size:16px;color:var(--navy);font-weight:700}
.o dd small{display:block;font-size:12.5px;color:var(--mo);font-weight:400;margin-top:2px}
.hop{background:#fff;border:1px solid var(--vien);border-left:4px solid var(--gold);padding:22px 24px;margin-top:18px}
.hop p+p{margin-top:11px}
.hop p{font-size:15.5px;line-height:1.72}
.gia{background:var(--navy);border-top:3px solid var(--gold);padding:30px 28px;margin-top:18px}
.gia h3{color:#fff;font-size:1.15rem;font-weight:800;margin-bottom:10px}
.gia p{color:#c3cdda;font-size:15px;line-height:1.7;max-width:62ch}
.gia p+p{margin-top:9px}
.nut{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px}
.nut a{padding:13px 25px;font-size:14.5px;font-weight:700;letter-spacing:.03em}
.chinh{background:var(--gold);color:#fff}.chinh:hover{background:#dcb96b}
.phu{color:#e8d9b5;border:1px solid rgba(232,217,181,.45)}.phu:hover{background:rgba(232,217,181,.12)}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--vien);font-size:14.5px}
th{background:var(--navy);color:#fff;text-align:left;padding:11px 14px;font-size:12.5px;letter-spacing:.03em;font-weight:600}
td{padding:11px 14px;border-bottom:1px solid var(--vien)}
tr:last-child td{border-bottom:none}
tbody tr:nth-child(even) td{background:#fbfaf7}
td a{color:var(--navy);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
td a:hover{color:var(--gold)}
.day{overflow-x:auto}
.ghi{font-size:13px;color:var(--mo);margin-top:14px;line-height:1.6}
footer{background:var(--navy);color:#c9d0dc;padding:28px 0;font-size:13px;margin-top:52px}
footer a{color:#dbb463}
@media(max-width:820px){.thong-so{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.thong-so{grid-template-columns:1fr}.nut a{flex:1 1 100%;text-align:center}table{min-width:520px}}