/* Trịnh Năng Site – UI v1.1 (chỉ giao diện, không đổi nội dung) – 365 Media */
:root{
	--tnu-primary:#127c83;--tnu-primary-d:#0c5f65;--tnu-accent:#c99a48;
	--tnu-ink:#102b43;--tnu-text:#3f5262;--tnu-mute:#5a6b78;--tnu-line:#dfe7ec;--tnu-soft:#f3f6f9;
	--tnu-r:10px;--tnu-shadow:0 10px 28px rgba(16,43,67,.08);--tnu-shadow-h:0 18px 40px rgba(16,43,67,.13)
}

/* ===== 1. Font chung + chữ dễ đọc ===== */
html body :is(#tn-hero-text,#tn-hero-mobile,#tn-overview,#tn-pillars-soft,#tn-ecosystem,#tn-certificates,#tn-founder,#tn-cert-lightbox){font-family:inherit}
html body .tnx p,html body .tnx li{font-size:16px}

/* Hero */
html body #tn-hero-text .tn-title{max-width:780px}
html body #tn-hero-text .tn-description{font-size:18px;line-height:1.65;color:#d6e1ea;max-width:640px}
html body #tn-hero-mobile .tn-description{font-size:16px;color:#d6e1ea}
html body #tn-hero-text .tn-eyebrow,html body #tn-hero-mobile .tn-eyebrow{color:#6fd8cb}
html body .tn-hero-caption{display:inline-flex;align-items:center;gap:8px;margin-top:28px!important;max-width:560px;padding:7px 14px;border-radius:10px;background:rgba(255,255,255,.08);color:#b8c8d6!important;font-size:12.5px!important;font-style:normal!important}
html body .tn-hero-caption:before{content:"";width:6px;height:6px;border-radius:50%;background:#6fd8cb;flex:none}
html body #tn-hero-mobile .tn-hero-caption{display:block;border-radius:10px;text-align:center!important}
html body #tn-hero-mobile .tn-hero-caption:before{display:none}

/* Tổng quan */
html body #tn-overview .tn-description{font-size:16.5px;color:var(--tnu-text);max-width:540px}
html body #tn-overview .tn-tags li{font-size:13.5px;padding:7px 14px}
html body #tn-overview .tn-link{font-size:14px}

/* 3 trụ cột */
html body #tn-pillars-soft .tn-eyebrow,html body #tn-ecosystem .tn-eco-label,html body #tn-overview .tn-label,html body #tn-founder .tn-f-label{font-size:12.5px;letter-spacing:2px;color:var(--tnu-primary)}
html body #tn-pillars-soft .tn-intro{font-size:16.5px;color:var(--tnu-text)}
html body #tn-pillars-soft .tn-card-description{font-size:15.5px;line-height:1.65;color:var(--tnu-text)}
html body #tn-pillars-soft .tn-card-title{font-size:20px;color:var(--tnu-ink)}
html body #tn-pillars-soft .tn-card-link{font-size:14px;font-weight:700;color:var(--tnu-primary)}
html body #tn-pillars-soft .tn-card{display:flex;flex-direction:column}
html body #tn-pillars-soft .tn-card-link{margin-top:auto;padding-top:14px}

/* ===== 2 + 3. Nút & màu thống nhất ===== */
html body :is(#tn-hero-text,#tn-hero-mobile) .tn-button{border-radius:var(--tnu-r);font-size:15px;min-height:50px}
html body :is(#tn-hero-text,#tn-hero-mobile) .tn-button-primary{background:var(--tnu-primary);border-color:var(--tnu-primary)}
html body :is(#tn-hero-text,#tn-hero-mobile) .tn-button-primary:hover{background:var(--tnu-primary-d);border-color:var(--tnu-primary-d)}
html body :is(#tn-hero-text,#tn-hero-mobile) .tn-button-outline{border-color:rgba(255,255,255,.55)}
html body :is(#tn-hero-text,#tn-hero-mobile) .tn-button-outline:hover{border-color:#fff;background:rgba(255,255,255,.1)}
html body .section-title-container .section-title-main{color:var(--tnu-ink)!important;font-size:clamp(22px,2.4vw,28px);letter-spacing:1px}
html body .section-title-container .section-title b{background:var(--tnu-line);opacity:1;height:1px}
html body .section-title-container{margin-bottom:26px}

/* ===== 6. Thẻ hệ sinh thái ===== */
html body #tn-ecosystem{padding:56px 0}
html body #tn-ecosystem .tn-eco-title{font-size:clamp(26px,3vw,34px)}
html body #tn-ecosystem .tn-eco-intro{font-size:16px;color:var(--tnu-text)}
html body #tn-ecosystem .tn-eco-all{font-size:13.5px;padding:10px 16px;border:1px solid var(--tnu-primary);border-radius:var(--tnu-r);color:var(--tnu-primary)}
html body #tn-ecosystem .tn-eco-all:hover{background:var(--tnu-primary);color:#fff}
html body #tn-ecosystem .tn-eco-card{display:flex;flex-direction:column;padding:24px;border-radius:14px;cursor:pointer}
html body #tn-ecosystem .tn-eco-card:focus-within{outline:3px solid rgba(18,124,131,.35);outline-offset:2px}
html body #tn-ecosystem .tn-eco-card-top{margin-bottom:16px}
html body #tn-ecosystem .tn-eco-mark{width:60px;height:60px;flex:0 0 60px;border-radius:14px;background:#fff;border:1px solid var(--tnu-line);font-size:24px;overflow:hidden}
html body #tn-ecosystem .tn-eco-mark img{width:100%;height:100%;object-fit:contain;padding:6px}
html body #tn-ecosystem .tn-eco-card:nth-child(2) .tn-eco-mark{background:linear-gradient(140deg,#d7a65a,#b07a2e);color:#fff;border:0;font-family:Georgia,serif}
html body #tn-ecosystem .tn-eco-card:nth-child(3) .tn-eco-mark{background:linear-gradient(140deg,#7584b8,#4f5d93);color:#fff;border:0;font-family:Georgia,serif}
html body #tn-ecosystem .tn-eco-type{font-size:11.5px;padding:6px 11px}
html body #tn-ecosystem .tn-eco-name{font-size:19px;margin-bottom:10px}
html body #tn-ecosystem .tn-eco-description{font-size:15px;line-height:1.65;color:var(--tnu-text)}
html body #tn-ecosystem .tn-eco-link{margin-top:auto;padding-top:18px;font-size:13.5px}
html body #tn-ecosystem .tn-eco-link:after{content:"";position:absolute;inset:0;z-index:1}

/* ===== 7. Chứng nhận ===== */
html body #tn-certificates{padding:56px 0}
html body #tn-certificates .tn-cert-heading{font-size:24px}
html body #tn-certificates .tn-cert-intro{font-size:15px;color:var(--tnu-text)}
html body #tn-certificates .tn-cert-feature-text{font-size:15.5px}
html body #tn-certificates .tn-cert-tag{font-size:11.5px}
html body #tn-certificates .tn-cert-list{gap:12px}
html body #tn-certificates .tn-cert-item{min-height:84px;padding:12px 14px;gap:14px;background:#fff;border:1px solid var(--tnu-line);border-radius:12px;font-size:15px;color:var(--tnu-ink)}
html body #tn-certificates .tn-cert-item:hover{border-color:var(--tnu-primary);background:#f4fbfa;box-shadow:var(--tnu-shadow)}
html body #tn-certificates .tn-cert-item small{font-size:13px!important;color:var(--tnu-mute);opacity:1!important;margin-top:5px!important;line-height:1.5}
html body #tn-certificates .tn-cert-icon{position:relative;width:48px;height:62px;flex:0 0 48px;border-radius:6px;background:#fff center/cover no-repeat;border:1px solid var(--tnu-line);box-shadow:0 3px 8px rgba(16,43,67,.12)}
html body #tn-certificates .tn-cert-icon svg{display:none}
html body #tn-certificates .tn-cert-item:nth-child(1) .tn-cert-icon{background-image:url("/wp-content/uploads/2026/09/cn2-scaled.jpg")}
html body #tn-certificates .tn-cert-item:nth-child(2) .tn-cert-icon{background-image:url("/wp-content/uploads/2026/09/cn1-2.png")}
html body #tn-certificates .tn-cert-icon:after{content:"✓";position:absolute;right:-7px;bottom:-7px;width:20px;height:20px;border-radius:50%;background:#16a36a;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;border:2px solid #fff}
html body #tn-certificates .tn-cert-arrow{font-size:24px}
html body #tn-certificates .tn-cert-note{font-size:12.5px}

/* ===== 10. Thẻ công nghệ nổi bật ===== */
html body :is(.endo-card,.nano-card){border-radius:14px;box-shadow:var(--tnu-shadow);transition:transform .25s ease,box-shadow .25s ease}
html body :is(.endo-card,.nano-card):hover{transform:translateY(-3px);box-shadow:var(--tnu-shadow-h)}
html body :is(.endo-card,.nano-card):before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(4,18,34,.55) 75%);pointer-events:none}
html body :is(.endo-card__title,.nano-card__title,.endo-card__description,.nano-card__description){text-shadow:0 1px 8px rgba(0,0,0,.35)}
html body :is(.endo-card__description,.nano-card__description){color:rgba(255,255,255,.92)}
html body :is(.endo-card__button,.nano-card__button){background:#fff;border-color:#fff;color:var(--tnu-primary)!important;border-radius:8px;padding:.7em 1.1em;text-shadow:none}
html body :is(.endo-card__button,.nano-card__button):hover{background:var(--tnu-primary);border-color:var(--tnu-primary);color:#fff!important}

/* ===== 8. Sản phẩm ===== */
html body .product-small.box{background:#fff;border:1px solid var(--tnu-line);border-radius:14px;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease;height:100%}
html body .product-small.box:hover{box-shadow:var(--tnu-shadow-h);transform:translateY(-3px)}
html body .product-small .box-image{aspect-ratio:1/1;background:var(--tnu-soft);display:flex;align-items:center;justify-content:center}
html body .product-small .box-image > div,html body .product-small .box-image a{display:block;width:100%;height:100%}
html body .product-small .box-image img{width:100%!important;height:100%!important;object-fit:contain;padding:18px;mix-blend-mode:multiply}
html body .product-small .box-text{padding:14px 16px 18px}
html body .product-small .product-cat{font-size:11.5px;letter-spacing:1px;color:var(--tnu-primary);opacity:1;margin-bottom:6px}
html body .product-small .product-title{font-size:15.5px;line-height:1.45;font-weight:600;color:var(--tnu-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
html body .product-small .product-title a{color:inherit}
html body .products .product-small.col{padding-bottom:22px}

/* ===== 9. Quy trình 4 bước ===== */
html body .qt4{gap:30px;align-items:start}
html body .qt4-item{align-items:flex-start}
html body .qt4-text{padding-top:10px}
html body .qt4-item:not(:last-child)::after{top:42px}
html body .qt4-icon{flex:0 0 84px;width:84px;height:84px;border:1px dashed #a9d8dc;background:#fff;color:var(--tnu-ink)}
html body .qt4-icon svg{width:40px;height:40px}
html body .qt4-number{width:28px;height:28px;background:var(--tnu-primary);font-size:14px}
html body .qt4-title{font-size:17px;color:var(--tnu-ink)}
html body .qt4-desc{font-size:14px;line-height:1.6;color:var(--tnu-text)}
html body .qt4-item:not(:last-child)::after{color:var(--tnu-primary);opacity:.55}

/* Nhà sáng chế */
html body #tn-founder .tn-f-desc,html body #tn-founder .tn-f-role{font-size:16px;color:var(--tnu-text)}

/* ===== 4. Nhịp khoảng cách ===== */
html body .tnx-sec{padding:80px 0}

/* Khả dụng: vùng bấm & trạng thái focus */
html body :is(.tn-button,.tn-eco-link,.tn-cert-item,.endo-card__button,.nano-card__button,.tnx-btn,.tn-link):focus-visible{outline:3px solid #6fd8cb;outline-offset:3px}
html body .tnx-btn{border-radius:var(--tnu-r);min-height:48px}

@media (max-width:849px){
	html body #tn-ecosystem,html body #tn-certificates{padding:44px 0}
	html body .tnx-sec{padding:48px 0}
}
@media (max-width:549px){
	html body #tn-hero-mobile .tn-description{font-size:15.5px}
	html body #tn-ecosystem .tn-eco-heading{flex-direction:column;align-items:flex-start}
	html body .qt4-icon{flex:0 0 70px;width:70px;height:70px}
	html body .qt4-item:not(:last-child)::after{left:34px;top:auto}
	html body .qt4-text{padding-top:4px}
	html body .product-small .box-text{padding:12px}
	html body .product-small .product-title{font-size:14.5px}
	html body :is(.endo-card,.nano-card):before{background:linear-gradient(90deg,transparent 25%,rgba(4,18,34,.62) 70%)}
	html body #tn-certificates .tn-cert-item{min-height:76px}
	html body #tn-certificates .tn-cert-icon{width:42px;height:54px;flex-basis:42px}
}
@media (prefers-reduced-motion:reduce){
	html body :is(.product-small.box,.endo-card,.nano-card){transition:none}
}

/* ================= v1.2 – Header, mục lục, xem ảnh, form ================= */
/* 11. Header bám đầu trang + thu gọn khi cuộn */
@supports (overflow:clip){html:has(body.tnx-sticky),body.tnx-sticky{overflow-x:clip!important;overflow-y:visible!important}}
body.tnx-sticky #header{position:sticky;top:var(--tnx-ab,0px);z-index:100}
body.tnx-sticky #header .header-wrapper{background:#fff;transition:box-shadow .25s ease}
body.tnx-sticky #header .header-main{transition:height .25s ease}
body.tnx-sticky #logo img{transition:max-height .25s ease}
body.tnx-scrolled #header .header-wrapper{box-shadow:0 6px 20px rgba(16,43,67,.08)}
body.tnx-scrolled #header .header-main{height:62px!important}
body.tnx-scrolled #logo img{max-height:50px!important}
html{scroll-padding-top:calc(var(--tnx-hh,80px) + 64px)}

/* Mục menu đang xem */
html body .header-nav-main > li > a.nav-top-link{position:relative}
html body .header-nav-main > li > a.nav-top-link:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--tnu-primary);transform:scaleX(0);transition:transform .2s ease}
html body .header-nav-main > li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.current_page_item,.current_page_ancestor):not(.menu-item-gtranslate) > a.nav-top-link,
html body .header-nav-main > li > a.nav-top-link:hover{color:var(--tnu-primary)!important}
html body .header-nav-main > li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.current_page_item,.current_page_ancestor):not(.menu-item-gtranslate) > a.nav-top-link:after,
html body .header-nav-main > li:not(.tnx-nav-cta):not(.menu-item-gtranslate) > a.nav-top-link:hover:after{transform:scaleX(1)}

/* Nút "Hợp tác" nổi bật */
html body .header-nav-main > li.tnx-nav-cta > a.nav-top-link{background:var(--tnu-primary);color:#fff!important;border-radius:var(--tnu-r);padding:10px 18px!important;line-height:1.2}
html body .header-nav-main > li.tnx-nav-cta > a.nav-top-link:hover{background:var(--tnu-primary-d)}
html body .header-nav-main > li.tnx-nav-cta > a.nav-top-link:after{display:none}

/* Nút VI/EN dạng viên thuốc */
html body .header-nav-main > li.menu-item-gtranslate > a{border:1px solid var(--tnu-line);border-radius:999px;padding:6px 12px!important;line-height:1.2;font-size:13px}
html body .header-nav-main > li.menu-item-gtranslate > a:hover{border-color:var(--tnu-primary)}
html body .header-nav-main > li.menu-item-gtranslate > a:after{display:none}

/* 12a. Thanh mục lục bám dính */
.tnx-subnav{position:sticky;top:var(--tnx-hh,0px);z-index:90;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--tnu-line);transition:top .25s ease}
.tnx-subnav ul{display:flex;gap:6px;margin:0;padding:10px 0;list-style:none;overflow-x:auto;scrollbar-width:none}
.tnx-subnav ul::-webkit-scrollbar{display:none}
.tnx-subnav li{margin:0!important;flex:none}
.tnx-subnav a{display:block;padding:8px 14px;border-radius:999px;color:var(--tnu-text);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease}
.tnx-subnav a:hover{background:var(--tnu-soft);color:var(--tnu-ink)}
.tnx-subnav a.is-active{background:var(--tnu-primary);color:#fff}

/* 12b. Mục lục trong cột tóm tắt */
html body .tnx-summary{top:calc(var(--tnx-hh,80px) + 20px);max-height:calc(100vh - var(--tnx-hh,80px) - 40px);overflow:auto}
.tnx-toc{margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--tnu-line)}
.tnx-toc-t{margin:0 0 8px!important;font-size:12.5px!important;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--tnu-mute)!important}
.tnx-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:toc}
.tnx-toc li{margin:0!important;counter-increment:toc}
.tnx-toc a{display:flex;gap:8px;padding:7px 10px;border-radius:8px;border-left:2px solid transparent;color:var(--tnu-text);font-size:14.5px!important;line-height:1.4;text-decoration:none}
.tnx-toc a:before{content:counter(toc,decimal-leading-zero);color:var(--tnu-primary);font-weight:700;font-size:12.5px;padding-top:1px}
.tnx-toc a:hover{background:#fff}
.tnx-toc a.is-active{background:#fff;border-left-color:var(--tnu-primary);color:var(--tnu-ink);font-weight:600}

/* Breadcrumb rõ hơn */
html body .tnx-crumb{font-size:13.5px;gap:8px;color:#9fb3c6}
html body .tnx-crumb a{color:#d6e1ea}
html body .tnx-crumb a:hover{color:#fff;text-decoration:underline}

/* 12c. Xem ảnh lớn */
.tnx-zoomable{cursor:zoom-in;transition:transform .25s ease,box-shadow .25s ease}
.tnx-zoomable:hover{box-shadow:var(--tnu-shadow-h)}
.tnx-lbx{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:60px 20px 30px;background:rgba(8,20,34,.9);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.tnx-lbx.is-open{opacity:1;visibility:visible}
.tnx-lbx figure{margin:0;max-width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px}
.tnx-lbx img{max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.tnx-lbx figcaption{color:#d6e1ea;font-size:14.5px;line-height:1.55;text-align:center;max-width:760px}
.tnx-lbx-x{position:absolute;top:14px;right:16px;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer;min-height:0}
.tnx-lbx-x:hover{background:rgba(255,255,255,.12)}

/* 13. Form: lỗi tại ô, trạng thái gửi, thông báo */
html body .tnx-form input,html body .tnx-form select,html body .tnx-form textarea{min-height:48px;font-size:16px;border-color:#c3ced8;border-radius:8px;background:#fff}
html body .tnx-form label{font-size:14.5px}
html body .tnx-form label.is-invalid input,html body .tnx-form label.is-invalid textarea{border-color:#c62828;box-shadow:0 0 0 3px rgba(198,40,40,.12)}
.tnx-err{display:flex;align-items:center;gap:6px;color:#b71c1c;font-size:13.5px;font-weight:500}
.tnx-err:before{content:"!";display:grid;place-items:center;width:16px;height:16px;flex:none;border-radius:50%;background:#c62828;color:#fff;font-size:11px;font-weight:800}
html body .tnx-form button[type=submit]{justify-content:center;min-height:52px;font-size:16px;background:var(--tnu-primary)!important;border-color:var(--tnu-primary)!important;color:#fff!important;border-radius:var(--tnu-r);text-transform:none;letter-spacing:0;margin:0}
html body .tnx-form button[type=submit]:hover{background:var(--tnu-primary-d)!important}
html body .tnx-form button.is-loading{opacity:.75;cursor:progress}
html body .tnx-form button.is-loading:before{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:tnxSpin .8s linear infinite}
@keyframes tnxSpin{to{transform:rotate(360deg)}}
html body .tnx-form-msg:empty{display:none}
html body .tnx-form-msg.is-ok,html body .tnx-form-msg.is-err{padding:12px 14px;border-radius:8px;font-size:14.5px}
html body .tnx-form-msg.is-ok{background:#e8f6ef;color:#0b6b3a;border:1px solid #b9e3cc}
html body .tnx-form-msg.is-err{background:#fdecec;color:#a51c1c;border:1px solid #f3c3c3}

@media (max-width:849px){
	html body .tnx-summary{max-height:none;overflow:visible}
	.tnx-subnav ul{padding:8px 0}
	.tnx-subnav a{font-size:13.5px;padding:7px 12px}
}
@media (prefers-reduced-motion:reduce){
	body.tnx-sticky #header .header-main,body.tnx-sticky #logo img,.tnx-lbx{transition:none}
	html body .tnx-form button.is-loading:before{animation:none}
}

/* Menu chính: luôn 1 hàng, "Hợp tác" ở cuối ngay trước bộ chuyển ngôn ngữ */
html body #header .header-nav-main{flex-wrap:nowrap!important;align-items:center}
html body #header .header-nav-main > li{flex:none}
html body #header .header-nav-main > li > a.nav-top-link{white-space:nowrap}
html body #header .header-nav-main > li.tnx-nav-cta{order:98}
html body #header .header-nav-main > li.menu-item-gtranslate{order:99}
@media (max-width:1366px){
	html body #header .header-nav-main > li{margin:0 11px!important}
	html body #header .header-nav-main > li > a.nav-top-link{font-size:14.5px}
}
@media (max-width:1180px){
	html body #header .header-nav-main > li{margin:0 7px!important}
	html body #header .header-nav-main > li > a.nav-top-link{font-size:13.5px}
	html body #header .header-nav-main > li.tnx-nav-cta > a.nav-top-link{padding:9px 14px!important}
}

/* Bộ chuyển ngôn ngữ: 2 lá cờ EN | VI */
html body .header-nav .tnx-lang-toggle > .sub-menu{display:none!important}
html body .header-nav-main > li.tnx-lang-toggle{margin-left:14px!important}
html body .header-nav-main > li.tnx-lang-toggle > a{display:inline-flex!important;align-items:center;gap:2px;padding:3px!important;border:1px solid var(--tnu-line);border-radius:999px;background:#fff;text-transform:none;letter-spacing:0;white-space:nowrap}
html body .tnx-lang-toggle .tnx-flag{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 4px;border-radius:999px;cursor:pointer;opacity:.6;transition:opacity .2s ease,background .2s ease}
html body .tnx-lang-toggle .tnx-flag:hover{opacity:1;background:#f7f9fb}
html body .tnx-lang-toggle .tnx-flag.is-on{opacity:1;background:#e6f3f3;cursor:default;box-shadow:inset 0 0 0 1px rgba(18,124,131,.25)}
html body .tnx-lang-toggle .tnx-flag img{width:22px!important;height:22px!important;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(16,43,67,.1)}
html body .tnx-lang-toggle .tnx-flag b{font-size:12px;font-weight:700;color:var(--tnu-ink);line-height:1}
html body .tnx-lang-toggle > a > i{width:1px;height:16px;background:var(--tnu-line)}