.elementor-21998 .elementor-element.elementor-element-87b26bd{--display:flex;}/* Start custom CSS *//* ===== WR Sheets • Elementor Guide (scoped) ===== */
.eg-guide{--ink:#e6edf5;--muted:#9fb0c3;--bg:#0e1319;--card:#141a22;--line:#212a36;--accent:#f59e0b;--ok:#10b981;--warn:#ef4444;--blue:#60a5fa;--purple:#7c3aed;--shadow:0 12px 30px rgba(0,0,0,.36);font:16px/1.62 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
.eg-wrap{max-width:1200px;margin:auto;background:linear-gradient(180deg,#0f141b,#0b1016);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:26px}
.eg-section{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0}
.eg-title{display:flex;align-items:center;gap:10px;margin:0 0 .4em}
.eg-title .dot{width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,#f59e0b,#7c3aed);box-shadow:0 0 16px rgba(245,158,11,.55)}
.eg-lead{color:#cdd6e1;margin:.2rem 0 1rem}
.eg-grid{display:grid;gap:16px}
.eg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.eg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.eg-cols-2,.eg-cols-3{grid-template-columns:1fr}}
.eg-card{background:#0f141b;border:1px solid var(--line);border-radius:12px;padding:14px}
.eg-pill{display:inline-block;padding:.16em .55em;border-radius:999px;background:#0d131a;border:1px solid #223244;color:#b9c6d3;font-size:12px}
.eg-kbd{font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0c1117;border:1px solid var(--line);border-bottom-color:#0a0e13;padding:.2em .45em;border-radius:6px;color:#dbe1e7}
.eg-callout{border:1px dashed #2b3646;background:#0c1117;padding:12px;border-radius:12px;color:#c0ccda}
.eg-bullet{padding-left:18px;margin:.4rem 0}
.eg-bullet li{margin:.25rem 0}
.eg-mini{font-size:12px;color:var(--muted)}
.eg-hint{color:#bcd0e6}
.eg-divider{height:2px;background:linear-gradient(90deg,#f59e0b,#7c3aed);opacity:.7;border-radius:2px}
.eg-placeholder{border:1px dashed #334155;border-radius:12px;background:#0b1016;padding:12px;color:#97a8bd}

/* --- demo visuals that mimic widgets --- */
.eg-btn{display:inline-flex;gap:.55rem;align-items:center;padding:.6rem .95rem;border-radius:10px;background:linear-gradient(180deg,#f59e0b,#c97700);border:0;color:#0b0f14;font-weight:700;text-decoration:none}
.eg-btn:hover{filter:brightness(1.05)}
.eg-icon{width:22px;height:22px;display:inline-block;border-radius:6px;background:linear-gradient(135deg,#7c3aed,#60a5fa)}
.eg-img{display:block;width:100%;height:180px;border-radius:10px;background:linear-gradient(135deg,#1d2631,#0c1117);border:1px solid #253142;position:relative;overflow:hidden}
.eg-img:after{content:"Image";position:absolute;inset:auto 0 10px 0;color:#93a6be;text-align:center;font-size:12px}

/* --- Animated Headline --- */
.eg-anim{font-weight:800;font-size:28px}
.eg-anim .swap{display:inline-block;overflow:hidden;vertical-align:bottom;height:1em}
.eg-anim .swap span{display:block;animation:eg-words 6s infinite}
@keyframes eg-words{0%{transform:translateY(0)}25%{transform:translateY(-1em)}50%{transform:translateY(-2em)}75%{transform:translateY(-3em)}100%{transform:translateY(0)}}

/* --- Tabs (radio CSS) --- */
.eg-tabs{--tab:#233041}
.eg-tabs .t-head{display:flex;gap:10px;margin-bottom:10px}
.eg-tabs input{display:none}
.eg-tabs label{cursor:pointer;border:1px solid var(--line);background:#0e1520;border-radius:10px;padding:8px 12px}
.eg-tabs .tab{display:none;border:1px solid var(--line);background:#0c1117;border-radius:10px;padding:12px}
.eg-tabs input:checked+label{background:#152131;border-color:#2b3a4f}
.eg-tabs input#t1:checked~.tab.t1,
.eg-tabs input#t2:checked~.tab.t2,
.eg-tabs input#t3:checked~.tab.t3{display:block}

/* --- Accordion (details/summary) --- */
.eg-acc details{border:1px solid var(--line);border-radius:10px;background:#0c1117;margin:8px 0}
.eg-acc summary{cursor:pointer;padding:10px 12px;font-weight:600;list-style:none}
.eg-acc summary::-webkit-details-marker{display:none}
.eg-acc .a-body{padding:12px;border-top:1px solid var(--line)}

/* --- Slider / Carousel (CSS only) --- */
.eg-slider{--W:100%;--H:220px;position:relative;border:1px solid var(--line);border-radius:12px;background:#0c1117;overflow:hidden}
.eg-slider .track{display:flex;transition:transform .6s ease;will-change:transform}
.eg-slider .slide{min-width:var(--W);height:var(--H);display:grid;place-items:center}
.eg-slider .ctrls{position:absolute;inset:auto 0 8px 0;display:flex;justify-content:center;gap:8px}
.eg-slider .dot{width:10px;height:10px;border-radius:50%;background:#334155;border:1px solid #4a5a71;cursor:pointer}
.eg-slider input{display:none}
.eg-slider[data-n="s1"] input#s1-1:checked ~ .track{transform:translateX(0)}
.eg-slider[data-n="s1"] input#s1-2:checked ~ .track{transform:translateX(-100%)}
.eg-slider[data-n="s1"] input#s1-3:checked ~ .track{transform:translateX(-200%)}
.eg-slider[data-n="s2"] input#s2-1:checked ~ .track{transform:translateX(0)}
.eg-slider[data-n="s2"] input#s2-2:checked ~ .track{transform:translateX(-100%)}
.eg-slider[data-n="s2"] input#s2-3:checked ~ .track{transform:translateX(-200%)}
.eg-slider[data-n="s3"] input#s3-1:checked ~ .track{transform:translateX(0)}
.eg-slider[data-n="s3"] input#s3-2:checked ~ .track{transform:translateX(-100%)}
.eg-slider[data-n="s3"] input#s3-3:checked ~ .track{transform:translateX(-200%)}
.eg-tag{position:absolute;top:8px;left:8px;font:11px/1 ui-monospace;background:#0b0f14;border:1px solid var(--line);border-radius:6px;padding:4px 6px;color:#9fb0c3}

/* --- Hotspots --- */
.eg-hot{position:relative}
.eg-hot .hs{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#f59e0b 0,#a85f00 60%,transparent 61%);border:1px solid #f8c67a;cursor:help}
.eg-hot .hs:after{content:attr(data-tip);position:absolute;left:18px;top:-8px;white-space:nowrap;background:#0b0f14;border:1px solid var(--line);padding:6px 8px;border-radius:8px;opacity:0;transform:translateY(4px);transition:.2s;color:#cfe1ff;pointer-events:none}
.eg-hot .hs:hover:after{opacity:1;transform:translateY(0)}

/* --- Flip Box --- */
.eg-flip{perspective:1000px}
.eg-flip .inner{position:relative;height:190px;transform-style:preserve-3d;transition:transform .6s}
.eg-flip:hover .inner{transform:rotateY(180deg)}
.eg-flip .front,.eg-flip .back{position:absolute;inset:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#0c1117;backface-visibility:hidden}
.eg-flip .back{transform:rotateY(180deg);background:#121a24}

/* --- Stats / Rating / Progress --- */
.eg-counter{font:800 34px/1.1 Inter;color:#fff}
.eg-progress{height:12px;background:#0c1117;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.eg-progress .bar{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a)}
.eg-stars{display:flex;gap:4px}
.eg-stars svg{width:20px;height:20px;fill:#facc15;filter:drop-shadow(0 0 2px #fcd34d)}

/* --- Table --- */
.eg-table{width:100%;border-collapse:separate;border-spacing:0;background:#0c1117;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.eg-table thead th{background:#3a2a2a;color:#fff;padding:10px;border-right:1px solid #4a3b3b}
.eg-table thead th:first-child{background:#4a2e2e}
.eg-table td{padding:10px;border-top:1px solid #263040;border-right:1px solid #1f2937;color:#d6e0ea}
.eg-table tr:nth-child(even) td{background:#0f141b}
.eg-table td:first-child{font-weight:700;color:#e1e7ef}
.eg-table tr:hover td{background:#121a24}

/* --- Social row --- */
.eg-social{display:flex;gap:10px;align-items:center}
.eg-social a{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#0c1117;border:1px solid var(--line)}
.eg-social svg{width:18px;height:18px;fill:#cfe1ff}

/* --- Video thumb helper --- */
.eg-vid{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.eg-vid iframe{display:block;width:100%;height:260px}

/* --- Close spacing helpers --- */
.eg-mt{margin-top:10px} .eg-mb{margin-bottom:10px}/* End custom CSS */