/* R3-6 guide: self-contained colours (works on light and dark demos) */
.pkg-ban{position:relative;z-index:30;margin:12px;border-radius:18px;background:linear-gradient(135deg,#1e1b4b,#312e81 55%,#4c1d95);color:#fff;box-shadow:0 18px 40px -20px rgba(49,46,129,.7);font-family:"PK Vazirmatn",Vazirmatn,system-ui,sans-serif}
html.pk-en .pkg-ban{font-family:Inter,"Segoe UI",system-ui,sans-serif}
.pkg-in{display:flex;align-items:center;gap:16px;padding:14px 18px}
.pkg-i{font-size:1.6rem;flex:none}.pkg-t{flex:1;min-width:0}.pkg-t b{display:block;font-size:.95rem;font-weight:800;margin-bottom:4px}
.pkg-t ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0}.pkg-t li{font-size:.78rem;opacity:.9}.pkg-t li::before{content:"✓ ";color:#a5f3fc;font-weight:800}
.pkg-go{flex:none;padding:10px 16px;border-radius:12px;border:0;background:#fff;color:#312e81;font:inherit;font-weight:800;font-size:.82rem;cursor:pointer;white-space:nowrap}
.pkg-x{position:absolute;top:6px;inset-inline-end:10px;border:0;background:none;color:#fff;opacity:.6;font-size:1.1rem;cursor:pointer}
.pkg-pin{position:absolute;top:10px;inset-inline-start:10px;z-index:6;width:24px;height:24px;border-radius:50%;border:0;background:#6d28d9;color:#fff;font:800 .8rem/24px system-ui;cursor:pointer;box-shadow:0 0 0 4px rgba(109,40,217,.25);animation:pkgp 2.4s infinite}
.pkg-pin:hover{transform:scale(1.15)}@keyframes pkgp{0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,.55)}60%{box-shadow:0 0 0 10px rgba(139,92,246,0)}}
.pkg-ring{position:fixed;z-index:9998;border-radius:20px;box-shadow:0 0 0 3px #a78bfa,0 0 0 9999px rgba(8,6,20,.55);pointer-events:none;transition:.3s}
.pkg-pop{position:fixed;z-index:9999;background:#fff;color:#1e1b4b;border-radius:16px;padding:14px 16px;box-shadow:0 24px 60px -12px rgba(0,0,0,.5);font-family:"PK Vazirmatn",Vazirmatn,system-ui,sans-serif;animation:pkgi .25s}
html.pk-en .pkg-pop{font-family:Inter,"Segoe UI",system-ui,sans-serif}
@keyframes pkgi{from{opacity:0;transform:translateY(6px)}}
.pkg-pop small{font-size:.7rem;color:#7c3aed;font-weight:700}.pkg-pop b{display:block;font-size:.95rem;margin:2px 0 6px}.pkg-pop p{font-size:.8rem;line-height:1.85;color:#4b5563;margin:0}
.pkg-pop div{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.pkg-pop button{padding:7px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#1e1b4b;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
.pkg-pop button.on{background:#6d28d9;border-color:#6d28d9;color:#fff}.pkg-pop button:disabled{opacity:.4}
@media (max-width:700px){.pkg-in{flex-wrap:wrap;gap:10px;padding:12px 14px}.pkg-i{display:none}.pkg-go{width:100%}.pkg-t ul{display:grid}}
.embed .pkg-ban,.embed .pkg-pin{display:none}
/* R5-7: banner spans the full row when its host is a grid/flex layout; pins don't cover headings */
.pkg-ban{grid-column:1/-1;flex-basis:100%;align-self:start;height:auto}
.pkg-pin{top:-10px;inset-inline-start:-8px;width:22px;height:22px;font-size:.74rem;line-height:22px}