.cp1-page{max-width:1280px;--cp1-primary:var(--b16-action-light,#4948ba);--cp1-soft:var(--b16-soft-light,#eeedff);--cp1-line:var(--b16-line-light,#dce2ef);--cp1-on:var(--b16-on-action-light,#fff);direction:rtl}
.cp1-page *{min-width:0}.cp1-stage{--cp1-primary:var(--b16-action-light,#4948ba);--cp1-soft:var(--b16-soft-light,#eeedff);--cp1-line:var(--b16-line-light,#dce2ef);--cp1-on:var(--b16-on-action-light,#fff)}.cp1-page .edul-button,.cp1-page .j1-button{background:var(--cp1-primary);color:var(--cp1-on)!important}.cp1-page .edul-button.secondary{background:var(--el-card);color:var(--el-ink)!important}
.cp1-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.77rem;margin:0 0 20px;color:var(--el-muted);line-height:1.9}.cp1-breadcrumb a,.cp1-text-link{color:var(--cp1-primary)!important}
.cp1-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:24px;padding:34px;border:1px solid var(--cp1-line);border-radius:28px;background:radial-gradient(ellipse at left top,var(--cp1-soft),transparent 65%),var(--el-card);box-shadow:0 14px 40px #17234308}
.cp1-hero h1{margin:10px 0 14px}.cp1-hero p{max-width:780px;margin:10px 0;color:var(--el-muted);font-size:.94rem}.cp1-hero .cp1-scope{font-weight:750;color:var(--el-ink)}.cp1-eyebrow{font-size:.75rem;font-weight:750;color:var(--cp1-primary);display:inline-block}.cp1-text-link{display:inline-flex;align-items:center;gap:10px;font-size:.83rem;font-weight:750;margin-top:10px;min-height:44px}
.cp1-hero-art{position:relative;height:160px;display:grid;place-items:center}.cp1-art-book{display:grid;place-items:center;width:110px;height:110px;border-radius:28px;background:var(--cp1-primary);color:var(--cp1-on);font-size:3rem;transform:rotate(-8deg);box-shadow:15px 16px 0 var(--cp1-soft);z-index:1}.cp1-art-node{position:absolute;display:grid;place-items:center;width:48px;height:48px;background:var(--el-card);border:1px solid var(--cp1-line);border-radius:16px;color:var(--cp1-primary);font-size:1.1rem;box-shadow:0 8px 24px #17234310;z-index:2}.cp1-art-node:nth-child(2){top:2px;left:10px}.cp1-art-node:nth-child(3){bottom:0;right:12px}.cp1-art-line{position:absolute;width:170px;height:130px;border:2px dashed var(--cp1-line);border-radius:50%;transform:rotate(-20deg)}
.cp1-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:22px 0 34px;gap:10px}.cp1-steps li{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid var(--el-line);border-radius:14px;background:var(--el-card);color:var(--el-muted);font-size:.76rem}.cp1-steps li>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:var(--el-bg);font-weight:800}.cp1-steps .is-current{border-color:var(--cp1-primary);background:var(--cp1-soft);color:var(--el-ink)}.cp1-steps .is-current>span,.cp1-steps .is-complete>span{background:var(--cp1-primary);color:var(--cp1-on)}
.cp1-section-title{margin-bottom:20px}.cp1-section-title h2{font-size:1.4rem;margin:0 0 7px}.cp1-section-title p{color:var(--el-muted);font-size:.88rem;margin:0}
.cp1-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cp1-stage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cp1-choice{display:flex;flex-direction:column;align-items:flex-start;padding:25px;border-radius:23px;border:1px solid var(--cp1-line);background:var(--el-card);box-shadow:0 8px 28px #17234305;transition:transform .18s ease,box-shadow .18s ease}.cp1-choice:hover{transform:translateY(-3px);box-shadow:0 14px 32px #1723430c}.cp1-choice h3{font-size:1.08rem;font-weight:800;line-height:1.7;margin:15px 0 9px}.cp1-choice p{color:var(--el-muted);font-size:.83rem;margin:0 0 24px}.cp1-choice .edul-button{margin-top:auto;font-size:.78rem;padding:10px 13px}.cp1-choice-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--cp1-soft);color:var(--cp1-primary);font-size:1.3rem}.cp1-choice.is-unavailable{box-shadow:none}.cp1-choice.is-unavailable:hover{transform:none}
.cp1-how{margin-top:32px;padding:26px}.cp1-how h2{font-size:1.13rem}.cp1-how>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cp1-how p{position:relative;padding-inline-start:39px;font-size:.82rem;color:var(--el-muted);margin:0}.cp1-how p>span{position:absolute;inset-inline-start:0;top:2px;display:grid;place-items:center;width:27px;height:27px;background:var(--cp1-soft);color:var(--cp1-primary);border-radius:9px;font-weight:800}.cp1-how strong{display:block;color:var(--el-ink);font-size:.9rem;margin-bottom:6px}.cp1-empty{margin:24px 0;padding:28px}.cp1-empty p{color:var(--el-muted);margin-bottom:22px}
.cp1-course-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px;align-items:start}.cp1-outline{position:sticky;top:110px;padding:22px}.cp1-outline h2{font-size:1.1rem;margin:10px 0}.cp1-outline>p{font-size:.77rem;color:var(--el-muted);margin-bottom:14px}.cp1-outline ol{list-style:none;padding:0;margin:0;display:grid;gap:9px;max-height:65vh;overflow:auto}.cp1-outline a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 9px;padding:12px;border-radius:12px;background:var(--el-bg);color:var(--el-ink)}.cp1-outline a>span{grid-row:span 2;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--cp1-soft);color:var(--cp1-primary);font-size:.76rem;font-weight:800}.cp1-outline a>strong{font-size:.81rem;line-height:1.7}.cp1-outline a>small{font-size:.7rem}
.cp1-course-content .j1-card{background:var(--el-card);border-color:var(--cp1-line);--j1-ink:var(--el-ink);--j1-muted:var(--el-muted);--j1-soft:var(--cp1-soft);--j1-line:var(--cp1-line)}.cp1-course-content [id^=unit-]{scroll-margin-top:110px}.cp1-course-content .j1-course-summary{border-inline-start:5px solid var(--cp1-primary);padding:26px}.cp1-course-content .j1-link,.cp1-course-content .j1-eyebrow{color:var(--cp1-primary)}
.cp1-history{margin-top:26px;padding:18px 22px;border:1px solid var(--el-line);border-radius:17px;background:var(--el-card)}.cp1-history>summary{cursor:pointer;font-size:.86rem;font-weight:750;min-height:28px;color:var(--el-ink);list-style:revert;display:list-item}.cp1-history .j1b-history-note{margin-top:15px;border:0;padding:0;box-shadow:none}
.dark .cp1-page,.dark-mode .cp1-page,.dark .cp1-stage,.dark-mode .cp1-stage{--cp1-primary:var(--b16-action-dark,#b6b1ff);--cp1-soft:var(--b16-soft-dark,#2b2a50);--cp1-line:var(--b16-line-dark,#36445b);--cp1-on:var(--b16-on-action-dark,#111827)}
@media(max-width:1050px){.cp1-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp1-course-layout{grid-template-columns:215px minmax(0,1fr)}.cp1-steps li{padding:11px 8px;font-size:.7rem}}
@media(max-width:800px){.cp1-hero{grid-template-columns:minmax(0,1fr) 150px;padding:25px}.cp1-hero-art{height:130px}.cp1-art-book{width:82px;height:82px;font-size:2.4rem}.cp1-art-node{width:38px;height:38px;border-radius:12px}.cp1-art-line{width:125px;height:110px}.cp1-course-layout{grid-template-columns:minmax(0,1fr)}.cp1-outline{position:static}.cp1-outline ol{display:flex;max-height:none;overflow-x:auto;padding-bottom:7px}.cp1-outline li{flex:0 0 210px}.cp1-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp1-steps{gap:7px}.cp1-steps li{flex-direction:column;align-items:center;text-align:center;font-size:.68rem}.cp1-how>div{grid-template-columns:1fr;gap:20px}}
@media(max-width:520px){.cp1-hero{grid-template-columns:1fr;padding:24px 20px}.cp1-hero-art{display:none}.cp1-hero h1{font-size:1.7rem}.cp1-hero p{font-size:.86rem}.cp1-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cp1-choice-grid:not(.cp1-stage-grid){grid-template-columns:1fr}.cp1-stage{padding:19px 15px}.cp1-stage .cp1-choice-icon{width:46px;height:46px;border-radius:14px;font-size:1.1rem}.cp1-stage h3{font-size:.92rem}.cp1-stage p{font-size:.74rem}.cp1-stage .edul-button{font-size:.7rem;padding:9px 10px}.cp1-steps{margin-top:16px;margin-bottom:27px;gap:5px}.cp1-steps li{padding:10px 4px;font-size:.59rem;line-height:1.7}.cp1-steps li>span{flex-basis:24px;width:24px;height:24px;font-size:.72rem}.cp1-how{padding:21px}.cp1-course-content .j1-card{padding:20px}.cp1-section-title h2{font-size:1.2rem}.cp1-breadcrumb{font-size:.71rem}}
@media(prefers-reduced-motion:reduce){.cp1-page *{scroll-behavior:auto!important;transition:none!important}.cp1-choice:hover{transform:none}}