/* =====================================================================
   tuyensinhtructuyen.com.vn — theme "tuyensinhtructuyen" (site 7)
   Mỗi vùng giao diện ĐÚNG MỘT khối CSS (có tiêu đề). Template chỉ chứa HTML + class.
   ===================================================================== */

/* ---------- 1. Biến & nền ---------- */
:root{
	--navy:#0d2f5c;--navy-2:#16508f;--navy-3:#0a2347;
	--accent:#f26a1b;--accent-2:#ff8b3d;--accent-soft:#fff1e7;
	--teal:#0e8a7a;--teal-soft:#e3f5f2;
	--ink:#14243b;--text:#2c3d55;--muted:#61728a;--line:#e2e8f1;--soft:#f3f6fb;--white:#fff;
	--radius:14px;--radius-sm:10px;--shadow:0 10px 30px rgba(13,47,92,.08);--shadow-lg:0 24px 60px rgba(10,35,71,.18);
	--wrap:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.ts-body{margin:0;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white)}
.ts-body img{max-width:100%;height:auto;display:block}
.ts-body :where(a:not([class])){color:var(--navy-2);text-decoration:none}
.ts-body :where(a:not([class])):hover{text-decoration:underline}
:where(.ts-body) :where(h1,h2,h3){color:var(--ink);line-height:1.25;margin:0 0 .5em}
.ts-body button{font-family:inherit}
.ts-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.ts-show-m{display:none !important}
.ts-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}

