/* V5.8.61: all styles belong to this module; existing homepage stays intact. */
#vi-tri-ket-noi.nplc{width:min(var(--np-home-width,1360px),calc(100% - var(--np-home-gutter,28px)*2));margin:22px auto;scroll-margin-top:100px;color:#edf6f5}
.nplc *{box-sizing:border-box}.nplc [hidden]{display:none!important}.nplc a{color:inherit;text-decoration:none}.nplc button{font:inherit;cursor:pointer}.nplc a:focus-visible,.nplc button:focus-visible,.nplc [tabindex]:focus-visible{outline:3px solid #ebc779;outline-offset:4px}
.nplc-card{padding:clamp(20px,3vw,42px);border:1px solid #e3c47b80;border-radius:18px;background:linear-gradient(125deg,#0b3c47f5,#072a38f5);box-shadow:0 14px 32px #001c2524}
.nplc-heading{text-align:center;margin:0 0 24px}.nplc-heading>span{font-size:11px;letter-spacing:.2em;color:#ebc779;font-weight:700}.nplc-heading h2{font-family:var(--np-font-display,"NP Serif",Georgia,serif);font-size:clamp(26px,3vw,42px);line-height:1.2;color:#f7f5ec;margin:12px 0}.nplc-heading p{font-size:14px;letter-spacing:.04em;color:#c9dfdf;margin:0}
.nplc-tabs{display:flex;justify-content:center;gap:10px;margin:0 0 24px}.nplc-tabs a{padding:12px 20px;min-height:44px;text-align:center;border:1px solid #66838a;border-radius:7px;font-size:14px}.nplc-tabs a.is-active{background:linear-gradient(110deg,#f6d990,#cfaa61);color:#072937;border-color:#e9c779;font-weight:700}
.nplc-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr);gap:28px;align-items:start}.nplc-gallery,.nplc-aside{min-width:0}.nplc-panel{background:#05212c;border:1px solid #598c94;border-radius:12px;overflow:hidden;aspect-ratio:2048/1350;display:flex;align-items:center;justify-content:center}.nplc-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.nplc-image img{display:block;width:100%;height:100%;object-fit:contain}.nplc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0}.nplc-toolbar>a{border:1px solid #628089;border-radius:6px;padding:10px 12px;font-size:12px;min-height:44px}.nplc-toolbar>div{display:flex;align-items:center;gap:12px}.nplc-toolbar button,.nplc-dialog button{border:1px solid #628089;background:#123f4b;color:#f3eee0;border-radius:6px;min-height:44px;min-width:44px;padding:8px}.nplc-toolbar span{font-size:12px;color:#ebc779}.nplc-caption{font-size:12px;color:#c1d9d9;margin:8px 0 14px}.nplc-error{font-size:13px;color:#ffe1a2}
.nplc-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nplc-thumbs a{display:block;padding:5px;border:1px solid #527881;border-radius:9px;min-width:0}.nplc-thumbs a.is-active{border:2px solid #ebc779;padding:4px}.nplc-thumbs img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:#072b36;border-radius:5px}.nplc-thumbs span{display:block;text-align:center;font-size:12px;padding:8px 2px 3px}
.nplc-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid #74969b66;min-height:88px}.nplc-row>span:nth-child(2){flex:1;min-width:0}.nplc-row strong{display:block;color:#f4f2e9;font-size:17px;font-family:var(--np-font-display,"NP Serif",Georgia,serif)}.nplc-row small{display:block;color:#bcd2d6;font-size:12px;line-height:1.6;margin-top:5px}.nplc-row>span:last-child{color:#ebc779}.nplc-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #ebc779;border-radius:50%;color:#ebc779;font-size:25px}.nplc-teaser{display:block;margin-top:14px}.nplc-teaser img{display:block;width:100%;height:auto;border:1px solid #6b949b;border-radius:9px}.nplc-teaser span{font-size:11px;display:block;margin-top:8px;color:#bcd2d6}.nplc .nplc-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(110deg,#f6d990,#cfaa61);border-radius:7px;padding:15px 20px;min-height:48px;color:#072937;font-weight:700;font-size:14px;margin-top:16px}.nplc-note{margin:20px 0 0;padding-top:16px;border-top:1px solid #638b9255;font-size:11px;line-height:1.7;color:#b4cccf}
.nplc-dialog{width:min(1500px,96vw);max-width:96vw;max-height:96vh;max-height:96dvh;padding:14px;background:#062631;color:#f2f6f5;border:1px solid #81968a;border-radius:12px}.nplc-dialog::backdrop{background:#00151bef}.nplc-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.nplc-dialog-head h3{color:inherit;font-size:17px;margin:0}.nplc-viewport{height:70vh;height:70dvh;overflow:auto;overscroll-behavior:contain;background:#031a23}.nplc-viewport img{display:block;width:100%;height:100%;object-fit:contain}.nplc-dialog.is-zoomed .nplc-viewport img{width:auto;height:auto;max-width:none;max-height:none}.nplc-dialog-tools{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.nplc-dialog-tools a{font-size:13px;color:#ebc779;min-height:44px;display:flex;align-items:center}
@media(max-width:800px){#vi-tri-ket-noi.nplc{width:calc(100% - var(--np-home-gutter,18px)*2);margin:16px auto}.nplc-card{padding:20px 16px}.nplc-grid{grid-template-columns:1fr;gap:20px}.nplc-tabs{gap:8px}.nplc-tabs a{flex:1;font-size:12px;padding:12px 8px}.nplc-heading{margin-bottom:18px}.nplc-row{min-height:74px;padding:14px 0}.nplc-aside .nplc-teaser{display:none}.nplc-dialog{padding:10px}.nplc-dialog-head h3{font-size:14px}.nplc-dialog-tools{gap:8px}.nplc-note{font-size:11px}}

/* V5.8.70: shared section width, Vietnamese typography and stable media frames. */
.np-home570 #vi-tri-ket-noi.nplc{width:min(1488px,calc(100% - 32px));max-width:none;margin:16px auto;padding:0;font-family:var(--np-font-body,"NP Sans",Arial,sans-serif);font-size:16px;line-height:1.65}
.np-home570 #vi-tri-ket-noi .nplc-card{padding:32px clamp(20px,calc((100vw - 1280px)/2 - 16px),104px)}
.np-home570 #vi-tri-ket-noi .nplc-heading h2{font-family:var(--np-font-display,"NP Serif",Georgia,serif);font-size:clamp(28px,2.6vw,36px);line-height:1.35;letter-spacing:normal;word-spacing:normal;word-break:normal;overflow-wrap:break-word}
.np-home570 #vi-tri-ket-noi .nplc-heading p{font-size:16px;letter-spacing:normal}
.np-home570 #vi-tri-ket-noi .nplc-heading>span{font-size:12px;letter-spacing:.1em}
.np-home570 #vi-tri-ket-noi .nplc-caption,.np-home570 #vi-tri-ket-noi .nplc-note{font-size:13px;line-height:1.65}
.nplc-toolbar{flex-wrap:wrap} .nplc-grid>*{min-width:0}
.nplc-panel img{max-width:100%;object-position:center}
@media(max-width:900px){.np-home570 #vi-tri-ket-noi .nplc-grid{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:700px){.np-home570 #vi-tri-ket-noi.nplc{width:calc(100% - 24px);margin:12px auto;border-radius:16px}.np-home570 #vi-tri-ket-noi .nplc-card{padding:24px 16px;border-radius:16px}.np-home570 #vi-tri-ket-noi .nplc-heading h2{font-size:28px}}

@media(max-width:700px){
 .np-home570 #vi-tri-ket-noi .nplc-heading{margin-bottom:16px}
 .np-home570 #vi-tri-ket-noi .nplc-tabs{margin-bottom:18px}
 .np-home570 #vi-tri-ket-noi .nplc-grid{gap:18px}
 .np-home570 #vi-tri-ket-noi .nplc-row{padding-block:12px;min-height:68px}
 .np-home570 #vi-tri-ket-noi .nplc-note{margin-top:16px;padding-top:12px}
}
