/* Nextech Việt Nam - hệ thống thiết kế. Biến màu ở :root; màu thương hiệu đổi tại Customizer. */
:root{
	--nx-primary:#0c5666;--nx-primary-dark:#083b47;
	--nx-text:#14202b;--nx-text-muted:#566573;
	--nx-border:#d5dce3;--nx-background:#fff;--nx-background-alt:#f3f5f7;--nx-white:#fff;
	--nx-success:#1a7f4b;--nx-warning:#8a5a00;--nx-danger:#b3261e;
	--nx-radius:3px;--nx-header-h:64px;--nx-wrap:1200px;
	--nx-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--nx-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:7rem}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;font:400 1rem/1.6 var(--nx-font);color:var(--nx-text);background:var(--nx-background);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:var(--nx-primary);text-underline-offset:.15em}
a:hover{color:var(--nx-primary-dark)}
h1,h2,h3,h4{line-height:1.25;margin:0 0 .6em;color:var(--nx-text);letter-spacing:-.01em}
h1{font-size:clamp(1.7rem,1.1rem + 2.2vw,2.6rem);font-weight:700}
h2{font-size:clamp(1.3rem,1.05rem + 1vw,1.7rem);font-weight:700}
h3{font-size:1.1rem;font-weight:700}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--nx-primary-dark);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nx-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--nx-text);color:#fff;padding:.7rem 1rem}
.nx-skip:focus{left:1rem;top:1rem}

/* Bố cục */
.nx-container{width:100%;max-width:var(--nx-wrap);margin-inline:auto;padding-inline:1rem}
.nx-container--narrow{max-width:820px}
@media (min-width:640px){.nx-container{padding-inline:1.5rem}}
.nx-section{padding-block:clamp(2rem,4vw,3.5rem)}
.nx-section--alt{background:var(--nx-background-alt)}
.nx-section__title{margin-bottom:1.25rem}
.nx-section__more{margin:1.25rem 0 0}
.nx-grid{display:grid;gap:1.25rem}
.nx-grid--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.nx-grid--4{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.nx-main{min-height:60vh}
.nx-mt{margin-top:2rem}
.nx-lead{font-size:1.125rem;color:var(--nx-text-muted);max-width:60ch}
.nx-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0 0}
.nx-pagehead{padding-block:1rem 1.5rem}
.nx-pagehead__desc{color:var(--nx-text-muted);max-width:70ch}

/* Nút */
.nx-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.15rem;border:1px solid transparent;border-radius:var(--nx-radius);font:600 .95rem/1.2 var(--nx-font);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.nx-button--primary{background:var(--nx-primary);color:var(--nx-white)}
.nx-button--primary:hover{background:var(--nx-primary-dark);color:var(--nx-white)}
.nx-button--outline{background:transparent;border-color:var(--nx-primary);color:var(--nx-primary)}
.nx-button--outline:hover{background:var(--nx-primary);color:var(--nx-white)}
.nx-button--ghost{background:transparent;color:inherit;border-color:currentColor}
.nx-button--light{background:var(--nx-white);color:var(--nx-primary-dark)}
.nx-button--light:hover{background:var(--nx-background-alt);color:var(--nx-primary-dark)}
.nx-button--sm{min-height:40px;padding:.45rem .85rem;font-size:.875rem}
.nx-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:var(--nx-text);cursor:pointer;border-radius:var(--nx-radius);list-style:none}
.nx-iconbtn::-webkit-details-marker{display:none}

/* Badge, alert, breadcrumb */
.nx-badge{display:inline-block;padding:.1rem .5rem;border:1px solid var(--nx-border);border-radius:var(--nx-radius);font-size:.75rem;font-weight:600;color:var(--nx-text-muted)}
.nx-badge--demo{border-color:var(--nx-warning);color:var(--nx-warning);background:#fff6df}
.nx-alert{margin:0 0 1rem;padding:.75rem 1rem;border-left:4px solid var(--nx-primary);background:var(--nx-background-alt)}
.nx-alert--warning{border-color:var(--nx-warning)}
.nx-alert--danger{border-color:var(--nx-danger)}
.nx-alert p{margin:0 0 .4rem}
.nx-breadcrumb{padding-block:1rem .25rem;font-size:.875rem;color:var(--nx-text-muted)}
.nx-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none}
.nx-breadcrumb li+li::before{content:"/";margin-right:.4rem;color:var(--nx-border)}
.nx-breadcrumb a{color:var(--nx-text-muted)}

