/* Career notebooks extend the existing paper-note system without replacing it. */
.career-paths{padding:14px 0 82px}
.career-paths .section-line{align-items:flex-end}
.career-paths__intro{max-width:46rem}
.career-paths__intro p{margin:.7rem 0 0;color:var(--muted);line-height:1.55}
.career-shelf{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:22px;padding-top:34px;align-items:stretch}
.career-book{--book:#ffd86a;--book-shadow:#d78b1d;position:relative;min-width:0;min-height:410px;padding:31px 31px 28px 44px;border:2px solid #211d1d;border-radius:7px 24px 24px 7px;background:var(--book);color:#211d1d;box-shadow:10px 11px 0 var(--book-shadow),14px 15px 0 #211d1d;text-decoration:none;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease}
.career-book:before{content:'';position:absolute;inset:0 auto 0 12px;border-left:2px solid #211d1d40;box-shadow:5px 0 0 #fff8;z-index:-1}
.career-book:after{content:'';position:absolute;right:-22px;top:70px;width:88px;height:88px;border:2px solid #211d1d26;border-radius:50%;z-index:-1}
.career-book:hover{transform:translate(-3px,-5px);box-shadow:13px 16px 0 var(--book-shadow),18px 21px 0 #211d1d}
.career-book--frontend{--book:#ffd86a;--book-shadow:#ef3941;transform:rotate(-.4deg)}
.career-book--backend{--book:#9bd1f2;--book-shadow:#257fc4;transform:translateY(12px) rotate(.4deg)}
.career-book--fullstack{--book:#bca5dc;--book-shadow:#7453a8;transform:translateY(5px) rotate(-.35deg)}
.career-book__top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.career-book__status{padding:7px 10px;border:1.5px solid currentColor;border-radius:999px;background:#fffaf08c;white-space:nowrap}
.career-book h3{max-width:13ch;margin:68px 0 15px;font:700 clamp(2.35rem,3.8vw,3.65rem)/.86 Papernotes,Georgia,serif}
.career-book>p{max-width:31rem;margin:0;line-height:1.48}
.career-book__price{display:flex;align-items:baseline;gap:8px;margin:26px 0 0;padding-top:20px;border-top:2px solid #211d1d33}
.career-book__price strong{font:700 2.05rem/1 Papernotes,Georgia,serif}
.career-book__price span{font-size:.78rem;font-weight:900}
.career-book__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:28px}
.career-book__foot small{max-width:18rem;font-size:.73rem;font-weight:700;line-height:1.4}
.career-book__cta{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:900;text-transform:uppercase}
.career-book__cta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.career-book:hover .career-book__cta svg{transform:translateX(4px)}
.career-book.is-loading{cursor:progress}
.career-book.is-loading .career-book__cta{opacity:.75}

.course-shell{--course-accent:#ef3941;--course-secondary:#168249}
.course-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.course-hero{padding:72px 0 66px;border-bottom:2px solid var(--ink);display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:58px;align-items:end}
.course-hero__label{margin:0 0 18px;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.course-hero h1{max-width:850px;margin:0;font:700 clamp(4rem,7vw,7.2rem)/.82 Papernotes,Georgia,serif;letter-spacing:-.02em}
.course-hero h1 span{color:var(--course-secondary)}
.course-hero__lead{max-width:47rem;margin:26px 0 0;font-size:1.18rem;line-height:1.62}
.course-price{padding:28px;border:2px solid var(--ink);border-radius:18px;background:var(--paper-raised);box-shadow:9px 9px 0 var(--course-accent)}
.course-price>small{display:block;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.course-price__amount{display:flex;align-items:baseline;gap:8px;margin:14px 0 8px}
.course-price__amount strong{font:700 3.4rem/.9 Papernotes,Georgia,serif}
.course-price__amount span{font-weight:900}
.course-price>p{margin:0 0 22px;color:var(--muted);line-height:1.48}
.course-price .notes-button{width:100%}
.course-price__truth{display:block;margin-top:17px;text-align:center;font-size:.72rem;line-height:1.4}
.course-price button.notes-button{font:inherit;font-size:.78rem;cursor:pointer}.course-price button.notes-button:disabled{cursor:wait;opacity:.65}.course-price__preview{display:block;margin-top:18px;text-align:center;font-size:.8rem;font-weight:900}
.course-quickfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.course-quickfacts div{min-height:108px;padding:23px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.course-quickfacts div:last-child{border-right:0}
.course-quickfacts small{color:var(--muted);font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.course-quickfacts strong{font-size:1.02rem;line-height:1.35}
.course-section{padding:72px 0;border-bottom:1px solid var(--line)}
.course-heading{display:grid;grid-template-columns:150px minmax(0,720px);gap:24px;margin-bottom:34px}
.course-heading>span{padding-top:7px;color:var(--course-accent);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.course-heading h2{margin:0;font:700 clamp(2.8rem,5vw,4.8rem)/.88 Papernotes,Georgia,serif}
.course-heading p{margin:14px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.58}
.pace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line)}
.pace-grid article{padding:25px;background:var(--paper-raised)}
.pace-grid article:nth-child(2){background:color-mix(in srgb,var(--course-secondary) 8%,var(--paper-raised))}
.pace-grid small{color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pace-grid h3{margin:9px 0 8px;font:700 2rem/1 Papernotes,Georgia,serif}
.pace-grid p{margin:0;line-height:1.5}
.syllabus{counter-reset:module;display:grid;border-top:2px solid var(--ink)}
.module-row{counter-increment:module;display:grid;grid-template-columns:72px minmax(190px,.8fr) minmax(280px,1.5fr) 120px;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.module-row:before{content:counter(module,decimal-leading-zero);font:700 1.65rem/1 Papernotes,Georgia,serif;color:var(--course-accent)}
.module-row h3{margin:0;font-size:1rem;line-height:1.35}
.module-row p{margin:0;color:var(--muted);line-height:1.48}
.module-row a{color:var(--ink);font-weight:900;text-underline-offset:3px}
.module-row time{text-align:right;font-size:.75rem;font-weight:900;text-transform:uppercase}
.module-row--core{background:linear-gradient(90deg,color-mix(in srgb,var(--course-secondary) 8%,transparent),transparent 55%)}
.tool-rail{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.tool-rail span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper-raised);font-size:.8rem;font-weight:900}
.tool-rail span[data-chosen=true]{border:2px solid var(--ink);background:var(--course-secondary);color:#fffaf0;box-shadow:3px 3px 0 var(--ink)}
.build-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.build-card{min-height:245px;padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--paper-raised);display:flex;flex-direction:column}
.build-card--capstone{grid-column:span 2;background:color-mix(in srgb,var(--course-accent) 10%,var(--paper-raised));border:2px solid var(--ink);box-shadow:7px 7px 0 var(--course-accent)}
.build-card.build-card--capstone small,.build-card.build-card--capstone p{color:var(--ink)}
.build-card small{color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.build-card h3{margin:14px 0 10px;font:700 1.8rem/1 Papernotes,Georgia,serif}
.build-card p{margin:0;color:var(--muted);line-height:1.5}
.build-card ul{margin:auto 0 0;padding:22px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:7px}
.build-card li{padding:5px 8px;border:1px solid var(--line);border-radius:99px;font-size:.68rem;font-weight:900}
.assessment-strip{margin-top:28px;padding:22px 24px;border-left:7px solid var(--course-secondary);background:var(--paper-raised);display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px}
.assessment-strip h3{margin:0 0 6px}.assessment-strip p{margin:0;color:var(--muted);line-height:1.48}
.marketing-board{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}
.marketing-board>article{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--paper-raised)}
.marketing-board h3{margin:0 0 12px;font:700 2rem/1 Papernotes,Georgia,serif}
.marketing-board p{margin:0 0 18px;line-height:1.56}
.marketing-board ol,.marketing-board ul{margin:0;padding-left:1.2rem}.marketing-board li{margin:9px 0;line-height:1.5}
.course-sources{font-size:.84rem;color:var(--muted);line-height:1.65}.course-sources a{font-weight:900;text-underline-offset:3px}
.course-final{padding:72px 0 84px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.course-final h2{max-width:760px;margin:0;font:700 clamp(3rem,6vw,5.6rem)/.86 Papernotes,Georgia,serif}.course-final p{max-width:650px;margin:16px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.55}

.loading-shell{min-height:calc(100vh - 86px);padding:70px 0 90px;display:grid;place-items:center}
.loading-book{--book:#9bd1f2;max-width:760px;min-height:560px;padding:48px 54px 44px 68px;border:2px solid #211d1d;border-radius:8px 28px 28px 8px;background:var(--book);color:#211d1d;box-shadow:12px 13px 0 #257fc4,18px 20px 0 #211d1d;display:flex;flex-direction:column;position:relative;overflow:hidden}
.loading-book:before{content:'';position:absolute;inset:0 auto 0 17px;border-left:2px solid #211d1d40;box-shadow:6px 0 0 #fff7}
.loading-book--fullstack{--book:#bca5dc;box-shadow:12px 13px 0 #7453a8,18px 20px 0 #211d1d}
.loading-book small{font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.loading-book h1{max-width:11ch;margin:78px 0 18px;font:700 clamp(3.8rem,8vw,6rem)/.84 Papernotes,Georgia,serif}
.loading-book p{max-width:570px;margin:0;font-size:1.08rem;line-height:1.58}
.loading-book__price{display:flex;align-items:baseline;gap:9px;margin:30px 0}.loading-book__price strong{font:700 2.5rem/1 Papernotes,Georgia,serif}.loading-book__price span{font-weight:900}
.loading-book__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:auto}.loading-book__actions a:last-child{font-weight:900}

@media(max-width:980px){.career-shelf{grid-template-columns:1fr 1fr}.career-book--frontend{grid-column:1/-1}.career-book{transform:none}.course-hero{grid-template-columns:1fr}.course-price{max-width:520px}.course-quickfacts{grid-template-columns:repeat(2,1fr)}.course-quickfacts div:nth-child(2){border-right:0}.course-quickfacts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.module-row{grid-template-columns:58px minmax(180px,.7fr) minmax(0,1.3fr) 90px}.build-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-board{grid-template-columns:1fr}}
@media(max-width:700px){.career-paths{padding-bottom:66px}.career-shelf{grid-template-columns:1fr;gap:26px}.career-book--frontend{grid-column:auto}.career-book{min-height:360px;padding:26px 25px 24px 36px;transform:none}.career-book h3{margin-top:52px}.career-book__foot{align-items:flex-start;flex-direction:column}.course-wrap{width:min(100% - 32px,1180px)}.course-hero{padding:54px 0 48px;gap:35px}.course-hero h1{font-size:clamp(3.7rem,17vw,5.3rem)}.course-price{padding:23px;box-shadow:6px 6px 0 var(--course-accent)}.course-quickfacts{grid-template-columns:1fr 1fr}.course-quickfacts div{padding:18px}.course-section{padding:55px 0}.course-heading{grid-template-columns:1fr;gap:5px;margin-bottom:26px}.course-heading>span{padding:0}.pace-grid{grid-template-columns:1fr}.module-row{grid-template-columns:42px minmax(0,1fr);gap:8px 14px;padding:19px 0}.module-row p{grid-column:2}.module-row time{grid-column:2;text-align:left}.build-ladder{grid-template-columns:1fr}.build-card--capstone{grid-column:auto}.assessment-strip{grid-template-columns:1fr}.marketing-board>article{padding:22px}.course-final{grid-template-columns:1fr;padding:58px 0 70px}.course-final .notes-button{justify-self:start}.loading-shell{padding:50px 0 80px}.loading-book{min-height:520px;padding:36px 27px 32px 46px}.loading-book h1{margin-top:60px;font-size:clamp(3.5rem,17vw,5rem)}}
@media(max-width:380px){.career-book__top{align-items:flex-start;flex-direction:column}.career-book__status{align-self:flex-start}.course-quickfacts{grid-template-columns:1fr}.course-quickfacts div{border-right:0!important;border-bottom:1px solid var(--line)}.course-quickfacts div:last-child{border-bottom:0}.loading-book__actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.career-book,.career-book__cta svg{transition:none}}