/* Trang nội dung TRỌ XANH (tính năng, giải pháp, mẫu biểu, blog, bảng giá…) + khối giới thiệu ở trang chủ */
.tx-wrap{max-width:960px}
.tx-body h2{font-size:clamp(20px,3.4vw,26px);color:var(--ql-blue-deep);margin:1.6em 0 .5em}
.tx-body p,.tx-body li{line-height:1.7}
.tx-bc{font-size:14px;color:rgba(255,255,255,.8);margin:0 0 10px}
.tx-bc a{color:#fff;text-decoration:none;opacity:.9}.tx-bc a:hover{text-decoration:underline}
.tx-lead{font-size:18px;color:var(--soft);margin:0 0 18px}
.tx-meta{color:var(--soft);font-size:14px}
.tx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:14px 0}
.tx-card{display:block;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.tx-card:hover{border-color:var(--ql-blue);box-shadow:0 6px 18px rgba(21,95,224,.14);transform:translateY(-1px)}
.tx-card b{display:block;color:var(--ql-blue-deep);margin-bottom:6px;line-height:1.35}
.tx-card span{display:block;color:var(--soft);font-size:14px;line-height:1.55}
ul.tx-ck{list-style:none;padding:0;margin:.6em 0}
ul.tx-ck li{position:relative;padding:6px 0 6px 28px}
ul.tx-ck li:before{content:"✓";position:absolute;left:0;color:var(--ql-blue);font-weight:800}
.tx-faq{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0;background:#fff}
.tx-faq summary{cursor:pointer;font-weight:700;color:var(--ink)}
.tx-faq p{margin:.6em 0 0}
.tx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:999px;background:var(--ql-blue);color:#fff!important;font-weight:700;text-decoration:none;border:2px solid var(--ql-blue)}
.tx-btn:hover{background:var(--ql-blue-deep);border-color:var(--ql-blue-deep)}
.tx-btn-o{background:transparent;color:var(--ql-blue-deep)!important}
.tx-btn-o:hover{background:var(--ql-blue-light);color:var(--ql-blue-deep)!important}
.tx-cta{background:var(--ql-blue-light);border:1px solid var(--line);border-radius:16px;padding:24px;margin:34px 0 8px;text-align:center}
.tx-cta p{margin:.3em 0 14px;color:var(--soft)}
.tx-app{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0}
.tx-price-wrap{overflow-x:auto;margin:10px 0}
.tx-price{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tx-price th{background:var(--ql-blue-light);color:var(--ql-blue-deep);text-align:left;padding:12px 14px;font-size:14px}
.tx-price td{padding:12px 14px;border-top:1px solid var(--line)}
.tx-price small{color:var(--soft)}
.tx-save{display:inline-block;background:#FFF1DE;color:#B45F06;font-weight:700;font-size:13px;padding:2px 10px;border-radius:999px}
@media(max-width:560px){
  .tx-price thead{display:none}
  .tx-price,.tx-price tbody,.tx-price tr,.tx-price td{display:block;width:100%}
  .tx-price tr{border-top:1px solid var(--line);padding:6px 0}
  .tx-price td{border:0;padding:4px 14px}
  .tx-price td:before{content:attr(data-l) ": ";color:var(--soft);font-size:13px}
}
/* khối giới thiệu ở trang chủ */
.tx-home{padding:46px 0 10px;background:#fff}
.tx-home h2{font-size:clamp(22px,3.6vw,30px);color:var(--ql-blue-deep);margin:0 0 6px}
.tx-home .tx-grid{margin-bottom:8px}
.tx-more{margin:6px 0 34px}.tx-more a{font-weight:700;color:var(--ql-blue)}
