/*
Theme Name: Du Ky Trung Hoa
Description: Photo-story travel magazine ve Trung Quoc - bia tran lan, chuong dinh so.
Version: 1.0
*/
:root{--dk-green:#0f6e54;--dk-amber:#d9a441;--dk-paper:#fbfaf5;--dk-ink:#1c2b26;--dk-mut:#6f7f78}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Cambria,"Times New Roman",Georgia,serif;background:var(--dk-paper);color:var(--dk-ink);line-height:1.7}
a{text-decoration:none;color:inherit}
.dk-top{background:var(--dk-ink);color:#e8efe9}
.dk-top .dk-wrap{max-width:1140px;margin:0 auto;padding:14px 20px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dk-top .dk-logo{font-size:24px;font-weight:700;letter-spacing:1px}
.dk-top .dk-logo i{font-style:normal;color:var(--dk-amber)}
.dk-top .dk-sub{font-size:12.5px;color:#9fb2aa;font-style:italic}
.dk-nav{background:var(--dk-green)}
.dk-nav .dk-wrap{display:flex;gap:0;overflow-x:auto;padding:0 20px}
.dk-nav a{color:#dfeee8;font-size:13.5px;padding:11px 18px;white-space:nowrap;border-top:3px solid transparent}
.dk-nav a.on,.dk-nav a:hover{border-top-color:var(--dk-amber);color:#fff}

/* cover full-width */
.dk-cover{max-width:1140px;margin:30px auto;padding:0 20px}
.dk-cover a{display:block;position:relative;border-radius:4px;overflow:hidden;background:var(--dk-green);color:#fff;padding:58px 46px}
.dk-cover .dk-kicker{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--dk-amber);margin-bottom:14px}
.dk-cover h2{font-size:38px;line-height:1.18;max-width:760px}
.dk-cover p{font-size:16px;color:#cfe3da;max-width:680px;margin-top:14px;font-style:italic}
.dk-cover .dk-godep{position:absolute;right:26px;bottom:20px;font-size:70px;opacity:.14;font-weight:700}

/* chapter rows */
.dk-chapters{max-width:1140px;margin:0 auto;padding:10px 20px 46px}
.dk-chapters h3.dk-h{font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--dk-mut);border-bottom:2px solid var(--dk-green);padding-bottom:8px;margin:26px 0 18px}
.dk-row{display:grid;grid-template-columns:96px 1fr;gap:20px;padding:18px 0;border-bottom:1px dashed #d5d2c4}
.dk-num{font-size:44px;font-weight:700;color:var(--dk-amber);line-height:1;text-align:right}
.dk-row h4{font-size:20px;margin-bottom:6px}
.dk-row h4 a:hover{color:var(--dk-green)}
.dk-row p{font-size:14.5px;color:var(--dk-mut)}
.dk-row .dk-tag{display:inline-block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;background:var(--dk-green);color:#fff;padding:3px 10px;border-radius:2px;margin-bottom:8px}

/* article */
.dk-art{max-width:800px;margin:0 auto;padding:30px 20px 50px}
.dk-art .dk-crumbs{font-size:12.5px;color:var(--dk-mut);margin-bottom:16px}
.dk-art .dk-crumbs a{color:var(--dk-green)}
.dk-art .dk-catline{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--dk-green);margin-bottom:8px}
.dk-art h1{font-size:34px;line-height:1.22;margin-bottom:12px}
.dk-art .dk-standfirst{font-size:17.5px;font-style:italic;color:#43544d;border-left:4px solid var(--dk-amber);padding-left:16px;margin:16px 0 8px}
.dk-art .dk-byline{font-size:12.5px;color:var(--dk-mut);margin:14px 0 26px;padding-bottom:14px;border-bottom:1px solid #d5d2c4}
.dk-art h2{font-size:24px;color:var(--dk-green);margin:30px 0 12px;display:flex;align-items:baseline;gap:12px}
.dk-art h2 .dk-cn{font-size:15px;color:var(--dk-amber);font-weight:700}
.dk-art p{margin:0 0 14px;font-size:15.5px}
.dk-art ul{margin:0 0 16px 22px}
.dk-art li{margin-bottom:6px}
.dk-next{max-width:800px;margin:0 auto;padding:0 20px 40px;display:flex;justify-content:space-between;font-size:14px}
.dk-next a{color:var(--dk-green);border-top:2px solid var(--dk-amber);padding-top:8px}
.dk-foot{background:var(--dk-ink);color:#9fb2aa;text-align:center;padding:24px 20px;font-size:13px}
.dk-foot a{color:#d9c68e;margin:0 10px}
@media(max-width:760px){.dk-cover h2{font-size:28px}.dk-cover{padding:0 14px}.dk-cover a{padding:36px 24px}.dk-row{grid-template-columns:60px 1fr}.dk-num{font-size:32px}}
/* ---- 2026-11 home additions ---- */
.dk-h2{font-size:19px;letter-spacing:.05em;color:var(--dk-green);margin:0 0 14px}
.dk-chk-wrap,.dk-stat-wrap,.dk-route-wrap{margin:36px 0 0}
.dk-chk{display:flex;flex-wrap:wrap;gap:10px}
.dk-chk span{background:#fff;border:1px solid var(--dk-amber);border-radius:999px;padding:9px 16px;font-size:13.5px;color:var(--dk-ink);display:flex;gap:8px;align-items:center}
.dk-chk span b{color:var(--dk-green);font-size:12px}
.dk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dk-stats div{background:var(--dk-green);color:#fff;border-radius:10px;padding:18px 16px}
.dk-stats b{display:block;font-size:24px}
.dk-stats span{font-size:12.5px;opacity:.85;display:block;margin-top:6px;line-height:1.45}
.dk-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dk-rows .dk-row{display:flex;gap:12px}
.dk-rows .dk-row .dk-num{font-size:22px;color:var(--dk-amber);flex:0 0 auto}
@media(max-width:760px){.dk-stats{grid-template-columns:repeat(2,1fr)}.dk-chk span{width:100%}.dk-rows{grid-template-columns:1fr}}
/* ---- 2026-11 home additions fix2 ---- */
.dk-rows{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px}
.dk-rows .dk-row{display:flex!important;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid #e8e0cf;border-radius:12px;padding:14px;align-items:flex-start}
.dk-rows .dk-row .ct-th{flex:0 0 100%!important;width:100%!important;height:150px!important;margin:0 0 4px!important;border-radius:8px;overflow:hidden}
.dk-rows .dk-row .dk-num{flex:0 0 auto!important;font-size:20px;color:var(--dk-amber);line-height:1.2}
.dk-rows .dk-row>div:last-child{flex:1 1 0;min-width:0}
.dk-rows .dk-row h4{font-size:14.5px;line-height:1.4;margin:4px 0 4px}
.dk-rows .dk-row p{font-size:12.5px;line-height:1.5;margin:0;color:#5d6b66}
.dk-rows .dk-tag{font-size:10.5px}
.pb-chk{max-width:820px}
@media(max-width:760px){.dk-rows{grid-template-columns:1fr}}