/* ---- p_33_pj-team.css ---- */
/* =====================================================================
   TEAM BUILDING (.sk-jm) - bảng ghim ảnh polaroid & bảng điểm (trang SÁNG)
   Giấy kem chấm bi, băng dính cam, bóng đổ cứng, viền dày 3px, nhãn dán xoay +-3 độ, Anton nhỏ cho nhãn "viết tay".
   Hệ màu: cam #ff6a13 / đen / trắng (+ giấy #f5f4f1, cam nhạt #ffc59a, xám). Mobile trước; mở rộng ở 700px và 1025px.
   ===================================================================== */
.sk-jm{
  --r:8px;--bw:3px;--hfw:800;--hls:-.035em;--htt:none;
  --bg:#f5f4f1;--bg2:#ebeae6;--card:#fff;--ink:#0a0a0c;--mut:#55555d;--ln:#0a0a0c;--aci:#0a0a0c;
  --sh:4px 4px 0 #0a0a0c;--tape:rgba(255,106,19,.92);--pe:#ffc59a;
  --dots:radial-gradient(circle,rgba(10,10,12,.2) 1.1px,transparent 1.7px) 0 0/22px 22px;
}
.sk-jm h2,.sk-jm h3{margin:0}
.sk-jm .s-sec{padding-block:clamp(40px,8vw,110px)}
.sk-jm :focus-visible{outline:3px solid var(--ac);outline-offset:3px}
.sk-jm .jm-fine{margin:16px 0 0;max-width:72ch;font:500 13px/1.55 var(--fb);color:var(--mut)}