/* Header */
.nx-header{position:sticky;top:0;z-index:50;background:var(--nx-background);border-bottom:1px solid var(--nx-border)}
.nx-header__bar{display:flex;align-items:center;gap:.25rem;min-height:var(--nx-header-h);position:relative}
.nx-brand{display:inline-flex;align-items:center;margin-right:auto;text-decoration:none;color:var(--nx-primary-dark)}
.nx-brand__text{font-weight:800;font-size:1.35rem;letter-spacing:.02em}
.nx-brand__logo{max-height:40px;width:auto}
.nx-search>summary{display:flex}
.nx-search__panel{position:absolute;left:0;right:0;top:100%;background:var(--nx-background);border-bottom:1px solid var(--nx-border);padding:1rem}
.nx-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--nx-background);border-bottom:1px solid var(--nx-border);padding:.5rem 1rem 1rem;max-height:calc(100vh - var(--nx-header-h));overflow:auto}
.nx-nav.is-open{display:block}
html:not(.js) .nx-nav{display:block;position:static}
.nx-menu,.nx-menu ul{list-style:none;margin:0;padding:0}
.nx-menu a{display:block;padding:.7rem .25rem;color:var(--nx-text);text-decoration:none;font-weight:600}
.nx-menu a:hover{color:var(--nx-primary)}
.nx-menu .sub-menu{padding-left:1rem}
.nx-menu .sub-menu a{font-weight:400;padding-block:.45rem}
.nx-nav__cta{margin-top:.75rem;width:100%}
@media (min-width:960px){
	.nx-nav-toggle{display:none}
	.nx-nav,html:not(.js) .nx-nav{display:flex;position:static;align-items:center;gap:1rem;border:0;padding:0;max-height:none;overflow:visible;background:transparent}
	.nx-menu{display:flex;gap:.25rem}
	.nx-menu>li{position:relative}
	.nx-menu>li>a{padding:1.3rem .6rem;font-size:.95rem}
	.nx-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:240px;background:var(--nx-background);border:1px solid var(--nx-border);border-top:2px solid var(--nx-primary);padding:.4rem 0}
	.nx-menu li:hover>.sub-menu,.nx-menu li:focus-within>.sub-menu{display:block}
	.nx-menu .sub-menu a{padding:.5rem 1rem}
	.nx-nav__cta{margin:0;width:auto;white-space:nowrap}
	.nx-search__panel{left:auto;width:min(480px,100vw);right:0}
}

/* Hero + công cụ tìm */
.nx-hero{background:var(--nx-background-alt);border-bottom:1px solid var(--nx-border);padding-block:clamp(2rem,5vw,3.5rem)}
.nx-hero__grid{display:grid;gap:2rem;align-items:start}
@media (min-width:900px){.nx-hero__grid{grid-template-columns:1.25fr .75fr}}
.nx-finder{background:var(--nx-white);border:1px solid var(--nx-border);border-top:3px solid var(--nx-primary);padding:1.25rem}
.nx-finder__title{font-size:1.05rem;margin-bottom:.75rem}
.nx-finder__list{list-style:none;margin:1rem 0 0;padding:0}
.nx-finder__list a{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid var(--nx-border);color:var(--nx-text);text-decoration:none}
.nx-finder__list a:hover{color:var(--nx-primary)}
.nx-finder__count{color:var(--nx-text-muted);font-variant-numeric:tabular-nums}
.nx-searchform{display:flex;gap:.5rem}
.nx-searchform input[type=search]{flex:1;min-width:0}