/* ---------- 2. Nút ---------- */
.ts-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;border:2px solid transparent;font-weight:700;font-size:15px;line-height:1.2;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s;white-space:nowrap}
.ts-btn:hover{transform:translateY(-1px);text-decoration:none}
.ts-btn--accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px rgba(242,106,27,.32)}
.ts-btn--accent:hover{box-shadow:0 12px 26px rgba(242,106,27,.42);color:#fff}
.ts-btn--primary{background:var(--navy);color:#fff}
.ts-btn--primary:hover{background:var(--navy-2);color:#fff}
.ts-btn--white{background:#fff;color:var(--navy)}
.ts-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.ts-btn--ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.ts-btn--line{background:#fff;color:var(--navy);border-color:var(--line)}
.ts-btn--line:hover{border-color:var(--navy);color:var(--navy)}
.ts-btn--sm{padding:8px 14px;font-size:14px}
.ts-btn--lg{padding:14px 26px;font-size:16px}
.ts-btn--block{display:flex;width:100%}
.ts-btn__loading{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:ts-spin .8s linear infinite}
.ts-form.is-loading .ts-btn__loading{display:inline-block}
@keyframes ts-spin{to{transform:rotate(360deg)}}
.ts-link{font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap}
.ts-link:hover{text-decoration:underline}
.ts-chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:var(--navy);font-size:13px;font-weight:600;text-decoration:none;line-height:1.3}
.ts-chip:hover{border-color:var(--navy-2);color:var(--navy-2)}
.ts-chip--more{background:var(--accent-soft);border-color:#ffd8bf;color:var(--accent)}

/* ---------- 3. Thanh trên cùng ---------- */
.ts-topbar{background:var(--navy-3);color:rgba(255,255,255,.82);font-size:13px}
.ts-topbar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.ts-topbar__left,.ts-topbar__right{display:flex;align-items:center;gap:16px}
.ts-topbar__badge{background:var(--accent);color:#fff;font-weight:700;padding:2px 10px;border-radius:999px;font-size:12px}
.ts-topbar a{color:#fff;text-decoration:none;font-weight:600}
.ts-topbar__links{display:flex;gap:14px}
.ts-topbar__links a{font-weight:500;color:rgba(255,255,255,.82)}
.ts-topbar__links a:hover{color:#fff}
.ts-topbar__hot{color:#ffb98a !important}

/* ---------- 4. Header + menu (1 hàng, KHÔNG overflow để dropdown không bị cắt) ---------- */
.ts-header-wrap{position:sticky;top:0;z-index:50}
.ts-header{background:#fff;box-shadow:0 1px 0 var(--line),0 6px 20px rgba(13,47,92,.06)}
.ts-header__in{display:flex;align-items:center;gap:20px;min-height:74px}
.ts-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.ts-logo__img{max-height:52px;width:auto}
.ts-logo__badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px;letter-spacing:.5px;box-shadow:inset 0 -3px 0 var(--accent)}
.ts-logo__text{display:flex;flex-direction:column;line-height:1.2}
.ts-logo__text strong{color:var(--navy);font-size:17px;font-weight:800;letter-spacing:-.2px}
.ts-logo__text small{color:var(--muted);font-size:12px}
.ts-nav{display:flex;align-items:center;gap:18px;flex:1;justify-content:flex-end}
.ts-nav__menu{display:flex;align-items:center;gap:2px}
.ts-nav__item{position:relative}
.ts-nav__link{display:block;padding:24px 12px;color:var(--ink);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.ts-nav__item.has-sub>.ts-nav__link{padding-right:22px}
.ts-nav__item.has-sub>.ts-nav__link::after{content:"";position:absolute;right:8px;top:50%;margin-top:-5px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.6}
.ts-nav__link:hover,.ts-nav__item:hover>.ts-nav__link{color:var(--accent)}
.ts-nav__caret{display:none}
.ts-nav__sub{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-lg);border-top:3px solid var(--accent);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:60}
.ts-nav__item:hover>.ts-nav__sub,.ts-nav__item:focus-within>.ts-nav__sub{opacity:1;visibility:visible;transform:none}
.ts-nav__item.is-mega>.ts-nav__sub{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:6px 18px;padding:18px;left:50%;transform:translate(-50%,8px);min-width:560px}
.ts-nav__item.is-mega:hover>.ts-nav__sub,.ts-nav__item.is-mega:focus-within>.ts-nav__sub{transform:translate(-50%,0)}
.ts-nav__group{display:flex;flex-direction:column}
.ts-nav__sublink{display:block;padding:8px 10px;border-radius:8px;color:var(--text);font-size:14.5px;text-decoration:none;line-height:1.35}
.ts-nav__sublink:hover{background:var(--soft);color:var(--navy)}
.ts-nav__sublink.is-group{font-weight:800;color:var(--navy);border-bottom:1px solid var(--line);border-radius:0;margin-bottom:4px;padding-bottom:9px}
.ts-nav__sublink--child{padding:6px 10px 6px 22px;position:relative;color:var(--muted)}
.ts-nav__sublink--child::before{content:"";position:absolute;left:10px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:-2px}
.ts-nav__cta{flex:none}
.ts-burger{display:none;width:44px;height:44px;border:0;background:var(--soft);border-radius:10px;margin-left:auto;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.ts-burger span{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px;transition:.2s}
.ts-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ts-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ts-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- 5. Tiêu đề khu vực ---------- */
.ts-main{display:block}
.ts-section{padding:72px 0}
.ts-section--tight{padding:36px 0 64px}
.ts-section--soft{background:var(--soft)}
.ts-section--navy{background:radial-gradient(circle at 85% 10%,rgba(242,106,27,.18),transparent 40%),linear-gradient(135deg,var(--navy-3),var(--navy));color:rgba(255,255,255,.85)}
.ts-section__head{text-align:center;max-width:760px;margin:0 auto 36px}
.ts-section__head--left{text-align:left;margin:0}
.ts-section__head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:none;text-align:left;margin-bottom:24px}
.ts-section__head--light .ts-h2{color:#fff}
.ts-section__lead{color:var(--muted);font-size:17px;margin:0}
.ts-kicker{display:inline-block;color:var(--accent);font-weight:800;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px}
.ts-kicker--light{color:#ffb98a}
.ts-h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.5px}
.ts-h2 a{color:inherit;text-decoration:none}
.ts-h2--sm{font-size:22px}

/* ---------- 6. Hero trang chủ ---------- */
.ts-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(22,80,143,.9),transparent 55%),radial-gradient(circle at 100% 100%,rgba(242,106,27,.28),transparent 45%),linear-gradient(135deg,var(--navy-3),var(--navy));color:rgba(255,255,255,.88)}
.ts-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px) 0 0/22px 22px;pointer-events:none}
.ts-hero__in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:72px}
.ts-hero__title{color:#fff;font-size:clamp(30px,4.4vw,50px);font-weight:800;letter-spacing:-1px;line-height:1.12;margin-bottom:18px}
.ts-hero__title em{font-style:normal;color:#ffb98a}
.ts-hero__lead{font-size:18px;max-width:600px;margin:0 0 20px}
.ts-hero__ticks{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:8px}
.ts-hero__ticks li{position:relative;padding-left:30px}
.ts-hero__ticks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.ts-hero__stats{display:flex;gap:14px;margin-bottom:28px;flex-wrap:wrap}
.ts-hero__stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:12px 18px;min-width:130px}
.ts-hero__stats b{display:block;color:#fff;font-size:26px;font-weight:800;line-height:1.1}
.ts-hero__stats span{font-size:13px;color:rgba(255,255,255,.75)}
.ts-hero__act{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ts-hero__link{color:#fff;font-weight:700;text-decoration:none}
.ts-hero__link:hover{color:#ffb98a}
.ts-hero__form{scroll-margin-top:120px}
.ts-home__slide{margin-top:28px}

/* ---------- 7. Form đăng ký ---------- */
.ts-form{position:relative;background:#fff;border-radius:18px;padding:26px;box-shadow:var(--shadow-lg);color:var(--text);border:1px solid var(--line)}
.ts-form__title{font-size:21px;font-weight:800;color:var(--ink);line-height:1.25;margin-bottom:4px}
.ts-form__sub{display:block;color:var(--muted);font-size:14px;margin-bottom:16px}
.ts-form__group{margin-bottom:12px}
.ts-form__group label{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.ts-form input[type=text],.ts-form input[type=tel],.ts-form input[type=email],.ts-form select{display:block;width:100%;margin-top:5px;height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fbfcfe;font:inherit;font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.ts-form select{background:#fbfcfe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2361728a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;padding-right:36px}
.ts-form input:focus,.ts-form select:focus{outline:0;border-color:var(--navy-2);box-shadow:0 0 0 4px rgba(22,80,143,.12);background-color:#fff}
.ts-form input[disabled]{background:var(--soft);color:var(--navy);font-weight:700}
.ts-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ts-form__error{display:block;color:#d6331f;font-size:12.5px;min-height:0}
.ts-form__group.has-error input{border-color:#e05a47;background:#fff6f5}
.ts-form__note{display:block;text-align:center;color:var(--muted);font-size:12.5px;margin-top:10px}
.ts-form__msg{font-size:14px;margin-top:8px;text-align:center}
.ts-form__msg.is-ok{color:var(--teal);font-weight:700}
.ts-form__msg.is-err{color:#d6331f}
.ts-form .ts-btn{margin-top:6px}

/* ---------- 8. Thẻ trường ---------- */
.ts-schools{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}
.ts-school{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.ts-school::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--navy),var(--navy-2))}
.ts-school--b::before{background:linear-gradient(90deg,var(--teal),#24b39f)}
.ts-school:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.ts-school__top{display:flex;gap:16px;align-items:center}
.ts-school__logo{width:64px;height:64px;border-radius:16px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--navy);flex:none;overflow:hidden}
.ts-school--b .ts-school__logo{background:var(--teal-soft);color:var(--teal)}
.ts-school__logo .ts-ic{width:34px;height:34px}
.ts-school__logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.ts-school__kind{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.8px}
.ts-school__name{font-size:21px;margin:2px 0 0}
.ts-school__name a{color:var(--ink);text-decoration:none}
.ts-school__name a:hover{color:var(--navy-2)}
.ts-school__desc{margin:0;color:var(--muted)}
.ts-school__facts{list-style:none;margin:0;padding:14px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.ts-school__facts li{text-align:center}
.ts-school__facts b{display:block;color:var(--navy);font-size:20px;font-weight:800;line-height:1.2}
.ts-school__facts span{font-size:12.5px;color:var(--muted)}
.ts-school__chips{display:flex;flex-wrap:wrap;gap:8px}
.ts-school__foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}

/* ---------- 9. Tab ngành + thẻ ngành ---------- */
.ts-tabs__bar{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.ts-tabs__btn{border:1.5px solid var(--line);background:#fff;color:var(--navy);font-weight:700;font-size:15px;padding:10px 20px;border-radius:999px;cursor:pointer;transition:.15s}
.ts-tabs__btn:hover{border-color:var(--navy-2)}
.ts-tabs__btn.is-on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(13,47,92,.22)}
.ts-tabs__pane{display:none}
.ts-tabs__pane.is-on{display:block;animation:ts-fade .25s ease}
@keyframes ts-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ts-majors{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ts-major{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s,border-color .15s}
.ts-major:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cfd9e8}
.ts-major__ic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--soft);color:var(--navy);overflow:hidden}
.ts-major__ic img{width:100%;height:100%;object-fit:cover}
.ts-major__ic--it{background:#e7f0ff;color:#1d5fd1}
.ts-major__ic--law{background:#f1ecff;color:#6a43c7}
.ts-major__ic--acc{background:#e6f6ef;color:#14855a}
.ts-major__ic--office{background:#eef2f7;color:#40556f}
.ts-major__ic--travel{background:#e3f6f8;color:#0b8597}
.ts-major__ic--biz{background:#fff1e7;color:#d9580f}
.ts-major__ic--lang{background:#fdecf3;color:#c2286b}
.ts-major__ic--health{background:#ffecec;color:#d23434}
.ts-major__body{display:flex;flex-direction:column;min-width:0}
.ts-major__school{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-major__name{color:var(--ink);font-size:16.5px;line-height:1.3;margin:2px 0 6px}
.ts-major__more{font-size:13px;font-weight:700;color:var(--accent)}

/* ---------- 10. Vì sao chọn ---------- */
.ts-why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ts-why__item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.ts-why__item .ts-ic{width:46px;height:46px;padding:0;color:var(--accent);margin-bottom:12px}
.ts-why__item h3{font-size:18px;margin-bottom:6px}
.ts-why__item p{margin:0;color:var(--muted);font-size:15px}

/* ---------- 11. Quy trình ---------- */
.ts-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.ts-step{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:24px 22px}
.ts-step i{display:flex;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:800;align-items:center;justify-content:center;margin-bottom:14px}
.ts-step b{display:block;color:#fff;font-size:17px;margin-bottom:6px}
.ts-step span{font-size:14.5px;color:rgba(255,255,255,.75)}

/* ---------- 12. FAQ ---------- */
.ts-faqwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.ts-faqwrap .ts-section__head .ts-btn{margin-top:20px}
.ts-faq{display:grid;gap:12px}
.ts-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0 20px;transition:box-shadow .15s}
.ts-faq details[open]{box-shadow:var(--shadow)}
.ts-faq summary{cursor:pointer;list-style:none;padding:18px 30px 18px 0;font-weight:700;color:var(--ink);position:relative}
.ts-faq summary::-webkit-details-marker{display:none}
.ts-faq summary::after{content:"+";position:absolute;right:0;top:14px;font-size:24px;color:var(--accent);font-weight:500}
.ts-faq details[open] summary::after{content:"–"}
.ts-faq p{margin:0 0 18px;color:var(--muted)}

/* ---------- 13. Bài viết (thẻ, dòng, mini) ---------- */
.ts-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ts-post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s}
.ts-post:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.ts-post__img{aspect-ratio:16/9;background:var(--soft);overflow:hidden}
.ts-post__img img{width:100%;height:100%;object-fit:cover}
.ts-post__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}
.ts-post__body small,.ts-postrow__body small{color:var(--muted);font-size:12.5px}
.ts-post__body strong{color:var(--ink);font-size:17px;line-height:1.35}
.ts-post__body span,.ts-postrow__body span{color:var(--muted);font-size:14.5px}
.ts-rows{display:grid;gap:16px}
.ts-postrow{display:grid;grid-template-columns:240px 1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;text-decoration:none;color:var(--text);transition:box-shadow .15s}
.ts-postrow:hover{box-shadow:var(--shadow)}
.ts-postrow__img{aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--soft)}
.ts-postrow__img img{width:100%;height:100%;object-fit:cover}
.ts-postrow__body{display:flex;flex-direction:column;gap:6px;padding:4px 6px 4px 0}
.ts-postrow__body strong{color:var(--ink);font-size:18px;line-height:1.35}
.ts-mini{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:14.5px;font-weight:600;line-height:1.4}
.ts-mini:first-of-type{border-top:0}
.ts-mini__img{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--soft)}
.ts-mini__img img{width:100%;height:100%;object-fit:cover}
.ts-post__img,.ts-postrow__img,.ts-mini__img{display:block;position:relative}
.ts-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;letter-spacing:2px;color:rgba(255,255,255,.85);font-size:22px;background:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(135deg,var(--navy),var(--navy-2))}
.ts-mini .ts-ph{font-size:12px;letter-spacing:1px}
.ts-empty{background:var(--soft);border-radius:var(--radius);padding:24px;color:var(--muted);text-align:center}

/* ---------- 14. Đầu trang con + breadcrumb ---------- */
.ts-pagehead{background:var(--soft);border-bottom:1px solid var(--line);padding:26px 0 30px}
.ts-pagehead--navy{background:linear-gradient(135deg,var(--navy-3),var(--navy));border:0}
.ts-pagehead--navy .ts-pagehead__title{color:#fff}
.ts-pagehead--navy .ts-pagehead__lead{color:rgba(255,255,255,.8)}
.ts-pagehead__title{font-size:clamp(26px,3.4vw,38px);font-weight:800;margin:6px 0 8px}
.ts-pagehead__lead{margin:0;color:var(--muted);max-width:780px;font-size:17px}
.ts-crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--muted);margin-bottom:10px}
.ts-crumb a,.ts-crumb span{color:inherit;text-decoration:none}
.ts-crumb a:hover{color:var(--navy-2)}
.ts-crumb>*+*::before{content:"›";margin-right:6px;opacity:.6}
.ts-crumb>span:last-child{color:var(--ink);font-weight:600}
.ts-crumb--light{color:rgba(255,255,255,.7)}
.ts-crumb--light>span:last-child{color:#fff}
.ts-crumb--light a:hover{color:#fff}

/* ---------- 15. Landing trường / ngành ---------- */
.ts-lhero{position:relative;background:radial-gradient(circle at 90% 0%,rgba(242,106,27,.25),transparent 45%),linear-gradient(135deg,var(--navy-3),var(--navy) 60%,var(--navy-2));color:rgba(255,255,255,.88);overflow:hidden}
.ts-lhero--major{background:radial-gradient(circle at 90% 0%,rgba(36,179,159,.25),transparent 45%),linear-gradient(135deg,var(--navy-3),var(--navy) 60%,var(--navy-2))}
.ts-lhero::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/22px 22px;pointer-events:none}
.ts-lhero__in{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding-top:34px;padding-bottom:60px}
.ts-lhero__title{color:#fff;font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-.8px;margin:6px 0 14px}
.ts-lhero__lead{font-size:17.5px;margin:0 0 22px;max-width:640px}
.ts-lhero__school{display:inline-flex;align-items:center;gap:8px;color:#ffb98a;font-weight:700;text-decoration:none;font-size:15px;margin-top:6px}
.ts-lhero__school::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10 12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 2.5 9 2.5 12 0v-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10 12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 2.5 9 2.5 12 0v-5'/%3E%3C/svg%3E") center/contain no-repeat}
.ts-lhero__school:hover{color:#fff}
.ts-lhero__facts{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:12px}
.ts-lhero__facts li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 16px;min-width:140px}
.ts-lhero__facts b{display:block;font-size:12px;font-weight:600;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.6px}
.ts-lhero__facts span{color:#fff;font-weight:700}
.ts-lhero__act{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.ts-lhero__form{scroll-margin-top:120px}

/* ---------- 16. Bố cục nội dung + sidebar ---------- */
.ts-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.ts-layout__main{min-width:0}
.ts-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px}
.ts-side{min-width:0}
.ts-side__sticky{position:sticky;top:132px;display:grid;gap:20px}
.ts-side__box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.ts-side__title{font-weight:800;color:var(--ink);font-size:17px;margin-bottom:10px}
.ts-side__links{display:grid;gap:2px}
.ts-side__links a{display:block;padding:9px 0;border-top:1px solid var(--line);color:var(--navy);font-weight:600;text-decoration:none}
.ts-side__links a:first-child{border-top:0}
.ts-side__links a:hover{color:var(--accent)}
.ts-side__cta{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:rgba(255,255,255,.85);border-radius:var(--radius);padding:22px;display:grid;gap:10px}
.ts-side__cta .ts-side__title{color:#fff;margin:0}
.ts-side__cta p{margin:0;font-size:14.5px}
.ts-side__cta .ts-btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.ts-side .ts-form{box-shadow:var(--shadow);padding:22px}
.ts-side .ts-form__row{grid-template-columns:1fr}
.ts-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:22px 26px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-soft),#fff);border:1px solid #ffd8bf}
.ts-inline-cta strong{display:block;color:var(--ink);font-size:18px}
.ts-inline-cta span{color:var(--muted);font-size:14.5px}
.ts-catdesc{margin-top:28px}

/* ---------- 17. Nội dung soạn trong admin (.ts-content) + khối landing ts-l-* ---------- */
.ts-content{font-size:16.5px;line-height:1.75;color:var(--text);overflow-wrap:break-word}
.ts-content h2{font-size:25px;font-weight:800;margin:1.6em 0 .6em;padding-left:14px;border-left:4px solid var(--accent)}
.ts-content h2:first-child{margin-top:0}
.ts-content h3{font-size:19px;font-weight:700;margin:1.3em 0 .5em}
.ts-content p{margin:0 0 1em}
.ts-content ul,.ts-content ol{padding-left:22px;margin:0 0 1.1em}
.ts-content li{margin-bottom:.35em}
.ts-content img{border-radius:12px;margin:1em auto}
.ts-content a{color:var(--navy-2);font-weight:600}
.ts-content table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 1.4em;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:15.5px}
.ts-content th{background:var(--navy);color:#fff;text-align:left;font-weight:700;padding:12px 16px}
.ts-content td{padding:12px 16px;border-top:1px solid var(--line)}
.ts-content tr:nth-child(even) td{background:var(--soft)}
.ts-content blockquote{margin:0 0 1.2em;padding:16px 20px;background:var(--soft);border-left:4px solid var(--navy-2);border-radius:0 12px 12px 0}
.ts-l-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 1.4em}
.ts-l-card{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.ts-l-card b{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}
.ts-l-card span{font-size:14.5px;color:var(--muted)}
.ts-content ul.ts-l-check{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px}
.ts-l-check li{position:relative;padding-left:30px;margin:0}
.ts-l-check li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.ts-l-steps{display:grid;gap:12px;margin:0 0 1.4em}
.ts-l-step{display:flex;gap:16px;align-items:flex-start;background:var(--soft);border-radius:12px;padding:16px 18px}
.ts-l-step i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800}
.ts-l-step b{display:block;color:var(--ink)}
.ts-l-step span{font-size:15px;color:var(--muted)}
.ts-l-note{background:var(--accent-soft);border:1px solid #ffd8bf;border-radius:12px;padding:14px 18px;font-size:15px;color:#8a4413}
.ts-l-hl{color:var(--accent);font-weight:800}

/* ---------- 18. Bài viết chi tiết + vote ---------- */
.ts-article__meta{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);margin-bottom:12px}
.ts-article__title{font-size:clamp(26px,3.4vw,36px);font-weight:800;letter-spacing:-.5px}
.ts-article__intro{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:18px;line-height:1.6}
.ts-article__img{margin:0 0 20px}
.ts-article__img img{border-radius:14px;width:100%}
.ts-article .ts-form{margin:1.4em 0;box-shadow:var(--shadow)}
.ts-vote{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:28px 0 8px;padding:16px 18px;background:var(--soft);border-radius:12px}
.ts-vote__label{font-weight:700;color:var(--ink)}
.ts-vote__stars{display:flex;gap:2px}
.ts-vote__stars button{border:0;background:none;font-size:26px;line-height:1;color:#cdd6e3;cursor:pointer;padding:0 2px}
.ts-vote__stars button.is-on{color:#f5a623}
.ts-vote__info{color:var(--muted);font-size:13px}
.ts-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}

/* ---------- 19. Liên hệ, cảm ơn, khối form ---------- */
.ts-contact{display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:start}
.ts-contact__info{display:grid;gap:14px}
.ts-contact__item{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;text-decoration:none;color:var(--text)}
.ts-contact__item .ts-ic{color:var(--accent);width:30px;height:30px}
.ts-contact__item small{display:block;color:var(--muted);font-size:13px}
.ts-contact__item b{color:var(--ink);font-size:17px;overflow-wrap:anywhere}
.ts-contact>*,.ts-contact__item>span{min-width:0}
.ts-thanks__in{max-width:680px;text-align:center}
.ts-thanks__ic{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;background:var(--teal);color:#fff;font-size:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px var(--teal-soft)}
.ts-thanks__act{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.ts-formband{display:grid;grid-template-columns:1fr 440px;gap:48px;align-items:center}
.ts-pager{margin-top:28px}
.ts-pager .limit{display:none}
.ts-pager ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;justify-content:center}
.ts-pager li a,.ts-pager li span{display:flex;min-width:40px;height:40px;padding:0 12px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:700;text-decoration:none;cursor:pointer}
.ts-pager li.active a,.ts-pager li.active span{background:var(--navy);border-color:var(--navy);color:#fff}
.ts-pager li.disabled a{opacity:.45;cursor:default}

/* ---------- 21. Dải CTA + footer ---------- */
.ts-ctaband{background:linear-gradient(120deg,var(--accent),#e2540c);color:rgba(255,255,255,.92)}
.ts-ctaband__in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px;padding-bottom:40px}
.ts-ctaband__title{color:#fff;font-size:clamp(22px,2.6vw,30px);font-weight:800;margin-bottom:6px}
.ts-ctaband p{margin:0;max-width:620px}
.ts-ctaband__act{display:flex;gap:12px;flex-wrap:wrap;flex:none}
.ts-ctaband .ts-btn--accent{background:#fff;color:var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.15)}
.ts-footer{background:var(--navy-3);color:rgba(255,255,255,.72);font-size:15px;padding-top:56px}
.ts-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:40px}
.ts-footer__logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.ts-footer__logo img{max-height:56px;width:auto;background:#fff;border-radius:10px;padding:6px}
.ts-footer__logo .ts-logo__text strong{color:#fff}
.ts-footer__logo .ts-logo__text small{color:rgba(255,255,255,.6)}
.ts-footer__intro p{margin:0 0 12px}
.ts-footer__title{color:#fff;font-weight:800;font-size:16px;margin-bottom:14px}
.ts-footer__links{display:grid;gap:8px}
.ts-footer__links a{color:rgba(255,255,255,.75);text-decoration:none}
.ts-footer__links a:hover{color:#fff}
.ts-footer__contact{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ts-footer__contact span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:rgba(255,255,255,.5)}
.ts-footer__contact a{color:#fff;text-decoration:none;font-weight:600}
.ts-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:13.5px}
.ts-footer__bottom-in{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ts-footer__bottom .ts-footer__links{display:flex;gap:18px}
.ts-footer__copy p{margin:0}
.ts-social{display:flex;gap:10px;margin-top:14px}
.ts-social a{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;text-decoration:none}
.ts-partners{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.ts-partners img{max-height:48px;width:auto}

/* ---------- 22. Slider + banner ---------- */
.ts-slider{position:relative;border-radius:var(--radius);overflow:hidden}
.ts-slider__track{display:flex;transition:transform .5s ease}
.ts-slide{flex:0 0 100%}
.ts-slide img{width:100%}
.ts-slider__nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--navy);font-size:26px;cursor:pointer}
.ts-slider__nav--prev{left:12px}
.ts-slider__nav--next{right:12px}
.ts-ads{display:grid;gap:12px}
.ts-ads img{border-radius:12px}

/* ---------- 23. Thanh CTA mobile, popup, chẩn đoán ---------- */
.ts-stickybar{display:none}
.ts-modal{position:fixed;inset:0;z-index:100;background:rgba(8,22,44,.6);display:none;align-items:center;justify-content:center;padding:16px}
.ts-modal.is-open{display:flex}
.ts-modal__box{position:relative;width:100%;max-width:440px;max-height:92vh;overflow:auto;border-radius:18px}
.ts-modal__close{position:absolute;right:10px;top:8px;z-index:2;border:0;background:var(--soft);width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;color:var(--ink);cursor:pointer}
.ts-diag{position:fixed;left:10px;bottom:80px;z-index:200;background:#111;color:#9f9;font:12px/1.5 monospace;padding:10px 12px;border-radius:8px;max-width:90vw}

/* ---------- 24. Responsive ---------- */
@media (max-width:1180px){
	.ts-nav__link{padding:24px 8px;font-size:14.5px}
	.ts-logo__text small{display:none}
}
@media (max-width:1100px){
	.ts-show-m{display:inline-flex !important}
	.ts-hide-m{display:none !important}
	.ts-header__in{min-height:64px}
	.ts-burger{display:flex}
	.ts-nav{position:fixed;left:0;right:0;top:102px;bottom:0;background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;padding:12px 20px 110px;overflow-y:auto;transform:translateX(100%);transition:transform .25s;z-index:70}
	.ts-nav.is-open{transform:none}
	.ts-nav__menu{flex-direction:column;align-items:stretch;gap:0}
	.ts-nav__item{border-bottom:1px solid var(--line)}
	.ts-nav__link{padding:14px 44px 14px 0;font-size:16px}
	.ts-nav__item.has-sub>.ts-nav__link::after{display:none}
	.ts-nav__caret{display:block;position:absolute;right:0;top:6px;width:40px;height:40px;border:0;background:var(--soft);border-radius:10px;cursor:pointer}
	.ts-nav__caret::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);transition:.2s}
	.ts-nav__item.is-open>.ts-nav__caret::before{transform:rotate(225deg);margin-top:-2px}
	.ts-nav__sub,.ts-nav__item.is-mega>.ts-nav__sub{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;min-width:0;padding:0 0 12px;grid-template-columns:1fr}
	.ts-nav__item.is-mega:hover>.ts-nav__sub{transform:none}
	.ts-nav__item.is-open>.ts-nav__sub{display:block}
	.ts-nav__cta{width:100%}
	.ts-hero__in,.ts-lhero__in{grid-template-columns:1fr;gap:32px;padding-top:36px;padding-bottom:44px}
	.ts-layout,.ts-contact,.ts-formband,.ts-faqwrap{grid-template-columns:1fr}
	.ts-side__sticky{position:static}
	.ts-why{grid-template-columns:repeat(2,1fr)}
	.ts-steps{grid-template-columns:repeat(2,1fr)}
	.ts-grid-3{grid-template-columns:repeat(2,1fr)}
	.ts-footer__grid{grid-template-columns:1fr 1fr}
	.ts-stickybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;box-shadow:0 -6px 20px rgba(13,47,92,.12);padding:8px;gap:8px}
	.ts-stickybar__btn{flex:1;display:flex;align-items:center;justify-content:center;height:46px;border-radius:12px;border:1.5px solid var(--line);color:var(--navy);font-weight:700;font-size:14.5px;text-decoration:none}
	.ts-stickybar__btn--main{flex:1.4;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:0;color:#fff}
	.ts-footer{padding-bottom:64px}
}
@media (max-width:640px){
	.ts-wrap{padding:0 16px}
	.ts-section{padding:52px 0}
	.ts-topbar__in{min-height:34px}
	.ts-topbar__badge{font-size:11px}
	.ts-logo__text strong{font-size:15px}
	.ts-logo__text small{display:none}
	.ts-nav{top:98px}
	.ts-hero__lead,.ts-lhero__lead{font-size:16px}
	.ts-hero__ticks,.ts-hero__act,.ts-lhero__act{display:none}
	.ts-hero__stats{margin-bottom:0}
	.ts-lhero__facts{margin-bottom:0}
	.ts-hero__stats div{min-width:0;flex:1;padding:10px 12px}
	.ts-hero__stats b{font-size:21px}
	.ts-form{padding:20px}
	.ts-form__row{grid-template-columns:1fr;gap:0}
	.ts-schools{grid-template-columns:1fr}
	.ts-school{padding:22px}
	.ts-majors{grid-template-columns:1fr}
	.ts-tabs__bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
	.ts-tabs__btn{white-space:nowrap;font-size:14px;padding:9px 16px}
	.ts-why,.ts-steps,.ts-grid-3,.ts-l-cards,.ts-content ul.ts-l-check{grid-template-columns:1fr}
	.ts-card{padding:22px 18px}
	.ts-postrow{grid-template-columns:110px 1fr;gap:12px;padding:10px}
	.ts-postrow__body strong{font-size:15.5px}
	.ts-postrow__body span{display:none}
	.ts-section__head--row{flex-direction:column;align-items:flex-start}
	.ts-inline-cta,.ts-ctaband__in{flex-direction:column;align-items:flex-start}
	.ts-footer__grid{grid-template-columns:1fr;gap:28px}
	.ts-lhero__facts li{min-width:0;flex:1 1 40%}
	.ts-content{font-size:16px}
	.ts-content h2{font-size:21px}
	.ts-content table{font-size:14px}
	.ts-content th,.ts-content td{padding:10px 12px}
}
/* ---------- 20. Biểu tượng (SVG mask, màu theo currentColor) ---------- */
.ts-ic{display:inline-block;width:24px;height:24px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;flex:none}
.ts-ic--cap{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10 12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 2.5 9 2.5 12 0v-5'/%3E%3Cpath d='M22 10v6'/%3E%3C/svg%3E")}
.ts-ic--it{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4M9 9l-2 1.5L9 12M15 9l2 1.5-2 1.5'/%3E%3C/svg%3E")}
.ts-ic--law{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M5 21h14M6 7h12M6 7l-3 7a3 3 0 0 0 6 0L6 7zM18 7l-3 7a3 3 0 0 0 6 0l-3-7z'/%3E%3C/svg%3E")}
.ts-ic--acc{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h2M16 11h0M8 15h2M12 15h2M8 18h8'/%3E%3C/svg%3E")}
.ts-ic--office{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E")}
.ts-ic--travel{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 16l20-6-3-2-6 2-5-5-2 1 3 5-5 2-2-1-1 1 3 3z'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E")}
.ts-ic--biz{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h18M6 16v-5M11 16V8M16 16v-8M21 4l-6 5-4-3-6 5'/%3E%3C/svg%3E")}
.ts-ic--lang{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h8M8 3v2M6 5c0 4 3 7 6 8M10 5c0 3-3 7-6 8M13 21l4-10 4 10M14.5 17h5'/%3E%3C/svg%3E")}
.ts-ic--health{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 5.6a5 5 0 0 0-7.1 0L12 7.3l-1.7-1.7a5 5 0 0 0-7.1 7.1L12 21.5l8.8-8.8a5 5 0 0 0 0-7.1z'/%3E%3Cpath d='M8 12h2l1-2 2 4 1-2h2'/%3E%3C/svg%3E")}
.ts-ic--clock{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.ts-ic--doc{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E")}
.ts-ic--fast{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
.ts-ic--wallet{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M16 15h2M7 6V4h10v2'/%3E%3C/svg%3E")}
.ts-ic--support{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='13' width='4' height='6' rx='1'/%3E%3Crect x='17' y='13' width='4' height='6' rx='1'/%3E%3Cpath d='M19 19c0 1.5-2 2.5-5 2.5'/%3E%3C/svg%3E")}
.ts-ic--phone{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.ts-ic--chat{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L3 21l1.9-6.4A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
.ts-ic--mail{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.ts-ic--pin{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.ts-ic--check{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E")}