/* NEXQUOTE Q&A "Bàn thí nghiệm" (LỆNH 22, 24/10/2026): the eleven focus questions as small experiments on the pitch's own stage
   (the xp 1920 × 1080 stage, scaled to fit; the Q&A bar and footer come in at the edges). One isometric projection for all eleven,
   white architectural models, data in blue, a problem or a block in amber; the pitch's navy (scenes 08, 09, 11) behind.
   Layout on the stage: the question (one line) and its invitation at the top, the bench ≥ 75 % of the screen, the controls at the
   bottom (1–3 labelled buttons + ↺ Đặt lại), the conclusion when the end state is reached, "Dữ liệu mô phỏng" in the corner.
   Motion: only transform and opacity; feedback ≤ 150 ms, state changes 300–600 ms on --out / --io, one big moment per scene. */
#qa100-root .xp.lab,#qa100-root .lab-th{--lb:#7FB0FF;--lb2:#4F86EE;--la:#F0A63A;--lt:#F3F1EC;--ll:#DCD7CE;--lr:#C5BFB3;--lk:#0A1328;--lw:#EEF3FA;--lm:#9EB2DC;
}
#qa100-root .xp.lab{background:radial-gradient(1100px 820px at 62% 54%,#12224C 0,#0A1533 48%,#050B1E 100%)}
#qa100-root .xp.lab .lab-svg{left:0;top:0;width:1920px;height:1080px;overflow:visible}
#qa100-root .xp.lab .thumb-only{display:none}
#qa100-root .xp.lab .lab-q{left:120px;top:44px;right:420px;font-size:46px;line-height:1.12;font-weight:600;letter-spacing:-.018em;white-space:nowrap;color:var(--lw)}
#qa100-root .xp.lab .lab-cta{left:120px;top:110px;display:flex;align-items:center;gap:12px;font-size:25px;font-weight:500;color:var(--lb)}
#qa100-root .xp.lab .lab-cta{transition:opacity .4s var(--out)}
#qa100-root .xp.lab .lab-cta.off{opacity:0}
#qa100-root .xp.lab .lab-cta::before{content:"";width:0;height:0;border-left:13px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent}
#qa100-root .xp.lab .lab-tag{right:120px;top:54px;display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:500;color:var(--lm);
  padding:6px 14px 7px;border-radius:999px;background:rgba(190,208,235,.08)}
#qa100-root .xp.lab .lab-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--la)}
#qa100-root .xp.lab .lab-n{right:120px;top:96px;font:500 16px/1 var(--f-data);color:var(--lm);letter-spacing:.08em}
/* the conclusion: one line above the controls, in when the end state is reached */
#qa100-root .xp.lab .lab-done{left:120px;right:120px;top:902px;text-align:center;font-size:30px;font-weight:600;color:var(--lw);opacity:0;
  translate:0 10px;transition:opacity .45s var(--out),translate .55s var(--out)}
#qa100-root .xp.lab .lab-done.on{opacity:1;translate:0 0}
#qa100-root .xp.lab .lab-done b{color:var(--lb);font-weight:600}
/* the controls */
#qa100-root .xp.lab .lab-ctl{left:120px;right:120px;top:968px;display:flex;align-items:center;gap:16px}
#qa100-root .xp.lab .lab-b{display:inline-flex;align-items:center;gap:12px;min-height:62px;padding:0 26px;border-radius:12px;border:1.5px solid rgba(143,192,255,.42);
  background:rgba(14,27,58,.86);color:var(--lw);font:600 24px/1 var(--f);cursor:pointer;transition:background .15s,border-color .15s,transform .12s}
