.course-header .nav-links{gap:25px}
.course-hero{padding:54px 0 70px}
.breadcrumb{font-size:.78rem;color:var(--muted);display:inline-flex;gap:10px;margin-bottom:46px}
.course-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}
.course-hero h1{font-size:clamp(3rem,5.7vw,5rem);max-width:740px;line-height:1.04}
.course-hero h1 em{font-style:normal;color:var(--blue)}
.course-lead{font-size:1.12rem;max-width:575px;margin-top:25px}
.course-hero .actions{margin-top:30px}
.course-artwork{aspect-ratio:1;border-radius:50% 50% 24px 24px;background:var(--sky);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;position:relative;overflow:hidden}
.choice-orbit{position:absolute;inset:28px;border:1px solid var(--line);border-radius:50%;pointer-events:none}
.ai-tile{display:flex;align-items:center;justify-content:space-between;background:var(--paper);width:70%;padding:20px 23px;border-radius:15px;z-index:1;font-size:.86rem}
.ai-tile:nth-of-type(2){transform:rotate(-7deg);background:var(--sage)}
.ai-tile:nth-of-type(3){transform:rotate(4deg)}
.ai-tile:nth-of-type(4){transform:rotate(-3deg);background:var(--peach)}
.ai-tile b{font-size:1.25rem;font-weight:500;color:var(--blue)}
.course-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:50px;padding-top:25px;gap:25px}
.course-facts dt{color:var(--muted);font-size:.72rem;margin-bottom:6px}
.course-facts dd{margin:0;font-size:.9rem;font-weight:550}
.course-overview{background:var(--sage)}
.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.outcome-grid h3{font-size:1.2rem;line-height:1.3;margin:15px 0 12px}
.outcome-grid p{font-size:.9rem}
.lesson-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}
.lesson-layout>div>p{margin-top:22px;max-width:340px}
.lesson-list{list-style:none;margin:0;padding:0;counter-reset:lesson}
.lesson-list li{display:grid;grid-template-columns:34px 1fr;gap:18px;border-top:1px solid var(--line);padding:23px 0;counter-increment:lesson}
.lesson-list li:before{content:"0" counter(lesson);font-family:monospace;color:var(--blue);font-size:.8rem}
.lesson-list h3{font-size:1.15rem;margin-bottom:9px;letter-spacing:-.025em}
.lesson-list p{font-size:.88rem}
.checklist-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:48px;background:var(--sky);border-radius:24px}
.checklist-panel h2{font-size:2.6rem}
.checklist-panel p{font-size:.9rem;margin-top:20px}
.checklist{display:grid;gap:15px}
.check-row{display:flex;align-items:start;gap:12px;font-size:.86rem;cursor:pointer}
.check-row input{width:18px;height:18px;flex-shrink:0;accent-color:var(--blue);margin:5px 0 0}
.check-row strong{font-weight:600;display:block}
.check-row small{font-size:.77rem;color:var(--muted);display:block}
.check-progress{font-size:.77rem!important;margin-top:22px!important}
.course-instructor{display:flex;align-items:center;gap:25px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}
.course-instructor img{width:76px;height:76px;object-fit:cover;border-radius:50%}
.course-instructor strong{font-weight:550}
.course-instructor p{font-size:.84rem;margin-top:3px}
.registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.price-card{padding:36px;background:var(--sage);border-radius:20px}
.price-big{font-size:3.7rem;line-height:1.1;letter-spacing:-.06em;margin:18px 0 10px;color:var(--ink)}
.price-big span{font-size:1rem;letter-spacing:0;color:var(--muted)}
.price-card>p{font-size:.88rem}
.addon-option{margin-top:27px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.addon-option .check-row{font-size:.88rem}
.addon-description{font-size:.75rem!important;margin:12px 0 0 30px!important}
.price-breakdown{display:grid;gap:10px;margin:24px 0 0}
.price-breakdown div{display:flex;justify-content:space-between;gap:20px;font-size:.87rem}
.price-breakdown dd{margin:0;white-space:nowrap}
.price-total{padding-top:15px;margin-top:5px;border-top:1px solid var(--line);font-weight:600;font-size:1.15rem!important}
.price-footnote{font-size:.75rem!important;margin-top:22px}
.registration-form h3{font-size:1.5rem;margin-bottom:12px}
.availability-note{border-left:3px solid var(--blue);padding:8px 0 8px 16px;font-size:.84rem;margin:20px 0 26px;color:var(--muted)}
.registration-form .field label,.lookup-form .field label{color:var(--ink)}
.registration-form .field input,.lookup-form .field input{background:var(--white);color:var(--ink);border-color:var(--line);min-height:48px}
.registration-form .field input::placeholder,.lookup-form .field input::placeholder{color:var(--muted)}
.registration-form .btn,.lookup-form .btn{margin-top:20px;width:100%}
.registration-form .btn:disabled,.lookup-form .btn:disabled{cursor:not-allowed;background:var(--line);color:var(--muted);opacity:1}
.registration-form .check-row{font-size:.79rem;margin-top:20px}
.registration-form a:not(.btn){text-decoration:underline;text-underline-offset:3px}
.registration-form .form-note{color:var(--muted)}
.course-status{position:static;display:inline-block;background:var(--sky);border-color:var(--line);color:var(--ink);margin-bottom:20px}
.booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;border-top:1px solid var(--line);padding-top:30px}
.booking-steps h3{font-size:1rem;margin:9px 0}
.booking-steps p{font-size:.8rem}
.course-policies{margin-top:35px}
.course-policies p{font-size:.83rem;margin:12px 0}
.course-policies .faq-item summary{font-size:.85rem}
.course-footer{border-top:1px solid var(--line);padding-top:30px}
.reservation-page{max-width:740px;margin:0 auto;padding:70px 24px 100px;min-height:75vh}
.reservation-page h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:22px}
.reservation-page>p{margin-bottom:30px}
.reservation-box{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--white);margin:25px 0}
.reservation-box h2{font-size:1.5rem;margin-bottom:12px}
.reservation-box p{font-size:.9rem;margin:10px 0}
.reservation-code{font-family:monospace;letter-spacing:.08em;font-size:1.1rem;display:block;padding:15px;background:var(--sage);border-radius:10px;margin:20px 0;overflow-wrap:anywhere}
.reservation-box .btn{margin-top:15px}
html[data-theme="dark"] .registration-form .field input,html[data-theme="dark"] .lookup-form .field input{color:var(--ink)}
@media(max-width:850px){.course-hero-grid{gap:35px}.course-hero h1{font-size:3.5rem}.course-artwork{min-height:300px}.ai-tile{padding:16px;width:80%}.lesson-layout{gap:40px}.registration-grid{gap:30px}.checklist-panel{padding:35px;gap:30px}.price-card{padding:28px}.outcome-grid{gap:25px}}
@media(max-width:600px){.course-hero{padding-top:25px;padding-bottom:40px}.breadcrumb{margin-bottom:30px}.course-hero-grid,.lesson-layout,.checklist-panel,.registration-grid{grid-template-columns:1fr}.course-hero h1{font-size:3rem}.course-lead{font-size:1rem;margin-top:20px}.course-artwork{display:none}.course-hero .actions{gap:15px}.course-facts{grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.outcome-grid,.booking-steps{grid-template-columns:1fr;gap:25px}.outcome-grid h3{margin-top:8px}.checklist-panel{padding:27px;gap:27px}.checklist-panel h2{font-size:2.15rem}.registration-grid{gap:35px}.price-big{font-size:3.4rem}.price-card{padding:26px}.lesson-layout{gap:30px}.course-instructor{gap:15px}.booking-steps{margin-top:35px}.registration-form .field input,.lookup-form .field input{font-size:16px}.reservation-box{padding:22px}.reservation-page{padding-inline:20px}.course-footer .footer-links{gap:15px}}
