/* ═══════════ مواد — الهوية العامّة ═══════════ */
:root{
  --paper:#f5f1e6;--paper2:#ece6d4;--card:#fffdf8;--line:#d9cfb6;
  --ink:#122a21;--ink2:#5a6e65;--ink3:#8b9a92;
  --deep:#0b3a2c;--green:#0f5a43;--green2:#16795a;--mint:#5fcf9f;
  --deep2:#0d4433;--tint:#e6f1ec;--tint2:#eef6f1;--tint3:#cfe5d9;--okbg:#e3f3ea;--okbg2:#d9efe3;--hero1:#16664c;--hero3:#072a20;
  --gold:#c9a24b;--gold2:#a9832f;--rust:#c8694e;
  --fd:'El Messiri','IBM Plex Sans Arabic','DejaVu Sans',sans-serif;
  --ft:'IBM Plex Sans Arabic','Amiri','DejaVu Sans',sans-serif;
  --fq:'Amiri','IBM Plex Sans Arabic',serif;
  --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%230f5a43' stroke-width='1.2'%3E%3Crect x='28' y='28' width='44' height='44'/%3E%3Cpath d='M50 19L81 50L50 81L19 50Z'/%3E%3Ccircle cx='50' cy='50' r='9'/%3E%3Cpath d='M0 0L19 19M100 0L81 19M0 100L19 81M100 100L81 81M50 0V19M50 100V81M0 50H19M100 50H81'/%3E%3C/g%3E%3C/svg%3E");
  --starL:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23f4efe0' stroke-width='1.2'%3E%3Crect x='28' y='28' width='44' height='44'/%3E%3Cpath d='M50 19L81 50L50 81L19 50Z'/%3E%3Ccircle cx='50' cy='50' r='9'/%3E%3Cpath d='M0 0L19 19M100 0L81 19M0 100L19 81M100 100L81 81M50 0V19M50 100V81M0 50H19M100 50H81'/%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--ft);-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
.saw{font-family:'Amiri','DejaVu Sans',serif;font-weight:400}
button{font-family:inherit}

/* شعار «مواد» */
.brand{display:inline-flex;align-items:center;gap:10px;font:700 22px/1 var(--fd);color:#f4efe0}
.brand svg{width:30px;height:30px}

/* ═══════════ صفحة المادّة ═══════════ */
.hero{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 80% 0%,var(--hero1) 0,var(--deep) 55%,var(--hero3) 100%);color:#f4efe0;padding:26px 6vw 120px}
.hero:before{content:'';position:absolute;inset:-200px;background:var(--starL);background-size:110px;opacity:.07;animation:drift 120s linear infinite}
.hero:after{content:'';position:absolute;left:-10%;right:-10%;bottom:-1px;height:90px;background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0}
@keyframes drift{to{transform:translate(110px,110px)}}
.hero .glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.28),transparent 65%);left:-120px;top:-160px;animation:gl 28s ease-in-out infinite alternate}
@keyframes gl{to{transform:translate(160px,90px)}}
.hero .ros{position:absolute;left:4vw;top:50%;width:300px;height:300px;margin-top:-170px;opacity:.13;animation:spin 160s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero .in{position:relative;z-index:1;max-width:1040px;margin:0 auto}
.hero .top{display:flex;align-items:center;justify-content:space-between}
.hero .kick{margin-top:64px;font:600 17px var(--ft);color:var(--gold);display:flex;align-items:center;gap:12px}
.hero .kick:before{content:'';width:34px;height:2px;background:var(--gold)}
.hero h1{margin:12px 0 0;font:700 clamp(44px,7vw,78px)/1.15 var(--fd);color:#fbf6e6}
.hero p{margin:14px 0 0;max-width:560px;font:500 19px/1.8 var(--ft);color:rgba(244,239,224,.75)}

.wrap{max-width:1040px;margin:-40px auto 80px;padding:0 6vw;position:relative;z-index:2}
.sech{display:flex;align-items:baseline;gap:14px;margin:0 0 22px}
.sech h2{margin:0;font:700 28px var(--fd);color:var(--deep)}
.sech span{font:500 16px var(--ft);color:var(--ink3)}
.lessons{position:relative;padding-right:46px}
.lessons:before{content:'';position:absolute;right:21px;top:30px;bottom:30px;width:2px;background:repeating-linear-gradient(180deg,var(--line) 0 6px,transparent 6px 12px)}
.lcard{position:relative;display:flex;align-items:center;gap:26px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px 28px 22px 22px;margin-bottom:18px;box-shadow:0 18px 40px -26px rgba(11,58,44,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;overflow:hidden}
.lcard:hover{transform:translateY(-3px);box-shadow:0 26px 50px -24px rgba(11,58,44,.5);border-color:var(--gold)}
.lcard .num{position:absolute;right:-46px;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;background:var(--deep);color:var(--gold);display:grid;place-items:center;font:700 20px var(--fd);box-shadow:0 0 0 6px var(--paper)}
.lessons .lcard .num{right:-46px}
.lcard .tx{flex:1;min-width:0}
.lcard .tx small{display:block;font:600 15px var(--ft);color:var(--gold2)}
.lcard .tx h3{margin:4px 0 0;font:700 26px/1.35 var(--fd);color:var(--ink)}
.lcard .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lcard .chips span{display:inline-flex;align-items:center;gap:6px;font:600 14px var(--ft);color:var(--green);background:var(--tint2);border:1px solid var(--tint3);padding:5px 12px 6px;border-radius:99px}
.lcard .chips svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lcard .pv{flex:none;width:210px;height:130px;border-radius:16px;background:linear-gradient(160deg,var(--green),var(--deep));position:relative;overflow:hidden}
.lcard .pv:before{content:'';position:absolute;inset:0;background:var(--starL);background-size:70px;opacity:.08}
.lcard .pv svg{position:absolute;inset:0;width:100%;height:100%}
.lcard{cursor:pointer}
.lcard .res{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.lcard .rb{display:inline-flex;align-items:center;gap:8px;font:700 15px var(--ft);padding:9px 18px 10px;border-radius:99px;border:1.5px solid var(--green);color:var(--green);background:#fff;transition:all .25s}
.lcard .rb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lcard .rb.pr{background:var(--green);color:#fff}
.lcard .rb:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(15,90,67,.7)}
.lcard .go{flex:none;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;color:var(--green);transition:all .3s}
.lcard:hover .go{background:var(--green);border-color:var(--green);color:#fff;transform:translateX(-4px)}
.lcard .go svg{width:20px;height:20px}
.foot{text-align:center;font:500 14px var(--ft);color:var(--ink3);margin-top:50px}
@media (max-width:720px){.lessons{padding-right:0}.lessons:before{display:none}.lcard .num{display:none}.lcard{flex-wrap:wrap;padding:18px}.lcard .pv{width:100%;height:110px;order:-1}.lcard .go{display:none}.hero{padding-bottom:100px}}


/* التبديل بين موارد الدرس (المخطّطات / الملخّص) */
.sw{display:flex;gap:6px;background:rgba(244,239,224,.08);padding:4px;border-radius:99px}
.sw a{display:flex;align-items:center;gap:7px;font:600 15px var(--ft);padding:7px 14px;border-radius:99px;color:rgba(244,239,224,.8)}
.sw a.on{background:#f4efe0;color:var(--deep)}
.sw svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.bar .sw{position:relative}
@media (max-width:560px){.sw a{padding:6px 10px;font-size:14px}.sw svg,.sw i{display:none}.sw{gap:2px}.bar .lt{display:none}}

/* ═══════════ صفحة المخطّطات ═══════════ */
body.map{height:100%;overflow:hidden;position:fixed;inset:0}
.bar{position:fixed;top:0;left:0;right:0;height:64px;z-index:20;display:flex;align-items:center;gap:16px;padding:0 22px;background:linear-gradient(180deg,var(--deep2),var(--deep));color:#f4efe0;box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
.bar:before{content:'';position:absolute;inset:0;background:var(--starL);background-size:80px;opacity:.06;pointer-events:none}
.bar .back{display:flex;align-items:center;gap:10px;position:relative}
.bar .back .sub{font:600 16px var(--ft);color:rgba(244,239,224,.7)}
.bar .sep{width:1px;height:26px;background:rgba(244,239,224,.2)}
.bar .lt{position:relative;font:700 19px var(--fd);white-space:nowrap}
.bar .lt small{font:500 15px var(--ft);color:var(--gold);margin-right:10px}
.bar .sp{flex:1}
.tabs{position:fixed;top:64px;left:0;right:0;z-index:19;display:flex;justify-content:center;gap:8px;padding:12px 16px;pointer-events:none;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{pointer-events:auto;flex:none;display:flex;align-items:center;gap:9px;height:44px;padding:0 18px 0 16px;border-radius:99px;border:1px solid var(--line);background:rgba(255,253,248,.92);color:var(--ink2);font:600 16px var(--ft);cursor:pointer;box-shadow:0 8px 20px -14px rgba(11,58,44,.5);transition:all .3s}
.tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tab:hover{color:var(--green);border-color:var(--gold)}
.tab.on{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 10px 24px -12px rgba(15,90,67,.8)}
.tab .n{font:700 13px var(--ft);opacity:.6}

.vp{position:fixed;inset:0;overflow:hidden;cursor:grab;touch-action:none;background:var(--paper);user-select:none;-webkit-user-select:none}
.vp .pat{position:absolute;inset:0;background-image:var(--star);background-size:110px;opacity:.06;pointer-events:none}
.vp.drag{cursor:grabbing}
.vp .tint{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 60% at 85% 20%,rgba(201,162,75,.16),transparent 70%),radial-gradient(55% 55% at 10% 90%,rgba(22,121,90,.14),transparent 70%)}
.vp:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(245,241,230,.0),rgba(245,241,230,.0));}
.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.edges{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible}
.edges path{fill:none;stroke-linecap:round}
.edges .e{stroke:var(--c);stroke-opacity:.55;stroke-width:2.2}
.edges .en{stroke:#c9a24b;stroke-width:1.8;stroke-dasharray:3 5}

.nd{position:absolute;left:0;top:0;display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-right:5px solid var(--c);border-radius:16px;padding:9px 16px 10px 14px;box-shadow:0 12px 26px -18px rgba(11,58,44,.55);white-space:nowrap;cursor:default;will-change:transform,opacity}
.nd.has{cursor:pointer}
.nd.has:hover{box-shadow:0 0 0 2px var(--c),0 16px 30px -18px rgba(11,58,44,.6)}
.nd .ic{flex:none;width:42px;height:42px;border-radius:12px;background:var(--cbg);color:var(--c);display:grid;place-items:center}
.nd .ic.w{width:74px}
.nd .ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.nd .ic.w svg{width:66px;height:30px;stroke-width:2.2}
.nd .tx b{display:block;font:700 18px/1.35 var(--ft);color:var(--ink)}
.nd .tx small{display:block;font:500 14px/1.5 var(--ft);color:var(--ink2);margin-top:1px;white-space:nowrap}
.nd.root{background:linear-gradient(180deg,var(--hero1),var(--deep));border:none;border-right:none;padding:14px 22px 15px 20px;box-shadow:0 0 0 6px rgba(201,162,75,.14),0 18px 36px -18px rgba(11,58,44,.8)}
.nd.root .tx b{color:#fbf6e6;font:700 22px/1.35 var(--fd)}
.nd.root .tx small{color:rgba(244,239,224,.75)}
.nd.root .ic{background:rgba(255,255,255,.1);color:var(--gold)}
.nd.ok .tx b{color:#14704c}.nd.no .tx b{color:#a2452c}
.nd.sm{padding:6px 14px 7px 12px;border-radius:13px}
.nd.sm .tx b{font-size:16px}
.nd .tg{position:absolute;left:50%;bottom:-13px;margin-left:-13px;width:26px;height:26px;border-radius:50%;background:var(--card);border:1.5px solid var(--c);color:var(--c);display:grid;place-items:center;font:700 15px/1 var(--ft);box-shadow:0 4px 10px -4px rgba(0,0,0,.25);transition:all .25s}
.nd .tg svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.nd.col .tg{background:var(--c);color:#fff;width:auto;min-width:30px;padding:0 9px;transform:translateX(-50%);margin-left:0;border-radius:99px;animation:pulse 2.4s ease-out infinite}
.nd.root .tg{border-color:var(--gold);color:var(--gold);background:var(--deep)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,162,75,.55)}70%,100%{box-shadow:0 0 0 9px rgba(201,162,75,0)}}
.nd.root.col .tg{background:var(--gold);color:var(--deep)}

.nt{position:absolute;left:0;top:0;width:236px;background:linear-gradient(180deg,#fdf6e1,#f8edcf);border:1px solid #e6d29b;border-radius:6px 18px 18px 18px;padding:14px 18px 15px;box-shadow:0 16px 30px -18px rgba(120,90,20,.55);will-change:transform,opacity}
.nt .tag{position:absolute;top:-12px;right:16px;display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:#2e2107;font:700 13px var(--ft);padding:3px 11px 4px;border-radius:99px}
.nt .tag svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.nt h4{margin:4px 0 8px;font:700 17px/1.4 var(--fd);color:#5b440f}
.nt ol,.nt ul{margin:0;padding:0;list-style:none}
.nt li{display:flex;align-items:center;gap:10px;font:600 15.5px/1.5 var(--ft);color:#3d3218;padding:4px 0}
.nt li .k{flex:none;width:22px;height:22px;border-radius:50%;background:#efdca6;color:#6b4f12;display:grid;place-items:center;font:700 12.5px var(--ft)}
.nt li svg{flex:none;width:24px;height:24px;fill:none;stroke:#a9832f;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.nt li b{font-weight:700;color:#5b440f}
.nt p{margin:6px 0 0;font:500 15px/1.7 var(--ft);color:#4a3d1e}
.nt p.q{font:600 16px/1.7 var(--fd);color:#3d3218}
.nt .lk{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font:700 14px var(--ft);color:#fff;background:var(--green);padding:6px 13px 7px;border-radius:99px;cursor:pointer}
.nt .lk svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

.ctl{position:fixed;left:18px;bottom:18px;z-index:20;display:flex;flex-direction:column;gap:8px}
.ctl .g{display:flex;flex-direction:column;background:rgba(255,253,248,.95);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 26px -16px rgba(11,58,44,.5);overflow:hidden}
.ctl button{width:46px;height:44px;border:none;background:none;color:var(--green);display:grid;place-items:center;cursor:pointer}
.ctl button+button{border-top:1px solid var(--paper2)}
.ctl button:hover{background:var(--tint2)}
.ctl svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hint{position:fixed;right:50%;transform:translateX(50%);bottom:20px;z-index:20;font:500 14px var(--ft);color:var(--ink2);background:rgba(255,253,248,.92);border:1px solid var(--line);padding:7px 16px;border-radius:99px;transition:opacity .6s;pointer-events:none;white-space:nowrap}
.hint.off{opacity:0}
@media (max-width:720px){.bar{height:56px;padding:0 14px;gap:10px}.bar .back .sub,.bar .sep{display:none}.bar .lt{font-size:16px}.tabs{top:56px;justify-content:flex-start}.tab{height:40px;font-size:15px}.hint{display:none}}

/* ═══════════ أقسام المادّة وتنقّل الدروس ═══════════ */
.sw i{display:inline-flex}
.lnav{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}
.lnav .ln{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 18px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--ink);font:700 17px/1.45 var(--fd);transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 14px 30px -26px rgba(11,58,44,.6)}
.lnav .ln span{min-width:0;flex:1}
.lnav .ln small{display:block;font:600 13px var(--ft);color:var(--gold2)}
.lnav .ln.next{text-align:left}
.lnav .ln svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;color:var(--green)}
.lnav a.ln:hover{transform:translateY(-2px);border-color:var(--gold)}
.lnav .ln.off{opacity:.45;box-shadow:none;background:transparent;border-style:dashed}
.lnav .ln.off span{font-weight:500;color:var(--ink3)}
.lnav .ln.x{justify-content:center;background:var(--deep);border-color:var(--deep);color:#f4efe0;padding:14px 22px;font-size:16px}
.lnav .ln.x i{display:inline-flex}
.lnav .ln.x svg{width:24px;height:24px;color:var(--gold)}
.lnav.mini{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;gap:0;background:rgba(255,253,248,.96);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 26px -16px rgba(11,58,44,.5);overflow:hidden}
.lnav.mini .ln{border:0;border-radius:0;box-shadow:none;background:none;padding:8px 12px;font-size:14px;gap:6px}
.lnav.mini .ln+.ln{border-right:1px solid var(--paper2)}
.lnav.mini .ln small{font-size:11px}
.lnav.mini .ln.x{background:var(--deep);font-size:14px;padding:8px 14px}
.lnav.mini .ln.x svg{width:20px;height:20px}
.lnav.mini .ln.off{display:none}
.lnav.mini:has(.prev.off):has(.next.off) .ln.x{border-radius:0}
@media (max-width:720px){.lnav{grid-template-columns:1fr 1fr}.lnav .ln.x{grid-column:1/-1;order:-1}.lnav .ln{padding:12px 14px;font-size:15px}
 .lnav.mini{right:12px;bottom:12px}.lnav.mini .ln span{display:none}.lnav.mini .ln.x span{display:inline}}

/* تبويبات صفحة المادّة */
.stabs{position:relative;z-index:3;display:flex;justify-content:center;gap:8px;max-width:640px;margin:-34px auto 28px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 44px -28px rgba(11,58,44,.6)}
.stabs a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 10px;border-radius:17px;font:700 18px var(--fd);color:var(--ink2);transition:background .2s,color .2s}
.stabs a i{display:inline-flex}
.stabs a svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.stabs a:hover{background:var(--paper)}
.stabs a.on{background:var(--deep);color:#f4efe0}
.stabs a.on svg{color:var(--gold)}
.pane[hidden]{display:none}
.lcard .pv.doc{background:linear-gradient(160deg,#f7f1e1,#ece2c8)}
.lcard .pv.doc:before{background:var(--star);opacity:.06}
.lcard .go{display:grid}
@media (max-width:560px){.stabs{margin:-30px 0 22px;border-radius:18px}.stabs a{font-size:15px;padding:11px 6px;gap:6px;flex-direction:column}.stabs a svg{width:22px;height:22px}}
@media (max-width:720px){.lcard .go{display:none}}
@media (max-width:420px){.bar .back .brand{font-size:0;gap:0}.bar{gap:6px}}

/* ═══════════ هويّة فقه المعاملات (أزرق) ═══════════ */
body.t-fiqh{--ink:#14243a;--ink2:#56667a;--ink3:#8792a2;--deep:#0c2c52;--deep2:#103a69;--green:#17508f;--green2:#2569b5;--mint:#8cc3f5;--tint:#e3ecf8;--tint2:#edf3fb;--tint3:#c9dbf2;--hero1:#1b5392;--hero3:#06192f;
 --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%2317508f' stroke-width='1.2'%3E%3Crect x='28' y='28' width='44' height='44'/%3E%3Cpath d='M50 19L81 50L50 81L19 50Z'/%3E%3Ccircle cx='50' cy='50' r='9'/%3E%3Cpath d='M0 0L19 19M100 0L81 19M0 100L19 81M100 100L81 81M50 0V19M50 100V81M0 50H19M100 50H81'/%3E%3C/g%3E%3C/svg%3E")}

/* أقسام الكتاب في صفحة المادّة */
.part{margin-bottom:34px}
.parth{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.parth .pn{flex:none;width:40px;height:40px;border-radius:12px;background:var(--gold);color:#2b1f05;display:grid;place-items:center;font:700 20px var(--fd)}
.parth h3{margin:0;font:700 22px var(--fd);color:var(--deep)}
.parth p{margin:2px 0 0;font:500 14px/1.6 var(--ft);color:var(--ink2)}
.parth .cnt{margin-inline-start:auto;font:500 14px var(--ft);color:var(--ink3);white-space:nowrap}
.pnote{background:#fbf3dc;border-right:4px solid var(--gold);border-radius:14px;padding:10px 18px;margin:0 0 16px;font:500 15px/1.8 var(--ft);color:var(--ink)}
.pnote b{color:var(--gold2)}
.pnote ul{margin:4px 0 0;padding-inline-start:20px}
.soon{display:flex;align-items:center;gap:12px;border:2px dashed var(--line);border-radius:20px;padding:20px 24px;font:600 16px var(--ft);color:var(--ink3)}
.soon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lcard .pvi{position:absolute;left:12px;bottom:10px;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff}
.lcard .pv.doc .pvi{background:var(--deep);color:var(--gold)}
.lcard .pvi svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:560px){.parth h3{font-size:19px}.parth .cnt{display:none}}

/* عقدة الجواب في مخطّطات القرار */
.nd .an{position:absolute;top:-11px;right:14px;z-index:2;background:var(--c);color:#fff;font:700 12.5px/1 var(--ft);padding:5px 11px;border-radius:99px;white-space:nowrap;box-shadow:0 4px 10px -4px rgba(0,0,0,.35)}
.nd:has(.an){margin-top:0}
.nd.info .tx b{color:#1e5c9e}
.nd.ok,.nd.no,.nd.info{border-width:2px}
.nd.wr{white-space:normal}
.nd.wr .tx{flex:none;width:max-content;max-width:300px}
.nd.wr .tx small{white-space:normal}
.nd.root.wr .tx{max-width:340px}
.nd.wr .tx b{white-space:normal}