/* Den anbefalede rækkefølge på forsiden.
   Reglerne kommer fra start-page.css. Den fil hørte til siden «Start her», som
   er væk; sidetoppen, rutekassen og båndet nederst gik med den, fordi de kun
   fandtes for at føre ned til netop dette afsnit. Klassenavnene står som de
   var, så billederne til de fem trin bliver ved med at passe. */
.start-course{padding-block:clamp(4.5rem,7vw,6.5rem);background:radial-gradient(circle at 90% 4%,rgba(200,163,93,.08),transparent 25rem),#07100d}.start-course>.container{width:min(calc(100% - 2rem),1320px)}
.start-course-intro{margin-bottom:2.5rem;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:end;gap:clamp(3rem,8vw,8rem)}.start-course-intro h2{max-width:18ch;margin-block:.55rem 0;font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:1;text-wrap:balance;color:#fff}.start-course-intro>p{margin:0;color:#aebbb4;font-size:.96rem;line-height:1.65}
.start-roadmap{margin:0;padding:0;list-style:none;border-top:1px solid rgba(200,163,93,.24)}.start-stage{min-height:138px;display:grid;grid-template-columns:66px minmax(170px,250px) minmax(330px,1.2fr) minmax(210px,.8fr) 40px;align-items:center;gap:clamp(1.25rem,2.5vw,2.5rem);border-bottom:1px solid rgba(200,163,93,.2);transition:background .25s ease,padding .25s ease}.start-stage:hover{padding-inline:1rem;background:rgba(200,163,93,.055)}.start-stage-number{color:var(--gold);font:italic 1rem var(--serif)}
.start-stage-image{width:100%;height:104px;display:block;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.1);transition:filter .3s ease,transform .3s ease}.start-stage:hover .start-stage-image{filter:brightness(1.12);transform:scale(1.015)}.start-stage--path .start-stage-image{background-image:linear-gradient(#040e0a1f,#040e0a59),url('/images/editorial/path-guidance-v1.webp')}.start-stage--quran .start-stage-image{background-image:linear-gradient(#040e0a1f,#040e0a59),url('/images/editorial/quran-study-v1.webp')}.start-stage--foundation .start-stage-image{background-image:linear-gradient(#040e0a1f,#040e0a59),url('/images/editorial/knowledge-foundations-v1.webp')}.start-stage--practice .start-stage-image{background-image:linear-gradient(#040e0a1f,#040e0a59),url('/images/editorial/questions-study-v1.webp')}.start-stage--reflection .start-stage-image{background-image:linear-gradient(#040e0a1f,#040e0a59),url('/images/editorial/knowledge-network-v1.webp')}
.start-stage-copy,.start-stage-destination{min-width:0;display:grid}.start-stage-copy>small,.start-stage-destination>small{color:var(--gold);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.start-stage-copy>strong{margin-block:.25rem .35rem;font:500 clamp(1.35rem,2vw,1.85rem)/1.15 var(--serif);color:#fff}.start-stage-copy>span{max-width:58ch;color:#aebbb4;font-size:.86rem;line-height:1.5}.start-stage-destination{padding-left:clamp(1rem,2vw,2rem);border-left:1px solid rgba(255,255,255,.16)}.start-stage-destination>span{margin-top:.28rem;color:#d5ddd8;font:500 1.02rem/1.35 var(--serif)}.start-stage>b{color:var(--gold);font-size:1.3rem;transition:transform .2s ease}.start-stage:hover>b{transform:translateX(5px)}
@media(max-width:1050px){.start-stage{grid-template-columns:48px 170px minmax(0,1fr) 32px}.start-stage-destination{display:none}}
@media(max-width:800px){.start-course-intro{grid-template-columns:1fr;gap:2rem}}
@media(max-width:620px){.start-course{padding-block:3.75rem}.start-course-intro h2{max-width:none;font-size:2.55rem}.start-stage{min-height:0;padding-block:1rem;grid-template-columns:36px 92px minmax(0,1fr) 24px;gap:.75rem}.start-stage:hover{padding-inline:0}.start-stage-image{height:92px}.start-stage-copy>strong{font-size:1.13rem}.start-stage-copy>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.74rem}.start-stage-copy>small{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){.start-stage,.start-stage-image,.start-stage>b{transition:none!important;transform:none!important}}