.course-shell .course-detail{max-width:1180px;padding:16px 32px 64px}.course-detail .course-detail-toolbar{border:0;grid-template-columns:1fr 44px;grid-template-areas:"back more";gap:12px;padding:0}.course-detail .course-detail-toolbar .back-link{width:fit-content;min-height:44px;color:var(--muted);align-items:center;font-size:.85rem;font-weight:650;text-decoration:none;display:inline-flex}.course-detail .course-detail-toolbar .report-menu summary{background:0 0;width:44px;min-width:44px;min-height:44px;padding:0;font-size:20px}.course-shell .course-detail .course-opening{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title art""action art";align-items:center;gap:24px 56px;margin:28px 0 40px;display:grid}.course-detail .course-opening .course-arrival{grid-area:title;margin:0;padding:0}.course-shell .course-detail .course-opening h1{letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;max-width:20ch;margin:14px 0 20px;font-size:clamp(2.1rem,3.8vw,3.6rem);line-height:1.08}.course-opening .eyebrow{color:var(--accent-ink,var(--ink));letter-spacing:.16em;margin:0;font-size:.68rem;font-weight:800}.course-detail .course-opening .course-promise{max-width:36ch;color:var(--muted);margin:0;font-size:1.08rem;line-height:1.65}.course-opening .course-entry-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:20px 0 0;font-size:.78rem;display:flex}.course-entry-meta span+span:before{content:"·";color:var(--muted);margin-right:14px}.course-detail .course-opening-actions{flex-direction:column;grid-area:action;align-items:flex-start;gap:14px;min-width:0;padding:0;display:flex}.course-detail .course-opening-actions>button{background:var(--accent);width:min(100%,360px);min-height:58px;color:var(--action-ink);box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 72%,#142c19),inset 0 1px 0 #ffffff30;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:15px 24px;font-size:1.04rem;line-height:1.4;display:flex}.course-opening-actions>button>span:last-child{font-size:1.4em;font-weight:500}.course-opening-actions .course-certificate-promise{color:var(--muted);margin:0;font-size:.75rem;line-height:1.5}.course-certificate-promise a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.course-opening-actions .placement-invitation{margin:0;font-size:.8rem;line-height:1.6}.course-opening-actions .placement-invitation a{padding-block:4px;display:block}.course-opening .course-opening-art{background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--atmosphere) 60%,#fff9e5),#fffdf6 72%);border:1px solid color-mix(in srgb,var(--accent) 12%,#e9e6d6);border-radius:36px 36px 90px;grid-area:art;min-width:0;padding:18px;transform:rotate(1deg);box-shadow:0 16px 36px #544e2010,inset 0 1px #fff}.course-opening-art .course-hero-art{margin:0}.course-opening-art .course-media{object-fit:contain;border-radius:24px 24px 72px;width:100%;height:auto;max-height:510px;margin:0;display:block}.course-detail .course-entry-extras{flex-direction:column;gap:18px;min-width:0;margin-bottom:48px;display:flex}.course-entry-extras>.course-competition-bar{border-block:1px solid var(--subtle-stroke);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;padding:20px 0;display:flex}.course-entry-extras .course-competition-mini{flex:260px;min-width:min(100%,260px);max-width:100%}.course-entry-extras .course-competition-mini small{white-space:normal}.course-entry-extras>.guest-recovery{width:100%;max-width:none;margin:0}.course-detail .course-learning-outcomes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;margin:40px 0;display:grid}.course-learning-outcomes>section{grid-area:auto;min-width:0}.course-learning-outcomes .course-learning-promise{padding:0}.course-learning-outcomes h2{letter-spacing:-.025em;margin:12px 0 20px;font-size:1.45rem}.course-learning-outcomes .course-learning-promise>p:not(.eyebrow){border-color:var(--subtle-stroke);gap:18px;margin:0;padding:18px 0;font-size:.98rem;line-height:1.65}.course-learning-outcomes .promise-number{color:var(--accent-ink,var(--ink));font-size:1.1rem}.course-learning-outcomes .course-can-do{background:color-mix(in srgb,var(--atmosphere) 25%,#fffdf5);border-radius:24px;margin:0;padding:28px 30px}.course-learning-outcomes .course-can-do p{margin:18px 0;font-size:.98rem;line-height:1.65}@media (max-width:899px){.course-shell .course-detail{padding:8px 22px 48px}.course-shell .course-detail .course-opening{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""action""art";gap:22px;margin:16px 0 28px}.course-shell .course-detail .course-opening h1{max-width:23ch;margin:12px 0 14px;font-size:clamp(1.85rem,7.4vw,2.8rem);line-height:1.12}.course-detail .course-opening .course-promise{font-size:.96rem;line-height:1.6}.course-opening .course-entry-meta{gap:6px 10px;margin-top:16px;font-size:.74rem}.course-entry-meta span+span:before{margin-right:10px}.course-detail .course-opening-actions{align-items:stretch;gap:12px}.course-detail .course-opening-actions>button{width:100%;min-height:56px;padding:14px 20px}.course-opening-actions .course-certificate-promise{text-align:center;font-size:.7rem}.course-opening .course-opening-art{border-radius:26px 26px 60px;margin:4px 0 0;padding:10px;transform:none}.course-opening-art .course-media{border-radius:18px 18px 50px;max-height:300px}.course-detail .course-learning-outcomes{grid-template-columns:minmax(0,1fr);gap:28px;margin:32px 0}.course-detail .course-entry-extras{gap:16px;margin-bottom:32px}.course-entry-extras>.course-competition-bar{gap:12px;padding:16px 0}.course-entry-extras>.guest-recovery{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:22px 16px 18px}.course-entry-extras .guest-recovery-art{width:40px;height:40px}.course-entry-extras .guest-recovery-actions{grid-column:1/-1}}
