/* Scoped to the general-course landing page; course detail pages stay unchanged. */
.general-roadmap{margin:28px 0}.general-road-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 4px 16px}.general-road-track{min-width:640px;max-width:1000px;margin:auto;direction:ltr}.general-road-svg{width:100%;height:auto;display:block}.general-road-pin{cursor:pointer}.phase-1{--phase:#f5a623}.phase-2{--phase:#e8463a}.phase-3{--phase:#4c8c2b}.phase-4{--phase:#2a6fdb}.phase-5{--phase:#9b2fae}.general-road-pin circle{fill:var(--phase)}.general-road-pin:hover circle,.general-road-pin:focus circle{stroke:#ffc83d;stroke-width:7}.general-road-pin text{pointer-events:none}.general-road-stops{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.general-road-stop{direction:rtl;text-align:center;color:#0f2540!important;display:flex;align-items:center;flex-direction:column;padding:12px 6px;border:1px solid #e2e6ed;border-radius:16px;background:white;transition:box-shadow .2s,transform .2s}.general-road-stop:hover,.general-road-stop:focus-visible{box-shadow:0 8px 24px #0f254015;transform:translateY(-3px)}.general-road-stop:focus-visible{outline:3px solid var(--phase);outline-offset:3px}.general-road-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--phase);color:white;font-weight:800;margin-bottom:8px}.general-road-stop strong{font-size:14px}.general-road-fa{font-size:12px;color:#68748b;min-height:42px}.general-road-link{border:1px solid #e2e6ed;border-radius:10px;padding:6px 10px;margin-top:8px;font-size:12px;width:100%;color:#0f2540}.general-road-hint{text-align:center;font-size:13px;color:#68748b;margin:12px 0}.general-stage{scroll-margin-top:125px}.general-stage:target{outline:3px solid #f26a21;outline-offset:5px}.general-faqs{max-width:860px;margin:auto;display:grid;gap:12px}.general-faq{background:white;border:1px solid #e2e6ed;border-radius:18px;overflow:hidden}.general-faq summary{padding:20px;font-weight:700;font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;color:#0f2540}.general-faq summary::-webkit-details-marker{display:none}.general-faq summary::after{content:'+';color:#f26a21;font-size:24px}.general-faq[open] summary::after{content:'−'}.general-faq>div{padding:0 22px 22px;color:#627087;line-height:2}.general-faq h4{font-size:16px;margin:16px 0 8px;color:#0f2540}.general-faq .tag2{display:inline-block;border:1px solid #e2e6ed;border-radius:30px;padding:3px 12px;margin:5px;font-size:12px}.general-books{display:flex;gap:14px;overflow-x:auto;padding:8px 4px 20px}.general-book{flex:0 0 150px;background:#fff;border:1px solid #e2e6ed;border-radius:16px;min-height:190px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.general-book>span{font-size:36px}.general-book strong{font-size:14px}.general-book small{color:#68748b}.general-tools{background:linear-gradient(130deg,#0f2540,#23466d);color:white;text-align:center;border-radius:28px;padding:36px 24px}.general-tools h2{color:#fff}.general-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:750px;margin:24px auto}.general-tool-grid a{background:#ffffff10;border:1px solid #ffffff30;border-radius:16px;color:white!important;padding:22px 12px;display:flex;flex-direction:column;gap:12px}.general-tool-grid a:hover{background:#ffffff22}.general-tool-grid span{font-size:28px}.general-tools-badge{display:inline-block;background:#ffc83d;color:#3a2b00;padding:7px 18px;border-radius:30px;font-weight:700;font-size:13px}@media(max-width:575px){.general-tool-grid{gap:7px}.general-tool-grid strong{font-size:12px}.general-tools{padding:26px 12px}.general-stage{scroll-margin-top:100px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Course hero v2: full image, reference copy and no placeholder photo strip. */
.academy-hero .academy-hero-grid{align-items:center;gap:40px}.general-hero-photo{margin:0;min-width:0;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px #0f254018;background:#f9f4ec}.general-hero-photo img{display:block;width:100%;height:auto;object-fit:contain}.academy-hero-copy .general-hero-tag{font-size:18px;color:#f26a21;font-weight:700;line-height:1.9}.academy-hero-copy .general-hero-desc{font-size:16px;color:#617088;line-height:2}.general-book{color:#0f2540!important;text-decoration:none}.general-book:hover,.general-book:focus-visible{border-color:#f26a21;box-shadow:0 8px 24px #0f254012}.general-book-link{font-size:11px!important;color:#f26a21}.general-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.general-result-grid article{background:#fff;border:1px solid #e2e6ed;border-radius:20px;padding:26px;text-align:center}.general-result-grid article>span{font-size:32px}.general-result-grid h3{font-size:20px;color:#0f2540;margin:12px 0}.general-result-grid p{color:#627087;line-height:2;margin:0}@media(max-width:767px){.academy-hero .academy-hero-grid{grid-template-columns:1fr;gap:28px}.general-hero-photo{max-width:600px;width:100%;margin:auto}.general-result-grid{grid-template-columns:1fr}}

/* Hero v3: full-width background photograph and readable RTL overlay. */
.academy-hero.general-background-hero{position:relative;isolation:isolate;overflow:hidden;background:#0f2540;padding:100px 0 90px;min-height:650px;display:flex;align-items:center}.general-hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;z-index:-2}.general-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,rgba(8,24,44,.95) 0%,rgba(8,24,44,.87) 31%,rgba(8,24,44,.35) 63%,rgba(8,24,44,.12) 100%)}.general-background-hero .container{position:relative;z-index:1;width:100%}.general-background-hero .academy-hero-grid{display:block}.general-background-hero .academy-hero-copy{max-width:640px;margin-left:auto;text-align:right}.general-background-hero .academy-hero-copy h1{color:white;font-size:clamp(32px,4.3vw,54px);line-height:1.55}.general-background-hero .academy-kicker{color:#ffbd91}.general-background-hero .academy-hero-copy .general-hero-tag{color:#fff;font-size:19px}.general-background-hero .academy-hero-copy .general-hero-desc{color:#e7edf6}.general-background-hero .academy-hero-note{color:#edf2f8}.general-background-hero .academy-hero-note span{color:#ffb581}.general-background-hero .academy-btn.ghost{color:#fff;border-color:#ffffff80;background:#ffffff0a}.general-background-hero .academy-btn.ghost:hover{background:#ffffff20}.general-background-hero .academy-btn:focus-visible{outline:3px solid #ffc83d;outline-offset:4px}@media(max-width:767px){.academy-hero.general-background-hero{min-height:650px;padding:72px 0 58px}.general-hero-background{object-position:36% center}.general-hero-shade{background:linear-gradient(180deg,rgba(8,24,44,.62),rgba(8,24,44,.92))}.general-background-hero .academy-hero-copy{max-width:100%}.general-background-hero .academy-hero-copy h1{font-size:32px}.general-background-hero .academy-hero-copy .general-hero-tag{font-size:17px}.general-background-hero .academy-hero-copy .general-hero-desc{font-size:15px}}

.general-background-hero:after{display:none}

@media(min-width:992px){.general-background-hero .academy-hero-copy{max-width:500px}}