#qa100-root .xp.lab .lab-b kbd{font:600 15px/1 var(--f-data);color:var(--lm);border:1px solid rgba(158,178,220,.45);border-radius:5px;padding:4px 7px}
#qa100-root .xp.lab .lab-b:hover{background:rgba(32,58,112,.95);border-color:var(--lb)}
#qa100-root .xp.lab .lab-b:active{transform:translateY(1px) scale(.985)}
#qa100-root .xp.lab .lab-b[aria-pressed="true"]{background:rgba(79,134,238,.28);border-color:var(--lb)}
#qa100-root .xp.lab .lab-b.amber[aria-pressed="true"]{background:rgba(240,166,58,.2);border-color:var(--la)}
#qa100-root .xp.lab .lab-b:focus-visible,#qa100-root .xp.lab [data-hit]:focus-visible{outline:3px solid var(--lb);outline-offset:4px}
#qa100-root .xp.lab .lab-b[disabled]{opacity:.45;cursor:default}
#qa100-root .xp.lab .lab-reset{margin-left:auto;border-color:rgba(158,178,220,.3);background:transparent;color:var(--lm);font-weight:500}
#qa100-root .xp.lab .lab-hint{animation:labHint .9s var(--out) 1}
@keyframes labHint{0%{box-shadow:0 0 0 0 rgba(127,176,255,.85)}100%{box-shadow:0 0 0 18px rgba(127,176,255,0)}}
/* the bench: things the hand can take */
#qa100-root .xp.lab [data-hit]{cursor:pointer;outline:none}
#qa100-root .xp.lab [data-hit]:hover .hov{opacity:1}
#qa100-root .xp.lab .hov{opacity:0;transition:opacity .15s}
#qa100-root .xp.lab .drag{cursor:grab}
#qa100-root .xp.lab .drag:active{cursor:grabbing}
/* the ghost hand of the self-play */
#qa100-root .xp.lab .lab-ghost{left:0;top:0;width:44px;height:44px;margin:-6px 0 0 -6px;pointer-events:none;z-index:20;opacity:0;transition:opacity .25s}
#qa100-root .xp.lab .lab-ghost.on{opacity:1}
#qa100-root .xp.lab .lab-ghost i{position:absolute;left:-14px;top:-14px;width:40px;height:40px;border-radius:50%;border:2px solid var(--lb);opacity:0}
#qa100-root .xp.lab .lab-ghost.tap i{animation:labTap .4s var(--out) 1}
@keyframes labTap{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(1.4)}}
/* svg text and strokes */
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) text{font-family:var(--f);fill:var(--lw)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .t1{font-size:30px;font-weight:600}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .t2{font-size:24px;font-weight:600}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .t3{font-size:20px;font-weight:500}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .num{font-family:var(--f-data);font-variant-numeric:tabular-nums}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .ink{fill:var(--lk)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .mu{fill:var(--lm)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .bl{fill:var(--lb)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .am{fill:var(--la)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .ln{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .lnb{stroke:var(--lb)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .lna{stroke:var(--la)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .lnw{stroke:rgba(238,243,250,.55)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .dash{stroke-dasharray:8 8}
/* the grid's tiles: each the end frame of its experiment, small */
#qa100-root .qf-grid:has(.lab-tile){grid-template-columns:repeat(6,minmax(0,1fr))}
#qa100-root .qf-tile.lab-tile{display:block;padding:0;overflow:hidden;min-height:0}
#qa100-root .qf-tile.lab-tile .lab-th{display:block;width:100%;aspect-ratio:16/9;background:radial-gradient(70% 90% at 62% 54%,#12224C 0,#0A1533 48%,#050B1E 100%)}
#qa100-root .qf-tile.lab-tile .lab-th svg{display:block;width:100%;height:100%}
#qa100-root .xp.lab.lab-still .lab-ctl,#qa100-root .xp.lab.lab-still .lab-cta{display:none}
#qa100-root .qf-tile.lab-tile .lab-tq{display:flex;gap:10px;padding:10px 12px 12px;align-items:baseline}
#qa100-root .qf-tile.lab-tile b{font-size:clamp(14px,.95vw,19px);line-height:1.25}
#qa100-root .qf-tile.lab-tile .lab-tq{padding:8px 10px 10px}
/* Safe mode and calm: no motion, every state at once */
body.safe #qa100-root .xp.lab *,body.calm #qa100-root .xp.lab *{transition:none!important;animation:none!important}

/* ---------------- LỆNH 23 · one grammar for the eleven (v2): the steps under the question, the conclusion as their last item, one main
   object, callouts (a dot, a thin line, the words), at most two status pills, a toast that fades, the eye led by light and dimming ---------------- */
#qa100-root .xp.lab.v2 .lab-q{left:120px;top:40px;right:520px;font-size:44px}
#qa100-root .xp.lab.v2 .lab-steps{left:112px;top:110px;right:120px;display:flex;align-items:center;flex-wrap:nowrap;gap:0;z-index:4}
#qa100-root .xp.lab.v2 .lab-st{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 6px;border:0;border-radius:24px;background:none;color:var(--lm);font:600 24px/1 var(--f);cursor:pointer;transition:color .2s var(--out),background-color .2s var(--out)}
#qa100-root .xp.lab.v2 .lab-st i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid rgba(158,178,220,.5);font:600 18px/1 var(--f);font-style:normal;font-variant-numeric:tabular-nums;color:var(--lm);transition:background-color .2s,border-color .2s,color .2s}
#qa100-root .xp.lab.v2 .lab-st+.lab-st::before{content:"";width:26px;height:2px;margin:0 6px 0 -10px;background:rgba(158,178,220,.28)}
#qa100-root .xp.lab.v2 .lab-st:hover{color:var(--lw);background:rgba(127,176,255,.08)}
#qa100-root .xp.lab.v2 .lab-st.on{color:var(--lw)}
#qa100-root .xp.lab.v2 .lab-st.on i{background:var(--lb2);border-color:var(--lb2);color:#fff}
#qa100-root .xp.lab.v2 .lab-st:focus-visible{outline:3px solid var(--lb);outline-offset:2px}
/* LỆNH 24 · the answer: a big band at the bottom of the stage, each clause with its number (the same number pinned on the picture) */
#qa100-root .xp.lab.v2 .lab-done{left:0;right:0;top:auto;bottom:0;padding:34px 190px 34px;margin:0;text-align:center;text-wrap:balance;font:700 42px/1.22 var(--f);letter-spacing:-.012em;color:var(--lw);
  background:linear-gradient(to top,rgba(3,8,24,.94) 0,rgba(3,8,24,.86) 62%,rgba(3,8,24,0) 100%);opacity:0;translate:0 16px;pointer-events:none;z-index:3;transition:opacity .5s var(--out),translate .55s var(--out)}
#qa100-root .xp.lab.v2 .lab-done.on{opacity:1;translate:0 0}
#qa100-root .xp.lab.v2 .lab-done .ans-c{display:inline-block;white-space:nowrap}
#qa100-root .xp.lab.v2 .lab-done .ans-c b{display:inline-grid;place-items:center;width:44px;height:44px;margin:0 14px 0 0;border-radius:50%;vertical-align:4px;background:var(--lb2);box-shadow:0 0 0 3px rgba(238,243,250,.9);color:#fff;font:700 25px/1 var(--f);font-variant-numeric:tabular-nums}
#qa100-root .xp.lab.v2 .lab-done .ans-c i{font-style:normal;font-weight:600;color:var(--lm);margin:0 0 0 16px}
#qa100-root .xp.lab.v2 .lab-done .ans-c+.ans-c b{margin-left:8px}
/* a secondary label (class sub on a group the scene does not fade itself) steps out at the end frame: the band and the lit labels speak */
:is(#qa100-root .xp.lab .lab-svg) .sub{transition:opacity .45s var(--out)}
#qa100-root .xp.lab.v2.rest .lab-svg .sub{opacity:0}
:is(#qa100-root .xp.lab .lab-svg) .dim{transition:opacity .45s var(--out)}
#qa100-root .xp.lab.v2.rest .lab-svg .dim{opacity:.28}
:is(#qa100-root .xp.lab .lab-svg) .only-rest{opacity:0;transition:opacity .45s var(--out)}
#qa100-root .xp.lab.v2.rest .lab-svg .only-rest{opacity:1}
#qa100-root .xp.lab.v2.rest .lab-svg .sub-t{visibility:hidden}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .lab-pins .pin{opacity:0;transition:opacity .45s var(--out)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .lab-pins .pin.on{opacity:1}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .lab-pins .pin-i{transform-box:fill-box;transform-origin:center;transform:scale(calc(1 / var(--fk,1)))}
#qa100-root .xp.lab .lab-svg .lab-pins .pin.on .pin-i{animation:labPin .6s var(--out) both}
@keyframes labPin{from{transform:scale(calc(.4 / var(--fk,1)))}to{transform:scale(calc(1 / var(--fk,1)))}}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .lab-pins .pin-c{fill:var(--lb2);stroke:#EEF3FA;stroke-width:3}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .lab-pins .pin-n{font-size:27px;font-weight:700;fill:#fff;font-variant-numeric:tabular-nums}
#qa100-root .xp.lab.v2 .lab-rs{left:auto;right:96px;top:990px;width:54px;height:54px;border-radius:50%;border:1.5px solid rgba(158,178,220,.35);background:rgba(10,19,40,.5);color:var(--lm);font:500 26px/1 var(--f);cursor:pointer;z-index:4}
#qa100-root .xp.lab.v2 .lab-rs:hover{color:var(--lw);border-color:var(--lb)}
#qa100-root .xp.lab.v2 .lab-toast{left:0;top:0;transform:translate(-50%,-100%);padding:10px 18px 11px;border-radius:12px;background:rgba(8,16,38,.94);border:1.5px solid rgba(127,176,255,.6);color:var(--lw);font:500 26px/1.2 var(--f);white-space:nowrap;opacity:0;pointer-events:none;z-index:15}
#qa100-root .xp.lab.v2 .lab-toast.am{border-color:rgba(240,166,58,.85)}
#qa100-root .xp.lab.v2 .lab-toast.on{opacity:1;animation:labToast 3.2s var(--out) both}
@keyframes labToast{0%{opacity:0;translate:0 10px}8%{opacity:1;translate:0 0}82%{opacity:1}100%{opacity:0}}
#qa100-root .xp.lab.v2.lab-still .lab-steps .lab-st,#qa100-root .xp.lab.v2.lab-still .lab-rs{pointer-events:none}
#qa100-root .xp.lab.v2.lab-still .lab-ctl{display:flex}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .c22{font-size:22px;font-weight:500}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .c24{font-size:24px;font-weight:600}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .c28{font-size:28px;font-weight:600}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .n{font-family:var(--f);font-variant-numeric:tabular-nums;font-weight:600}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .n22{font-size:22px}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .n24{font-size:24px}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .n28{font-size:28px}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .n32{font-size:32px}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .n44{font-size:44px}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .n64{font-size:64px}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .mono{font-family:var(--f-data)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .co-l{fill:none;stroke:rgba(238,243,250,.6);stroke-width:1.6}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .co-d{fill:var(--lw)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .co.bl .co-d{fill:var(--lb)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .co.am .co-l{stroke:rgba(240,166,58,.85)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .co.am .co-d,:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .co.am text{fill:var(--la)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .wire{fill:none;stroke:var(--lb);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .wire.am{stroke:var(--la)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .pk{fill:#0E1A30}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .pm{fill:#5B6B82}
/* the Q&A home: eleven big cards, 4 / 4 / 3, each its scene's end frame and its question; the bank of 100 behind one button */
#qa100-root .qf-home .qf-grid:has(.lab-tile){grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}
#qa100-root .qf-grid .qf-tile.lab-tile{grid-column:span 2;border-top-width:1px;border-radius:12px}
#qa100-root .qf-grid .qf-tile.lab-tile:nth-child(9){grid-column:2 / span 2}
#qa100-root .qf-tile.lab-tile .lab-tq{padding:10px 14px 12px}
#qa100-root .qf-tile.lab-tile b{font-size:22px;font-weight:600}   /* LỆNH 24: the question on the card at 22 px */
#qa100-root .q-librow{display:flex;justify-content:center;margin:8px 0 22px}
#qa100-root .q-libbtn{font-size:17px;padding:10px 20px}
#qa100-root .xp.lab .lab-tag:empty{display:none}
#qa100-root .qf-home:has(.lab-tile){max-width:min(1480px,calc(237vh - 840px));margin-left:auto;margin-right:auto}   /* three rows of cards fit the screen's height */
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .co.ink .co-l{stroke:rgba(14,26,48,.6)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .co.ink .co-d{fill:#0E1A30}
#qa100-root .qf-tile.lab-tile .lab-th img{display:block;width:100%;height:100%;object-fit:cover}
/* LỆNH 24 · the stage size of the words whatever the fit of the picture (--fk): a callout ≥ 26 px, a main number ≥ 30 px */
#qa100-root .xp.lab.v2 .lab-svg .c22{font-size:max(22px,calc(26px / var(--fk,1)))}
#qa100-root .xp.lab.v2 .lab-svg .c24{font-size:max(24px,calc(26px / var(--fk,1)))}
#qa100-root .xp.lab.v2 .lab-svg .c28{font-size:max(28px,calc(30px / var(--fk,1)))}
#qa100-root .xp.lab.v2 .lab-svg .n22{font-size:max(22px,calc(26px / var(--fk,1)))}
#qa100-root .xp.lab.v2 .lab-svg .n24{font-size:max(24px,calc(26px / var(--fk,1)))}
#qa100-root .xp.lab.v2 .lab-svg .n28{font-size:max(28px,calc(30px / var(--fk,1)))}
#qa100-root .xp.lab.v2 .lab-svg .n32{font-size:max(32px,calc(32px / var(--fk,1)))}
#qa100-root .xp.lab.v2 .lab-svg .c30{font-size:calc(30px / var(--fk,1));font-weight:700}
#qa100-root .xp.lab.v2 .lab-svg .c36{font-size:calc(36px / var(--fk,1));font-weight:700}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .pkb{fill:#1F5FD0}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .pka{fill:#B4650A}
/* LỆNH 24 · the home: the questions at 22 px need wider cards, so the eleven stand in two rows (6 + 5, the second centred) and the
   whole home fits 1280 × 720 with room for the wide "Sơ đồ hệ thống" card above them */
#qa100-root .qf-home .qf-grid:has(.lab-tile){grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
#qa100-root .qf-grid .qf-tile.lab-tile:nth-child(9){grid-column:auto / span 2}
#qa100-root .qf-grid .qf-tile.lab-tile:nth-child(7){grid-column:2 / span 2}
#qa100-root .qf-home:has(.lab-tile){max-width:min(1640px,calc(100vw - 96px))}
#qa100-root .qf-tile.lab-tile .lab-tq{padding:9px 12px 11px;min-height:calc(2 * 1.25em + 20px)}
/* LỆNH 24 · the way into the system map: a small button under the card's number, and the wide card on top of the Q&A home */
#qa100-root .xp.lab.v2 .lab-sys{left:auto;right:96px;top:132px;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 14px;border-radius:22px;border:1.5px solid rgba(127,176,255,.55);background:rgba(10,19,40,.6);color:var(--lb);font:600 20px/1 var(--f);cursor:pointer;z-index:5;transition:background-color .2s,border-color .2s}
#qa100-root .xp.lab.v2 .lab-sys i{width:18px;height:14px;border:2px solid currentColor;border-radius:3px;box-shadow:6px -5px 0 -2px rgba(10,19,40,.6),6px -5px 0 0 currentColor}
#qa100-root .xp.lab.v2 .lab-sys:hover{background:rgba(127,176,255,.14);border-color:var(--lb)}
#qa100-root .xp.lab.v2 .lab-sys:focus-visible{outline:3px solid var(--lb);outline-offset:2px}
#qa100-root .xp.lab.lab-still .lab-sys{display:none}
#qa100-root .qf-home .qf-sys{display:flex;align-items:center;gap:20px;width:100%;margin:0 0 12px;padding:6px 22px 6px 6px;border:1px solid rgba(127,176,255,.45);border-radius:12px;background:linear-gradient(90deg,rgba(18,34,76,.95),rgba(10,21,51,.9));color:#EEF3FA;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s}
#qa100-root .qf-home .qf-sys:hover{border-color:#7FB0FF}
#qa100-root .qf-home .qf-sys:focus-visible{outline:3px solid #7FB0FF;outline-offset:2px}
#qa100-root .qf-sys .qs-th{flex:none;width:clamp(96px,8vw,176px);aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#0A1533}
#qa100-root .qf-sys .qs-th img{display:block;width:100%;height:100%;object-fit:cover}
#qa100-root .qf-sys .qs-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
#qa100-root .qf-sys .qs-t b{font-size:22px;font-weight:600}
#qa100-root .qf-sys .qs-t span{font-size:17px;color:#9EB2DC}
#qa100-root .qf-sys .qs-go{flex:none;font-size:18px;font-weight:600;color:#7FB0FF}
/* ---------------- LỆNH 27 · hd01 "Thử tấn công": eight steps in one row (six attacks, A all, P pilot), the technology in small mono ---------------- */
#qa100-root .xp.lab.v2[data-hd="hd01"] .lab-st{gap:6px;padding:0 7px 0 3px;font-size:20px}
#qa100-root .xp.lab.v2[data-hd="hd01"] .lab-st+.lab-st::before{width:8px;margin:0 5px 0 -3px}
#qa100-root .xp.lab.v2[data-hd="hd01"] .lab-st i{width:32px;height:32px;font-size:17px;border-color:rgba(240,166,58,.65)}
#qa100-root .xp.lab.v2[data-hd="hd01"] .lab-st[aria-pressed="true"] i{background:var(--lb2);border-color:var(--lb2);color:#fff}
#qa100-root .xp.lab.v2[data-hd="hd01"] .lab-st:nth-child(n+7) i{border-color:rgba(127,176,255,.6)}
:is(#qa100-root .xp.lab[data-hd="hd01"] .lab-svg,#qa100-root .lab-th) .tg{font-family:var(--f-data);font-size:19px;font-weight:500;fill:#B9C8E6}
:is(#qa100-root .xp.lab[data-hd="hd01"] .lab-svg,#qa100-root .lab-th) .tg.am{fill:var(--la)}
:is(#qa100-root .xp.lab[data-hd="hd01"] .lab-svg,#qa100-root .lab-th) .tg.pk{fill:#0E1A30}
:is(#qa100-root .xp.lab[data-hd="hd01"] .lab-svg,#qa100-root .lab-th) .nt{font-size:19px;font-weight:500}
/* ---------------- LỆNH 28 · thirteen cards on the Q&A home (7 + 6, the second row centred); small text shared by 12 and 13 ---------------- */
#qa100-root .qf-home .qf-grid:has(.lab-tile){grid-template-columns:repeat(14,minmax(0,1fr))}
#qa100-root .qf-grid .qf-tile.lab-tile:nth-child(7){grid-column:auto / span 2}
#qa100-root .qf-grid .qf-tile.lab-tile:nth-child(8){grid-column:2 / span 2}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .s18{font-size:18px;font-weight:500;fill:var(--lm)}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .m20{font-family:var(--f-data);font-size:20px;font-weight:500;fill:#B9C8E6}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .c32{font-size:32px;font-weight:700}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .c40{font-size:40px;font-weight:700}
:is(#qa100-root .xp.lab .lab-svg,#qa100-root .lab-th) .lsrc{font-size:18px;font-weight:500;fill:#8496BC}
/* LỆNH 28 · seven cards a row on a narrow screen: the number sits on the picture, the question takes the card's whole width */
@media (max-width:1700px){
  #qa100-root .qf-grid:has(.lab-tile:nth-child(13)) .qf-tile.lab-tile{position:relative}
  #qa100-root .qf-grid:has(.lab-tile:nth-child(13)) .qf-tile.lab-tile .qf-n{position:absolute;left:8px;top:8px;padding:2px 7px;border-radius:6px;background:rgba(10,19,40,.86)}
  #qa100-root .qf-grid:has(.lab-tile:nth-child(13)) .qf-tile.lab-tile b{font-size:19px;line-height:1.22}
  #qa100-root .qf-home .qf-grid:has(.lab-tile:nth-child(13)){gap:12px}
}
/* LỆNH 30 · the finance appendix: the steps already seen carry a dot on the step bar */
#qa100-root .xp.lab .lab-st i{position:relative}
#qa100-root .xp.lab .lab-st.seen i::after{content:"";position:absolute;right:-4px;top:-4px;width:11px;height:11px;border-radius:50%;background:#7FB0FF;box-shadow:0 0 0 2px #0A1328}