/* DJIDE learning journey: visual layer for public educational previews only. */
.djide-experience-top{padding:88px 0 68px;background:radial-gradient(ellipse at 80% 18%,#1c454760,transparent 64%),#091824;border-bottom:1px solid #304550}
.djide-experience-top h1{max-width:950px}.djide-experience-top p{font-size:17px;max-width:810px}.djide-quiet-caution{max-width:890px;color:#d0dcda;background:#20302f66;border:1px solid #5f736a66;padding:14px 17px;border-radius:8px;margin-bottom:22px;font-size:13px}
.djide-start-cta,.djide-academy-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 10px}.djide-split-heading{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start;margin-bottom:27px}.djide-split-heading h2{max-width:730px}
.djide-progress-card{padding:24px;border-radius:12px;border:1px solid #33565a;background:#10232b}.djide-progress-card small{display:block;color:#77e7b0;letter-spacing:.13em;margin-bottom:12px;font-size:11px}.djide-progress-card strong{display:block;font-size:20px;color:#f1faf6}.djide-progress-card p{font-size:12px;margin:12px 0}.djide-progress-card button{color:#c0d0ce;background:transparent;border:none;text-decoration:underline;cursor:pointer;padding:4px 0}.djide-meter{height:8px;overflow:hidden;border-radius:20px;background:#2a4148;margin-top:15px}.djide-meter>div{height:100%;background:#65e5a8;width:0;transition:width .25s}
.djide-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.djide-journey-step{display:flex;gap:17px;padding:23px;border:1px solid #29434d;border-radius:12px;background:#101f2a}.djide-journey-step h3{font-size:18px;margin:0 0 8px}.djide-journey-step p{font-size:13px;margin:0 0 14px;line-height:1.7}.djide-journey-step a{font-size:12px;color:#79eab6;font-weight:800}.djide-journey-check{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}.djide-journey-check input{width:18px;height:18px;accent-color:#69e3ac;cursor:pointer}.djide-step-num{font-size:10px;color:#c5ddce;letter-spacing:.1em}
.djide-tier-buttons,.djide-pattern-select{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.djide-tier-buttons button,.djide-pattern-select button{border:1px solid #4a6772;background:#142834;color:#d7e6e7;padding:11px 15px;border-radius:7px;font:700 12px/1.3 "DM Sans",sans-serif;cursor:pointer}.djide-tier-buttons button.selected,.djide-pattern-select button.selected{background:#61e1a3;border-color:#61e1a3;color:#0b261c;font-weight:800}.djide-learning-recommendation{padding:20px;border:1px solid #3d6262;border-radius:10px;background:#102932;color:#e2f1e8;max-width:900px;font-size:14px;line-height:1.8}
.djide-demo-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.djide-demo-steps button{padding:13px 7px;border:1px solid #304d59;background:#111f2a;color:#b7cbd0;border-radius:8px;cursor:pointer;text-align:left;font-size:12px;min-height:64px}.djide-demo-steps button[aria-selected="true"]{background:#153c31;border-color:#66e1a8;color:#e3fff3}.djide-demo-steps span{display:block;margin-top:4px;font-size:11px;font-weight:700}
.djide-demo-board{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.djide-demo-lesson,.djide-faux-report,.djide-panel{border:1px solid #33505b;background:#12212c;border-radius:13px;padding:27px;min-width:0}.djide-demo-lesson h2{font-size:clamp(24px,3vw,38px);margin:14px 0}.djide-demo-lesson p{font-size:15px}.djide-demo-callout{color:#c8ded9;border-left:3px solid #70dda9;padding:13px 17px;background:#1a3435;font-size:14px;line-height:1.8;margin:20px 0}.djide-demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.djide-demo-actions button:disabled{opacity:.3;cursor:not-allowed;transform:none}
.djide-faux-header{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #31515c;padding:3px 0 15px;font-size:10px;letter-spacing:.09em;color:#83e2b2}.djide-faux-header small{color:#c1a978}.djide-faux-lines>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #30434b;padding:21px 0}.djide-faux-lines span{font-size:12px;color:#9bb3be}.djide-faux-lines b{color:#e4efe7;font-size:12px;text-align:right}.djide-faux-report>p{font-size:11px;margin-top:20px}
.djide-search-label{display:block;color:#dcf4ec;font-size:12px;margin:20px 0 8px}.djide-glossary-search{background:#0f1f2a;color:#fff;border:1px solid #47646d;border-radius:8px;width:min(100%,650px);padding:14px 15px;font-size:15px}.djide-glossary-search:focus{outline:2px solid #71e4ad}.djide-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.djide-glossary-term{border:1px solid #2f4b54;border-radius:8px;background:#111f29;padding:15px 19px}.djide-glossary-term summary{font-size:14px;color:#eaf8ee;cursor:pointer;font-weight:700}.djide-glossary-term p{margin:12px 0 0;font-size:13px}.djide-glossary-term[hidden]{display:none!important}
.djide-candle-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.djide-panel h3{font-size:20px}.djide-pattern-select button{font-family:inherit}.djide-candle-drawing{max-width:420px;margin:auto}.djide-candle-drawing svg{width:100%;display:block}.djide-candle-ohlc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0}.djide-candle-ohlc>div{background:#17313a;border:1px solid #395b64;border-radius:8px;padding:14px 10px}.djide-candle-ohlc small{font-size:10px;display:block;color:#a8c8c4}.djide-candle-ohlc b{color:#eaf8ef;font-size:23px}.djide-illustration-note{font-size:12px;color:#aebfc9}.djide-context-list{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.djide-context-list span{padding:7px 10px;border:1px solid #3d6c63;background:#1a3b37;color:#c7e6d9;font-size:11px;border-radius:30px}
@media(max-width:900px){.djide-split-heading,.djide-demo-board,.djide-candle-grid{grid-template-columns:1fr}.djide-demo-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.djide-journey{grid-template-columns:1fr}}
@media(max-width:600px){.djide-experience-top{padding:68px 0 47px}.djide-demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.djide-demo-lesson,.djide-faux-report,.djide-panel{padding:19px}.djide-glossary{grid-template-columns:1fr}.djide-demo-steps button{font-size:11px}.djide-journey-step{padding:17px}.djide-faux-header{flex-wrap:wrap}}