/* ============================================================
   V07 · .s-mockfull · một slide = một mock, không tab
   Mock là nội dung chính (khoảng 75 đến 80% diện tích), chữ tối thiểu.
   Vùng chữ: trên cùng (eyebrow + h1 trái, câu dẫn hoặc 1 đến 3 ý phải), cao tối đa ~230px.
   Vùng mock: top 260px, bottom 60px, trái phải 120px (1680x760); mock rộng hơn 16:9 được canh giữa (letterbox).
   Biến thể .side: cột chữ trái 420px, mock bên phải (dùng cho mock khổ đứng).
   Chỉ bổ sung, không sửa deck.css / part*.css.
   ============================================================ */
.s-mockfull{padding:0}
.s-mockfull .mf-head{position:absolute;left:var(--pad);right:var(--pad);top:96px;max-height:230px;display:flex;justify-content:space-between;align-items:flex-start;gap:64px;z-index:3}
.s-mockfull .mf-head .hl{flex:1 1 auto;min-width:0;max-width:1080px}
.s-mockfull .mf-head .eyebrow{font-size:14.5px;letter-spacing:.14em;white-space:nowrap;margin-bottom:16px}
.s-mockfull .mf-head h1{font-size:44px;line-height:1.15;margin:0;max-height:calc(2 * 1.15em);overflow:hidden}
/* cột phải: một câu dẫn ngắn hoặc 1 đến 3 ý ngắn; đẩy xuống dưới logo góc phải */
.s-mockfull .mf-head .aside{flex:0 0 520px;max-width:520px;padding-top:52px;text-align:left}
.s-mockfull .mf-head .aside .lead{font-size:20px;line-height:1.5;max-width:none;text-align:left}
.s-mockfull .mf-head .aside .bullets{margin:0;gap:10px}
.s-mockfull .mf-head .aside .bullets li{font-size:17px;line-height:1.4;grid-template-columns:32px 1fr;gap:12px}
.s-mockfull .mf-head .aside .bullets li i{width:32px;height:32px;font-size:13px;border-radius:9px}
/* vùng mock */
.s-mockfull .mf-mock{position:absolute;left:var(--pad);right:var(--pad);top:260px;bottom:60px;z-index:2}
.s-mockfull .mf-mock .mock.bare{position:absolute;inset:0}
.s-mockfull .mf-mock .mock.bare .panes{inset:0}
.s-mockfull .mf-mock .mock.bare .pane iframe{position:absolute;inset:0;width:100%;height:100%}
/* khung nền mờ tuỳ chọn cho mock nền trong suốt (biểu đồ, sơ đồ) */
.s-mockfull.framed .mf-mock{background:rgba(3,10,26,.35);border:1px solid var(--line);border-radius:20px}
.s-mockfull.framed .mf-mock .mock.bare{inset:16px 24px}
/* biến thể .side: chữ cột trái 420px, mock bên phải, cao toàn khổ */
.s-mockfull.side .mf-head{right:auto;width:420px;max-height:none;bottom:60px;flex-direction:column;justify-content:flex-start;gap:26px}
.s-mockfull.side .mf-head .hl{flex:0 0 auto;max-width:420px}
.s-mockfull.side .mf-head h1{font-size:38px;max-height:calc(3 * 1.15em)}
.s-mockfull.side .mf-head .aside{flex:0 0 auto;max-width:420px;padding-top:0}
/* mock bắt đầu dưới logo góc phải (logo 60px đến 100px) */
.s-mockfull.side .mf-mock{left:calc(var(--pad) + 420px + 60px);top:124px}
/* dấu bước ẩn: chỉ để engine đếm số bước cho mock nhiều bước (mockfull.js đẩy bước vào iframe) */
.s-mockfull .stepmark{display:none!important}
/* dòng ghi nguồn nằm dưới vùng mock */
.s-mockfull .p4-credit{bottom:18px}