.course-hero h1{max-width:960px;margin-top:1.25rem;line-height:1.17}.course-hero p{max-width:800px;line-height:1.8}.course-hero .breadcrumbs{justify-content:center;margin-bottom:1rem;display:flex}.course-hero .breadcrumbs ol{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;line-height:1.6;list-style:none;display:flex}.course-breadcrumb-separator{color:var(--gray-400)}.course-hero-category{margin:0 0 1rem}.course-detail{padding-top:3rem}.course-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.course-body{min-width:0}.course-cover{border-radius:20px;margin:0 0 2.5rem;overflow:hidden}.course-cover img{object-fit:cover;width:100%;max-height:520px}.course-section{margin-bottom:2.75rem}.course-section>h2{color:var(--pot-900);margin:0 0 1.25rem;font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.25}.course-richtext{color:var(--gray-600);overflow-wrap:anywhere;font-size:1rem;line-height:1.85}.course-richtext p{color:inherit;margin:0 0 1.15rem}.course-richtext>:last-child{margin-bottom:0}.course-richtext strong,.course-richtext b{color:var(--gray-700);font-weight:700}.course-richtext a{color:var(--pot-400);text-underline-offset:3px;text-decoration:underline}.course-richtext h2,.course-richtext h3,.course-richtext h4{color:var(--pot-900);margin:1.75rem 0 .8rem;line-height:1.35}.course-richtext h2{font-size:1.6rem}.course-richtext h3{font-size:1.3rem}.course-richtext h4{font-size:1.1rem}.course-richtext ul,.course-richtext ol{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;margin:1rem 0 1.5rem;padding:1.1rem 1.4rem 1.1rem 2.5rem;list-style-position:outside}.course-richtext ul{list-style-type:disc}.course-richtext ol{list-style-type:decimal}.course-richtext li{color:var(--gray-600);margin:.55rem 0;padding-left:.3rem;line-height:1.75}.course-richtext li::marker{color:var(--pot-400);font-weight:700}.course-richtext li>p{margin:0}.course-richtext li ul,.course-richtext li ol{background:0 0;border:0;margin:.5rem 0;padding:0 0 0 1.3rem}.course-richtext blockquote{border-left:3px solid var(--pot-300);background:var(--gray-50);border-radius:0 12px 12px 0;margin:1.5rem 0;padding:1rem 1.25rem}.course-richtext hr{border:0;border-top:1px solid var(--gray-200);margin:1.5rem 0}.course-section .course-cover{margin-top:1.5rem}.course-modules{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.course-modules>li{border:1px solid var(--gray-200);background:#fff;border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:1rem;padding:1.4rem;display:grid}.course-module-number{background:var(--gray-100);width:42px;height:42px;color:var(--pot-400);border-radius:12px;place-items:center;font-size:.9rem;font-weight:800;display:grid}.course-module-content{min-width:0}.course-module-content h3{margin:0 0 .5rem;font-size:1.1rem;line-height:1.45}.course-schedule{color:var(--pot-400);margin:0 0 .75rem;font-size:.85rem;font-weight:600;line-height:1.6}.course-module-description{color:var(--gray-600);white-space:pre-line;margin:0;font-size:.95rem;line-height:1.8}.course-instructor{border:1px solid var(--gray-200);background:linear-gradient(135deg, var(--gray-50), #fff);border-radius:20px;margin-bottom:1rem;padding:1.75rem}.course-instructor-header{align-items:center;gap:1.25rem;margin-bottom:1.25rem;display:flex}.course-instructor-header figure{flex:0 0 80px;margin:0}.course-instructor-header img{object-fit:cover;border-radius:50%;width:80px;height:80px;box-shadow:0 0 0 5px #fff}.course-instructor-identity{min-width:0}.course-instructor-identity h3{margin:0 0 .4rem;font-size:1.25rem;line-height:1.4}.course-instructor-role{color:var(--gray-500);margin:0;font-size:.9rem;line-height:1.6}.course-instructor-bio{border-top:1px solid var(--gray-200);padding-top:1.25rem;font-size:.95rem}.course-faq{border:1px solid var(--gray-200);background:#fff;border-radius:14px;margin-bottom:.7rem;padding:1.15rem 1.25rem}.course-faq summary{cursor:pointer;color:var(--pot-900);font-weight:600;line-height:1.6}.course-faq summary::marker{color:var(--pot-400)}.course-faq-answer{color:var(--gray-600);white-space:pre-line;margin:1rem 0 0;line-height:1.85}.course-detail .course-sidebar-column,.course-detail .course-sidebar-stack,.course-detail .course-sidebar,.course-detail .course-checkout{height:auto;max-height:none;position:static;overflow:visible}.course-sidebar-column{align-self:start;min-width:0}.course-sidebar-stack{border-radius:20px;grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.course-sidebar{border:1px solid var(--gray-200);background:#fff;border-radius:22px;min-width:0;padding:1.75rem;scroll-margin-top:110px;box-shadow:0 16px 48px -24px #490c7133}.course-sidebar h2{margin:0 0 1rem;font-size:1.5rem;line-height:1.3}.course-price{color:var(--pot-500);border-bottom:1px solid var(--gray-200);margin:0 0 1.5rem;padding-bottom:1.5rem;font-size:2.2rem;font-weight:800;line-height:1.2}.course-overview{border:1px solid var(--gray-200);background:var(--gray-50);border-radius:20px;min-width:0;margin:0;padding:0}.course-overview h2{margin:0;padding:1.15rem 1.25rem;font-size:1rem;line-height:1.4}.course-facts{grid-template-columns:1fr;gap:0;margin:0;padding:0 1.25rem .5rem;display:grid}.course-facts>div{border-top:1px solid var(--gray-200);min-width:0;padding:.75rem 0}.course-facts dt{color:var(--gray-500);margin-bottom:.2rem;font-size:.75rem}.course-facts dd{color:var(--gray-700);overflow-wrap:anywhere;margin:0;font-size:.88rem;font-weight:500;line-height:1.65}.course-checkout{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;margin:1.5rem 0;display:grid}.course-checkout label{color:var(--gray-700);gap:.45rem;font-size:.85rem;font-weight:500;display:grid}.course-checkout input:not([type=checkbox]),.course-filter input{border:1px solid var(--gray-300);width:100%;min-height:44px;color:var(--gray-700);background:#fff;border-radius:10px;padding:.7rem .85rem}.course-checkout input:focus-visible,.course-filter input:focus-visible,.course-faq summary:focus-visible{outline:3px solid var(--pot-100);outline-offset:3px}.course-checkout .course-consent{font-size:.75rem;font-weight:400;line-height:1.75;display:block}.course-consent input{accent-color:var(--pot-400);vertical-align:middle;margin-right:.4rem}.course-consent a{color:var(--pot-400);text-underline-offset:2px;text-decoration:underline}.course-checkout button{width:100%;min-height:48px}.course-checkout small{text-align:center;color:var(--gray-500);font-size:.75rem;font-weight:400}.course-checkout button:disabled{opacity:.6;cursor:wait}.course-contact{border-top:1px solid var(--gray-200);text-align:center;color:var(--pot-400);padding-top:1rem;font-size:.85rem;font-weight:600;display:block}.course-filter{flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.course-categories{flex-wrap:wrap;gap:.65rem;margin-bottom:2rem;display:flex}.course-category-pill{border:1px solid var(--gray-200);background:var(--gray-50);max-width:100%;min-height:44px;color:var(--gray-700);overflow-wrap:anywhere;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex}.course-category-pill:hover{background:var(--pot-50);color:var(--pot-400)}.course-category-pill.is-active{border-color:var(--pot-400);background:var(--pot-400);color:#fff}.course-category-pill:focus-visible{outline:3px solid var(--pot-100);outline-offset:3px}.course-filter label{gap:.35rem;display:grid}.course-card-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}@media (max-width:950px){.course-layout{grid-template-columns:1fr;gap:2.5rem}.course-sidebar-stack{width:100%;max-width:620px}}@media (max-width:600px){.course-detail{padding-top:1.5rem}.course-section{margin-bottom:2.25rem}.course-richtext{font-size:.95rem}.course-modules>li{grid-template-columns:34px minmax(0,1fr);gap:.75rem;padding:1rem}.course-module-number{border-radius:10px;width:34px;height:34px;font-size:.8rem}.course-instructor{padding:1.25rem}.course-instructor-header{align-items:start;gap:1rem}.course-instructor-header figure{flex-basis:60px}.course-instructor-header img{width:60px;height:60px}.course-instructor-identity h3{font-size:1.05rem}.course-sidebar{padding:1.5rem}.course-faq{padding:1rem}}
