/* ---- p_15_sv-team-building.css ---- */
/* =====================================================================
   TEAM BUILDING (.sk-tm) - neo-brutalist sáng: viền đen 3px, bóng cứng lệch, nhãn dán xoay, ô vuông kiểu Tetris.
   Hệ màu: cam #ff6a13 / đen #0a0a0c / trắng (+ kem giấy #f5f4f1, xám). Một font Be Vietnam Pro; Anton chỉ cho số và vài chữ nghệ thuật.
   Prefix tm-. Mobile trước (<=640), iPad (641-1024), desktop (>=1025).
   ===================================================================== */
.sk-tm{
  --bg:#f5f4f1;--bg2:#ebeae6;--card:#fff;--ink:#0a0a0c;--mut:#4b4b53;--ln:#0a0a0c;
  --ac:#ff6a13;--ac2:#ffa266;--aci:#0a0a0c;
  --r:0px;--bw:3px;--sh:4px 4px 0 #0a0a0c;--hfw:800;--hls:-.035em;
  --tk:#0a0a0c;--tw:#fff;--to:#ff6a13;--tl:#ffe3d1;
  --c1:#ff6a13;--c2:#ffc59a;--c3:#0a0a0c;--c4:#8b8b92;--c5:#d9d7d2;
  font-variant-numeric:tabular-nums
}
@media(min-width:641px){.sk-tm{--sh:6px 6px 0 #0a0a0c}}
.sk-tm h2,.sk-tm h3,.sk-tm h4,.sk-tm p,.sk-tm ul,.sk-tm ol{margin:0}
.sk-tm ul,.sk-tm ol{padding:0;list-style:none}
.sk-tm button{font-family:var(--fb)}
.sk-tm .s-sec{padding:clamp(26px,6.6vw,104px) 0}
/* nút cuộn tới mục: tiêu đề mục nằm ngay dưới thanh đầu trang (html có scroll-padding-top 90px, kit thêm scroll-margin 136px nên phải bù lại) */
.sk-tm #tm-pick,.sk-tm #tm-split,.sk-tm #tm-cycle,.sk-tm #tm-goal,.sk-tm #tm-safe,.sk-tm #tm-day,.sk-tm #tm-more{scroll-margin-top:calc(-2px - clamp(26px,6.6vw,104px))}
.sk-tm .s-sec.tight{padding:clamp(28px,6vw,72px) 0}
.sk-tm .s-h{font-size:clamp(28px,8.2vw,68px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.sk-tm .s-h.sm{font-size:clamp(26px,6vw,44px)}
.sk-tm .s-lead{font-size:clamp(15.5px,1.5vw,18px);line-height:1.5;color:var(--mut);max-width:60ch}
.sk-tm :focus-visible{outline:3px solid var(--tk);outline-offset:3px}
.tm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tm-spr{position:absolute;width:0;height:0}

/* ---------- đầu mục: nhãn số + tiêu đề có vạch đánh dấu ---------- */
.tm-head{margin-bottom:clamp(14px,3.2vw,42px)}
.tm-kick{display:flex;align-items:center;gap:12px;margin:0 0 10px;font:800 12.5px/1.2 var(--fb);letter-spacing:.14em;text-transform:uppercase}
.tm-kick b{display:inline-grid;place-items:center;min-width:42px;height:34px;padding:0 10px;font:400 22px/1 var(--fd);letter-spacing:.02em;background:var(--kb,#0a0a0c);color:var(--kc,#ff6a13);box-shadow:4px 4px 0 var(--ks,#ff6a13)}
.tm-kick-s{margin-bottom:2px}
.tm-hl{background:linear-gradient(var(--to),var(--to)) 0 90%/100% .5em no-repeat;padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.tm-dk{--bg:#0a0a0c;--card:#16161b;--ink:#fff;--mut:#bcbcc4;--ln:rgba(255,255,255,.3);--kb:#ff6a13;--kc:#0a0a0c;--ks:#fff;background:#0a0a0c;color:#fff}
.tm-dk .tm-hl{background:none;color:var(--to)}

/* ---------- nút kiểu phím cứng ---------- */
.sk-tm .btn{min-height:52px;padding:12px 22px;border:3px solid var(--tk);border-radius:0;box-shadow:4px 4px 0 var(--tk);font-weight:800;font-size:13px;letter-spacing:.06em;transition:transform .16s,box-shadow .16s,background .16s,color .16s}
.sk-tm .btn-f,.sk-tm .btn-f:hover{background:var(--to);color:var(--tk)}
.sk-tm .btn-g,.sk-tm .btn-g:hover{background:#fff;color:var(--tk);border-color:var(--tk)}
.sk-tm .btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--tk)}
@media(hover:hover){
  .sk-tm .btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--tk)}
  .sk-tm .btn-f:hover{background:#ff8c42}
  .sk-tm .btn-g:hover{background:var(--tk);color:#fff}
  .sk-tm .btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--tk)}
}
.sk-tm .btn svg{flex:none}
.sk-tm input[type=range]{touch-action:pan-y}

/* ---------- HERO ---------- */
.tm-hero{background-color:var(--bg);background-image:radial-gradient(rgba(10,10,12,.2) 1.3px,transparent 1.6px);background-size:24px 24px;padding:clamp(98px,9vw,128px) 0 clamp(26px,5vw,60px)}
.tm-hero::before{content:"";position:absolute;inset:0 0 auto;height:calc(78px + env(safe-area-inset-top,0px));background:#0a0a0c;z-index:-1}
.tm-hero .s-crumb{margin-bottom:10px}
.tm-hero .s-crumb a{position:relative}
.tm-hero .s-crumb a::after{content:"";position:absolute;inset:-12px -6px}
.tm-bgp{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.tm-fp{position:absolute;top:-80px;fill:none;stroke:var(--tk);stroke-width:2.6;stroke-linejoin:round;opacity:.3;width:54px;height:54px}
.tm-fp1{left:5%;--t:15s;--dl:-4s}.tm-fp2{right:7%;width:72px;height:72px;--t:19s;--dl:-10s}.tm-fp3{left:52%;width:44px;height:44px;--t:13s;--dl:-7s}
@keyframes tmFy{to{transform:translateY(125vh)}}
@keyframes tmRo{to{rotate:360deg}}
@media(prefers-reduced-motion:no-preference){.kx-js .tm-fp{animation:tmFy var(--t) linear var(--dl) infinite,tmRo var(--t) steps(4,end) var(--dl) infinite}}
@media(prefers-reduced-motion:reduce){.tm-fp1{top:30%}.tm-fp2{top:14%}.tm-fp3{top:62%}}
.tm-tags{display:flex;flex-wrap:wrap;gap:10px 12px;margin:0 0 clamp(18px,3vw,38px)}
.tm-stk{display:inline-block;padding:7px 12px;background:#fff;border:3px solid var(--tk);box-shadow:4px 4px 0 var(--tk);font:800 12px/1.15 var(--fb);letter-spacing:.07em;text-transform:uppercase;rotate:-2.5deg}
.tm-stk-o{background:var(--to);rotate:2deg}
.tm-art{margin:0 0 clamp(8px,2.4vw,26px)}
.tm-blocks{--cg:3px;--lg:24px;--cs:min(26px,calc((100vw - 2*var(--gut) - var(--lg) - 8*var(--cg) - 8px)/10));
  display:grid;grid-template-columns:repeat(2,max-content);justify-content:space-between;width:100%;gap:calc(var(--cs)*.7) var(--lg);
  margin:0;padding:2px 8px 8px 0;border:0;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.tm-lt{display:grid;grid-template-columns:repeat(5,var(--cs));grid-template-rows:repeat(5,var(--cs));gap:var(--cg)}
.tm-c{grid-row:var(--gr);grid-column:var(--gc);display:block;position:relative;background:var(--tw);border:2.5px solid var(--tk);box-shadow:3px 3px 0 var(--tk);color:var(--tk)}
.tm-c::after{content:"";position:absolute;inset:19%;border:2px solid currentColor;opacity:.2}
.tm-o{background:var(--to)}
.tm-k{background:var(--tk);color:#fff}.tm-k::after{opacity:.35}
.tm-blocks:focus-visible{outline:3px solid var(--tk);outline-offset:6px}
@keyframes tmFall{
  0%{transform:translate3d(var(--fx),var(--fy),0) rotate(var(--fr));animation-timing-function:cubic-bezier(.5,0,1,.55)}
  56%{transform:translate3d(0,0,0) rotate(0);animation-timing-function:cubic-bezier(0,.45,.55,1)}
  70%{transform:translate3d(0,-14px,0);animation-timing-function:cubic-bezier(.45,0,1,.55)}
  81%{transform:translate3d(0,0,0);animation-timing-function:cubic-bezier(0,.45,.55,1)}
  89%{transform:translate3d(0,-5px,0);animation-timing-function:cubic-bezier(.45,0,1,.55)}
  100%{transform:none}
}
@keyframes tmFallB{
  0%{transform:translate3d(var(--fx),var(--fy),0) rotate(var(--fr));animation-timing-function:cubic-bezier(.5,0,1,.55)}
  56%{transform:translate3d(0,0,0) rotate(0);animation-timing-function:cubic-bezier(0,.45,.55,1)}
  70%{transform:translate3d(0,-14px,0);animation-timing-function:cubic-bezier(.45,0,1,.55)}
  81%{transform:translate3d(0,0,0);animation-timing-function:cubic-bezier(0,.45,.55,1)}
  89%{transform:translate3d(0,-5px,0);animation-timing-function:cubic-bezier(.45,0,1,.55)}
  100%{transform:none}
}
@keyframes tmDrop{
  0%{transform:none;animation-timing-function:ease-out}
  16%{transform:translate3d(0,-12px,0) rotate(-3deg);animation-timing-function:cubic-bezier(.55,0,1,.6)}
  100%{transform:translate3d(var(--dx),130vh,0) rotate(var(--dr))}
}
@media(prefers-reduced-motion:no-preference){
  .kx-js .tm-c{--fx:calc((var(--j) - 2.5)*16px);--fr:calc((var(--j) - 2.5)*34deg);--fy:-780px;
    animation:tmFall 1.55s linear backwards;
    animation-delay:calc((5 - var(--gr))*95ms + var(--gc)*18ms + var(--l,0)*210ms + var(--j)*26ms + 120ms)}
  .kx-js .tm-lt:nth-child(1) .tm-c{--l:0}.kx-js .tm-lt:nth-child(2) .tm-c{--l:1}.kx-js .tm-lt:nth-child(3) .tm-c{--l:2}.kx-js .tm-lt:nth-child(4) .tm-c{--l:3}
  .kx-js .tm-blocks.is-b .tm-c{animation-name:tmFallB}
  .kx-js .tm-blocks.is-drop .tm-c{--dx:calc((var(--j) - 2.5)*34px);--dr:calc((var(--j) - 2.5)*140deg);
    animation:tmDrop .95s linear both;animation-delay:calc(var(--j)*45ms + var(--gc)*14ms)}
}
.tm-hint{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:6px 0 0;font:700 13px/1.3 var(--fb);color:var(--mut)}
.tm-hint b{display:inline-grid;place-items:center;width:30px;height:30px;border:3px solid var(--tk);background:#fff;color:var(--tk);font-size:15px;line-height:1}
.tm-hint em{font-style:normal;color:var(--tk)}
.sk-tm .tm-title{margin:10px 0 0;font-size:clamp(64px,23vw,220px);line-height:.88;letter-spacing:0}
.tm-bld{padding:.05em .14em .16em .04em;margin:-.05em -.14em -.16em -.04em}
.tm-bld>i{--so:clamp(4px,.045em,10px);font-family:var(--fd);font-weight:400;text-transform:uppercase;color:var(--to);-webkit-text-stroke:clamp(3px,.025em,6px) var(--tk);paint-order:stroke fill;text-shadow:var(--so) var(--so) 0 var(--tk);letter-spacing:.01em}
.tm-sub{max-width:52ch;margin-top:clamp(10px,2vw,22px);color:var(--ink)}
.tm-btns{flex-direction:column;align-items:stretch;gap:12px;margin-top:16px}
.tm-btns .btn{width:100%;justify-content:center;text-align:center}
@media(max-width:640px){.tm-stk-o,.tm-btns .btn-g{display:none}}
@media(min-width:641px){.tm-btns{flex-direction:row;flex-wrap:wrap;margin-top:20px}.tm-btns .btn{width:auto}}
@media(min-width:700px){
  .tm-blocks{--lg:clamp(20px,3vw,36px);--cs:min(46px,calc((100vw - 2*var(--gut) - 3*var(--lg) - 16*var(--cg) - 12px)/20));grid-template-columns:repeat(4,max-content);gap:0 var(--lg);justify-content:start;width:auto}
  .tm-hc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 clamp(28px,4vw,56px);align-items:end}
  .sk-tm .tm-title{font-size:clamp(120px,15vw,210px);margin-top:0}
  .tm-hr{padding-bottom:.4em}
}
@media(min-width:1025px){.tm-hero{padding-bottom:clamp(48px,5vw,72px)}}

/* ---------- dải chữ chạy ---------- */
.tm-tape{background:var(--tk);border-block:3px solid var(--tk);padding:10px 0;margin:0}
.tm-tape .s-mq-t span{font:400 clamp(24px,4.6vw,40px)/1 var(--fd);text-transform:uppercase;letter-spacing:.02em;color:#fff}
.tm-tape .s-mq-t span:nth-child(even){color:var(--to)}
.tm-tape .s-mq-t span::after{content:"";width:.42em;height:.42em;background:var(--to);border:2px solid #fff;font-size:inherit}
.tm-tape .s-mq-t span:nth-child(even)::after{background:#fff;border-color:var(--to)}

/* ---------- 01 · BỘ LỌC + THẺ LẬT ---------- */
.tm-orn{position:absolute;right:-18px;top:22px;width:84px;height:84px;fill:var(--to);stroke:var(--tk);stroke-width:3;stroke-linejoin:round;rotate:14deg;pointer-events:none}
@media(min-width:1025px){.tm-orn{right:3%;top:44px;width:132px;height:132px}}
@media(prefers-reduced-motion:no-preference){.kx-js .tm-orn{animation:tmBob 5s ease-in-out infinite alternate}}
@keyframes tmBob{from{translate:0 0}to{translate:0 10px}}
.tm-pick{display:grid;gap:clamp(16px,2.6vw,30px);grid-template-columns:minmax(0,1fr)}
.tm-filt{background:#fff;border:3px solid var(--tk);box-shadow:var(--sh);padding:14px 12px 0}
.tm-fg{margin-bottom:10px}
.tm-fl{font:800 12.5px/1.2 var(--fb);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}
.tm-fl small{font-weight:600;color:var(--mut);letter-spacing:.02em;text-transform:none;margin-left:4px;font-size:12.5px}
.tm-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.tm-fo{display:flex}
.tm-fo button{flex:1 1 0;min-width:0;min-height:44px;padding:0 2px;border:3px solid var(--tk);margin-left:-3px;background:#fff;color:var(--tk);font:700 14px/1.15 var(--fb);cursor:pointer;transition:background .15s,box-shadow .15s}
.tm-fo button:first-child{margin-left:0}
.tm-fo button[aria-pressed=true]{background:var(--to);box-shadow:inset 0 -7px 0 var(--tk);position:relative;z-index:1}
.tm-fo button:active{background:var(--tl)}
.tm-fo button:focus-visible{position:relative;z-index:2;outline-offset:1px}
@media(hover:hover){.tm-fo button:not([aria-pressed=true]):hover{background:var(--tl)}}
.tm-fbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px -12px 0;padding:2px 12px 2px;border-top:3px solid var(--tk);background:var(--bg2)}
.tm-cnt{font:800 14px/1.3 var(--fb)}
.tm-link{min-height:44px;padding:0 6px;border:0;background:none;color:var(--tk);font:700 14px var(--fb);text-decoration:underline;text-underline-offset:4px;cursor:pointer;flex:none}
.tm-link[hidden]{display:none}
.tm-res{min-width:0}
.tm-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut)*-1);padding:4px var(--gut) 12px;scroll-padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.tm-rail::-webkit-scrollbar{display:none}
.tm-rail>*{flex:0 0 min(84%,330px);scroll-snap-align:start;min-width:0}
.tm-rail[hidden],.tm-empty[hidden]{display:none}
.tm-fc{perspective:1300px;display:block}
.tm-fcb{display:grid;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.9,.25,1.04)}
.tm-fc.is-flip .tm-fcb{transform:rotateY(180deg)}
.tm-ff,.tm-fb{grid-area:1/1;display:flex;flex-direction:column;gap:7px;min-width:0;padding:12px 12px 0;background:#fff;border:3px solid var(--tk);box-shadow:var(--sh);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tm-fb{transform:rotateY(180deg);background:var(--to)}
.tm-fh{flex:1 0 auto;max-height:158px;display:flex;justify-content:space-between;align-items:flex-start;min-height:72px;margin:-12px -12px 0;padding:10px 12px;border-bottom:3px solid var(--tk);background:repeating-linear-gradient(135deg,#fff 0 7px,var(--tl) 7px 14px)}
.tm-fh .tm-fi{align-self:flex-end}
.tm-fno{font:400 30px/1 var(--fd);letter-spacing:.02em;background:var(--tk);color:var(--to);padding:6px 9px 4px}
.tm-fi{display:grid;place-items:center;width:50px;height:50px;background:var(--to);border:3px solid var(--tk);box-shadow:3px 3px 0 var(--tk)}
.tm-fi svg{width:26px;height:26px;stroke:var(--tk);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tm-fnm{display:block;font:800 clamp(19px,5vw,22px)/1.15 var(--ff);letter-spacing:-.02em;margin-top:2px}
.tm-fgo{font:700 13.5px/1.35 var(--fb);color:var(--mut)}
.tm-fch{display:flex;flex-wrap:wrap;gap:6px}
.tm-fch span{padding:3px 8px;border:2px solid var(--tk);background:var(--bg);font:700 12.5px/1.3 var(--fb)}
.tm-fef{display:flex;align-items:center;gap:10px;font:600 13px/1.2 var(--fb);color:var(--mut)}
.tm-fbd{font:800 13px/1.3 var(--fb);color:var(--tk)}
.tm-dots{display:inline-flex;gap:3px}
.tm-dots i{width:13px;height:13px;border:2px solid var(--tk);background:#fff}
.tm-dots i.is-f{background:var(--to)}
.tm-flipb{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:auto -12px 0;min-height:46px;padding:0 12px;border:0;border-top:3px solid var(--tk);background:var(--tk);color:#fff;font:800 13px/1 var(--fb);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;width:calc(100% + 24px);text-align:left}
.tm-flipb i{font-style:normal;font-size:18px;color:var(--to)}
.tm-bh{display:block;font:800 18px/1.2 var(--ff);letter-spacing:-.02em}
.tm-bd{font:500 15px/1.45 var(--fb);color:var(--tk)}
.tm-bk{font:500 14px/1.4 var(--fb);color:var(--tk);padding-top:6px;border-top:2px solid var(--tk)}
.tm-bk b{display:inline-block;margin:0 6px 0 0;padding:1px 6px;background:var(--tk);color:#fff;font:800 12px/1.35 var(--fb);letter-spacing:.08em;text-transform:uppercase}
.tm-fc [inert]{pointer-events:none}
.tm-empty{background:#fff;border:3px dashed var(--tk);padding:20px 16px;display:grid;gap:12px;justify-items:start}
.tm-ebig{font:400 72px/1 var(--fd);color:var(--to);-webkit-text-stroke:3px var(--tk)}
.tm-relax{display:flex;flex-wrap:wrap;gap:10px}
.tm-relax button{min-height:46px;padding:0 14px;border:3px solid var(--tk);background:#fff;font:800 13.5px var(--fb);cursor:pointer;box-shadow:3px 3px 0 var(--tk)}
.tm-relax button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tk)}
.tm-relax button:first-child{background:var(--to)}
.tm-rbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tm-pos{font:800 13px var(--fb);letter-spacing:.04em;color:var(--mut)}
.tm-mbtn{min-height:48px;padding:0 18px;border:3px solid var(--tk);background:#fff;font:800 13.5px var(--fb);cursor:pointer;box-shadow:4px 4px 0 var(--tk);margin-left:auto}
.tm-mbtn[hidden]{display:none}
.tm-mbtn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--tk)}
.tm-fn{margin-top:8px;font-size:13px;line-height:1.5;color:var(--mut)}
@media(min-width:641px){
  .tm-filt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 26px;padding:18px 18px 0}
  .tm-fbar{grid-column:1/-1;margin:2px -18px 0;padding:4px 18px}
  .tm-rail:not(.tm-g3){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;overflow:visible;margin-inline:0;padding:4px 8px 12px 0}
  .tm-rail:not(.tm-g3)>*{flex:none}
  .tm-pos{display:none}
  .tm-ff,.tm-fb{padding:14px 14px 0;gap:9px}
  .tm-fh{margin:-14px -14px 0;padding:12px 14px}
  .tm-flipb{margin:auto -14px 0;width:calc(100% + 28px);padding:0 14px;min-height:48px}
}
@media(min-width:1025px){
  .tm-pick{grid-template-columns:minmax(300px,340px) minmax(0,1fr);align-items:start;gap:34px}
  .tm-filt{display:block;position:sticky;top:96px}
  .tm-fbar{margin:2px -18px 0}
}
@media(hover:hover){
  .tm-fc:not(.is-flip){transition:transform .25s}
  .tm-fc:not(.is-flip):hover{transform:translate(-3px,-3px)}
}
@media(prefers-reduced-motion:reduce){.tm-fcb{transition:none}}

/* ---------- 02 · CHIA ĐỘI (nền cam) ---------- */
.tm-sp-sec{background:var(--to);border-block:3px solid var(--tk);color:var(--tk);--mut:#1d1d21;--kb:#0a0a0c;--kc:#fff;--ks:#fff;
  background-image:linear-gradient(rgba(10,10,12,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,12,.08) 1px,transparent 1px);background-size:36px 36px}
.tm-sp-sec .tm-hl{background:var(--tk);color:var(--to);padding:0 .14em}
.tm-sp-sec .s-lead{color:#17171a}
.tm-split .s-card{--mut:#4b4b53;background:#fff;color:var(--tk);padding:14px 14px}
.tm-split .s-lb{font-size:15px}
.tm-split .s-val{font-size:20px;color:var(--tk)}
.tm-ctl{gap:14px}
.tm-step{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:center}
.tm-sb{width:48px;height:48px;padding:0;border:3px solid var(--tk);background:#fff;color:var(--tk);font:800 24px/1 var(--ff);cursor:pointer;box-shadow:3px 3px 0 var(--tk);transition:transform .12s,box-shadow .12s}
.tm-sb:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tk);background:var(--tl)}
.sk-tm input[type=range]{height:48px}
.sk-tm input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:0;border:3px solid var(--tk);background:linear-gradient(90deg,var(--to) calc(var(--v)*100%),#fff calc(var(--v)*100%))}
.sk-tm input[type=range]::-moz-range-track{height:6px;border-radius:0;border:3px solid var(--tk);background:#fff}
.sk-tm input[type=range]::-moz-range-progress{height:6px;border-radius:0;background:var(--to)}
.sk-tm input[type=range]::-webkit-slider-thumb{width:26px;height:34px;margin-top:-12px;border-radius:0;background:var(--tk);border:3px solid var(--tk);box-shadow:inset 0 0 0 4px var(--to),2px 2px 0 rgba(10,10,12,.35)}
.sk-tm input[type=range]::-moz-range-thumb{width:20px;height:28px;border-radius:0;background:var(--to);border:3px solid var(--tk);box-shadow:none}
.sk-tm input[type=range]:disabled{opacity:.45;cursor:not-allowed}
.tm-split .s-hint:empty{display:none}
.tm-advw{border-top:3px solid var(--tk);padding-top:12px}
.tm-advb{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:0 12px;border:3px solid var(--tk);background:var(--bg);color:var(--tk);font:800 14px/1.25 var(--fb);text-align:left;cursor:pointer}
.tm-advb i{flex:none;display:grid;place-items:center;width:28px;height:28px;background:var(--tk);color:var(--to);font:800 20px/1 var(--ff);font-style:normal}
.tm-adv{display:grid;gap:14px;margin-top:14px}
.tm-adv[hidden]{display:none}
.tm-adv textarea{min-height:104px;font-size:16px;border-radius:0;border:3px solid var(--tk);background:#fff;color:var(--tk)}
.tm-adv input{border-radius:0;border:3px solid var(--tk);background:#fff;color:var(--tk)}
.tm-adv .s-field label{font-size:14px;font-weight:700}
.tm-adv .s-sw{border:3px solid var(--tk);padding:6px 12px;background:#fff}
.tm-mix{width:100%;justify-content:center;font-size:14px;min-height:56px}
.tm-rule{display:none;padding:12px 14px;border:3px dashed var(--tk);font:500 14px/1.55 var(--fb);color:var(--mut)}
.tm-rule b{color:var(--tk)}
.tm-out{gap:12px}
.tm-out .s-big b{font-size:clamp(44px,12vw,72px)}
.tm-out .s-big b em{font-size:.3em}
.tm-well{--bh:13px;position:relative;display:flex;align-items:flex-end;gap:3px;min-height:236px;padding:10px 8px 0;border:3px solid var(--tk);background:#fff repeating-linear-gradient(0deg,rgba(10,10,12,.08) 0 1px,transparent 1px 16px)}
.tm-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;cursor:pointer;transition:background .2s}
.tm-cn{display:block;text-align:center;font:800 12.5px/1 var(--ff);padding:0 0 4px;font-variant-numeric:tabular-nums}
.tm-sk{display:flex;flex-direction:column-reverse;gap:2px;padding-bottom:2px}
.tm-br{display:block;height:var(--bh);border:2px solid var(--tk);background:#fff}
.tm-tn{display:grid;place-items:center;height:26px;background:var(--tk);color:#fff;font:800 12.5px var(--ff)}
.tm-col.is-sel{background:rgba(255,106,19,.2)}
.tm-col.is-sel .tm-tn{background:var(--to);color:var(--tk)}
.tm-p1{background:var(--to)}
.tm-p2{background:var(--tk)}
.tm-p3{background:#fff radial-gradient(var(--tk) 1.6px,transparent 2.1px) 0 0/6px 6px}
.tm-p4{background:repeating-linear-gradient(45deg,var(--to) 0 4px,#fff 4px 8px)}
.tm-p5{background:conic-gradient(var(--tk) 25%,#fff 0 50%,var(--tk) 0 75%,#fff 0) 0 0/8px 8px}
.tm-p6{background:var(--tk) radial-gradient(var(--to) 1.6px,transparent 2.1px) 0 0/6px 6px}
.tm-p7{background:repeating-linear-gradient(0deg,var(--tk) 0 3px,#fff 3px 6px)}
.tm-p8{background:repeating-linear-gradient(90deg,var(--to) 0 4px,var(--tk) 4px 8px)}
.tm-p9{background:#fff linear-gradient(var(--tk),var(--tk)) center/100% 3px no-repeat,linear-gradient(var(--tk),var(--tk)) center/3px 100% no-repeat}
.tm-p10{background:conic-gradient(var(--to) 25%,#fff 0 50%,var(--to) 0 75%,#fff 0) 0 0/8px 8px}
.tm-p11{background:repeating-linear-gradient(-45deg,var(--tk) 0 4px,#fff 4px 8px)}
.tm-p12{background:#fff;box-shadow:inset 0 0 0 3px var(--to)}
.tm-unit{margin-top:-4px}
.tm-sel{border:3px solid var(--tk);background:var(--bg)}
.tm-selh{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;padding:6px 8px;border-bottom:3px solid var(--tk);background:#fff}
.tm-selh b{text-align:center;font:800 16px/1.2 var(--ff);display:flex;align-items:center;justify-content:center;gap:10px}
.tm-selh b i{display:inline-block;width:26px;height:18px;border:2px solid var(--tk)}
.tm-selb{padding:10px 12px;display:grid;gap:6px}
.tm-sn{font:600 15px/1.45 var(--fb)}
.tm-sn b{font:800 22px var(--ff)}
.tm-nl{display:flex;flex-wrap:wrap;gap:6px}
.tm-nl li{padding:3px 9px;border:2px solid var(--tk);background:#fff;font:600 13.5px/1.35 var(--fb)}
.tm-nl .tm-nm{background:var(--to)}
.tm-live:empty,.tm-selb:empty{display:none}
.tm-well.is-mix .tm-br{animation:tmBrick .95s cubic-bezier(.3,.2,.6,1) backwards;animation-delay:calc(var(--q)*42ms + var(--ci)*16ms)}
@keyframes tmBrick{
  0%{transform:translate3d(calc((var(--q) - 4.5)*14px),calc(-1*(120px + var(--q)*18px)),0) rotate(calc((var(--q) - 4.5)*14deg));opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.55)}
  10%{opacity:1}
  60%{transform:translate3d(0,0,0) rotate(0);animation-timing-function:cubic-bezier(0,.45,.55,1)}
  78%{transform:translate3d(0,-9px,0);animation-timing-function:cubic-bezier(.45,0,1,.55)}
  100%{transform:none}
}
@media(min-width:641px){.tm-split .s-card{padding:22px}.tm-well{min-height:290px;padding:12px 12px 0;gap:4px}.tm-out{gap:14px}.tm-ctl{gap:18px}.tm-advw{padding-top:14px}}
@media(min-width:1025px){.tm-ctl{grid-template-rows:auto auto auto auto 1fr}.tm-rule{display:block;align-self:end}.tm-split{align-items:stretch}.tm-split>.s-out{position:static}.tm-well{min-height:310px}}
@media(prefers-reduced-motion:reduce){.tm-well.is-mix .tm-br{animation:none}}

/* ---------- 03 · CHU TRÌNH 4 PHA (tháp khối + thẻ dán) ---------- */
.tm-cyc-sec{background:var(--bg)}
.tm-cyc{display:block}
.tm-tower{display:flex;gap:4px;height:60px;margin:0;border-bottom:8px solid var(--tk);background:repeating-linear-gradient(90deg,rgba(10,10,12,.08) 0 6px,transparent 6px 12px)}
.tm-sl{flex:var(--h) 1 46px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:3px solid var(--tk);box-shadow:3px 3px 0 var(--tk);background:#fff;font-style:normal;transition:transform .85s cubic-bezier(.34,1.56,.64,1),opacity .3s}
.tm-sl b{font:400 22px/1 var(--fd);letter-spacing:.02em}
.tm-sl small{font:800 12px/1 var(--fb)}
.tm-sl:nth-child(2){background:var(--to)}
.tm-sl:nth-child(3){background:repeating-linear-gradient(135deg,#fff 0 7px,var(--tl) 7px 14px)}
.tm-sl:nth-child(4){background:var(--tk);color:#fff}
.tm-cyc.is-live .tm-sl:not(.is-on){transform:translateY(-130%);opacity:0}
.tm-notes{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut)*-1);padding:20px var(--gut) 16px;scroll-padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.tm-notes::-webkit-scrollbar{display:none}
.tm-note{flex:0 0 min(86%,340px);scroll-snap-align:start;min-width:0;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n h" "b b";gap:8px 12px;align-items:center;padding:16px 14px 14px;background:#fff;border:3px solid var(--tk);box-shadow:var(--sh);rotate:var(--rot,0deg)}
.tm-note::before{content:"";position:absolute;top:-13px;left:24px;width:56px;height:20px;background:var(--to);border:2px solid var(--tk);rotate:-4deg}
.tm-note:nth-child(even)::before{left:auto;right:26px;rotate:5deg}
.tm-pn{grid-area:n;font:400 46px/.9 var(--fd);color:var(--to);-webkit-text-stroke:2px var(--tk);letter-spacing:.02em}
.tm-nh{grid-area:h;min-width:0}
.tm-nb{grid-area:b;display:grid;gap:6px}
.tm-note h3{font-size:22px;line-height:1.15}
.tm-dur{display:inline-block;margin:6px 0 0;padding:3px 8px;background:var(--tk);color:#fff;font:800 12px/1.3 var(--fb);letter-spacing:.06em;text-transform:uppercase}
.tm-note p{font-size:15px;line-height:1.5;color:var(--mut)}
.tm-note .tm-dur{color:#fff}
.tm-note .tm-ex{font-size:15px;color:var(--mut)}
.tm-ex b{color:var(--tk)}
.tm-cpos{margin-top:2px;font:800 13px/1.3 var(--fb);letter-spacing:.04em;color:var(--mut)}
@media(max-width:640px){.kx-js .tm-notes>[data-r]{opacity:1;transform:none;clip-path:none;filter:none}}
@media(min-width:641px){
  .tm-cyc{display:grid;grid-template-columns:120px minmax(0,1fr);gap:26px;align-items:start}
  .tm-tower{position:sticky;top:100px;flex-direction:column-reverse;height:clamp(360px,58vh,470px);padding-top:6px;border-bottom:10px solid var(--tk);background:none}
  .tm-sl{flex:var(--h) 1 0;min-height:44px}
  .tm-sl b{font-size:30px}
  .tm-cyc.is-live .tm-sl:not(.is-on){transform:translateY(-140%)}
  .tm-notes{display:grid;gap:24px;overflow:visible;margin:0;padding:12px 0 0;scroll-snap-type:none}
  .tm-note{flex:none;padding:20px 20px 18px;gap:6px 18px;grid-template-areas:"n h" "n b";align-items:start}
  .tm-pn{font-size:60px}
  .tm-nb{gap:8px}
  .tm-cpos{display:none}
}
@media(min-width:1025px){
  .tm-cyc{grid-template-columns:150px minmax(0,1fr);gap:44px}
  .tm-notes{gap:26px}
  .tm-note{grid-template-columns:auto 230px minmax(0,1fr);grid-template-areas:"n h b";column-gap:28px;align-items:center}
  .tm-note h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.tm-sl{transition:none}}

/* ---------- 04 · MỤC TIÊU → HOẠT ĐỘNG (khối tối) ---------- */
.tm-goal-sec{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;border-block:3px solid var(--tk)}
.tm-goals{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.tm-gt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
.tm-gt button{display:flex;align-items:center;gap:10px;min-height:58px;padding:6px 10px;border:3px solid #fff;background:transparent;color:#fff;font:800 14px/1.2 var(--ff);letter-spacing:-.01em;text-align:left;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.tm-gt button b{flex:none;display:grid;place-items:center;width:34px;height:34px;background:#fff;color:var(--tk);font:400 21px/1 var(--fd)}
.tm-gt button[aria-pressed=true]{background:var(--to);border-color:var(--to);color:var(--tk);box-shadow:5px 5px 0 #fff}
.tm-gt button[aria-pressed=true] b{background:var(--tk);color:var(--to)}
@media(hover:hover){.tm-gt button[aria-pressed=false]:hover{background:rgba(255,255,255,.12)}}
.tm-gp{--mut:#4b4b53;background:#fff;color:var(--tk);border:3px solid #fff;box-shadow:6px 6px 0 var(--to);padding:16px 14px;display:grid;gap:12px;align-content:start}
.tm-gp.is-pop{animation:tmPop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes tmPop{from{transform:scale(.97);opacity:.4}}
.tm-gh{font:800 clamp(21px,5vw,30px)/1.1 var(--ff);letter-spacing:-.03em}
.tm-gl{font:800 12px/1.2 var(--fb);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;color:var(--mut)}
.tm-gc{display:flex;flex-wrap:wrap;gap:7px}
.tm-gc li{padding:5px 10px;border:3px solid var(--tk);background:var(--tl);font:700 13.5px/1.3 var(--fb)}
.tm-go{display:grid;gap:8px;counter-reset:go}
.tm-go li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;font:500 14.5px/1.45 var(--fb);counter-increment:go}
.tm-go li::before{content:counter(go);display:grid;place-items:center;width:26px;height:26px;background:var(--tk);color:var(--to);font:400 16px/1 var(--fd)}
.tm-gn{font:500 15px/1.45 var(--fb);color:#fff;padding:8px 12px;border-left:6px solid var(--to);background:var(--tk)}
.tm-gn b{color:var(--to)}
.tm-gp .btn{width:100%;justify-content:center;margin-top:2px}
@media(min-width:641px){.tm-gp{padding:26px 26px;gap:14px}.tm-gp .btn{width:auto;justify-self:start}.tm-gt button{min-height:64px;font-size:14.5px}.tm-go li{font-size:15px}}
@media(min-width:1025px){
  .tm-goals{grid-template-columns:320px minmax(0,1fr);gap:40px;align-items:start}
  .tm-gt{grid-template-columns:1fr}
  .tm-gp{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:34px;padding:30px;box-shadow:7px 7px 0 var(--to)}
  .tm-gp>.tm-gh{grid-column:1/-1}
  .tm-gp>.btn,.tm-gp>.tm-gn{grid-column:1/-1}
}

/* ---------- 05 · AN TOÀN (băng cảnh báo) ---------- */
.sk-tm .tm-safe-sec{background:#fff;border-bottom:3px solid var(--tk);padding-top:clamp(56px,9vw,120px)}
.tm-hz{position:absolute;left:0;right:0;top:0;height:22px;background:repeating-linear-gradient(-45deg,var(--tk) 0 15px,var(--to) 15px 30px);border-bottom:3px solid var(--tk)}
@media(prefers-reduced-motion:no-preference){.kx-js .tm-hz{background-size:42.43px 42.43px;animation:tmHz 3s linear infinite}}
@keyframes tmHz{to{background-position:42.43px 0}}
.tm-safe{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.tm-sf-l{position:relative;display:flex;align-items:center;gap:14px;padding:12px;background:var(--bg);border:3px solid var(--tk);box-shadow:var(--sh)}
.tm-ring{flex:none;width:min(var(--sz,148px),30vw)}
.tm-ring::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid var(--tk);pointer-events:none}
.tm-ring>div{display:grid;place-items:center;align-content:center;width:calc(100% - 2*var(--th) + 6px);aspect-ratio:1;border-radius:50%;border:3px solid var(--tk);background:#fff;position:relative}
.tm-ring b{font:400 clamp(24px,7.4vw,38px)/1 var(--fd);letter-spacing:.02em}
.tm-ring small{font:700 12px/1.1 var(--fb);color:var(--mut)}
.tm-sf-t{display:grid;gap:8px;justify-items:start;min-width:0}
.tm-sf-s{font:600 15px/1.45 var(--fb)}
.tm-stamp{display:none;padding:4px 14px 2px;background:var(--to);color:var(--tk);border:3px solid var(--tk);font:400 24px/1.1 var(--fd);letter-spacing:.04em;text-transform:uppercase;rotate:-6deg;box-shadow:3px 3px 0 var(--tk)}
.tm-sf-l.is-ok .tm-stamp{display:inline-block;animation:tmStamp .55s cubic-bezier(.34,1.56,.64,1)}
@keyframes tmStamp{from{transform:scale(2.2);opacity:0}}
.tm-sw-list{display:grid;gap:10px}
.tm-sw-list .s-sw{min-height:60px;padding:8px 12px;background:#fff;border:3px solid var(--tk);box-shadow:4px 4px 0 var(--tk);align-items:center;gap:12px;transition:background .2s,transform .12s,box-shadow .12s}
.tm-sw-list .s-sw:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--tk)}
.tm-sw-list .s-sw[aria-checked=true]{background:var(--tl)}
.tm-sw-list .s-sw span{font:800 15.5px/1.25 var(--ff);letter-spacing:-.01em}
.tm-sw-list .s-sw small{font:500 13.5px/1.4 var(--fb);color:var(--mut);margin-top:2px;letter-spacing:0}
.tm-sw-list .s-sw small i{font-style:normal}
.tm-ld{display:none}
.sk-tm .s-sw-k{width:52px;height:32px;border-radius:0;background:#fff;border:3px solid var(--tk)}
.sk-tm .s-sw-k::after{top:3px;left:3px;width:20px;height:20px;border-radius:0;background:var(--tk);box-shadow:none}
.sk-tm .s-sw[aria-checked=true] .s-sw-k{background:var(--to)}
.sk-tm .s-sw[aria-checked=true] .s-sw-k::after{transform:translateX(20px)}
@media(min-width:641px){.tm-sd{display:none}.tm-ld{display:inline}.tm-sw-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tm-sf-l{padding:20px 24px;gap:24px}.tm-ring{width:min(var(--sz,148px),38vw)}.tm-sw-list .s-sw{min-height:68px;padding:10px 14px}}
@media(min-width:1025px){
  .tm-safe{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:40px;align-items:start}
  .tm-sf-l{position:sticky;top:100px;flex-direction:column;align-items:flex-start;padding:26px}
  .tm-ring{width:var(--sz)}
}
@media(prefers-reduced-motion:reduce){.tm-sf-l.is-ok .tm-stamp{animation:none}}

/* ---------- 06 · CHƯƠNG TRÌNH MẪU + NHÂN SỰ / NGÂN SÁCH ---------- */
.tm-day-sec{background:var(--bg2);border-bottom:3px solid var(--tk)}
.tm-daywrap{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.tm-day{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:8px 10px;position:relative}
.tm-blk{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t e" "b b";gap:2px 6px;align-content:start;align-items:center;padding:7px 9px 8px;background:#fff;border:3px solid var(--tk);box-shadow:3px 3px 0 var(--tk)}
.tm-blk time{grid-area:t}
.tm-blk>div{grid-area:b}
.tm-blk em{grid-area:e}
.tm-blk time{font:800 14px var(--ff);font-variant-numeric:tabular-nums}
.tm-blk b{display:block;font:800 14.5px/1.22 var(--ff);letter-spacing:-.01em}
.tm-blk span{display:block;margin-top:1px;font:500 13px/1.3 var(--fb);color:var(--mut)}
.tm-blk em{font:800 12.5px/1.2 var(--fb);font-style:normal;background:var(--tk);color:#fff;padding:2px 6px}
.tm-blk[data-t=game]{background:var(--to)}
.tm-blk[data-t=game] span{color:#2b1608}
.tm-blk[data-t=open]{background:var(--tk);color:#fff}
.tm-blk[data-t=open] span{color:#cfcfd6}
.tm-blk[data-t=open] em{background:#fff;color:var(--tk)}
.tm-blk[data-t=rest]{background:repeating-linear-gradient(135deg,#fff 0 9px,#eceae5 9px 18px)}
.tm-blk[data-t=deb]{background:#fff;box-shadow:3px 3px 0 var(--tk),inset 8px 0 0 var(--to)}
@media(max-width:640px){.tm-blk span{display:none}.tm-blk[data-t=deb]{padding-left:16px}}
.tm-plan{background:#fff;border:3px solid var(--tk);box-shadow:var(--sh);padding:14px 12px;display:grid;gap:14px;align-content:start}
.tm-plan .s-val{color:var(--tk);font-size:20px}
.tm-plan .s-seg{border-radius:0;padding:0;gap:0;background:none;border:3px solid var(--tk)}
.tm-plan .s-seg button{border-radius:0;color:var(--tk);border-left:3px solid var(--tk);min-height:48px;font-weight:800}
.tm-plan .s-seg button:first-child{border-left:0}
.tm-plan .s-seg button.on{background:var(--to);color:var(--tk);box-shadow:inset 0 -7px 0 var(--tk)}
.tm-plan .s-sw{border:3px solid var(--tk);padding:6px 12px;background:var(--bg)}
.tm-pout{display:grid;gap:12px;border-top:3px solid var(--tk);padding-top:14px}
.tm-plan .s-big b{font-size:clamp(34px,9.5vw,54px)}
.tm-staff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tm-staff li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;min-height:44px;border:2px solid var(--tk);background:var(--bg);font:600 13.5px/1.25 var(--fb)}
.tm-staff li b{font:800 18px var(--ff);font-variant-numeric:tabular-nums}
.tm-staff li.tm-tot{grid-column:1/-1;background:#fff;font-weight:800;font-size:14px}
.tm-staff li.tm-tot b{background:var(--to);padding:2px 10px;border:3px solid var(--tk)}
@media(min-width:641px){.tm-day{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;gap:7px}.tm-blk{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:none;align-items:center;padding:10px 16px;gap:10px;min-height:max(54px,calc(var(--m)*.82px))}.tm-blk time,.tm-blk>div,.tm-blk em{grid-area:auto}.tm-blk em{padding:3px 7px;align-self:start}.tm-blk b{font-size:17px}.tm-blk[data-t=deb]{box-shadow:3px 3px 0 var(--tk),inset 10px 0 0 var(--to);padding-left:22px}.tm-plan{padding:24px;gap:16px}.tm-daywrap{gap:24px}.tm-staff li{font-size:14.5px}}
@media(min-width:1025px){
  .tm-daywrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:44px;align-items:start}
  .tm-plan{position:sticky;top:96px}
}

/* ---------- dải thẻ liên quan (khối tối) ---------- */
.tm-rel-sec{border-bottom:3px solid var(--tk);background-image:radial-gradient(rgba(255,255,255,.14) 1.2px,transparent 1.5px);background-size:22px 22px}
.tm-g3 .card{background:#0a0a0c;border:3px solid #fff;border-radius:0;box-shadow:5px 5px 0 var(--to);color:#fff}
.tm-g3 .card-img{border-bottom:3px solid #fff;aspect-ratio:16/8}
.tm-g3 .card-body{padding:14px 52px 16px 16px}
.tm-g3 .card-body h3{font-size:18px;color:#fff}
.tm-g3 .card-body small{color:#c5c5cc;font-size:12.5px}
.tm-g3 .card-body em{color:var(--to);font-size:12px}
.tm-g3 .go{border-color:var(--to);color:var(--to)}
@media(max-width:640px){.tm-rel-sec .tm-kick{display:none}}
@media(min-width:641px){
  .tm-g3.tm-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;margin-inline:0;padding:4px 8px 8px 0}
  .tm-g3.tm-rail>*{flex:none}
  .tm-g3 .card-img{aspect-ratio:3/2}
  .tm-g3 .card-body{padding:16px 54px 18px 18px}
  .tm-g3 .card-body h3{font-size:17px}
}
@media(min-width:1025px){.tm-g3.tm-rail{gap:28px}.tm-g3 .card-body h3{font-size:18px}}

/* ---------- FAQ, liên quan, pager, CTA ---------- */
.tm-faq-sec{background:var(--bg)}
.sk-tm .fq{border-top:3px solid var(--tk)}
.sk-tm .fq-i{border-bottom:3px solid var(--tk)}
.sk-tm .fq-q{font:800 clamp(16px,4.4vw,20px)/1.3 var(--ff);letter-spacing:-.015em;min-height:60px;padding:14px 0;color:var(--tk)}
.sk-tm .fq-q::after{width:36px;height:36px;border-radius:0;border:3px solid var(--tk);background-color:#fff}
.sk-tm .fq-i.open .fq-q::after{transform:none;background-color:var(--to);background-image:linear-gradient(var(--tk),var(--tk));background-size:14px 3px;background-position:center;background-repeat:no-repeat}
.sk-tm .fq-a p{color:var(--mut);font-size:15.5px;line-height:1.6;max-width:68ch}
@media(min-width:1025px){.tm-faqw{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}.tm-faqw .tm-head{position:sticky;top:100px;margin:0}}
.sk-tm .s-relw{background:var(--bg2);border-top:3px solid var(--tk)}
.sk-tm .s-rel a{min-height:78px;gap:16px;padding:14px 16px;border-width:3px}
.sk-tm .s-rel b{font-size:clamp(18px,2vw,24px)}
.sk-tm .s-rel b svg{border-radius:0;border-width:3px;border-color:var(--tk);color:var(--tk)}
@media(hover:hover){.sk-tm .s-rel a:hover b svg{background:var(--to);color:var(--tk)}}
@media(min-width:641px){.sk-tm .s-rel a{min-height:104px;padding:18px}}
@media(max-width:640px){.sk-tm .s-rel{gap:10px}}
.sk-tm .s-pager{padding-block:clamp(16px,3vw,34px)}
.sk-tm .s-pager a{padding:14px 16px;border-width:3px;box-shadow:var(--sh)}
@media(max-width:640px){
  .sk-tm .s-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sk-tm .s-pager a{padding:12px;box-shadow:3px 3px 0 var(--tk)}
  .sk-tm .s-pager .r{text-align:right}
  .sk-tm .s-pager b{font-size:15.5px;line-height:1.25}
}
.sk-tm .s-cta{border-top:3px solid var(--tk);padding:clamp(40px,8vw,104px) 0}
.sk-tm .s-cta::before{content:"TEAM";position:absolute;right:-.04em;bottom:-.22em;font:400 clamp(150px,34vw,420px)/1 var(--fd);letter-spacing:.01em;color:transparent;-webkit-text-stroke:3px rgba(10,10,12,.45);pointer-events:none}
.sk-tm .s-cta .wrap{z-index:1}
.sk-tm .s-cta .s-h{max-width:18ch}
@media(max-width:640px){.sk-tm .s-cta .s-h{max-width:none}.sk-tm .s-cta .btn-g{display:none}}
.sk-tm .s-cta.inv{--mut:#1d1d21}
.sk-tm .s-cta.inv .s-lead{color:#1d1d21}
.sk-tm .s-cta.inv .btn-f{background:var(--tk);color:var(--to)}
.sk-tm .s-cta.inv .btn-g,.sk-tm .s-cta.inv .btn-g:hover{background:#fff;color:var(--tk);border-color:var(--tk)}
.sk-tm .s-cta.inv .btn-f:hover{background:var(--tk);color:var(--to)}
@media(hover:hover){.sk-tm .s-cta.inv .btn-g:hover{background:var(--tk);color:#fff}}