/* Trang tuyên ngôn KHA (bản xem chữ). Scope .tn, nằm trong khung master monatheme. */
.tn{--vio:#7C0FD1;--vio-2:#A51BD8;--pink:#F41E92;--d1:#1d0640;--d2:#33096a;--on:#fff;--on-2:#e8dcfa;--on-3:#bba8de;
  --ink:#1b1230;--ink-2:#4a4262;--line:#e6def3;--bg2:#f6f2fc;--cam1:#FF7A1A;--cam2:#FFB02E;
  --c:min(88vw,1140px);font-family:"Be Vietnam Pro",system-ui,sans-serif;color:var(--ink);line-height:1.7;font-size:17px;overflow-x:clip}
@media (max-width:760px){.tn{--c:calc(100vw - 32px);font-size:16px}}
.tn *{box-sizing:border-box}
.tn-in{width:var(--c);margin:0 auto}
.tn-band{padding:clamp(48px,7vw,96px) 0}
.tn-dark{background:linear-gradient(160deg,var(--d1),var(--d2) 60%,#4a0d86);color:var(--on)}
.tn-dark p,.tn-dark li{color:var(--on-2)}
.tn-soft{background:var(--bg2)}
.tn h1,.tn h2,.tn h3{font-family:inherit;line-height:1.25;margin:0;text-wrap:balance}
@media (max-width:1023px){.tn h1,.tn h2,.tn h3{text-wrap:pretty}}
.tn-dark h1,.tn-dark h2,.tn-dark h3{color:var(--on)}
.tn-kick{display:inline-flex;align-items:center;gap:8px;font-size:.82em;font-weight:700;letter-spacing:.04em;color:var(--pink);margin:0 0 14px}
.tn-dark .tn-kick{color:#ff8bc8}
.tn-hero h1{font-size:clamp(34px,5.4vw,64px);font-weight:800}
.tn-hero .tn-sub{font-size:clamp(18px,2.1vw,24px);color:var(--on-2);margin:18px 0 0;max-width:46em}
.tn-hero .tn-sign{margin:22px 0 0;font-size:.95em;color:var(--on-3)}
.tn-jump{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none}
.tn-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;border:1.5px solid rgba(255,255,255,.28);color:var(--on);font-weight:600;text-decoration:none;font-size:.92em}
.tn-jump a:hover{background:rgba(255,255,255,.1)}
.tn-h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;margin:0 0 22px}
.tn-g{background:linear-gradient(90deg,#ff7cc4,#F41E92 55%,#c21be0);-webkit-background-clip:text;background-clip:text;color:transparent}
.tn-prose{max-width:46em}
.tn-prose p{margin:0 0 18px}
.tn-quote{margin:28px 0;padding:22px 26px;border-left:5px solid var(--pink);background:#fff;border-radius:0 16px 16px 0;font-size:1.12em;font-weight:600;color:var(--ink)}
.tn-pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:860px){.tn-pc{grid-template-columns:minmax(0,1fr)}}
.tn-pc article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:26px 26px 22px;min-width:0}
.tn-pc .no{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--pink);color:#fff;font-weight:800;margin-bottom:14px}
.tn-pc h3{font-size:clamp(20px,2.2vw,26px);font-weight:800;margin:0 0 12px;color:#fff}
.tn-pc p{margin:0;font-size:.96em}
.tn-nd{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:40px;align-items:start}
@media (max-width:960px){.tn-nd{grid-template-columns:minmax(0,1fr)}.tn-idx{display:none}}
.tn-idx{position:sticky;top:110px;margin:0;padding:0;list-style:none;font-size:.9em}
.tn-idx a{display:block;padding:8px 12px;border-radius:10px;color:var(--ink-2);text-decoration:none;line-height:1.4}
.tn-idx a:hover{background:#efe6fb;color:var(--vio)}
.tn-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px;margin:0 0 18px;scroll-margin-top:110px}
.tn-item .head{display:flex;gap:14px;align-items:flex-start;margin:0 0 14px}
.tn-item .n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,var(--vio),var(--pink));color:#fff;font-weight:800}
.tn-item h3{font-size:clamp(19px,2vw,24px);font-weight:800;padding-top:6px}
.tn-lab{display:inline-flex;align-items:center;font-size:.76em;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:8px;margin:6px 0 8px;line-height:1}
.tn-lab.cu{background:#f1edf7;color:var(--ink-2)}
.tn-lab.moi{background:#fde3f1;color:#b40e6c}
.tn-item p{margin:0 0 12px}
.tn-vis .tn-big{font-size:clamp(24px,3.2vw,38px);font-weight:800;line-height:1.3;margin:0 0 26px;color:#fff;max-width:28em}
.tn-list{counter-reset:k;list-style:none;margin:0;padding:0;max-width:52em}
.tn-list li{counter-increment:k;position:relative;padding:14px 0 14px 54px;border-bottom:1px solid var(--line)}
.tn-list li::before{content:counter(k);position:absolute;left:0;top:12px;width:38px;height:38px;border-radius:12px;background:#efe6fb;color:var(--vio);font-weight:800;display:flex;align-items:center;justify-content:center}
.tn-end{text-align:center}
.tn-end .tn-sign{font-style:italic;color:var(--ink-2);margin:0 0 24px}
.tn-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:99px;background:linear-gradient(90deg,var(--cam1),var(--cam2));color:#1a0d03;font-weight:800;text-decoration:none;border:2px solid #FFD54A;box-shadow:0 12px 28px -14px rgba(255,122,26,.9)}
.tn-preview{background:#fff4d6;color:#5c4300;font-size:14px;text-align:center;padding:8px 16px;font-weight:600}
.tn-nw{white-space:nowrap}