/* Thẻ, ô điều hướng */
.nx-card{display:flex;flex-direction:column;background:var(--nx-white);border:1px solid var(--nx-border);border-radius:var(--nx-radius);overflow:hidden;transition:border-color .15s}
.nx-card:hover,.nx-card:focus-within{border-color:var(--nx-primary)}
.nx-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--nx-background-alt)}
.nx-card__media img{width:100%;height:100%;object-fit:contain}
.nx-card__placeholder{padding:1rem;text-align:center;font-family:var(--nx-mono);color:var(--nx-text-muted);word-break:break-word}
.nx-card__body{display:flex;flex-direction:column;flex:1;padding:1rem}
.nx-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .35rem;font-size:.8125rem;color:var(--nx-text-muted)}
.nx-card__title{margin:0 0 .35rem;font-size:1.05rem}
.nx-card__title a{color:var(--nx-text);text-decoration:none}
.nx-card__title a:hover{color:var(--nx-primary)}
.nx-card__desc{color:var(--nx-text-muted);font-size:.9375rem;margin:0 0 .6rem}
.nx-card__specs{list-style:none;margin:0 0 1rem;padding:0;font-size:.875rem}
.nx-card__specs li{padding:.3rem 0;border-top:1px dotted var(--nx-border)}
.nx-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:auto 0 0}
.nx-tile{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem;background:var(--nx-white);border:1px solid var(--nx-border);border-radius:var(--nx-radius);text-decoration:none;color:var(--nx-text);transition:border-color .15s}
.nx-tile:hover{border-color:var(--nx-primary);color:var(--nx-text)}
.nx-tile__name{font-weight:700;font-size:1.05rem;color:var(--nx-primary-dark)}
.nx-tile__desc{color:var(--nx-text-muted);font-size:.9375rem}
.nx-tile__count{margin-top:auto;font-size:.8125rem;color:var(--nx-text-muted)}
.nx-brandlist{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.nx-brandlist a{display:inline-block;padding:.5rem 1rem;background:var(--nx-white);border:1px solid var(--nx-border);border-radius:var(--nx-radius);color:var(--nx-text);text-decoration:none;font-weight:600}
.nx-brandlist a:hover{border-color:var(--nx-primary);color:var(--nx-primary)}
.nx-linklist{margin:0;padding-left:1.1rem}

/* CTA cuối trang */
.nx-cta{background:var(--nx-primary-dark);color:var(--nx-white);padding-block:clamp(2rem,4vw,3rem)}
.nx-cta h2{color:var(--nx-white);margin-bottom:.4rem}
.nx-cta p{margin:0;max-width:60ch;color:#d6e4e8}
.nx-cta__inner{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}
.nx-cta :focus-visible,.nx-footer :focus-visible{outline-color:var(--nx-white)}
.nx-cta .nx-actions{margin:0}
.nx-cta a:not(.nx-button){color:var(--nx-white)}

/* Bảng */
.nx-table-wrap{overflow-x:auto}
.nx-table{width:100%;border-collapse:collapse;background:var(--nx-white)}
.nx-table th,.nx-table td{padding:.65rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--nx-border)}

/* Form */
.nx-form p{margin:0 0 1rem}
.nx-form label{display:block;margin-bottom:.3rem;font-weight:600;font-size:.9375rem}
.nx-form__grid{display:grid;gap:0 1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
input[type=text],input[type=email],input[type=tel],input[type=search],select,textarea{width:100%;min-height:44px;padding:.6rem .75rem;border:1px solid #8a97a3;border-radius:var(--nx-radius);background:var(--nx-white);color:var(--nx-text);font:inherit}
textarea{resize:vertical}
.nx-req{color:var(--nx-danger)}
.nx-form__consent label{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}
.nx-form__consent input{margin-top:.3rem;flex:none}
.nx-form__status{min-height:1.5rem;font-weight:600}
.nx-form__status.is-ok{color:var(--nx-success)}
.nx-form__status.is-error{color:var(--nx-danger)}
.nx-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.nx-filter{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end;margin-bottom:1.5rem;padding:1rem;background:var(--nx-background-alt);border:1px solid var(--nx-border)}
.nx-filter p{margin:0;flex:1 1 180px}
.nx-filter label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:600}
.nx-filter__actions{display:flex;gap:.5rem;flex:0 0 auto!important}

/* Nội dung bài viết */
.nx-prose{max-width:75ch}
.nx-prose h2{margin-top:2rem}
.nx-prose img{border-radius:var(--nx-radius)}
.nx-prose__cover{width:100%;margin-bottom:1.5rem}
.nx-prose table{width:100%;border-collapse:collapse}
.nx-prose th,.nx-prose td{padding:.5rem .75rem;border:1px solid var(--nx-border)}
.navigation.pagination{margin-top:2rem}
.nav-links{display:flex;flex-wrap:wrap;gap:.4rem}
.page-numbers{display:inline-block;min-width:40px;padding:.5rem .8rem;border:1px solid var(--nx-border);border-radius:var(--nx-radius);text-align:center;text-decoration:none;color:var(--nx-text)}
.page-numbers.current{background:var(--nx-primary);border-color:var(--nx-primary);color:var(--nx-white)}

/* Footer */
.nx-footer{margin-top:0;background:var(--nx-background-alt);border-top:1px solid var(--nx-border);font-size:.9375rem}
.nx-footer__grid{display:grid;gap:2rem;padding-block:2.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.nx-footer__name{font-weight:700;margin-bottom:.75rem}
.nx-footer__title{font-size:1rem;margin-bottom:.75rem}
.nx-footer__line{display:flex;gap:.5rem;align-items:flex-start;margin:0 0 .5rem}
.nx-footer__line .nx-icon{flex:none;margin-top:.2rem;color:var(--nx-primary)}
.nx-footer__list{list-style:none;margin:0;padding:0}
.nx-footer__list li{margin-bottom:.4rem}
.nx-footer__list a{color:var(--nx-text)}
.nx-footer__bottom{border-top:1px solid var(--nx-border);padding-block:1rem;color:var(--nx-text-muted);font-size:.875rem}
.nx-footer__bottom p{margin:0}
.nx-footer :focus-visible{outline-color:var(--nx-primary-dark)}