/* التجربة الثانية — محصور بالمقدمة والخدمة والولاء، دون قواعد لواجهات التشغيل. */
#app.wrap:has(.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"])){max-width:1600px}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]){--ink:#103b4a;--teal:#008b9b;--gold:#c69c49;--paper:#f8faf9;background:radial-gradient(ellipse at 1% 96%,#91dce049,transparent 43%),radial-gradient(ellipse at 99% 0,#eddab647,transparent 36%),linear-gradient(125deg,#f5fbfd,#fff 60%,#faf7ee);border:1px solid #c9e0e2;border-radius:20px;padding:calc(30px * var(--fs)) calc(38px * var(--fs));box-shadow:0 16px 50px #0b415412;position:relative;isolation:isolate;overflow:hidden;color:var(--ink)}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"])::before{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#16889a22 .8px,transparent .8px);background-size:18px 18px;mask-image:linear-gradient(135deg,#000,transparent 38%);pointer-events:none}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"])::after{content:'';position:absolute;z-index:-1;left:-100px;bottom:-230px;width:580px;height:580px;border:1px solid #118b9922;border-radius:50%;box-shadow:0 0 0 42px #0b97a507,0 0 0 84px #0b97a505;pointer-events:none}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .sin{max-height:100%;min-height:0;overflow:auto;scrollbar-width:thin}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .k{font-size:calc(32px * var(--fs));font-weight:800;line-height:1.35;color:#084a60;border:0;border-right:5px solid #00a1ad;padding:0 16px 0 0;margin:0 0 calc(12px * var(--fs));letter-spacing:-.4px}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .k::before{content:'02 / الخدمة والولاء';display:block;font-size:calc(11px * var(--fs));font-weight:500;letter-spacing:1px;color:#6c8a91;margin-bottom:5px}
.slide[data-ax="0"] .k::before{content:'01 / المقدمة'}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .ask{font-size:calc(17px * var(--fs));line-height:1.6;color:#567980;padding:0 20px 0 0;margin:0 0 calc(18px * var(--fs));font-weight:500}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .ask svg{display:none}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .split{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:calc(30px * var(--fs))}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .txt>.li{font-size:calc(20px * var(--fs));line-height:1.78;margin:calc(10px * var(--fs)) 0;gap:9px;color:#244957}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .txt>.li svg{flex-shrink:0;width:9px;margin-top:9px;color:#08a3ac}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .shd{background:linear-gradient(120deg,#e9f3f3,#f7efdde8);border:1px solid #c5dbd9;border-right:3px solid #c49c50;border-radius:12px;padding:calc(12px * var(--fs)) calc(16px * var(--fs));margin-top:calc(16px * var(--fs))}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .shdt{font-size:calc(11px * var(--fs));font-weight:700;color:#8a6630;margin-bottom:5px}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .shd .li{font-size:calc(15.5px * var(--fs));line-height:1.65;margin:4px 0;color:#52605b}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .shd svg{display:none}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .big{font-size:calc(35px * var(--fs));line-height:1.1;color:#067d8c;margin:0 0 12px;font-variant-numeric:tabular-nums}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .src{font-size:10px;line-height:1.45;color:#75877c;margin:9px 0 0}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .fg{min-width:0;margin:0}
.art{position:relative;isolation:isolate;font-family:var(--body);color:#124353;text-align:center;margin:auto;max-width:650px;width:100%;padding:calc(14px * var(--fs)) 0}
.art-label{font-size:calc(13px * var(--fs));font-weight:700;color:#528291;margin-bottom:calc(22px * var(--fs));letter-spacing:.1px}
.art-foot{font-size:calc(12px * var(--fs));line-height:1.65;margin-top:calc(18px * var(--fs));color:#6b8386}
.art b{display:block;font-size:calc(21px * var(--fs));line-height:1.4}
.art small{display:block;font-size:calc(13px * var(--fs));line-height:1.55;color:#67848a;margin-top:6px}
.art-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(56px * var(--fs));height:calc(56px * var(--fs));border-radius:18px;background:linear-gradient(145deg,#fff,#d1eff0);color:#048392;box-shadow:0 7px 15px #076d831b,inset 0 1px 1px white;border:1px solid #c0e4e5;flex-shrink:0}
.art-icon.gold{background:linear-gradient(145deg,#fff7d9,#dec083);border-color:#d6bb80;color:#956d20}
.slide .fg .art svg{width:calc(28px * var(--fs));height:calc(28px * var(--fs));max-height:none!important;max-width:none}
.art-source{border-top:1px solid #ccdad5;padding:8px 4px 0;margin-top:8px;font-size:10px;line-height:1.5;color:#7a693d;display:flex;gap:12px;align-items:start;justify-content:space-between;text-align:right}
.art-source a{color:#2c7a83;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.art-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(15px * var(--fs))}
.art-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.art-card{border-radius:18px;padding:calc(22px * var(--fs)) calc(12px * var(--fs));background:linear-gradient(145deg,#fff,#e8f5f5);border:1px solid #c7e3e5;box-shadow:0 8px 18px #19647809;min-width:0}
.art-card .art-icon{margin-bottom:calc(16px * var(--fs))}
.tone-1{background:linear-gradient(145deg,#fffdf7,#f5ecd5);border-color:#e5d5b1}.tone-2{background:linear-gradient(145deg,#fff,#e9effb);border-color:#d7e0f1}.tone-3{background:linear-gradient(145deg,#fff,#e8f3e8);border-color:#d2e4ce}
.art-card b{font-size:calc(19px * var(--fs))}
.art-ribbon,.art-foundation{background:linear-gradient(90deg,#07526a,#07949e);padding:calc(13px * var(--fs));border-radius:10px;color:#fff;font-size:calc(15px * var(--fs));margin-top:calc(20px * var(--fs));line-height:1.6;box-shadow:0 6px 14px #07526a19}
.art-photo{height:calc(230px * var(--fs));overflow:hidden;border-radius:24px;position:relative;margin-bottom:calc(18px * var(--fs));background:#073d49;box-shadow:0 10px 25px #0a485e1a}
.art-photo img{width:100%;height:100%;object-fit:cover;display:block;max-height:none!important;border-radius:0!important}
.photo-caption{position:absolute;right:20px;top:24px;text-align:right;color:#f4e6c2;font-size:calc(20px * var(--fs));line-height:1.6;text-shadow:0 2px 10px #0008}.photo-caption strong{font-size:calc(26px * var(--fs));color:white}
.art-promise .art-card{padding:calc(13px * var(--fs)) 10px}.art-promise .art-icon{width:calc(40px * var(--fs));height:calc(40px * var(--fs));border-radius:13px;margin-bottom:9px}.art-promise .art-card b{font-size:calc(16px * var(--fs))}
.art-promise .art-card small{font-size:calc(12px * var(--fs))}
.art-measure{padding:calc(32px * var(--fs));border-radius:28px;background:linear-gradient(150deg,#e5f6f7,#fff,#f3e7cc);border:1px solid #c3dfdf}.art-measure>.art-icon{width:90px;height:90px;border-radius:50%;margin-bottom:30px}.measure-line{display:flex;align-items:center;gap:15px;color:#648791;font-size:calc(15px * var(--fs))}.measure-line i{height:4px;background:linear-gradient(90deg,#dab464,#0393a5);flex:1}.measure-heads{display:flex;justify-content:space-between;gap:20px;margin-top:14px}.measure-heads b{font-size:calc(22px * var(--fs))}
.art-intro-clock{border-radius:50%;width:calc(190px * var(--fs));height:calc(190px * var(--fs));margin:0 auto calc(24px * var(--fs));background:linear-gradient(135deg,#073c52,#008f9c);color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 0 9px #c7e6e5,0 0 0 10px #fff,0 16px 30px #063b5026}.art-intro-clock strong{font-size:calc(80px * var(--fs));line-height:1.1;font-weight:600}.art-intro-clock span{font-size:calc(13px * var(--fs));color:#d4ebde}
.art-hope-light{height:calc(140px * var(--fs));display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#ffeabbcc,transparent 68%);margin-bottom:12px}.slide .fg .art-hope-light svg{width:calc(70px * var(--fs));height:calc(70px * var(--fs));color:#ba8b2a}.art-hope-light span{font-size:calc(17px * var(--fs));color:#9a783e}
.art-timecards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.art-timecards>div{background:#e3ecee;padding:calc(20px * var(--fs)) 8px;border-radius:18px;border:1px solid #d0dfe2}.art-timecards b{font-size:calc(48px * var(--fs));font-weight:600}.art-timecards span{font-size:calc(16px * var(--fs))}.art-timecards .highlight{background:linear-gradient(140deg,#07546c,#009a9e);color:#fff;transform:translateY(-10px);box-shadow:0 15px 25px #0b69722b}.art-timecards .highlight small{color:#daeee4}
.learning-levels{display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--fs))}.learning-levels>div{width:calc(44% + var(--i)*11%);background:color-mix(in srgb,#006f87 calc(100% - var(--i)*12%),#ddf1e3);border-radius:7px 7px 13px 13px;display:flex;align-items:center;justify-content:center;gap:20px;padding:calc(12px * var(--fs));color:white;box-shadow:0 4px 0 #044d6614}.learning-levels>div:nth-child(n+4){color:#164d57}.learning-levels strong{font-size:calc(26px * var(--fs));min-width:68px}.learning-levels span{font-size:calc(16px * var(--fs))}
.art-stairs{height:calc(320px * var(--fs));display:flex;gap:10px;align-items:flex-end;direction:rtl}.art-stairs>div{height:calc(42% + var(--i)*19%);flex:1;background:linear-gradient(145deg,#078b9e,#063f56);border-radius:16px 16px 3px 3px;padding:calc(16px * var(--fs)) 5px;display:flex;flex-direction:column;justify-content:center;color:white;box-shadow:5px 6px 0 #aed5d8;direction:rtl}.art-stairs>div:nth-child(4){background:linear-gradient(145deg,#e3c582,#b88736);color:#503c1b}.art-stairs span{font-size:calc(11px * var(--fs));opacity:.7;margin-bottom:16px}.art-stairs small{color:inherit;opacity:.8}.art-stairs b{font-size:calc(23px * var(--fs))}
.pareto-diagram{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:8px;background:#fff9;border:1px solid #d1e3de;border-radius:24px;padding:calc(24px * var(--fs))}.pareto-dots{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(10px * var(--fs));direction:ltr}.pareto-dots i{width:calc(38px * var(--fs));height:calc(38px * var(--fs));border-radius:10px;background:#dfebe9;border:1px solid #cbdedb}.pareto-dots .lit{background:linear-gradient(145deg,#f4db99,#bb8831);box-shadow:0 3px 6px #96702627}.pareto-big{font-size:calc(68px * var(--fs));font-weight:700;color:#087f91;line-height:1}.pareto-big span{font-size:calc(32px * var(--fs))}.pareto-arrow{font-size:calc(32px * var(--fs));color:#ba994e}.art-pareto-labels{display:flex;justify-content:space-around;margin-top:20px}.art-pareto-labels b{font-size:calc(17px * var(--fs))}
.art-sequence{display:flex;flex-direction:column;gap:calc(13px * var(--fs));text-align:right;position:relative}.art-sequence:before{content:'';position:absolute;right:calc(27px * var(--fs));width:2px;top:22px;bottom:22px;background:linear-gradient(#0da4b0,#d9b260);z-index:-1}.art-stop{display:flex;align-items:center;gap:calc(17px * var(--fs))}.art-stop>span{width:calc(55px * var(--fs));height:calc(55px * var(--fs));border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#daeff0);border:1px solid #aacfd3;color:#0a788b;font-size:calc(19px * var(--fs));font-weight:700;box-shadow:0 4px 10px #0a596314;flex-shrink:0}.art-stop:last-child>span{background:linear-gradient(135deg,#f8e7b6,#d9b56c);color:#886321;border-color:#d9c08f}.art-stop b{font-size:calc(19px * var(--fs))}.art-stop small{font-size:calc(12px * var(--fs));margin-top:1px}.art-sequence.journey{gap:calc(10px * var(--fs))}.journey .art-stop>span{width:calc(46px * var(--fs));height:calc(46px * var(--fs))}.journey.art-sequence:before{right:calc(22px * var(--fs))}
.art-duality{display:grid;grid-template-columns:1fr 1fr;gap:18px}.art-duality>div{background:linear-gradient(145deg,#f9ffff,#cfe8ea);border-radius:70px 70px 20px 20px;border:1px solid #b7dade;padding:calc(38px * var(--fs)) 12px calc(28px * var(--fs))}.art-duality>div:last-child{background:linear-gradient(145deg,#fffdf7,#ebd5a5);border-color:#dfc58a}.art-duality b{font-size:calc(26px * var(--fs));margin-top:20px}.art-duality span:not(.art-icon){display:block;font-size:calc(16px * var(--fs));margin-top:8px}.compact>div{padding:18px 9px;border-radius:18px}.compact b{font-size:calc(18px * var(--fs));margin-top:9px}.compact span:not(.art-icon){font-size:calc(12px * var(--fs))}.trust-photo{height:calc(250px * var(--fs))}
.art-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(12px * var(--fs));align-items:stretch}.pillar{position:relative;padding:calc(25px * var(--fs)) 10px calc(24px * var(--fs));border-radius:60px 60px 14px 14px;background:linear-gradient(160deg,#0095a5,#064e67);color:white;border:1px solid #2da5af;box-shadow:0 12px 20px #00537020}.pillar.p1{background:linear-gradient(160deg,#e0c079,#b0883d);border-color:#ddc38a;color:#453717}.pillar.p2{background:linear-gradient(160deg,#377c91,#09344d);border-color:#4e8d9c}.pillar-letter{font-size:calc(60px * var(--fs));font-weight:800;line-height:1;display:block;color:#ffffffd9;margin:0 0 18px}.pillar.p1 .pillar-letter{color:#705222}.pillar .art-icon{width:calc(42px * var(--fs));height:calc(42px * var(--fs));border-radius:50%;margin-bottom:16px;background:#ffffff1c;border-color:#ffffff40;box-shadow:none;color:inherit}.pillar b{font-size:calc(23px * var(--fs))}.pillar small{color:inherit;opacity:.85;font-size:calc(13px * var(--fs));line-height:1.8}.art-foundation{margin-top:10px;background:#fff;border:1px solid #cee0dc;color:#426977}
.art-equation{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:12px;direction:ltr}.art-equation>div{padding:calc(24px * var(--fs)) 9px;border:1px solid #bcd8df;border-radius:18px;background:#fff;direction:rtl}.art-equation span{display:block;font-size:calc(14px * var(--fs));color:#68848a}.art-equation strong{display:block;font-size:calc(42px * var(--fs));font-weight:600;color:#077e90;margin-top:13px;direction:ltr}.art-equation i{font-size:34px;color:#bb9550;font-style:normal}.art-equation .equation-result{grid-column:1/-1;background:linear-gradient(120deg,#073d56,#008c99);color:white;border:0;box-shadow:0 10px 24px #0a607023}.equation-result strong{font-size:calc(68px * var(--fs));color:#ffdf99}.equation-result span{color:#d3e8e8}
.art-arena{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:8px;background:radial-gradient(ellipse,#0a8fa125,#fff0 65%);padding:20px 0}.arena-team{padding:calc(24px * var(--fs)) 12px;border-radius:24px;background:linear-gradient(145deg,#07516b,#059ba7);color:white;box-shadow:0 12px 20px #0a748327}.arena-team.other{background:linear-gradient(145deg,#ddb96d,#b0883e)}.arena-team b{font-size:calc(70px * var(--fs));margin:15px 0 0;line-height:1}.arena-team>span:not(.art-icon){font-size:calc(15px * var(--fs));display:block;margin-top:12px}.arena-team .art-icon{background:#fff2;color:white;border-color:#fff5;box-shadow:none}.arena-cross{color:#b79448}
.needs-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:calc(24px * var(--fs)) calc(18px * var(--fs));padding:10px 0;min-height:calc(425px * var(--fs))}
.slide .fg .art svg.needs-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:url(#need-line);stroke-width:2;fill:none;opacity:.8}
.needs-core{grid-area:2/2;border-radius:50%;background:radial-gradient(circle at 40% 20%,#31b5c1,#00697c 70%);box-shadow:0 0 0 7px #c2e7e8,0 0 0 8px white,0 9px 25px #00617a33;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;aspect-ratio:1;margin:auto;width:100%;max-width:calc(150px * var(--fs))}.needs-core .art-icon{background:none;border:0;box-shadow:none;color:#e0faff;width:42px;height:42px;margin-bottom:5px}.needs-core b{font-size:calc(23px * var(--fs))}.needs-core small{font-size:calc(10px * var(--fs));color:#c5f1e9;margin:2px 0 0}
.need-node{padding:calc(13px * var(--fs)) 5px;border-radius:18px;background:linear-gradient(140deg,#fff,#e2f3f3);border:1px solid #bddde0;box-shadow:0 8px 16px #0655670b;display:flex;flex-direction:column;align-items:center;justify-content:center}.need-node .art-icon{width:calc(45px * var(--fs));height:calc(45px * var(--fs));border-radius:50%;margin-bottom:8px}.need-node.tone-1{background:linear-gradient(140deg,#fff,#f2e6ca);border-color:#e2cca0}.need-node.tone-2{background:linear-gradient(140deg,#fff,#e6edf8);border-color:#d1ddec}.need-node.tone-3{background:linear-gradient(140deg,#fff,#e4efdc);border-color:#cfe0c7}.need-node b{font-size:calc(17px * var(--fs));white-space:nowrap}.need-node small{font-size:calc(11px * var(--fs));margin-top:3px}
.slide:has(.art-needs) .split{grid-template-columns:1fr 1.3fr;gap:calc(26px * var(--fs))}.slide:has(.art-needs) .txt>.li{font-size:calc(19px * var(--fs));line-height:1.8}
.art-behaviors{display:grid;grid-template-columns:1fr 1fr;gap:calc(12px * var(--fs));text-align:right}.art-behaviors>div{background:#ffffffb0;border:1px solid #c9e1e3;border-radius:16px;padding:calc(14px * var(--fs));display:grid;grid-template-columns:calc(38px * var(--fs)) 1fr;gap:3px 9px}.art-behaviors .art-icon{grid-row:1/3;width:calc(36px * var(--fs));height:calc(36px * var(--fs));border-radius:12px}.slide .art-behaviors svg{width:calc(21px * var(--fs));height:calc(21px * var(--fs))}.art-behaviors b{font-size:calc(15px * var(--fs))}.art-behaviors span:not(.art-icon){font-size:calc(11px * var(--fs));line-height:1.6;color:#64818a}
.channel-person{display:flex;flex-direction:column;align-items:center;margin:0 0 calc(25px * var(--fs));position:relative}.channel-person::after{content:'';position:absolute;top:100%;height:22px;width:1px;background:#abcfd4}.channel-person b{margin-top:9px}.art-channels .art-card{padding:calc(24px * var(--fs)) 8px}.art-channels .art-card b{font-size:calc(17px * var(--fs))}
.art-ring{--ring:#0595a5;width:calc(255px * var(--fs));height:calc(255px * var(--fs));border-radius:50%;padding:calc(18px * var(--fs));background:conic-gradient(from 0deg,var(--ring) calc(var(--value)*1%),#ccdddf 0);margin:auto;box-shadow:0 0 0 7px #ffffff8c,0 20px 35px #074c6517;transform:rotate(-90deg)}.art-ring.gold{--ring:#cfa952}.art-ring>div{width:100%;height:100%;background:linear-gradient(145deg,#fff,#e6f2f2);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg);padding:12px;box-shadow:inset 0 0 15px #20778d0c}.art-ring strong{font-size:calc(73px * var(--fs));font-weight:700;color:#086c83;line-height:1.1;letter-spacing:-3px}.art-ring em{font-style:normal;font-size:calc(30px * var(--fs));letter-spacing:0}.art-ring span{font-size:calc(14px * var(--fs));max-width:13ch;color:#426d76;line-height:1.6;margin-top:9px}.art-people{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:calc(28px * var(--fs));color:#9fbab6}.art-people .art-icon{border-radius:50%;width:calc(44px * var(--fs));height:calc(44px * var(--fs))}.art-stat-caption{font-size:calc(23px * var(--fs));font-weight:700;margin-top:30px;color:#166a7e}
.expect-roof{background:linear-gradient(100deg,#07455d,#0a95a2);color:#fff;border-radius:50% 50% 10px 10px;padding:calc(24px * var(--fs)) 15px calc(16px * var(--fs));font-size:calc(24px * var(--fs));font-weight:700;margin-bottom:16px;box-shadow:0 8px 20px #064b6517}.art-expectation .art-card{padding:calc(20px * var(--fs)) 8px}.art-expectation .art-card b{font-size:calc(16px * var(--fs))}.expect-promise{display:flex;align-items:center;justify-content:center;gap:18px;background:#f4e6c7;border:1px solid #dfc18a;border-radius:16px;padding:15px;margin-top:16px;text-align:right}.expect-promise b{font-size:calc(20px * var(--fs))}.expect-promise small{margin-top:4px;font-size:calc(13px * var(--fs));color:#977b44}
.farewell-note{background:#f1e5c9;border-right:3px solid #b9944d;padding:calc(15px * var(--fs));text-align:right;border-radius:9px;margin-top:calc(24px * var(--fs))}.farewell-note b{font-size:calc(22px * var(--fs));color:#947239}.farewell-note span{font-size:calc(12px * var(--fs));color:#7e795e}
.loyalty-coins{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:10px;padding:calc(20px * var(--fs)) 0}.loyalty-coin{aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#fff6d8,#deb964 60%,#b18535);border:2px solid #d1a853;box-shadow:inset 0 0 0 7px #fae7aa,inset 0 0 0 9px #c69c49,0 12px 20px #8e783923;color:#7e5d27;padding:14px}.loyalty-coin.teal{background:radial-gradient(circle at 30% 20%,#dbffff,#5bafba 60%,#19697f);border-color:#5d9eac;box-shadow:inset 0 0 0 7px #bbe7e8,inset 0 0 0 9px #529caa,0 12px 20px #16526921;color:#0e4e62}.loyalty-coin b{font-size:calc(17px * var(--fs));margin:12px 0 8px}.loyalty-coin span{font-size:calc(12px * var(--fs));line-height:1.6}.slide .loyalty-coin svg{width:calc(40px * var(--fs));height:calc(40px * var(--fs))}.coin-join{color:#a59877;font-size:25px}
.spend-chart{display:flex;direction:rtl;align-items:end;gap:calc(30px * var(--fs));height:calc(300px * var(--fs));padding:0 calc(35px * var(--fs));border-bottom:2px solid #a9c4c7}.spend-chart>div{height:100%;flex:1;display:flex;align-items:end}.spend-chart>div>div{width:100%;background:linear-gradient(90deg,#a4c4cc,#d6e5e7);border-radius:16px 16px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px}.spend-chart .repeat{background:linear-gradient(100deg,#007e96,#19a7ae);color:#fff;box-shadow:8px 0 0 #056077}.spend-chart strong{font-size:calc(40px * var(--fs));direction:ltr;margin-bottom:15px}.spend-chart span{font-size:calc(14px * var(--fs));line-height:1.6}
.contribution{display:flex;align-items:center;gap:16px}.contribution .art-ring{width:calc(195px * var(--fs));height:calc(195px * var(--fs));padding:calc(14px * var(--fs))}.contribution .art-ring strong{font-size:calc(52px * var(--fs))}.contribution-arrow{font-size:30px;color:#ba974e}.contribution-value{flex:1;background:linear-gradient(120deg,#f2e6c6,#dfc388);border-radius:18px;padding:calc(28px * var(--fs)) 12px}.contribution-value b{font-size:calc(34px * var(--fs));color:#78571a;white-space:nowrap}.contribution-value span{font-size:calc(16px * var(--fs));color:#7f6f49}
.communication-visual{position:relative;padding:calc(25px * var(--fs)) 0}.communication-visual>.art-icon{position:absolute;right:14%;top:10px;transform:rotate(12deg);z-index:1}
.switch-stats{display:grid;grid-template-columns:1fr;gap:calc(18px * var(--fs));text-align:right}.switch-stats>div{display:grid;grid-template-columns:90px 1fr;align-items:center;border:1px solid #c5dfe0;border-radius:15px;padding:calc(16px * var(--fs));background:#fff8;gap:3px 12px}.switch-stats strong{font-size:calc(37px * var(--fs));color:#058296;direction:ltr}.switch-stats em{font-size:18px;font-style:normal}.switch-stats span{font-size:calc(16px * var(--fs))}.switch-stats i{display:block;height:7px;grid-column:1/-1;background:linear-gradient(to left,#0896a6 var(--bar),#e0eaeb 0);border-radius:6px}
.churn-chart{text-align:right;display:grid;gap:calc(11px * var(--fs))}.churn-chart>div{display:grid;grid-template-columns:1fr 55px;gap:4px 10px;align-items:center}.churn-chart label{font-size:calc(14px * var(--fs));color:#456b77}.churn-chart strong{font-size:calc(25px * var(--fs));color:#057b91;text-align:left;direction:ltr}.churn-track{grid-column:1/-1;background:#dbeaec;border-radius:6px;height:calc(13px * var(--fs));overflow:hidden}.churn-track i{display:block;height:100%;background:linear-gradient(90deg,#11adba,#006982);border-radius:6px}.churn-chart>div:first-child .churn-track{height:calc(20px * var(--fs))}.churn-chart>div:first-child strong{font-size:calc(34px * var(--fs));color:#936d22}.churn-chart>div:first-child i{background:linear-gradient(90deg,#e1c079,#b28732)}
.balance-visual{position:relative;margin-bottom:30px}.balance-visual .art-ring{width:calc(280px * var(--fs));height:calc(280px * var(--fs))}.balance-deal{position:absolute;bottom:0;left:3%;border-radius:18px;padding:calc(17px * var(--fs));background:#07475d;color:white;box-shadow:0 10px 20px #03425933;min-width:calc(110px * var(--fs))}.balance-deal strong{font-size:calc(36px * var(--fs));display:block}.balance-deal span{font-size:calc(15px * var(--fs));color:#d5e6e9}
/* توزيعات متنوعة: ملخص جانبي، رسم محوري، ولوحة نشاط أفقية. */
.slide:has(.art-agreement) .split,.slide:has(.art-channels) .split{display:flex;flex-direction:column;gap:calc(24px * var(--fs))}.slide:has(.art-agreement) .txt,.slide:has(.art-channels) .txt{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;width:100%}.slide:has(.art-agreement) .txt>.li:first-child{grid-column:1/-1}.slide:has(.art-channels) .txt .shd{grid-column:1/-1}.slide:has(.art-agreement) .fg,.slide:has(.art-channels) .fg{width:100%}.slide:has(.art-agreement) .art,.slide:has(.art-channels) .art{max-width:1000px}.slide:has(.art-agreement) .art-label,.slide:has(.art-channels) .channel-person{display:none}.slide:has(.art-channels) .art-card{display:grid;grid-template-columns:60px 1fr;align-items:center;text-align:right;gap:0 14px}.slide:has(.art-channels) .art-card .art-icon{grid-row:1/3;margin:0}.slide:has(.art-channels) .art-card small{margin:0}
.slide:has(.art-intro) .art{max-width:950px}.slide:has(.art-intro) .fg{width:100%}.slide:has(.art-intro) .art-label{display:none}.slide:has(.art-intro) .art-intro-clock{width:calc(150px * var(--fs));height:calc(150px * var(--fs));margin-top:20px}
.slide:has(.art-stat,.art-communication,.art-balance){background:radial-gradient(ellipse at 5% 90%,#14778b88,transparent 70%),linear-gradient(125deg,#062d43,#064455);border-color:#13546c}.slide:has(.art-stat,.art-communication,.art-balance) .k{color:#f4fbfd;border-color:#e0bc70}.slide:has(.art-stat,.art-communication,.art-balance) .k::before,.slide:has(.art-stat,.art-communication,.art-balance) .ask{color:#a7c6cf}.slide:has(.art-stat,.art-communication,.art-balance) .txt>.li{color:#e0eff1}.slide:has(.art-stat,.art-communication,.art-balance) .big{color:#f0d18f}.slide:has(.art-stat,.art-communication,.art-balance) .art-label,.slide:has(.art-stat,.art-communication,.art-balance) .art-foot,.slide:has(.art-stat,.art-communication,.art-balance) .src,.slide:has(.art-stat,.art-communication,.art-balance) .art-stat-caption{color:#c8e1e4}.slide:has(.art-stat,.art-communication,.art-balance) .art-source{color:#e9d5aa;border-color:#497280}.slide:has(.art-stat,.art-communication,.art-balance) .art-source a{color:#abdae5}
.slide[data-ax="1"].door-wrap{padding:0;background:#073d49 url('asset/trust-bridge-v2.png') center/cover;border-radius:20px}.slide[data-ax="1"].door-wrap::before{background:linear-gradient(270deg,#062b42e8,#062b4270 52%,transparent);mask-image:none}.slide[data-ax="1"].door-wrap .door{background:none;box-shadow:none;border:0;align-items:flex-start;text-align:right;padding:calc(70px * var(--fs));color:white}.slide[data-ax="1"].door-wrap .door::after{display:none}.slide[data-ax="1"].door-wrap .dn{color:#e6c47e}.slide[data-ax="1"].door-wrap .dt{font-size:calc(70px * var(--fs));max-width:10ch;line-height:1.35;color:white}.slide[data-ax="1"].door-wrap .dp{color:#cee5e8;max-width:30ch}.slide[data-ax="1"].door-wrap .dmeta{color:#e2c78e}
@media(max-width:900px){.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]){height:auto!important;min-height:100vh;overflow:visible;padding:24px}.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .split{grid-template-columns:1fr!important;gap:22px}.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .sin{overflow:visible;max-height:none}.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .k{font-size:25px}.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .txt>.li{font-size:18px}.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .shd .li{font-size:15px}.art{--fs:.85;max-width:580px}.slide:has(.art-channels) .txt,.slide:has(.art-agreement) .txt{display:block}.slide:has(.art-channels) .art-card{display:block;text-align:center}.slide:has(.art-channels) .art-card .art-icon{margin-bottom:12px}.needs-map{gap:12px 7px;min-height:360px}.need-node b{font-size:13px}.need-node small{font-size:10px}.needs-core{max-width:100px}.art-source{flex-wrap:wrap}.art-cards.three{gap:8px}.art-card{padding:15px 7px}.art-card b{font-size:15px}.art-card small{font-size:11px}.contribution{flex-wrap:wrap;justify-content:center}.contribution-value{flex:0 1 auto}.pareto-diagram{padding:20px}.loyalty-coin b{font-size:13px}.loyalty-coin span{font-size:10px}.art-pillars{gap:8px}.pillar{padding:20px 7px}.pillar b{font-size:18px}.pillar small{font-size:11px}.slide[data-ax="1"].door-wrap .door{padding:40px}.slide[data-ax="1"].door-wrap .dt{font-size:48px}}
@media(prefers-reduced-motion:no-preference){.art-icon{transition:transform .25s ease,box-shadow .25s ease}.need-node:hover .art-icon,.art-card:hover .art-icon{transform:translateY(-3px);box-shadow:0 10px 20px #05738d28}}

/* الجولة الثالثة: صور مباشرة الصلة بالمحتوى وشروح قابلة للتحرير. */
.slide .fg .sales-photo{height:calc(265px * var(--fs));border:1px solid #c4dfe1}
.slide .fg .sales-photo img{object-position:center top}
.sales-caption{position:absolute;bottom:0;left:0;right:0;padding:15px 12px 12px;background:linear-gradient(transparent,#06394bea 45%);font-size:calc(18px * var(--fs));line-height:1.7;color:white;text-align:center}
.firstlook-picture{position:relative;height:calc(425px * var(--fs));max-width:520px;overflow:hidden;border:1px solid #c4dfe0;border-radius:24px;background:linear-gradient(120deg,#ecf6f6,#fffaf0);margin:auto;box-shadow:0 12px 25px #12556a12}
.slide .fg .firstlook-picture img{width:100%;height:100%;object-fit:contain;object-position:center;max-height:none!important;border-radius:0}
.look-label{position:absolute;background:#fffffff0;border:1px solid #bedbdc;border-radius:20px;padding:calc(6px * var(--fs)) calc(11px * var(--fs));font-size:calc(13px * var(--fs));font-weight:600;color:#164b5d;box-shadow:0 3px 10px #13465813;line-height:1.4;white-space:nowrap;max-width:48%}
.look-label:before{content:'•';color:#b18c42;margin-left:6px}
.look-greeting{top:8%;right:3%}.look-eye{top:23%;left:3%}.look-smile{top:29%;right:3%}.look-dress{top:52%;left:3%}.look-hand{top:72%;left:3%}.look-body{top:79%;right:3%}
.look-confidence{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#075167ed,#018d97e8);padding:calc(10px * var(--fs));color:white;font-size:calc(14px * var(--fs));font-weight:600}
.look-channels{display:flex;justify-content:center;gap:8px;margin-top:12px;flex-wrap:wrap}.look-channels span{padding:5px 12px;border:1px solid #c5dbdf;background:#fff9;border-radius:8px;font-size:calc(12px * var(--fs));color:#547a85}
.appearance-photo{height:calc(290px * var(--fs));border:1px solid #c8dedb;border-radius:22px;overflow:hidden;background:#ebf1ef;box-shadow:0 10px 25px #164f5c12}
.slide .fg .appearance-photo img{width:100%;height:100%;object-fit:cover;max-height:none!important;border-radius:0;object-position:center top}
.appearance-caption{font-size:calc(13px * var(--fs));color:#6a8183;margin:12px 0 18px}
.slide:has(.art-firstlook) .split{grid-template-columns:1.12fr 1fr;gap:calc(30px * var(--fs))}
.learning-levels{width:100%;padding:0 10px;box-sizing:border-box}.learning-levels>div{box-sizing:border-box;min-width:185px;gap:16px}.learning-levels strong{min-width:55px;direction:ltr}.learning-levels span{white-space:nowrap}
.pareto-diagram{width:100%;box-sizing:border-box}.art-pareto-labels{gap:12px}.art-pareto-labels b{flex:1;text-align:center}.pareto-big{white-space:nowrap;direction:ltr}
@media(max-width:900px){.slide:has(.art-firstlook) .split{grid-template-columns:1fr}.look-label{font-size:11px;padding:5px 7px}.look-label:before{margin-left:3px}.firstlook-picture{height:390px}.appearance-photo{height:auto;aspect-ratio:3/2}.learning-levels>div{min-width:170px}.pareto-diagram{padding:16px 12px}.pareto-big{font-size:calc(62px * var(--fs))}.art-pareto-labels b{font-size:13px}}

/* ── رسوم مصوّرة عامّة (pfig) ── */
.pfig{position:relative;height:calc(360px * var(--fs));max-width:560px;overflow:hidden;border-radius:24px;margin:auto;border:1px solid #cfe0e2;background:linear-gradient(120deg,#eef6f6,#fffaf2);box-shadow:0 12px 25px #12556a14}
.pfig.maroon{border-color:#e2cccc;background:linear-gradient(120deg,#f8eeee,#fffaf3);box-shadow:0 12px 25px #6a121214}
.pfig img,.slide .fg .pfig img{width:100%;height:100%;object-fit:cover;object-position:center;max-height:none!important;border-radius:0}
.pfig-say{position:absolute;background:linear-gradient(145deg,#fff6d8,#e9cd86);border:1px solid #c9a44f;border-radius:22px;padding:calc(9px * var(--fs)) calc(16px * var(--fs));font-size:calc(17px * var(--fs));font-weight:800;color:#5b4410;box-shadow:0 6px 16px #6a4a1226;white-space:nowrap;z-index:3}
.pfig-note{position:absolute;background:#fffffff2;border:1px solid #cfe0e2;border-radius:20px;padding:calc(6px * var(--fs)) calc(12px * var(--fs));font-size:calc(13px * var(--fs));font-weight:600;color:#17505f;box-shadow:0 3px 10px #13465818;white-space:nowrap;z-index:3;max-width:46%}
.pfig.maroon .pfig-note{border-color:#e2cccc;color:#5d2a2e;box-shadow:0 3px 10px #45131318}
.pfig-note:before{content:'\2022';color:#b18c42;margin-left:6px}
.p-tr{top:7%;right:4%}.p-tl{top:7%;left:4%}
.p-mr{top:42%;right:4%}.p-ml{top:42%;left:4%}
.p-bl2{top:56%;left:4%}.p-br2{top:56%;right:4%}
.p-bl{top:70%;left:4%}.p-br{top:70%;right:4%}
.pfig-strip{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#075167ed,#018d97e8);padding:calc(10px * var(--fs));color:#fff;font-size:calc(14px * var(--fs));font-weight:700;z-index:2}
.pfig.maroon .pfig-strip{background:linear-gradient(90deg,#5d1f24ed,#a44d50e8)}



/* ── المحطة ١ و٢: العنوان العلوي الخاص بها ── */
.slide[data-ax="13"] .k::before{content:'المحطة ١ و٢ / Restart والانطباع الأوّل'}

/* ── خارطة النموذج بطبقتين: محطاتٌ ومرافقات ── */
.jmap{display:grid;gap:calc(9px * var(--fs))}
.jmap-edge{display:flex;align-items:center;justify-content:center;gap:calc(9px * var(--fs));padding:calc(7px * var(--fs)) calc(10px * var(--fs));border-radius:10px;background:linear-gradient(150deg,#f3f7f6,#e8efed);border:1px dashed #b9cfcb}
.jmap-edge b{font-size:calc(12.5px * var(--fs));font-weight:800;color:#5c7a7a}
.jmap-edge span{font-size:calc(12.5px * var(--fs));font-weight:500;color:#859c9c}
.jmap-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(7px * var(--fs))}
.jmap-stop{border-radius:12px;padding:calc(10px * var(--fs)) calc(6px * var(--fs)) calc(9px * var(--fs));background:linear-gradient(160deg,#fff,#dff1f1);border:1px solid #bfdfe1;box-shadow:0 5px 12px #0b53621a;min-width:0}
.jmap-stop i{display:block;font-style:normal;font-size:calc(16px * var(--fs));font-weight:800;color:#047a8b;font-variant-numeric:tabular-nums;line-height:1}
.jmap-stop b{display:block;font-size:calc(13px * var(--fs));font-weight:700;line-height:1.35;color:#1d4f59;margin-top:5px}
.jmap-stop small{display:block;font-size:calc(11px * var(--fs));font-weight:400;line-height:1.35;color:#6e8f95;margin-top:2px}
.jmap-stop.last{background:linear-gradient(160deg,#fffaea,#efe0b8);border-color:#dcc389}
.jmap-stop.last i{color:#8d6a1e}.jmap-stop.last b{color:#6f541a}
.jmap-rails{display:grid;gap:calc(5px * var(--fs));margin-top:calc(4px * var(--fs))}
.jmap-rail{display:grid;grid-template-columns:calc(66px * var(--fs)) 1fr;align-items:center;gap:calc(9px * var(--fs));border-radius:10px;padding:calc(7px * var(--fs)) calc(10px * var(--fs));background:linear-gradient(90deg,#f7f2e4,#eef6f6);border:1px solid #ded9c9;border-right:4px solid #c49c50}
.jmap-rail em{font-style:normal;font-size:calc(12.5px * var(--fs));font-weight:800;color:#8a6630}
.jmap-rail b{font-size:calc(13.5px * var(--fs));font-weight:600;color:#23505a;text-align:right;line-height:1.4}

/* ── خارطة ذهنية: صورة مولَّدة + وسوم عربية مركّبة ── */
.mmap{position:relative;border-radius:20px;overflow:hidden;background:#faf7ee;box-shadow:0 10px 26px #0a485e14;border:1px solid #e3dfd0}
.mmap img{width:100%;height:auto;display:block;max-height:none!important;border-radius:0!important}
.mmap span{position:absolute;transform:translate(-50%,-50%);font-size:calc(11.5px * var(--fs));font-weight:700;line-height:1.25;color:#14505c;text-align:center;width:calc(118px * var(--fs));pointer-events:none;background:rgba(255,255,255,.93);border-radius:8px;padding:calc(3px * var(--fs)) calc(4px * var(--fs));box-shadow:0 1px 4px #0a485e10}
.mmap span small{display:block;font-size:calc(9.5px * var(--fs));font-weight:500;color:#6d8d93;margin-top:1px;line-height:1.25}
.mmap .mm-core{font-size:calc(14px * var(--fs));font-weight:800;color:#fff;width:calc(110px * var(--fs));background:none;box-shadow:none;padding:0}
.mmap .mm-core small{color:#bfe9ec;font-size:calc(9px * var(--fs))}

.mmap.wide-tag span{width:calc(160px * var(--fs));font-size:calc(12.5px * var(--fs))}
.mmap.wide-tag span small{font-size:calc(10px * var(--fs))}

/* ── ثلاث صور رأسية جنباً إلى جنب ── */
.tri-photo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(9px * var(--fs))}
.tri-photo figure{margin:0;border-radius:14px;overflow:hidden;background:#eef4f3;border:1px solid #cfe0df;box-shadow:0 6px 14px #0a485e12}
.tri-photo img{width:100%;height:calc(210px * var(--fs));object-fit:cover;object-position:50% 22%;display:block;max-height:none!important;border-radius:0!important}
.tri-photo figcaption{padding:calc(8px * var(--fs)) calc(6px * var(--fs));background:linear-gradient(180deg,#ffffff,#f2f8f7)}
.tri-photo figcaption b{display:block;font-size:calc(14px * var(--fs));font-weight:800;line-height:1.3}
.tri-photo figcaption small{display:block;font-size:calc(11px * var(--fs));font-weight:500;color:#6d8d93;margin-top:3px;line-height:1.35}
.tri-photo .t-pos b{color:#0a7a52}.tri-photo .t-mid b{color:#8a6630}.tri-photo .t-neg b{color:#9a3b3b}
.tri-photo .t-pos{border-top:4px solid #0a9c68}.tri-photo .t-mid{border-top:4px solid #d7b66a}.tri-photo .t-neg{border-top:4px solid #b85252}

/* ── صورة رأسية واحدة لحالة النظرة ── */
.one-photo{border-radius:18px;overflow:hidden;background:#eef4f3;border:1px solid #cfe0df;box-shadow:0 8px 18px #0a485e14}
.one-photo img{width:100%;height:calc(330px * var(--fs));object-fit:cover;object-position:50% 18%;display:block;max-height:none!important;border-radius:0!important}

.slide[data-ax="3"] .k::before{content:'ما قبل الرحلة / التنقيب وخط الفرص'}

.art-pillars.pillars-4{grid-template-columns:repeat(4,1fr)}
.src-rings{display:grid;gap:calc(10px * var(--fs,1));margin:calc(8px * var(--fs,1)) 0}
.src-ring{display:grid;grid-template-columns:auto 1fr;gap:calc(4px * var(--fs,1)) calc(12px * var(--fs,1));align-items:center;padding:calc(12px * var(--fs,1)) calc(16px * var(--fs,1));border-radius:16px;border:1px solid #c9e0e2;background:#ffffffc4}
.src-ring b{grid-column:2;font-size:calc(19px * var(--fs,1));color:var(--ink)}
.src-ring small{grid-column:2;font-size:calc(15px * var(--fs,1));color:#4a6b74;line-height:1.75}
.src-ring .art-icon{grid-row:span 2}
.src-ring.r1{background:linear-gradient(100deg,#e6f6f7,#ffffffc4);border-color:#9fd3d9}
.src-ring.r2{background:linear-gradient(100deg,#f7f1e2,#ffffffc4);border-color:#ddc796}
.hour-steps{display:grid;gap:calc(8px * var(--fs,1));flex:1;min-width:0}
.hour-steps>div{display:grid;grid-template-columns:auto 1fr;gap:calc(2px * var(--fs,1)) calc(10px * var(--fs,1));align-items:center;padding:calc(8px * var(--fs,1)) calc(12px * var(--fs,1));border-radius:14px;background:#ffffffc4;border:1px solid #c9e0e2}
.hour-steps b{grid-column:2;font-size:calc(17px * var(--fs,1))}
.hour-steps span{grid-column:2;font-size:calc(14px * var(--fs,1));color:#4a6b74}
.hour-steps .art-icon{grid-row:span 2}
.touch-row{display:flex;gap:calc(8px * var(--fs,1));justify-content:center;flex-wrap:wrap;width:100%}
.touch-dot{width:calc(42px * var(--fs,1));height:calc(42px * var(--fs,1));display:grid;place-items:center;border-radius:50%;border:1.5px dashed #9fd3d9;color:#4a6b74;font-size:calc(17px * var(--fs,1));font-weight:700;background:#ffffffc4}
.touch-dot.hot{border-style:solid;border-color:#c69c49;background:linear-gradient(140deg,#f7f1e2,#fff);color:#8a6a1f;box-shadow:0 4px 14px #c69c4926}

.loop-ring{position:relative;width:100%;aspect-ratio:1.7/1;margin:calc(34px * var(--fs,1)) auto calc(12px * var(--fs,1));max-width:min(100%,640px)}
.loop-ring>svg{position:absolute;inset:0;width:100%!important;height:100%!important}
.loop-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;text-align:center;display:grid;justify-items:center;gap:calc(3px * var(--fs,1));padding:calc(10px * var(--fs,1));border-radius:16px;background:#fffffff2;border:1px solid #ddc796;box-shadow:0 6px 20px #0b415414}
.loop-core b{font-size:calc(16px * var(--fs,1));color:var(--ink)}
.loop-core small{font-size:calc(12px * var(--fs,1));color:#6d8d93;line-height:1.6}
.loop-node{position:absolute;transform:translate(-50%,-50%);width:27%;min-width:120px;text-align:center;display:grid;justify-items:center;gap:calc(2px * var(--fs,1));padding:calc(9px * var(--fs,1)) calc(8px * var(--fs,1));border-radius:14px;background:#fffffff2;border:1px solid #9fd3d9;box-shadow:0 5px 16px #0b415412}
.loop-node b{font-size:calc(15px * var(--fs,1));color:var(--ink);line-height:1.4}
.loop-node small{font-size:calc(11.5px * var(--fs,1));color:#6d8d93;line-height:1.55}
.loop-node .art-icon{width:calc(38px * var(--fs,1));height:calc(38px * var(--fs,1));border-radius:12px;margin-bottom:0}
.loop-node .art-icon svg{width:calc(20px * var(--fs,1))!important;height:calc(20px * var(--fs,1))!important}
.loop-core .art-icon{margin-bottom:calc(2px * var(--fs,1))}
.loop-node.n4,.loop-node.n0{border-color:#ddc796;background:linear-gradient(150deg,#fdf8ec,#fffffff2)}
@media(max-width:900px){.loop-ring{aspect-ratio:1/1.25}.loop-node{width:44%;min-width:0}.loop-core{width:52%}}

.pil-wrap{display:block;width:100%}
.pil-img{max-width:min(100%,660px);width:100%;margin:0 auto calc(8px * var(--fs,1))}
.pil-img img{width:100%;height:auto;display:block;border-radius:16px}
.pil-legend{display:grid !important;width:100%;grid-template-columns:repeat(4,1fr);gap:calc(8px * var(--fs,1));max-width:min(100%,660px);margin:0 auto calc(10px * var(--fs,1))}
.pil-legend>div{text-align:center;padding:calc(8px * var(--fs,1)) calc(6px * var(--fs,1));border-radius:12px;background:#ffffffc4;border:1px solid #c9e0e2}
.pil-legend b{display:block;font-size:calc(16px * var(--fs,1));color:var(--ink)}
.pil-legend b i{font-style:normal;color:#c69c49;font-weight:800}
.pil-legend small{display:block;font-size:calc(12.5px * var(--fs,1));color:#6d8d93;line-height:1.6;margin-top:2px}
.loopimg{position:relative;max-width:min(100%,640px);margin:0 auto calc(10px * var(--fs,1))}
.loopimg img{width:100%;height:auto;display:block;border-radius:16px}
.loopimg span{position:absolute;transform:translate(-50%,-50%);width:19%;text-align:center;font-weight:800;color:#14505c;font-size:calc(14px * var(--fs,1));line-height:1.35}
.loopimg span.gold{color:#8a6a1f}
@media(max-width:900px){.pil-legend{grid-template-columns:repeat(2,1fr)}.loopimg span{font-size:11px}}

.jmap2{position:relative;width:100%;max-width:min(100%,1180px);margin:0 auto calc(8px * var(--fs,1))}
.jmap2 img{width:100%;height:auto;display:block;border-radius:14px}
.jmap2 b,.jmap2 span{position:absolute;transform:translate(-50%,-50%);text-align:center;color:#12414e}
.jmap2 .jm-n{top:9.2%;font-size:calc(22px * var(--fs,1));font-weight:800;color:#fff;text-shadow:0 1px 2px #0003}
.jmap2 .jm-t{top:42.7%;width:12%;font-size:calc(11.5px * var(--fs,1));font-weight:800;color:#fff;line-height:1.25;text-shadow:0 1px 2px #0004}
.jmap2 .jm-s{top:48.8%;width:14%;font-size:calc(9px * var(--fs,1));font-weight:700;color:#4a6b74;line-height:1.3}
.jmap2 .jm-i{width:9.4%;font-size:calc(8.4px * var(--fs,1));font-weight:600;color:#33606c;line-height:1.28;transform:translate(-50%,-50%);text-align:right}
.jm-comp{display:grid;grid-template-columns:auto repeat(4,1fr);gap:calc(6px * var(--fs,1));align-items:center;max-width:min(100%,1180px);margin:0 auto;padding:calc(7px * var(--fs,1)) calc(10px * var(--fs,1));border-radius:12px;background:linear-gradient(100deg,#f7f1e2,#e6f6f7);border:1px solid #ddc796}
.jm-comp b{font-size:calc(13px * var(--fs,1));color:#8a6a1f;white-space:nowrap}
.jm-comp span{font-size:calc(12px * var(--fs,1));font-weight:700;color:#14505c;text-align:center;background:#ffffffcc;border-radius:9px;padding:calc(4px * var(--fs,1)) calc(5px * var(--fs,1))}
@media(max-width:900px){.jmap2 .jm-i,.jmap2 .jm-s{font-size:7px}.jmap2 .jm-t{font-size:9px}.jm-comp{grid-template-columns:1fr 1fr}}

.jmap2.jm-clean{max-width:min(100%,1040px);aspect-ratio:3.27;overflow:hidden;border-radius:14px}
.jmap2.jm-clean img{position:absolute;top:0;left:0;width:100%;height:auto;border-radius:0}
.jmap2.jm-clean .jm-n{top:19.6%}
.jmap2.jm-clean .jm-t{top:90.5%}

.jm-rail{max-width:min(100%,1040px);margin:calc(4px * var(--fs,1)) auto 0;padding:calc(9px * var(--fs,1)) calc(12px * var(--fs,1));border-radius:14px;background:linear-gradient(100deg,#f7f1e2,#e6f6f7);border:1px solid #ddc796}
.jm-rail-h{font-size:calc(13px * var(--fs,1));font-weight:800;color:#8a6a1f;margin-bottom:calc(7px * var(--fs,1))}
.jm-rail-g{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(7px * var(--fs,1))}
.jm-rail-g>div{display:grid;justify-items:center;gap:calc(2px * var(--fs,1));text-align:center;padding:calc(7px * var(--fs,1)) calc(4px * var(--fs,1));border-radius:11px;background:#ffffffd9;border:1px solid #c9e0e2}
.jm-rail-g b{font-size:calc(12.5px * var(--fs,1));color:#14505c;line-height:1.3}
.jm-rail-g small{font-size:calc(11px * var(--fs,1));color:#6d8d93;line-height:1.4}
.jm-rail-g .art-icon{width:calc(30px * var(--fs,1));height:calc(30px * var(--fs,1));border-radius:10px;margin-bottom:0}
.jm-rail-g .art-icon svg{width:calc(17px * var(--fs,1))!important;height:calc(17px * var(--fs,1))!important}
@media(max-width:900px){.jm-rail-g{grid-template-columns:repeat(3,1fr)}}

/* ── محور التشخيص · شجرة التضييق ── */
.dtree{position:relative;width:100%;max-width:min(100%,1180px);margin:0 auto}
.dtree img{width:100%;height:auto;display:block;border-radius:16px}
.dtree b,.dtree span{position:absolute;color:#07526A}
.dtree .dt-ask{top:31%;transform:translateY(-50%);font-size:calc(19px * var(--fs,1));font-weight:800;color:#0b3d4c;white-space:nowrap}
.dtree .dt-ok{transform:translate(-50%,-50%);font-size:calc(13px * var(--fs,1));font-weight:800;color:#0b3d4c;white-space:nowrap}
.dtree .dt-s{top:86%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:calc(6px * var(--fs,1));font-size:calc(12.5px * var(--fs,1));font-weight:800;white-space:nowrap;background:#ffffffe6;border:1px solid #cfe0e2;border-radius:999px;padding:calc(3px * var(--fs,1)) calc(8px * var(--fs,1))}
.dtree .dt-s i{font-style:normal;display:inline-grid;place-items:center;width:calc(17px * var(--fs,1));height:calc(17px * var(--fs,1));border-radius:50%;background:#0393A5;color:#fff;font-size:calc(10.5px * var(--fs,1))}
.dtree .dt-s:last-of-type i{background:#D7B66A;color:#4a3a10}
@media(max-width:900px){.dtree .dt-s{font-size:9px;padding:2px 6px}.dtree .dt-s i{width:13px;height:13px;font-size:8px}.dtree .dt-ask{font-size:12px}.dtree .dt-ok{font-size:9px}}

/* ── محور التشخيص · مخطط المقايضة ── */
.tbwrap{width:100%;max-width:min(100%,1080px);margin:0 auto}
.tbwrap svg.tbars{width:100%;height:auto;display:block;font-family:inherit}

/* ── محور التشخيص · إطار التلخيص ── */
.sumbox{max-width:min(100%,760px);margin:0 auto calc(10px * var(--fs,1));background:linear-gradient(135deg,#f9f3e4,#eaf7f7);border:1px solid #ddc796;border-radius:16px;padding:calc(14px * var(--fs,1)) calc(18px * var(--fs,1))}
.sumbox>b{display:block;font-size:calc(19px * var(--fs,1));color:#8a6a1f;margin-bottom:calc(8px * var(--fs,1))}
.sumbox ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(6px * var(--fs,1))}
.sumbox li{font-size:calc(15px * var(--fs,1));font-weight:700;color:#14505c;background:#ffffffcc;border-radius:10px;padding:calc(6px * var(--fs,1)) calc(9px * var(--fs,1))}
.sumbox li em{font-style:normal;color:#8ba3a8;letter-spacing:2px}
.sumbox>span{display:inline-block;margin-top:calc(9px * var(--fs,1));font-size:calc(17px * var(--fs,1));font-weight:800;color:#07526A;background:#D7B66A;border-radius:999px;padding:calc(5px * var(--fs,1)) calc(16px * var(--fs,1))}
@media(max-width:900px){.sumbox ul{grid-template-columns:1fr}}
.art-cards.nogo3{grid-template-columns:repeat(3,1fr)}
.art-cards.nogo3 .art-card{background:linear-gradient(135deg,#fdf1ee,#fbe7e2);border-color:#e8c3ba}
.art-cards.nogo3 .art-card b{color:#a03b30}
.art-cards.nogo3 .art-icon{background:#f6dcd6;color:#b4453a}
.art-cards.nogo3 .art-card::before{content:"ممنوع";position:absolute;inset-inline-start:calc(10px * var(--fs,1));top:calc(10px * var(--fs,1));font-size:calc(11px * var(--fs,1));font-weight:800;color:#b4453a;background:#f6dcd6;border-radius:999px;padding:calc(2px * var(--fs,1)) calc(9px * var(--fs,1))}
.art-cards.nogo3 .art-card{position:relative}
.art-cards.lim2{grid-template-columns:1fr 1fr}
@media(max-width:900px){.art-cards.nogo3,.art-cards.lim2{grid-template-columns:1fr}}
/* خارطة اليومين بكامل الشريحة */
.slide.board .art,.slide.board .jmap2.jm-clean,.slide.board .jm-rail{max-width:100%}
.slide.board .art-map .art-label{margin-bottom:calc(6px * var(--fs,1))}
.slide.board .jmap2.jm-clean .jm-t{font-size:calc(13.5px * var(--fs,1));width:14%}
.slide.board .jmap2.jm-clean .jm-n{font-size:calc(26px * var(--fs,1))}
.slide.board .jmap2.jm-clean .jm-s{font-size:calc(11.5px * var(--fs,1))}

.jm-subs{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(5px * var(--fs,1));max-width:min(100%,1040px);margin:calc(6px * var(--fs,1)) auto 0}
.jm-subs span{text-align:center;font-size:calc(11.5px * var(--fs,1));font-weight:700;color:#4a6b74;line-height:1.35}
.slide.board .jm-subs{max-width:100%}
.slide.board .jm-subs span{font-size:calc(13px * var(--fs,1))}

/* ── المستشار مقابل مُدخل الطلبات ── */
.cvc{position:relative;width:100%;max-width:min(100%,1180px);margin:0 auto}
.cvc img{width:100%;height:auto;display:block;border-radius:16px}
.cvc b,.cvc span{position:absolute;transform:translate(-50%,-50%);text-align:center}
.cvc .cvc-ask{font-size:calc(15px * var(--fs,1));font-weight:800;color:#0b3d4c;white-space:nowrap}
.cvc .cvc-l,.cvc .cvc-r{top:92%;display:grid;gap:calc(2px * var(--fs,1));width:40%;font-size:calc(16px * var(--fs,1));font-weight:800;color:#07526A;background:#ffffffe8;border-radius:12px;padding:calc(6px * var(--fs,1)) calc(10px * var(--fs,1));border:1px solid #d8e5e6}
.cvc .cvc-l{color:#8a6a1f;border-color:#ddc796;background:#fffdf5ee}
.cvc .cvc-l i,.cvc .cvc-r i{font-style:normal;font-size:calc(12px * var(--fs,1));font-weight:600;color:#5d7f86}
@media(max-width:900px){.cvc .cvc-l,.cvc .cvc-r{font-size:11px}.cvc .cvc-l i,.cvc .cvc-r i{font-size:9px}.cvc .cvc-ask{font-size:10px}}

/* ── أدوات السؤال الأربع ── */
.tools4{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(8px * var(--fs,1));margin-bottom:calc(10px * var(--fs,1))}
.tools4 .tool{background:linear-gradient(160deg,#f6fbfb,#eaf5f6);border:1px solid #cfe2e4;border-radius:14px;padding:calc(10px * var(--fs,1)) calc(11px * var(--fs,1));display:grid;gap:calc(3px * var(--fs,1))}
.tools4 .tool b{font-size:calc(17px * var(--fs,1));color:#07526A}
.tools4 .tool em{font-style:normal;font-size:calc(12px * var(--fs,1));font-weight:800;color:#8a6a1f;letter-spacing:.5px}
.tools4 .tool small{font-size:calc(12.5px * var(--fs,1));color:#4a6b74;line-height:1.45}
.tools4 .t3{background:linear-gradient(160deg,#fdf7e9,#f7ecd4);border-color:#ddc796}
.spin4{background:#0b3d4c;border-radius:14px;padding:calc(10px * var(--fs,1)) calc(12px * var(--fs,1))}
.spin4>b{display:block;font-size:calc(13px * var(--fs,1));color:#D7B66A;margin-bottom:calc(7px * var(--fs,1))}
.spin4>div{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(7px * var(--fs,1))}
.spin4 span{display:grid;justify-items:center;gap:calc(1px * var(--fs,1));text-align:center;background:#ffffff14;border-radius:10px;padding:calc(6px * var(--fs,1)) calc(4px * var(--fs,1))}
.spin4 i{font-style:normal;font-size:calc(15px * var(--fs,1));font-weight:800;color:#D7B66A}
.spin4 b{font-size:calc(13.5px * var(--fs,1));color:#fff}
.spin4 small{font-size:calc(11px * var(--fs,1));color:#a9c9d0}
@media(max-width:900px){.tools4,.spin4>div{grid-template-columns:1fr 1fr}}
.slide.board .tbwrap{max-width:100%}
.slide.board .art{max-width:100%}

/* رسمٌ بيانيٌّ داخل عمود الشريحة: لا تسري عليه قاعدة أيقونات ٢٨ بكسل */
.slide .fg .art svg.tbars{width:100%!important;height:auto!important;max-height:none!important;max-width:none!important}
.slide .fg .art .tbwrap{width:100%}
/* توكيد المتن */
.slide .li .em{font-weight:800;color:#07526A}
.slide:is([data-ax="0"],[data-ax="1"],[data-ax="13"],[data-ax="3"]) .li .em{color:#0a5a70}

/* ── ثلاثة يقولون الجملة نفسها ── */
.same3{position:relative;width:100%;max-width:min(100%,1180px);margin:0 auto}
.same3 img{width:100%;height:auto;display:block;border-radius:16px}
.same3 b,.same3 span{position:absolute;transform:translate(-50%,-50%);text-align:center}
.same3 .s3-ask{top:31%;font-size:calc(15px * var(--fs,1));font-weight:800;color:#0b3d4c;white-space:nowrap}
.same3 .s3-c{top:83%;width:30%;display:grid;gap:calc(2px * var(--fs,1));background:#ffffffe8;border:1px solid #d8e5e6;border-radius:12px;padding:calc(6px * var(--fs,1)) calc(9px * var(--fs,1))}
.same3 .s3-c b{position:static;transform:none;font-size:calc(15px * var(--fs,1));color:#07526A}
.same3 .s3-c i{font-style:normal;font-size:calc(12.5px * var(--fs,1));font-weight:700;color:#8a6a1f}
.slide.board .same3{max-width:100%}
@media(max-width:900px){.same3 .s3-ask{font-size:10px}.same3 .s3-c b{font-size:10px}.same3 .s3-c i{font-size:8.5px}}

/* ── لوحةُ الصفيحة العلمية · ثيم باريتو ── */
.plate{position:relative;width:100%;max-width:min(100%,1240px);margin:0 auto}
.plate img{width:100%;height:auto;display:block;border-radius:14px}
.plate .pl-t{position:absolute;transform:translate(-50%,-50%);font-size:calc(14px * var(--fs,1));font-weight:800;color:#0f6f78;white-space:nowrap}
.pl-row{position:relative;height:calc(52px * var(--fs,1));margin-top:calc(6px * var(--fs,1))}
.pl-row span{position:absolute;top:0;transform:translateX(-50%);width:26%;display:grid;gap:calc(2px * var(--fs,1));text-align:center}
.pl-row b{font-size:calc(15.5px * var(--fs,1));color:#0f6f78;line-height:1.3}
.pl-row i{font-style:normal;font-size:calc(12.5px * var(--fs,1));font-weight:600;color:#5d7f86;line-height:1.4}
.slide.board .plate{max-width:100%}
@media(max-width:900px){.pl-row span{width:30%}.pl-row b{font-size:10px}.pl-row i{font-size:8.5px}.pl-row{height:44px}}

/* ── الخط الفاصل بين التأثير والتلاعب ── */
.lin2{max-width:min(100%,900px);margin:0 auto calc(10px * var(--fs,1));border:1px solid #cfe0e2;border-radius:14px;overflow:hidden}
.lin2-h,.lin2-r{display:grid;grid-template-columns:.7fr 1.3fr 1.3fr;gap:0}
.lin2-h{background:#0b3d4c}
.lin2-h b,.lin2-h em{font-style:normal;padding:calc(8px * var(--fs,1)) calc(10px * var(--fs,1));font-size:calc(13.5px * var(--fs,1));font-weight:800;color:#fff;text-align:center}
.lin2-h em.ok{color:#9fe3c9}
.lin2-h em.no{color:#f3b8ad}
.lin2-r{border-top:1px solid #dcebec}
.lin2-r>*{padding:calc(9px * var(--fs,1)) calc(11px * var(--fs,1));font-size:calc(13px * var(--fs,1));line-height:1.55}
.lin2-r b{font-weight:800;color:#07526A;background:#f2f9f9;display:grid;align-items:center;text-align:center}
.lin2-r .ok{background:#f2fbf6;color:#1d6b4f;font-weight:700}
.lin2-r .no{background:#fdf3f1;color:#a03b30;font-weight:700}
.lin2-t{max-width:min(100%,900px);margin:0 auto;display:grid;gap:calc(5px * var(--fs,1));background:linear-gradient(120deg,#f9f3e4,#eaf7f7);border:1px solid #ddc796;border-radius:14px;padding:calc(11px * var(--fs,1)) calc(14px * var(--fs,1))}
.lin2-t b{font-size:calc(14px * var(--fs,1));color:#8a6a1f}
.lin2-t span{font-size:calc(14.5px * var(--fs,1));font-weight:700;color:#14505c}
@media(max-width:900px){.lin2-h,.lin2-r{grid-template-columns:1fr}.lin2-r b{text-align:right}}

/* ── فاصل اليومين ── */
.splitd{display:grid;grid-template-columns:1fr auto 1fr;gap:calc(12px * var(--fs,1));align-items:stretch;max-width:min(100%,960px);margin:0 auto calc(12px * var(--fs,1))}
.sd-side{display:grid;gap:calc(4px * var(--fs,1));align-content:start;border-radius:16px;padding:calc(14px * var(--fs,1)) calc(16px * var(--fs,1))}
.sd-a{background:linear-gradient(150deg,#eef8f8,#e2f2f3);border:1px solid #cfe0e2}
.sd-b{background:linear-gradient(150deg,#fdf7e9,#f7ecd4);border:1px solid #ddc796}
.sd-side>b{font-size:calc(20px * var(--fs,1));color:#07526A}
.sd-b>b{color:#8a6a1f}
.sd-side>span{font-size:calc(13.5px * var(--fs,1));font-weight:700;color:#4a6b74;line-height:1.5}
.sd-side>em{font-style:normal;margin-top:calc(6px * var(--fs,1));font-size:calc(15px * var(--fs,1));font-weight:800;color:#0f6f78}
.sd-mid{display:grid;justify-items:center;align-content:center;gap:calc(6px * var(--fs,1))}
.sd-mid i{width:1px;flex:1;min-height:calc(26px * var(--fs,1));background:#cfe0e2;display:block}
.sd-mid b{font-size:calc(22px * var(--fs,1));color:#D7B66A}
.sd-ask{max-width:min(100%,960px);margin:0 auto;display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:calc(8px * var(--fs,1));align-items:center;background:#0b3d4c;border-radius:14px;padding:calc(11px * var(--fs,1)) calc(14px * var(--fs,1))}
.sd-ask b{font-size:calc(13.5px * var(--fs,1));color:#D7B66A;white-space:nowrap}
.sd-ask span{font-size:calc(13.5px * var(--fs,1));font-weight:700;color:#fff;text-align:center;background:#ffffff1a;border-radius:10px;padding:calc(6px * var(--fs,1))}
@media(max-width:900px){.splitd{grid-template-columns:1fr}.sd-mid{flex-direction:row}.sd-ask{grid-template-columns:1fr 1fr}}

/* ── إنفوجرافات المعالجة — وسومٌ عربية فوق صورةٍ بلا نصّ ── */
.objg{position:relative;border-radius:18px;overflow:hidden;background:#FAF7EE;line-height:1.35}
.objg img{width:100%;height:auto;display:block}
.objg span{position:absolute;transform:translate(-50%,-50%);text-align:center;font-weight:700;
  color:#07526A;white-space:nowrap;letter-spacing:-.1px}
.objg .og-tag{font-size:calc(9px*var(--fs));color:#4E6E77;font-weight:600}
.objg .og-big{font-size:calc(12px*var(--fs));color:#07526A;font-weight:800;white-space:normal;width:14%}
.objg .og-bad{font-size:calc(10px*var(--fs));color:#7E8B8E;font-weight:700}
.objg .og-good{font-size:calc(10px*var(--fs));color:#0393A5;font-weight:800}
.objg .og-strip{font-size:calc(10px*var(--fs));color:#07526A;font-weight:700}
.objg .og-end{font-size:calc(10px*var(--fs));color:#07526A;font-weight:800}
@media(max-width:900px){.objg span{font-size:calc(8px*var(--fs))}.objg .og-big{font-size:calc(9px*var(--fs))}}

/* الإنفوجراف لا يبتلع الشريحة */
.slide .fg .objg{max-width:620px;margin-inline:auto}

/* خلاصة التجربة الشخصية — سبعٌ مرقَّمة ثم الجملة ثم الصورة */
ol.mytake{list-style:none;margin:0;padding:0;display:grid;gap:calc(7px * var(--fs))}
ol.mytake li{display:flex;align-items:center;gap:calc(11px * var(--fs));background:#FAF7EE;border:1px solid #DCEAEC;border-radius:12px;padding:calc(9px * var(--fs)) calc(13px * var(--fs))}
ol.mytake i{flex:0 0 auto;width:calc(27px * var(--fs));height:calc(27px * var(--fs));display:grid;place-items:center;border-radius:50%;background:#07949e;color:#fff;font-style:normal;font-weight:800;font-size:calc(14px * var(--fs))}
ol.mytake b{font-weight:700;color:#07526A;font-size:calc(15px * var(--fs));line-height:1.5}
.mytake-line{text-align:center;font-weight:800;font-size:calc(17px * var(--fs))}
.mytake-photo{height:calc(215px * var(--fs));width:calc(170px * var(--fs));margin:calc(16px * var(--fs)) auto 0;border:1px solid #c4dfe1;border-radius:18px}
.mytake-photo img{object-position:center 12%}
.mytake-photo.noimg{display:none}
@media(max-width:900px){ol.mytake b{font-size:calc(13px * var(--fs))}}

/* صورة تجربة ريشتر: فأرٌ داخل برطمان. تظهر فوق بطاقات الأزمنة، وإن غابت الصورة
   اختفى إطارها بلا أثر (onerror يُزيل العنصر). */
.hope-pic{display:flex;justify-content:center;margin:0 0 calc(10px * var(--fs,1))}
.hope-pic img{width:100%;max-width:calc(360px * var(--fs,1));height:auto;border-radius:16px;
  box-shadow:0 10px 26px rgba(16,42,51,.12);display:block}

/* ===== رسوم محور الاعتراضات — أُعيدت بلا صورٍ مولَّدة ولا أسهم.
   كل رسمٍ يُجمِّد حالةً واحدة ويُظهر التباين، ولا يحكي خطوات. ===== */
.ob{--ink:#07526A;--teal:#0393A5;--gold:#9a7620;--red:#9C3B22;font-size:calc(1px*var(--fs));width:100%}
/* إطار الشكل في الحقيبة ينكمش إلى عرض محتواه، والشبكة تنكمش معه — فيُثبَّت الإطار */
.art:has(.ob){width:650px;max-width:100%}
.ob b,.ob strong{display:block}

/* ١ · الفرز — ثلاث بطاقات */
.ob-sort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(14px*var(--fs))}
.ob-sort>div{border-radius:16px;padding:calc(18px*var(--fs)) calc(14px*var(--fs));background:#F7FBFC;border:2px solid #CFE0E7;display:flex;flex-direction:column;gap:calc(9px*var(--fs));text-align:center}
.ob-sort q{font-size:calc(17px*var(--fs));font-weight:800;color:#102A33;display:block;line-height:1.5}
.ob-sort q::before,.ob-sort q::after{content:none}  /* العلامات مكتوبةٌ في النصّ، فلا يضيفها المتصفّح */
.ob-sort em{font-style:normal;font-size:calc(14px*var(--fs));font-weight:800;letter-spacing:.3px}
.ob-sort small{font-size:calc(13px*var(--fs));color:#4E6E77;line-height:1.7}
.ob-sort .s1{border-color:#9ED4DE;background:#F2FBFC}.ob-sort .s1 em{color:var(--teal)}
.ob-sort .s2{border-color:#E3CF9E;background:#FDFAF2}.ob-sort .s2 em{color:var(--gold)}
.ob-sort .s3{border-color:#E0B3A6;background:#FDF6F4}.ob-sort .s3 em{color:var(--red)}

/* ٢ · ثلاثٌ مقابل واحدة */
.ob-one{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(16px*var(--fs))}
.ob-one .side{display:flex;flex-direction:column;gap:calc(8px*var(--fs))}
.ob-one .cap{font-size:calc(13px*var(--fs));font-weight:800;color:#4E6E77;text-align:center;margin-bottom:calc(4px*var(--fs))}
.ob-one .chip{background:#EEF3F5;border:1.5px solid #D6E3E8;color:#7E8B8E;border-radius:999px;padding:calc(11px*var(--fs)) calc(14px*var(--fs));font-size:calc(15px*var(--fs));font-weight:700;text-align:center}
.ob-one .pick{background:#F2FBFC;border:2.5px solid var(--teal);color:var(--ink);font-size:calc(18px*var(--fs));font-weight:800;padding:calc(20px*var(--fs)) calc(14px*var(--fs));border-radius:16px;text-align:center;line-height:1.5}
.ob-one .cut{width:2px;align-self:stretch;background:repeating-linear-gradient(#CFE0E7 0 7px,transparent 7px 14px)}

/* ٣ · ميزان الهيكلين */
.ob-bal{display:grid;grid-template-columns:1fr 1fr;gap:calc(16px*var(--fs))}
.ob-bal>div{border-radius:16px;padding:calc(18px*var(--fs)) calc(16px*var(--fs))}
.ob-bal .pan-h{font-size:calc(19px*var(--fs));font-weight:800;margin-bottom:calc(10px*var(--fs))}
.ob-bal ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:calc(7px*var(--fs))}
.ob-bal li{font-size:calc(15px*var(--fs));line-height:1.6;padding-inline-start:calc(14px*var(--fs));position:relative}
.ob-bal li::before{content:'';position:absolute;inset-inline-start:0;top:calc(9px*var(--fs));width:calc(6px*var(--fs));height:calc(6px*var(--fs));border-radius:50%;background:currentColor;opacity:.5}
.ob-bal .down{background:#FBF4F2;border:2px solid #E0B3A6;color:#6E3A2A}.ob-bal .down .pan-h{color:var(--red)}
.ob-bal .keep{background:#F2FBFC;border:2px solid #9ED4DE;color:#2C5560}.ob-bal .keep .pan-h{color:var(--teal)}

/* ٤ · رقمٌ واحد مقابل خمسة بنود */
.ob-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:calc(16px*var(--fs));align-items:start}
.ob-grid .solo{background:#FBF4F2;border:2px solid #E0B3A6;border-radius:16px;padding:calc(22px*var(--fs)) calc(14px*var(--fs));text-align:center}
.ob-grid .solo strong{font-size:calc(24px*var(--fs));font-weight:800;color:var(--red)}
.ob-grid .solo span{display:block;font-size:calc(13px*var(--fs));color:#6E3A2A;margin-top:calc(8px*var(--fs));line-height:1.6}
.ob-grid table{width:100%;border-collapse:separate;border-spacing:0 calc(5px*var(--fs))}
.ob-grid th{font-size:calc(12px*var(--fs));color:#4E6E77;font-weight:800;padding-bottom:calc(2px*var(--fs))}
.ob-grid td{background:#F7FBFC;border-block:1.5px solid #CFE0E7;padding:calc(9px*var(--fs)) calc(10px*var(--fs));font-size:calc(14px*var(--fs));font-weight:700;color:var(--ink)}
.ob-grid td:first-child{border-inline-start:1.5px solid #CFE0E7;border-start-start-radius:10px;border-end-start-radius:10px}
.ob-grid td:last-child{border-inline-end:1.5px solid #CFE0E7;border-start-end-radius:10px;border-end-end-radius:10px}
.ob-grid td.cell{width:16%;color:#B6C6CC;font-weight:800;text-align:center}

/* ٥ · الفراغ الذي يُملأ بالتنازل */
.ob-gap{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:stretch;gap:calc(12px*var(--fs))}
.ob-gap .end{background:#F7FBFC;border:2px solid #CFE0E7;border-radius:16px;padding:calc(20px*var(--fs)) calc(12px*var(--fs));text-align:center;font-size:calc(17px*var(--fs));font-weight:800;color:var(--ink);display:grid;place-items:center}
.ob-gap .void{border:2.5px dashed #CFE0E7;border-radius:16px;padding:calc(14px*var(--fs));text-align:center;display:flex;flex-direction:column;gap:calc(10px*var(--fs));justify-content:center;background:repeating-linear-gradient(135deg,#FBFDFE 0 10px,#F4F9FA 10px 20px)}
.ob-gap .void>b{font-size:calc(18px*var(--fs));color:#7E8B8E;letter-spacing:4px}
.ob-gap .fall{background:#FBF4F2;border:2px solid #E0B3A6;color:var(--red);border-radius:999px;padding:calc(9px*var(--fs));font-size:calc(14px*var(--fs));font-weight:800;text-decoration:line-through;text-decoration-thickness:2px}
.ob-two{display:grid;grid-template-columns:1fr 1fr;gap:calc(12px*var(--fs));margin-top:calc(14px*var(--fs))}
.ob-two>div{border-radius:14px;padding:calc(14px*var(--fs)) calc(16px*var(--fs));font-size:calc(14px*var(--fs));line-height:1.7}
.ob-two .yes{background:#F2FBFC;border:2px solid #9ED4DE;color:#2C5560}
.ob-two .no{background:#FBF4F2;border:2px solid #E0B3A6;color:#6E3A2A}
.ob-two b{font-size:calc(16px*var(--fs));margin-bottom:calc(5px*var(--fs))}
.ob-two .yes b{color:var(--teal)}.ob-two .no b{color:var(--red)}

@media(max-width:900px){
  .ob-sort,.ob-bal,.ob-two{grid-template-columns:1fr}
  .ob-one,.ob-grid,.ob-gap{grid-template-columns:1fr}
  .ob-one .cut{width:auto;height:2px;background:repeating-linear-gradient(90deg,#CFE0E7 0 7px,transparent 7px 14px)}
}

/* ===== أرضية القراءة في الأشكال =====
   أصغر نصٍّ في أي شكل لا ينزل عن ١٢٫٥ بكسل في إطار الحقيبة — أي نحو تسع نقاط
   مطبوعة. وقبلها كانت وسوم الخارطة ٧٫٥ نقاط، وهي دون حدّ القراءة بعد الطباعة. */
.art small,.art span:not(.art-icon),.art-card small,.art-stop small,
.src-ring small,.jm-subs span,.art-ribbon,.art-foot,.art .v5-note,
.art-cards small,.art-card b,.art p{font-size:max(var(--_f,calc(12px * var(--fs))),13.5px)}
.jm-t{font-size:max(calc(12px * var(--fs)),13px)!important}
.jm-n{font-size:max(calc(13px * var(--fs)),13px)}
/* الفقرة العربية الطويلة تُقرأ من حافتها لا من وسطها */
.art-foot{text-align:start}
.art-ribbon{line-height:1.75}
/* بنود القوائم داخل الأشكال تبدأ من الحافة لا من الوسط */
.ob-bal li,.ob-sort small,.ob-two>div,.ob-grid td{text-align:start}


/* ===== رسوم محور تحليل الاحتياج — تصميمٌ معتمد ===== */
:root{--g5:#0B7FAE;--g5d:#075E84;--g5g:#C99A3F;--g5gl:#FBF3E3;--g5s:#F2FBFC;--g5m:#8FA7B1;--g5ln:#CFE0E7}
.art:has(.g5-map),.art:has(.g5-scene),.art:has(.g5-qual),.art:has(.g5-sh),.art:has(.g5-lay){width:760px;max-width:100%}
.g5-ic{width:30px;height:30px;fill:none;stroke:var(--g5);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.g5-strip{margin-top:12px;background:var(--g5d);color:#fff;border-radius:999px;padding:8px 18px;
  text-align:center;font-size:max(12.5px,.78em);font-weight:700;letter-spacing:.2px}

/* ١ · الخريطة */
.g5-map{width:100%}
.g5-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.g5-c{position:relative;border:1.5px solid var(--g5ln);border-radius:14px;background:#fff;
  padding:16px 10px 13px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}
.g5-c.gold{border:2.5px solid var(--g5g);background:var(--g5gl)}
.g5-c.gold .g5-ic{stroke:var(--g5g)}
.g5-n{position:absolute;top:8px;inset-inline-end:10px;font-size:max(11px,.66em);font-weight:800;color:var(--g5m)}
.g5-c.gold .g5-n{color:var(--g5g)}
.g5-c>b{font-size:max(13.5px,.88em);font-weight:800;color:var(--g5d);line-height:1.35}
.g5-c.gold>b{color:#8A6516}
.g5-c>small{font-size:max(12px,.74em);color:var(--g5m);text-align:center}
.g5-base{height:2px;background:var(--g5ln);border-radius:2px;margin:9px 4px 0}

/* ٢ · المشهد */
.g5-scene{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;width:100%}
.g5-side{display:grid;gap:9px;justify-items:stretch}
.g5-q{font-size:max(12.5px,.76em);font-weight:800;color:var(--g5m);text-align:center}
.g5-it{display:flex;align-items:center;gap:9px;border:1.5px solid var(--g5ln);border-radius:12px;
  background:var(--g5s);padding:9px 12px}
.g5-it b{font-size:max(13px,.82em);font-weight:700;color:var(--g5d)}
.g5-mid{display:flex;flex-direction:column;align-items:center;gap:7px}
.g5-halo{width:150px;height:150px;border-radius:50%;background:var(--g5gl);border:2.5px solid var(--g5g);
  display:grid;place-items:center}
.g5-carimg{width:122px;height:122px;object-fit:contain;display:block}
.g5-mid em{font-style:normal;font-size:max(13px,.84em);font-weight:800;color:var(--g5d)}

/* ٣ · التأهيل */
.g5-qual{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;width:100%}
.g5-col{display:grid;gap:10px}
.g5-hub{width:150px;min-height:128px;border:2.5px solid var(--g5);border-radius:16px;background:var(--g5s);
  display:grid;place-items:center}
.g5-hub b{font-size:max(17px,1.05em);font-weight:800;color:var(--g5d)}
.g5-b{border:1.5px solid var(--g5ln);border-radius:12px;background:#fff;padding:11px 13px;
  text-align:center;font-size:max(13px,.82em);font-weight:700;color:var(--g5d)}
.g5-b.gold{border:2.5px solid var(--g5g);background:var(--g5gl);color:#8A6516}
.g5-wide{grid-column:1 / -1;max-width:300px;margin:2px auto 0}

/* ٤ · الأشكال الثلاثة */
.g5-sh{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}
.g5-p{border:1.5px solid var(--g5ln);border-radius:14px;background:#fff;padding:13px 11px;text-align:center}
.g5-p>b{display:block;font-size:max(13.5px,.88em);font-weight:800;color:var(--g5d);margin-bottom:11px}
.g5-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:62px;margin-bottom:9px}
.g5-bars i{display:block;width:7px;height:17px;background:var(--g5);border-radius:2px}
.g5-bars i.mid{width:11px;height:36px}
.g5-bars i.big{width:28px;height:58px}
.g5-bars i.half{width:40px;height:58px}
.g5-bars i.gap{width:30px;height:3px;background:var(--g5ln)}
.g5-bars i.gold{background:var(--g5g)}
.g5-k{display:inline-flex;align-items:flex-end;margin:0 3px 1px}
.g5-k .g5-ic{width:19px;height:19px;stroke:var(--g5m)}
.g5-k.gold .g5-ic{stroke:var(--g5g);stroke-width:2.4}
.g5-p>small{display:block;font-size:max(12px,.74em);color:var(--g5m)}

/* ٥ · الدافع والوسيلة */
.g5-lay{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;justify-items:center;width:100%}
.g5-tool{text-align:center;opacity:.85}
.g5-tl{display:block;font-size:max(11.5px,.7em);font-weight:800;color:var(--g5m);margin-bottom:5px}
.g5-tc{border:1.5px dashed var(--g5m);border-radius:11px;background:#F4F7F8;padding:11px 14px;
  font-size:max(12.5px,.78em);font-weight:700;color:#5A7884}
.g5-orbit{position:relative;width:286px;height:286px;border-radius:50%;border:2px solid var(--g5ln);
  background:var(--g5s);display:grid;place-items:center}
.g5-ol{position:absolute;top:16px;left:0;right:0;text-align:center;font-size:max(13px,.82em);
  font-weight:800;color:var(--g5d)}
.g5-dl{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:max(11.5px,.7em);
  font-weight:800;color:var(--g5g)}
.g5-core{width:192px;height:192px;border-radius:50%;background:var(--g5g);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px}
.g5-why{font-size:max(15px,.95em);font-weight:800}
.g5-split{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;text-align:center}
.g5-split span{font-size:max(11.5px,.7em);font-weight:700;line-height:1.45;padding:0 6px}
.g5-split span:first-child{border-inline-end:1.5px solid rgba(255,255,255,.45)}

/* ===== أين نحن من النموذج — لوحة التقدّم في آخر كل باب (العرض وحده) ===== */
.art-jp .jp-head{display:flex;align-items:center;gap:calc(9px * var(--fs,1));
  background:linear-gradient(100deg,#FBF3E3,#EAF7F8);border:1px solid #E0CB97;border-radius:13px;
  padding:calc(9px * var(--fs,1)) calc(13px * var(--fs,1));margin-bottom:calc(10px * var(--fs,1))}
.art-jp .jp-head b{font-size:calc(17px * var(--fs,1));color:#14505C;font-weight:800;line-height:1.4}
.art-jp .jp-n{margin-inline-start:auto;font-size:calc(12.5px * var(--fs,1));font-weight:800;color:#8A6516;white-space:nowrap}
.art-jp .jp-ok{width:calc(27px * var(--fs,1));height:calc(27px * var(--fs,1));border-radius:50%;
  background:#C99A3F;color:#fff;display:grid;place-items:center;flex:0 0 auto}
.art-jp .jp-ok svg{width:calc(16px * var(--fs,1));height:calc(16px * var(--fs,1))}

.art-jp .jp-st{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(7px * var(--fs,1))}
.art-jp .jp-s{position:relative;display:grid;justify-items:center;gap:calc(3px * var(--fs,1));text-align:center;
  padding:calc(10px * var(--fs,1)) calc(4px * var(--fs,1)) calc(8px * var(--fs,1));
  border-radius:13px;background:#fff;border:1.5px solid #E3EDF1;opacity:.42;filter:grayscale(.85)}
.art-jp .jp-s .jp-d{width:calc(40px * var(--fs,1));height:calc(40px * var(--fs,1));border-radius:50%;
  background:var(--c);color:#fff;display:grid;place-items:center;font-style:normal;
  font-size:calc(19px * var(--fs,1));font-weight:800}
.art-jp .jp-s b{font-size:calc(12.5px * var(--fs,1));color:#12414E;line-height:1.3}
.art-jp .jp-s small{font-size:calc(10.5px * var(--fs,1));color:#6D8D93;line-height:1.35}
.art-jp .jp-s.done,.art-jp .jp-r.done{opacity:1;filter:none}
.art-jp .jp-s.done{border-color:color-mix(in srgb,var(--c) 45%,white);background:color-mix(in srgb,var(--c) 7%,white)}

/* الجزء الذي فُرغ منه للتوّ: دائرةٌ ذهبية تطوّقه */
.art-jp .jp-s.now,.art-jp .jp-r.now{opacity:1;filter:none;border-color:#C99A3F;background:#FBF3E3;
  box-shadow:0 0 0 3px #C99A3F,0 6px 16px #c99a3f33}
.art-jp .jp-s.now::before,.art-jp .jp-r.now::before{content:'الآن';position:absolute;top:calc(-9px * var(--fs,1));
  inset-inline-start:50%;transform:translateX(50%);background:#C99A3F;color:#fff;border-radius:999px;
  padding:1px calc(9px * var(--fs,1));font-size:calc(10.5px * var(--fs,1));font-weight:800;white-space:nowrap}

.art-jp .jp-k{position:absolute;top:calc(6px * var(--fs,1));inset-inline-end:calc(6px * var(--fs,1));
  width:calc(17px * var(--fs,1));height:calc(17px * var(--fs,1));border-radius:50%;background:#1F8A58;color:#fff;
  display:grid;place-items:center}
.art-jp .jp-k svg{width:calc(11px * var(--fs,1));height:calc(11px * var(--fs,1))}

.art-jp .jp-rail{margin-top:calc(10px * var(--fs,1));padding:calc(9px * var(--fs,1)) calc(12px * var(--fs,1));
  border-radius:14px;background:linear-gradient(100deg,#f7f1e2,#e6f6f7);border:1px solid #DDC796}
.art-jp .jp-rh{font-size:calc(12.5px * var(--fs,1));font-weight:800;color:#8A6A1F;margin-bottom:calc(7px * var(--fs,1))}
.art-jp .jp-rg{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(7px * var(--fs,1))}
.art-jp .jp-r{position:relative;display:grid;justify-items:center;gap:calc(2px * var(--fs,1));text-align:center;
  padding:calc(8px * var(--fs,1)) calc(4px * var(--fs,1));border-radius:11px;background:#ffffffd9;
  border:1px solid #C9E0E2;opacity:.42;filter:grayscale(.85)}
.art-jp .jp-r b{font-size:calc(12px * var(--fs,1));color:#14505C;line-height:1.3}
.art-jp .jp-r small{font-size:calc(10.5px * var(--fs,1));color:#6D8D93;line-height:1.35}
.art-jp .jp-r .art-icon{width:calc(27px * var(--fs,1));height:calc(27px * var(--fs,1));border-radius:9px;margin-bottom:0}
.art-jp .jp-r .art-icon svg{width:calc(15px * var(--fs,1))!important;height:calc(15px * var(--fs,1))!important}

/* ===== وسوم الخارطة تتبع عرض صورتها — في العرض وحده =====
   مستطيلات المحطات مرسومةٌ داخل الصورة، فتضيق بضيق عرضها. وحين يبقى
   الوسم بمقاسٍ ثابت ينكسر سطرين ويزحف خارج مستطيله الملوّن. هنا يُقاس
   الوسم بعرض الصورة نفسها (cqi) فيبقى في مستطيله مهما ضاق العمود.
   النطاق محصورٌ بـ data-screen-fit — ولا توجد إلا في شاشة العرض،
   فالحقيبة المطبوعة ودليل المدرِّب خارج هذا تماماً. */
.slide[data-screen-fit] .split .jmap2{container-type:inline-size}
.slide[data-screen-fit] .split .jmap2.jm-clean .jm-t{font-size:1.30cqi!important;line-height:1.1;top:92.7%}
.slide[data-screen-fit] .split .jmap2.jm-clean .jm-n{font-size:2.50cqi!important}
.slide[data-screen-fit] .split .jmap2.jm-clean .jm-s{font-size:1.10cqi!important}

/* ===== قُمع نِسب الانتقال =====
   أشرطةٌ بعرضٍ متناسب مع العدد، وبينها نسبة الانتقال. والأضعف ذهبيّة.
   كل المقاسات بـvar(--fs) فتتبع تحجيم الشريحة، وعليها أرضيةُ قراءةٍ للطباعة. */
.art-funnel .fnl{margin:calc(4px * var(--fs,1)) 0 0}
.art-funnel .fs-row{display:flex;align-items:center;gap:calc(9px * var(--fs,1));margin-bottom:calc(4px * var(--fs,1))}
.art-funnel .fs-bar{height:calc(30px * var(--fs,1));border-radius:calc(8px * var(--fs,1));
  background:linear-gradient(135deg,#0B7FAE,#075E84);display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:max(calc(15px * var(--fs,1)),13.5px);min-width:calc(46px * var(--fs,1));
  box-shadow:0 2px 7px rgba(11,60,80,.14)}
.art-funnel .fs-nm{flex:1;font-size:max(calc(13px * var(--fs,1)),12.5px);font-weight:700;color:#102A33;text-align:start;line-height:1.4}
.art-funnel .fs-gap{display:flex;align-items:center;gap:calc(8px * var(--fs,1));margin-bottom:calc(4px * var(--fs,1));padding-inline-start:calc(4px * var(--fs,1))}
.art-funnel .fs-pct{font-size:max(calc(12.5px * var(--fs,1)),12px);font-weight:800;background:#E2F2F8;color:#075E84;
  border-radius:999px;padding:calc(2px * var(--fs,1)) calc(10px * var(--fs,1));white-space:nowrap}
.art-funnel .fs-lb{font-size:max(calc(12px * var(--fs,1)),12px);color:#5A7884;font-weight:600}
.art-funnel .fs-gap.weak .fs-pct{background:#C99A3F;color:#fff}
.art-funnel .fs-gap.weak .fs-lb{color:#C99A3F;font-weight:800}
.art-funnel .fnl-tot{display:flex;align-items:center;justify-content:center;gap:calc(10px * var(--fs,1));
  background:#FBF8F1;border:1.5px solid #C99A3F;border-radius:calc(13px * var(--fs,1));
  padding:calc(9px * var(--fs,1));margin:calc(10px * var(--fs,1)) 0 0}
.art-funnel .fnl-tot b{font-size:calc(30px * var(--fs,1));font-weight:900;color:#075E84;line-height:1}
.art-funnel .fnl-tot span{font-size:max(calc(12.5px * var(--fs,1)),12px);color:#5A7884;font-weight:600;text-align:start;line-height:1.45}
.art-funnel .fnl-qr{display:flex;align-items:center;gap:calc(11px * var(--fs,1));
  background:#fff;border:1px solid #CFE0E7;border-radius:calc(13px * var(--fs,1));
  padding:calc(9px * var(--fs,1));margin:calc(9px * var(--fs,1)) 0 0}
.art-funnel .fnl-qr img{width:calc(112px * var(--fs,1));height:auto;border-radius:calc(7px * var(--fs,1));flex:0 0 auto}
.art-funnel .fnl-qr b{display:block;font-size:max(calc(14px * var(--fs,1)),13px);color:#102A33;font-weight:800}
.art-funnel .fnl-qr small{display:block;font-size:max(calc(12px * var(--fs,1)),12px);color:#5A7884;font-weight:600;line-height:1.5;text-align:start}

/* ===== نجمة الإجابة — علامة المدرِّب =====
   سطرٌ فيه إجابة سؤالٍ من القبلي/البعدي. تظهر في شاشة العرض وحدها لأن
   qa-marks.js لا يُحمَّل في الحقيبة ولا في دليل المدرِّب، فلا يراها المشارك. */
.slide .li.qa>span::after{content:'\2605';color:var(--gold,#C99A3F);
  font-size:calc(15px * var(--fs,1));margin-inline-start:calc(7px * var(--fs,1));
  vertical-align:.08em;opacity:.95;line-height:1}