/* THIEN HA 826 — unified editorial design; completely separate from live inventory CSS */
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253142;background:#f4f6f8;line-height:1.65}
*{box-sizing:border-box}
body{margin:0}
a{color:#17507f;text-underline-offset:3px}
button,a{touch-action:manipulation}
a:focus-visible{outline:3px solid #4285e6;outline-offset:3px}
.site-header{background:white;border-bottom:1px solid #e1e5eb}
.head-inner{max-width:940px;margin:auto;padding:10px 18px;display:flex;align-items:center;gap:12px;justify-content:space-between}
.head-inner img{width:min(60vw,445px);height:auto;max-height:60px;object-fit:contain;object-position:left}
.top-link{border:1px solid #ebdacd;border-radius:10px;background:#fff7f2;color:#9f4315;min-height:44px;padding:8px 12px;white-space:nowrap;text-decoration:none;font-weight:750}
main{max-width:940px;margin:auto;padding:20px 18px 58px}
article{max-width:740px}
.crumbs{font-size:13px;color:#647285;margin:0 0 17px}
.crumbs a{color:#5b6779}
.pill{display:inline-block;border:1px solid #f2d6c5;border-radius:8px;padding:2px 8px;background:#fff6ef;color:#9b451e;font-size:12px;font-weight:700}
h1{font-size:clamp(26px,4.5vw,35px);line-height:1.22;letter-spacing:-.5px;margin:12px 0}
h2{font-size:clamp(20px,3vw,25px);line-height:1.28;margin:0 0 14px}
h3{font-size:17px;line-height:1.35;margin:0 0 5px}
p{margin:9px 0}
.byline{font-size:13px;color:#68788b;margin:10px 0 20px}
.answer,.section,.lot-results,.risk,.page-nav{border:1px solid #dde4eb;background:white;border-radius:16px;padding:20px;margin:15px 0}
.answer{border-left:5px solid #e65d18;background:#fffaf7}
.answer h2{font-size:18px}
.answer p{font-size:17px;line-height:1.7}
.section ul,.risk ul{padding-left:22px}
.section li,.risk li{margin:6px 0}
.risk{background:#f9fbfd}
.note{font-size:13px;color:#617084}
.lot-grid{display:grid;grid-template-columns:1fr;gap:12px}
.lot{border:1px solid #e1e6ed;background:#fcfdfe;border-radius:12px;overflow:hidden}
.lot img{width:100%;height:auto;max-height:280px;object-fit:contain;display:block;background:#edf2f6}
.lot-info{padding:13px}
.lot-info h3{font-size:17px}
.lot-facts{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
.lot-facts span{padding:3px 8px;border-radius:7px;background:#f2f5f8;font-size:13px}
.lot-facts span:first-child{background:#fff0e6;color:#a94a16;font-weight:800}
.lot-info a,.page-nav a{display:inline-block;min-height:40px;padding:7px 0}
.empty{color:#6b7786;font-size:14px;border:1px dashed #d7dee7;padding:12px;border-radius:11px}
.foot{border-top:1px solid #e0e6ed;background:white}
.foot-inner{max-width:940px;margin:auto;padding:24px 18px;display:grid;gap:12px}
.foot-links{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}
.foot p{color:#657083;font-size:13px}
.directory{max-width:940px}
.directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.directory-list a{display:block;border:1px solid #e1e5eb;background:white;padding:12px;border-radius:10px;text-decoration:none;line-height:1.4;min-height:52px}
.label-review{font-size:12px;color:#956224}
@media(min-width:750px){.lot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lot img{height:150px}.section,.answer,.risk,.lot-results{padding:25px}.foot-inner{grid-template-columns:1fr auto}}
@media(max-width:520px){main{padding:15px 12px 35px}.head-inner{padding:8px 12px}.head-inner img{max-height:46px}.top-link{font-size:13px;padding:8px}.answer,.section,.lot-results,.risk,.page-nav{padding:15px;margin:12px 0}.directory-list{grid-template-columns:1fr}h1{font-size:26px}}
.seo-source-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 22px}
.seo-source-gallery a{display:block;background:#f3f5f8;border-radius:10px;overflow:hidden}
.seo-source-gallery img{display:block;width:100%;height:auto;object-fit:contain}
.seo-source-facts{display:grid;grid-template-columns:1fr 1.5fr;gap:8px 12px;margin:12px 0}
.seo-source-facts dt{color:#5d6d80}
.seo-source-facts dd{margin:0;font-weight:750;overflow-wrap:anywhere}
@media(min-width:750px){.seo-source-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* SEO 100-page shared footer v2: editorial navigation independent of live homepage */
.foot{border-top:1px solid #dce4ed;background:#fff;color:#29394a}
.foot-inner{max-width:1080px;margin:auto;padding:31px 22px 24px;display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.7fr);gap:36px}
.foot-main{min-width:0}
.foot-brandline{display:flex;align-items:center;gap:11px}
.foot-brandline img{display:block;flex:0 0 56px;width:56px;height:56px;object-fit:contain}
.foot-brandline strong{display:block;font-size:20px;line-height:1.2;color:#d25a15;letter-spacing:-.25px}
.foot-brandline span{display:block;color:#556476;font-size:12px;line-height:1.55;margin-top:3px}
.foot-intro{font-size:14px;line-height:1.65;color:#586b80;margin:13px 0 16px}
.foot-primary{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 14px;background:#e95c11;color:#fff;font-weight:750;border-radius:10px;text-decoration:none;font-size:14px}
.foot-primary:hover{background:#c74d0b;color:#fff}
.foot-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 25px}
.foot-col{min-width:0}
.foot-col h2{margin:0 0 10px;font-size:14px;line-height:1.35;font-weight:800;color:#2e4156}
.foot-col a{display:block;color:#526377;font-size:13px;line-height:1.55;text-decoration:none;min-height:34px;padding:3px 0;overflow-wrap:anywhere}
.foot-col a:hover{text-decoration:underline;color:#c65b1c}
.foot-bottom{max-width:1080px;margin:auto;border-top:1px solid #e9edf2;padding:15px 22px 20px;display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;justify-content:space-between;font-size:12px;color:#68778a}
.foot-bottom a{color:#365c79;text-decoration:none}
.foot-bottom a:hover{text-decoration:underline}
@media(max-width:749px){
 .foot-inner{display:block;padding:23px 16px 15px}
 .foot-main{padding-bottom:20px;border-bottom:1px solid #e8edf2}
 .foot-nav-grid{padding-top:19px;gap:18px 14px}
 .foot-brandline img{width:46px;height:46px;flex-basis:46px}
 .foot-brandline strong{font-size:18px}
 .foot-intro{margin:10px 0 14px}
 .foot-col h2{font-size:13px}
 .foot-col a{font-size:12px;line-height:1.5;min-height:36px}
 .foot-bottom{padding:14px 16px 20px;justify-content:flex-start}
}
.editorial-status{display:block;color:#67798b;font-size:11px;line-height:1.4;margin-top:5px;font-weight:400}

/* Owner-supplied SEO photography, never reused in the source/Zalo gallery. */
.seo-photos{margin:16px 0 18px}
.seo-photos h2{font-size:18px;margin:0 0 10px}
.seo-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.seo-photo{margin:0;min-width:0;background:white;border:1px solid #dde5eb;border-radius:14px;overflow:hidden}
.seo-photo-hero{grid-column:1/-1}
.seo-photo a{display:block;background:#f2f5f8}
.seo-photo img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}
.seo-photo-hero img{max-height:390px}
.seo-photo figcaption{font-size:12px;line-height:1.5;color:#55667b;padding:10px 12px}
.seo-photo-note{font-size:12px;line-height:1.5;color:#697b8e;margin:8px 3px}
@media(max-width:520px){.seo-photo-grid{grid-template-columns:1fr}.seo-photo-hero{grid-column:auto}.seo-photo img{max-height:300px}.seo-photo-hero img{max-height:310px}.seo-photos h2{font-size:17px}}


/* Contact identity belongs to SEO pages only, not the live source-listing or share flow. */
.seo-contact{border:1px solid #e7d9cb;background:#fffdfb;border-radius:16px;padding:20px;margin:16px 0}
.seo-contact-heading{display:flex;align-items:center;gap:12px}
.seo-contact-heading h2{font-size:20px;line-height:1.25;margin:0 0 3px}
.seo-contact-heading p{font-size:13px;color:#6b7786;margin:0}
.seo-contact-icon{display:grid;place-items:center;border-radius:12px;background:#fff1e8;color:#c55218;width:43px;height:43px;font-size:24px;flex-shrink:0}
.seo-contact>p{font-size:15px;line-height:1.65;margin:12px 0}
.seo-contact-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e95c11;color:#fff;text-decoration:none;min-height:48px;padding:10px 17px;border-radius:10px;font-weight:750}
.seo-contact-action:hover,.seo-contact-action:focus-visible{background:#bd490d;color:#fff}
.seo-contact .seo-contact-note{font-size:12px;color:#67798b;margin:9px 0 0}
.foot-zalo{display:block;font-size:14px;color:#ae4d1a;font-weight:750;margin-top:13px;min-height:40px;text-underline-offset:3px}
@media(max-width:520px){.seo-contact{padding:15px}.seo-contact-heading h2{font-size:18px}.seo-contact-action{display:flex;width:100%}}


/* SEO-contact fallback: only revealed if visitor asks; keep the main CTA uncluttered. */
.seo-zalo-qr{margin-top:13px;border-top:1px solid #e9e2db;padding-top:10px}
.seo-zalo-qr summary{cursor:pointer;color:#345776;font-size:13px;text-underline-offset:3px;min-height:36px}
.seo-zalo-qr-inner{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 0}
.seo-zalo-qr-inner img{width:min(270px,100%);height:auto;image-rendering:auto;border:1px solid #dde5ed;background:white;padding:6px;border-radius:12px}
.seo-zalo-qr-inner p{flex:1 1 170px;font-size:13px;color:#596f83}

/* SEO data evidence: live inventory, not market-price claims; independent of homepage */
.inventory-evidence{border:1px solid #d8e7e4;background:#f7fcfb;border-radius:16px;padding:20px;margin:15px 0}
.inventory-evidence h2{font-size:19px;color:#244a48;margin:0 0 7px}
.inventory-evidence-lead{font-size:14px;color:#566d75;margin:0 0 13px}
.inventory-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.inventory-metric{border-radius:10px;background:white;border:1px solid #dcebe9;padding:10px;min-width:0}
.inventory-metric span{display:block;font-size:12px;color:#647787}
.inventory-metric strong{display:block;color:#1d4c45;font-size:16px;line-height:1.25;margin-top:4px;overflow-wrap:anywhere}
.inventory-areas{font-size:14px;line-height:1.55}
.inventory-disclaimer{font-size:12px;color:#66798a;line-height:1.55}
@media(max-width:520px){.inventory-evidence{padding:15px;margin:12px 0}.inventory-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}