/* ---------- nút kiểu nhãn dán ---------- */
.sk-jm .btn{border:3px solid #0a0a0c;border-radius:8px;box-shadow:4px 4px 0 #0a0a0c;font-weight:800;letter-spacing:.04em;transition:translate .2s,box-shadow .2s,background .2s,color .2s}
.sk-jm .btn.btn-f{background:var(--ac);color:#0a0a0c}
.sk-jm .btn.btn-g{background:#fff;color:#0a0a0c}
.sk-jm .btn:active{translate:3px 3px;box-shadow:1px 1px 0 #0a0a0c}
.sk-jm .s-cta.inv .btn.btn-f{background:#0a0a0c;color:var(--ac)}
.sk-jm .s-cta.inv .btn.btn-g{background:transparent;color:#0a0a0c}
.sk-jm .s-pager a{box-shadow:var(--sh)}
@media(hover:hover){
  .sk-jm .btn:hover{translate:-1px -1px;box-shadow:6px 6px 0 #0a0a0c}
  .sk-jm .btn.btn-f:hover{background:var(--ac2);color:#0a0a0c}
  .sk-jm .s-cta.inv .btn.btn-f:hover{background:#0a0a0c;color:#fff}
}

/* ---------- nhãn, highlight, nhãn dán, băng dính ---------- */
.jm-lab{display:inline-block;margin:0 0 16px;padding:8px 20px 7px;background:var(--tape);color:#0a0a0c;font:700 12px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;rotate:-1.5deg;clip-path:polygon(0 0,100% 0,98% 22%,100% 50%,98% 78%,100% 100%,0 100%,2% 78%,0 50%,2% 22%)}
.jm-mk{background:linear-gradient(transparent 60%,rgba(255,106,19,.55) 60% 92%,transparent 92%) 0 0/100% 100% no-repeat;padding:0 .08em;margin:0 -.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.jm-dark .jm-mk{background:none;color:var(--ac)}
.jm-stk{display:inline-block;padding:6px 11px 5px;border:2px solid #0a0a0c;border-radius:4px;background:var(--ac);color:#0a0a0c;font:400 14px/1.3 var(--fd);letter-spacing:.06em;text-transform:uppercase;rotate:-3deg;box-shadow:3px 3px 0 #0a0a0c;white-space:nowrap}
.jm-stk.is-k{background:#0a0a0c;color:#fff;box-shadow:3px 3px 0 var(--ac);rotate:2deg}
.jm-stk.is-w{background:#fff;rotate:3deg}
.jm-tp{position:absolute;z-index:3;left:50%;top:-13px;width:52px;height:22px;margin-left:-26px;rotate:var(--tr,-3deg);background:var(--tape);clip-path:polygon(0 0,100% 0,96% 25%,100% 50%,96% 75%,100% 100%,0 100%,4% 75%,0 50%,4% 25%);pointer-events:none}
.jm-dark{--bg:#0a0a0c;--bg2:#111115;--card:#16161b;--ink:#fff;--mut:#a9a9b3;--ln:rgba(255,255,255,.18);--line:rgba(255,255,255,.14);--sh:none;background:#0a0a0c;color:#fff}
.jm-dark .card-body em{font-size:12px}

/* =====================  HERO  ===================== */
.jm-hero{background:var(--bg) var(--dots);padding:112px 0 clamp(36px,6vw,64px)}
.jm-hero::before{content:"";position:absolute;inset:0 0 auto;height:calc(79px + env(safe-area-inset-top,0px));background:#0a0a0c;z-index:-1}
.jm-hero::after{content:"";position:absolute;left:0;right:0;top:calc(79px + env(safe-area-inset-top,0px));height:14px;background:repeating-linear-gradient(-45deg,var(--ac) 0 14px,#0a0a0c 14px 28px);border-bottom:3px solid #0a0a0c;z-index:-1}
.jm-hg{display:grid;gap:30px;align-items:center}
.jm-hc{min-width:0;position:relative}
.sk-jm .jm-kick{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 16px}
.sk-jm .jm-title{margin:0;font-size:clamp(60px,19.6vw,84px);line-height:.96;letter-spacing:-.05em}
.jm-title .s-ml{padding-inline:.04em}
.jm-hl{background:linear-gradient(transparent 58%,var(--ac) 58% 90%,transparent 90%) 0 0/100% 100% no-repeat;padding:0 .06em;margin-left:-.06em}
.sk-jm .jm-sub{max-width:44ch;color:#2a2a30}
@media(max-width:699px){.jm-hero .s-btns .btn{padding-inline:16px}}
.jm-board{container-type:inline-size;position:relative;aspect-ratio:350/396;border:3px solid #0a0a0c;border-radius:12px;background:#fff var(--dots);box-shadow:6px 6px 0 #0a0a0c;rotate:1deg}
.jm-hp{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1cqw);margin:0;padding:6px 6px 0;background:#fff;border:3px solid #0a0a0c;border-radius:4px;box-shadow:4px 5px 0 #0a0a0c;rotate:var(--r);transform-origin:50% 11px;z-index:var(--z,1);cursor:pointer}
.jm-hp .th{aspect-ratio:1;border:2px solid #0a0a0c}
.jm-hp figcaption{display:grid;place-items:center;min-height:36px;padding:3px 2px 5px;font:400 15px/1.3 var(--fd);letter-spacing:.05em;text-transform:uppercase;text-align:center}
.jm-pn{position:absolute;z-index:4;left:50%;top:-9px;width:20px;height:20px;margin-left:-10px;border-radius:50%;border:2px solid #0a0a0c;background:radial-gradient(circle at 35% 30%,var(--pe) 0 14%,var(--ac) 46%);box-shadow:2px 3px 0 rgba(10,10,12,.85)}
.jm-hp:nth-child(1){--x:3;--y:4;--w:42;--r:-6deg;--z:1}
.jm-hp:nth-child(2){--x:53;--y:2;--w:42;--r:5deg;--z:1}
.jm-hp:nth-child(3){--x:28;--y:35;--w:44;--r:-2deg;--z:2}
.jm-hp:nth-child(4){--x:2;--y:55;--w:40;--r:5deg;--z:3}
.jm-hp:nth-child(5){--x:57;--y:56;--w:40;--r:-5deg;--z:3}
.jm-board .jm-bs{position:absolute;z-index:9}
.jm-board .jm-bs1{right:-8px;top:-16px;rotate:5deg}
.jm-board .jm-bs2{left:-10px;bottom:-14px;rotate:-5deg}
.jm-board .jm-bs3{right:10%;bottom:-17px;rotate:3deg}

@media(min-width:700px) and (max-width:1024px){
  .sk-jm .jm-title{font-size:clamp(96px,14vw,128px)}
  .jm-board{aspect-ratio:764/330}
  .jm-hp:nth-child(1){--x:1.5;--y:14;--w:21.5;--r:-5deg}
  .jm-hp:nth-child(2){--x:20.5;--y:22;--w:21.5;--r:4deg}
  .jm-hp:nth-child(3){--x:40;--y:8;--w:21.5;--r:-2deg}
  .jm-hp:nth-child(4){--x:59.5;--y:24;--w:21.5;--r:5deg}
  .jm-hp:nth-child(5){--x:77;--y:12;--w:21.5;--r:-4deg}
}
@media(min-width:1025px){
  .jm-hg{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(36px,4vw,64px)}
  .sk-jm .jm-title{font-size:clamp(100px,9.2vw,136px)}
  .jm-hero{padding-top:132px}
}

/* chuyển động hero: ghim rơi và đung đưa tắt dần, rồi đưa nhẹ lúc nghỉ; chữ "Building" được tô bằng bút dạ */
@media(prefers-reduced-motion:no-preference){
  .kx-js .jm-hl{background-size:0% 100%;animation:jmMk 1s cubic-bezier(.2,.8,.2,1) 1.1s forwards}
  .kx-js .jm-board.is-arm .jm-hp,.kx-js .jm-board.is-arm .jm-bs{opacity:0}
  .kx-js .jm-board.is-in .jm-hp{animation:jmSwing 2s cubic-bezier(.3,.5,.4,1) backwards,jmIdle 5.2s ease-in-out infinite alternate;animation-delay:calc(var(--i)*.13s + .15s),calc(var(--i)*.13s + 2.4s)}
  .kx-js .jm-board.is-in .jm-bs{animation:jmPopS .6s cubic-bezier(.34,1.56,.64,1) 1.1s backwards}
  .jm-board.is-off .jm-hp{animation-play-state:paused}
  .jm-hero::after{animation:jmMarch 1.4s linear infinite}
}
@keyframes jmMk{to{background-size:100% 100%}}
@keyframes jmMarch{to{background-position:28px 0}}
@keyframes jmSwing{
  0%{opacity:0;translate:0 -80px;rotate:calc(var(--r) + 26deg)}
  12%{opacity:1;translate:0 0}
  22%{rotate:calc(var(--r) - 13deg)}
  38%{rotate:calc(var(--r) + 8deg)}
  54%{rotate:calc(var(--r) - 4.5deg)}
  70%{rotate:calc(var(--r) + 2.5deg)}
  85%{rotate:calc(var(--r) - 1deg)}
  100%{rotate:var(--r)}
}
@keyframes jmIdle{from{rotate:calc(var(--r) - .9deg)}to{rotate:calc(var(--r) + .9deg)}}
@keyframes jmPopS{from{opacity:0;scale:.3}}

/* =====================  01 · BẢNG GHIM (kéo + lật)  ===================== */
.jm-tools{display:flex;gap:10px;margin:0 0 18px}
.jm-tools .btn{flex:1 1 0;padding-inline:12px}
.jm-bd{container-type:inline-size;position:relative;border:3px solid #0a0a0c;border-radius:12px;background:var(--pe) var(--dots);box-shadow:6px 6px 0 #0a0a0c;overflow:hidden;scroll-margin-top:96px}
.jm-bd-in{position:relative;height:168cqw}
.jm-bd-in::after{content:"";position:absolute;inset:0;z-index:40;background:rgba(245,244,241,.7);opacity:0;pointer-events:none;transition:opacity .4s}
.jm-bd-in.has-open::after{opacity:1;pointer-events:auto;cursor:pointer}
.jm-pol{--s:44;position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--s)*1cqw);z-index:var(--z,1);rotate:var(--r,0deg);perspective:1100px;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
  transition:left .7s cubic-bezier(.2,.85,.25,1.08),top .7s cubic-bezier(.2,.85,.25,1.08),width .6s cubic-bezier(.2,.85,.25,1.08),rotate .55s cubic-bezier(.3,1.5,.5,1),scale .35s cubic-bezier(.3,1.7,.5,1),translate .6s cubic-bezier(.2,.85,.25,1.08),opacity .35s}
.jm-pol:nth-child(1){--x:3;--y:1.5;--r:-4deg;--n:0}
.jm-pol:nth-child(2){--x:52;--y:3.5;--r:3deg;--n:1}
.jm-pol:nth-child(3){--x:2;--y:34;--r:5deg;--n:2}
.jm-pol:nth-child(4){--x:53;--y:36;--r:-3deg;--n:3}
.jm-pol:nth-child(5){--x:4;--y:66;--r:-2deg;--n:4}
.jm-pol:nth-child(6){--x:51;--y:66.5;--r:4deg;--n:5}
.jm-fl{position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.85,.25,1.08)}
.jm-pol.is-open .jm-fl{transform:rotateY(180deg)}
.jm-fr{position:relative;padding:7px 7px 0;background:#fff;border:3px solid #0a0a0c;border-radius:5px;box-shadow:4px 5px 0 #0a0a0c;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:box-shadow .25s}
.jm-open{display:block;width:100%;margin:0;padding:0;border:0;background:none;cursor:grab;line-height:0;border-radius:2px;-webkit-tap-highlight-color:transparent}
.jm-ph{display:block;position:relative;aspect-ratio:1;border:2px solid #0a0a0c;overflow:hidden;background:#0a0a0c}
.jm-art svg{position:absolute;inset:0;width:100%;height:100%}
.jm-blank{display:grid;place-items:center;background:#fff;border:2.5px dashed #0a0a0c}
.jm-blank b{font:400 clamp(48px,16cqw,84px)/1 var(--fd);color:var(--ac);text-shadow:2px 2px 0 #0a0a0c}
.jm-grip{display:flex;align-items:center;gap:6px;min-height:46px;padding:4px 4px 6px;touch-action:none;cursor:grab}
.jm-grip i{flex:none;width:12px;height:20px;background:radial-gradient(circle,#0a0a0c 1.7px,transparent 2.2px) 0 0/6px 7px;opacity:.55}
.jm-cap{flex:1;min-width:0;font:400 15px/1.2 var(--fd);letter-spacing:.04em;text-transform:uppercase;text-align:center;padding-right:12px}
.jm-bk{position:absolute;inset:0;display:flex;flex-direction:column;gap:6px;padding:8px 14px 14px;background:#fff repeating-linear-gradient(transparent 0 27px,rgba(10,10,12,.07) 27px 28px);border:3px solid #0a0a0c;border-radius:5px;box-shadow:4px 5px 0 #0a0a0c;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.jm-bk-h{display:flex;align-items:center;justify-content:space-between;gap:6px}
.jm-bk-k{font:700 12px/1.35 var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.jm-x{flex:none;width:44px;height:44px;margin:0 -10px 0 0;padding:0;border:0;border-radius:8px;background:none;color:#0a0a0c;font:700 30px/1 var(--fb);cursor:pointer}
.sk-jm .jm-bk-t{font-size:19px;line-height:1.22;letter-spacing:-.02em}
.sk-jm .jm-bk-s{margin:0;font-size:15px;line-height:1.42;color:#2a2a30}
.jm-bk-f{margin:2px 0 0;display:grid;gap:3px}
.jm-bk-f>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.4}
.jm-bk-f dt{font-weight:700;color:var(--mut)}
.jm-bk-f dd{margin:0}
.jm-bk .btn{margin-top:auto;min-height:44px;padding-inline:14px;justify-content:center}
.jm-bk-more{display:none}
.jm-pol.is-drag{transition:scale .25s cubic-bezier(.3,1.7,.5,1),rotate .12s linear,opacity .35s;scale:1.07;rotate:calc(var(--r,0deg) + var(--tilt,0deg));z-index:30}
.jm-pol.is-drag .jm-fr{box-shadow:9px 13px 0 rgba(10,10,12,.9)}
.jm-pol.is-drag .jm-open,.jm-pol.is-drag .jm-grip{cursor:grabbing}
.jm-pol.is-open{--s:var(--so,84);left:50%;top:50%;translate:-50% -50%;rotate:0deg;z-index:80}
.jm-pol.is-open .jm-grip{min-height:64px}
.jm-bd-in.has-open .jm-pol:not(.is-open){pointer-events:none;opacity:.55}
.sk-jm .jm-stat{margin:14px 0 0;min-height:22px;font:600 14px/1.5 var(--fb);color:var(--mut)}
@media(hover:hover){.jm-open:hover .jm-ph{filter:brightness(1.08)}.jm-pol:not(.is-open):not(.is-drag):hover{scale:1.03}}

@media(min-width:700px){
  .jm-bk-more{display:block}
  .jm-tools .btn{flex:0 0 auto;min-width:210px}
  .jm-bd-in{height:62cqw}
  .jm-pol{--s:24;--so:42}
  .jm-pol:nth-child(1){--x:3;--y:3;--r:-4deg}
  .jm-pol:nth-child(2){--x:35;--y:6;--r:3deg}
  .jm-pol:nth-child(3){--x:67;--y:2;--r:-2deg}
  .jm-pol:nth-child(4){--x:6;--y:52;--r:4deg}
  .jm-pol:nth-child(5){--x:37;--y:50;--r:-3deg}
  .jm-pol:nth-child(6){--x:68;--y:53;--r:2deg}
}
@media(min-width:1025px){
  .jm-bd-in{height:44cqw}
  .jm-pol{--s:19;--so:28}
  .jm-pol:nth-child(1){--x:4;--y:4}
  .jm-pol:nth-child(2){--x:34;--y:7}
  .jm-pol:nth-child(3){--x:64;--y:3}
  .jm-pol:nth-child(4){--x:7;--y:49}
  .jm-pol:nth-child(5){--x:37;--y:46}
  .jm-pol:nth-child(6){--x:67;--y:50}
}
@media(prefers-reduced-motion:no-preference){
  .kx-js .jm-wall.is-arm .jm-pol{opacity:0}
  .kx-js .jm-wall.is-in .jm-pol{animation:jmToss .95s cubic-bezier(.2,.9,.3,1.05) backwards;animation-delay:calc(var(--n,0)*.1s)}
}
@keyframes jmToss{from{opacity:0;translate:-30% -90%;rotate:calc(var(--r) - 28deg);scale:1.25}55%{opacity:1}}

/* =====================  02 · DỰ ÁN (dải tối)  ===================== */
.jm-strip{gap:16px}
.jm-add{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:250px;padding:22px;border:3px dashed rgba(255,255,255,.5);border-radius:var(--r);color:#fff;text-decoration:none;transition:border-color .3s,background .3s}
.jm-add b{display:block;font:400 64px/1 var(--fd);color:var(--ac);transition:rotate .5s cubic-bezier(.2,.9,.3,1.2)}
.jm-add-t{font:800 20px/1.25 var(--ff);letter-spacing:-.02em}
.jm-add small{font-size:14px;line-height:1.5;color:var(--mut)}
@media(hover:hover){.jm-add:hover{border-color:var(--ac);background:rgba(255,106,19,.08)}.jm-add:hover b{rotate:90deg}}
@media(min-width:1025px){.jm-strip{gap:22px}.jm-add{min-height:0}}

/* =====================  03 · BẢNG ĐIỂM  ===================== */
.jm-sc{display:grid;gap:18px}
.jm-sc-top{display:grid;gap:12px}
.jm-seg{display:grid;grid-template-columns:1fr 1fr;border:3px solid #0a0a0c;border-radius:10px;background:#fff;box-shadow:var(--sh);overflow:hidden}
.jm-seg button{min-height:50px;padding:6px 8px;border:0;background:transparent;color:#0a0a0c;font:700 14px/1.2 var(--fb);cursor:pointer;transition:background .25s,color .25s}
.jm-seg button+button{border-left:3px solid #0a0a0c}
.jm-seg button[aria-pressed=true]{background:#0a0a0c;color:#fff}
.jm-sc-act{display:flex;gap:10px}
.jm-sc-act .btn{padding:0 12px;line-height:1.2;text-align:center}
.jm-sc-act .btn:first-child{flex:1.7 1 0}
.jm-sc-act .btn:last-child{flex:1 1 0}
.jm-sc-board{border:3px solid #0a0a0c;border-radius:12px;background:#fff;box-shadow:6px 6px 0 #0a0a0c;overflow:hidden}
.jm-sc-hd{display:none}
.sk-jm .jm-rows{list-style:none;margin:0;padding:0}
.jm-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;border-top:2px solid #0a0a0c;background:#fff;transition:background .4s}
.jm-row:first-child{border-top:0}
.jm-row.is-lead{background:color-mix(in srgb,var(--ac) 13%,#fff)}
.jm-row.is-hit{animation:jmHit .8s ease-out}
@keyframes jmHit{from{background-color:var(--pe)}}
.jm-row-h{grid-column:1;display:grid;grid-template-columns:36px 24px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:5px 4px 5px 12px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.jm-rk{display:grid;place-items:center;width:34px;height:34px;border:2px solid #0a0a0c;border-radius:50%;background:#fff;font:400 18px/1 var(--fd);padding-top:2px}
.jm-row[data-rank="1"] .jm-rk{background:var(--ac)}
.jm-row[data-rank="2"] .jm-rk{background:#0a0a0c;color:#fff}
.jm-row[data-rank="3"] .jm-rk{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px #0a0a0c}
.jm-em{width:22px;height:22px;background:var(--ec,#0a0a0c);clip-path:var(--cp)}
.jm-nm{display:block;min-width:0}
.jm-nmt{display:block;font:700 16px/1.25 var(--fb)}
.jm-bar{display:flex;height:10px;margin-top:6px;border:2px solid #0a0a0c;border-radius:6px;background:#fff;overflow:hidden}
.jm-bar i{display:block;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.jm-bar i:nth-child(1){width:calc(var(--a)*1%);background:var(--ac)}
.jm-bar i:nth-child(2){width:calc(var(--b)*1%);background:#0a0a0c}
.jm-bar i:nth-child(3){width:calc(var(--c)*1%);background:var(--pe)}
.jm-tot{grid-column:2;align-self:center;min-width:70px;padding:0 16px 0 6px;font:400 32px/1 var(--fd);text-align:right}
.jm-row-b{grid-column:1/-1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.jm-row.is-open .jm-row-b{grid-template-rows:1fr}
.jm-row-b>div{min-height:0;overflow:hidden}
.jm-pls{padding:0 12px 12px}
.jm-pl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;border-top:2px dashed rgba(10,10,12,.25)}
.jm-pl-n{font:600 15px/1.25 var(--fb)}
.jm-pl-n small{display:block;margin-top:1px;font:500 12px/1.3 var(--fb);color:var(--mut)}
.jm-stp{display:flex;align-items:center;gap:6px}
.jm-stp button{width:48px;height:48px;padding:0;border:3px solid #0a0a0c;border-radius:8px;background:#fff;color:#0a0a0c;font:800 24px/1 var(--fb);cursor:pointer;box-shadow:2px 2px 0 #0a0a0c;transition:translate .15s,box-shadow .15s,background .2s,opacity .2s}
.jm-stp button:active{translate:2px 2px;box-shadow:0 0 0 #0a0a0c;background:var(--pe)}
.jm-stp button:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}
.jm-v{min-width:36px;text-align:center;font:400 30px/1 var(--fd)}
.jm-sc.is-only .jm-pl:nth-child(n+2){opacity:.45}
.jm-lg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:11px 14px;border-top:2px solid #0a0a0c;background:var(--bg);font:600 12px/1.3 var(--fb)}
.jm-lg i{display:inline-block;width:14px;height:14px;margin-right:6px;border:2px solid #0a0a0c;vertical-align:-3px}
.jm-lg .c1{background:var(--ac)}.jm-lg .c2{background:#0a0a0c}.jm-lg .c3{background:var(--pe)}
.jm-lg em{font-style:normal;color:var(--mut)}
.sk-jm .jm-sc-note{margin:0;padding:14px 16px;border:3px solid #0a0a0c;border-radius:8px;background:var(--pe);box-shadow:var(--sh);font:600 15px/1.55 var(--fb);rotate:-.5deg}
@media(hover:hover){.jm-row-h:hover .jm-nmt{text-decoration:underline;text-decoration-thickness:2px}}
@media(min-width:1025px){
  .jm-sc-top{grid-template-columns:minmax(0,440px) auto;align-items:center;justify-content:space-between}
  .jm-sc-act .btn{padding-inline:26px;flex:0 0 auto}
  .jm-sc-hd{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(0,1.7fr) 110px;align-items:end;padding:12px 0 10px;background:#0a0a0c;color:#fff;font:700 12px/1.3 var(--fb);letter-spacing:.12em;text-transform:uppercase}
  .jm-sc-hd>span:first-child{padding-left:16px}
  .jm-hd3{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
  .jm-sc-hd small{color:var(--ac);font-size:12px}
  .jm-sc-hd>span:last-child{padding-right:20px;text-align:right}
  .jm-row{grid-template-columns:minmax(300px,1.05fr) minmax(0,1.7fr) 110px;align-items:center}
  .jm-row-h{grid-column:1;grid-row:1;cursor:default}
  .jm-row-b{grid-column:2;grid-row:1;grid-template-rows:1fr}
  .jm-tot{grid-column:3;grid-row:1;padding-right:20px}
  .jm-pls{display:grid;grid-template-columns:repeat(3,1fr);padding:0}
  .jm-pl{grid-template-columns:1fr;justify-items:center;min-height:68px;border-top:0}
  .jm-pl-n{display:none}
  .jm-stp button{width:44px;height:44px}
}

/* =====================  04 · NĂM TRẠM VÀNG (thẻ lật)  ===================== */
.jm-rail{gap:14px}
.jm-rail>.jm-st{flex:0 0 min(74%,290px)}
.jm-st{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;perspective:1100px;border-radius:10px;-webkit-tap-highlight-color:transparent}
.jm-st-in{display:grid;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.85,.25,1.08)}
.jm-st.is-flip .jm-st-in{transform:rotateY(180deg)}
.jm-st-f,.jm-st-b{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:330px;padding:18px 18px 16px;border:3px solid #0a0a0c;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:var(--sh)}
.jm-st-f{background:#fff}
.jm-st-b{background:#0a0a0c;color:#fff;transform:rotateY(180deg);box-shadow:4px 4px 0 var(--ac)}
.jm-st-n{font:400 44px/1 var(--fd);color:#0a0a0c;-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--ac)}
.jm-ic-w{display:grid;place-items:center;width:86px;height:86px;border:3px solid #0a0a0c;border-radius:50%;background:var(--ac);box-shadow:3px 3px 0 #0a0a0c;transition:rotate .5s cubic-bezier(.2,.9,.3,1.3)}
.jm-ic{width:58px;height:58px;fill:none;stroke:#0a0a0c;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.jm-st-t{font:800 24px/1.2 var(--ff);letter-spacing:-.03em}
.jm-st-d{font:500 15px/1.5 var(--fb);color:var(--mut)}
.jm-st-h{margin-top:auto;font:700 12px/1.3 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.jm-st-h::after{content:" \21BB"}
.jm-st-b .jm-st-h{color:#a9a9b3}
.jm-st-bt{font:800 20px/1.25 var(--ff);letter-spacing:-.02em;color:#fff}
.jm-kv{display:block;font:500 15px/1.45 var(--fb);color:#f1f1f3}
.jm-kv b{display:block;margin-bottom:2px;font:700 12px/1.3 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.jm-dots{display:flex;justify-content:center;gap:8px;margin-top:4px}
.jm-dots i{width:10px;height:10px;border:2px solid #0a0a0c;border-radius:6px;background:#fff;transition:width .3s,background .3s}
.jm-dots i.on{width:28px;background:var(--ac)}
@media(hover:hover){.jm-st:hover .jm-ic-w{rotate:-8deg}.jm-st:not(.is-flip):hover .jm-st-f{box-shadow:7px 7px 0 #0a0a0c}}
@media(min-width:1025px){
  .jm-rail>.jm-st{flex:none}
  .jm-rail{gap:18px}
  .jm-dots{display:none}
  .jm-st-f,.jm-st-b{min-height:360px;padding:20px 18px 18px}
}

/* =====================  05 · BÀI VIẾT (dải tối, danh sách gọn)  ===================== */
.jm-blogl{display:grid;gap:14px}
.jm-note{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:190px;padding:30px 22px 22px;border:3px solid #0a0a0c;border-radius:4px;background:var(--pe);color:#0a0a0c;box-shadow:5px 5px 0 var(--ac);rotate:1.5deg}
.jm-note b{font:800 20px/1.25 var(--ff);letter-spacing:-.02em}
.sk-jm .jm-q4{margin:0;padding:0 0 0 22px;list-style:decimal;display:grid;gap:4px;font:600 16px/1.4 var(--fb)}
@media(min-width:700px) and (max-width:1024px){.jm-note{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;column-gap:24px;min-height:0}.jm-note>b{grid-column:1}.jm-note>.jm-q4{grid-column:2;grid-row:1/3}}
@media(max-width:699px){
  .jm-blogl .card{display:grid;grid-template-columns:112px minmax(0,1fr)}
  .jm-blogl .card-img{aspect-ratio:auto;height:100%;min-height:128px}
  .jm-blogl .card-body{align-self:center;padding:12px 46px 12px 14px}
  .jm-blogl .card-body h3{font-size:16px;line-height:1.28}
}

/* =====================  06 · AN TOÀN & ĐIỀU PHỐI  ===================== */
.jm-safesec{padding-top:clamp(76px,10vw,132px)}
.jm-safesec::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(-45deg,var(--ac) 0 14px,#0a0a0c 14px 28px);border-bottom:3px solid #0a0a0c}
.jm-stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.jm-sp{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:150px;padding:24px 6px 12px;border:3px solid #0a0a0c;border-radius:10px;background:#fff;box-shadow:var(--sh);rotate:var(--r,0deg);text-align:center}
.jm-sp::after{content:"";position:absolute;inset:6px;border:1.5px solid rgba(10,10,12,.35);border-radius:5px;pointer-events:none}
.jm-sp b{font:400 clamp(54px,17vw,92px)/1.1 var(--fd);color:#0a0a0c;text-shadow:3px 3px 0 var(--ac)}
.jm-sp span{max-width:12ch;font:700 12px/1.3 var(--fb);letter-spacing:.08em;text-transform:uppercase}
.jm-sp small{position:absolute;top:12px;left:14px;font:700 12px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.jm-safe2{display:grid;gap:28px}
.jm-sl{display:grid;gap:clamp(24px,3vw,36px);min-width:0}
.sk-jm .jm-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.jm-list li{position:relative;padding:0 0 0 40px;font:400 15.5px/1.6 var(--fb);color:#2a2a30}
.jm-list li::before{content:"";position:absolute;left:0;top:1px;width:26px;height:26px;border:2px solid #0a0a0c;border-radius:6px;background:var(--ac)}
.jm-list li::after{content:"";position:absolute;left:9px;top:5px;width:7px;height:13px;border:solid #0a0a0c;border-width:0 3px 3px 0;rotate:45deg}
.jm-list b{display:block;margin-bottom:2px;font:800 17px/1.35 var(--ff);letter-spacing:-.01em;color:#0a0a0c}
.jm-hot{position:relative;display:grid;gap:8px;justify-items:start;align-self:start;padding:26px 20px 18px;border:3px solid #0a0a0c;border-radius:6px;background:var(--pe);box-shadow:var(--sh);rotate:1.2deg}
.jm-hot b{font:800 21px/1.25 var(--ff);letter-spacing:-.02em}
.jm-hot span{font:500 14px/1.45 var(--fb);color:#2a2a30}
@media(min-width:1025px){
  .jm-safe2{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px;align-items:start}
  .jm-sp{min-height:190px}
}
@media(prefers-reduced-motion:no-preference){
  .kx-js .jm-stamps.is-arm .jm-sp{opacity:0}
  .kx-js .jm-stamps.is-in .jm-sp{animation:jmThump .75s cubic-bezier(.2,1.5,.4,1) backwards;animation-delay:calc(var(--i)*.22s)}
}
@keyframes jmThump{from{opacity:0;scale:1.7;rotate:calc(var(--r) - 14deg)}40%{opacity:1}}

/* =====================  FAQ  ===================== */
.jm-faqsec .fq{max-width:860px}
@media(min-width:1025px){.jm-faqsec .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:56px;align-items:start}.jm-faqsec .s-head{margin-bottom:0;position:sticky;top:120px}.jm-faqsec .fq{max-width:none}}
@media(prefers-reduced-motion:reduce){
  .jm-pol,.jm-fl,.jm-st-in,.jm-row-b,.jm-bar i,.jm-bd-in::after{transition:none!important}
  .jm-row.is-hit{animation:none}
}