/* Shared price typography for introductory and full online courses. */
.lesson-upcoming{display:inline-block;font-size:11px;font-weight:400;color:#75808d;margin-left:10px;white-space:nowrap;}
.retouch-case__lead{max-width:820px;color:#626e81;line-height:1.8;}
.retouch-case__controls{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px;}
.retouch-case__controls button{font:inherit;font-size:13px;font-weight:400;padding:9px 13px;border:1px solid #dce3ec;background:#fff;color:#626e81;cursor:pointer;border-radius:3px;}
.retouch-case__controls button[aria-pressed="true"]{border-color:#29384c;color:#172334;background:#f2f5f8;}
.retouch-case__controls button:focus-visible{outline:2px solid #2b53bd;outline-offset:3px;}
.retouch-case__overlay{position:relative;max-width:960px;aspect-ratio:2/1;overflow:hidden;background:#f5f6f7;--retouch-x:47%;--retouch-y:65%;}
.retouch-case__layer{position:absolute;inset:0;overflow:hidden;}
.retouch-case__layer img{position:absolute;display:block;width:300%;max-width:none;height:auto;left:50%;top:50%;transform:translate(calc(-1 * var(--retouch-x)),calc(-1 * var(--retouch-y)));}
.retouch-case__after{clip-path:inset(0 0 0 var(--retouch-split));}
.retouch-case__overlay[data-retouch-region="building"]{--retouch-x:74%;--retouch-y:29%;}
.retouch-case__overlay[data-retouch-region="full"]{aspect-ratio:1672/941;}
.retouch-case__overlay[data-retouch-region="full"] img{width:100%;transform:translate(-50%,-50%);}
.retouch-case__badge{position:absolute;top:12px;padding:6px 9px;background:rgba(255,255,255,.92);font-size:12px;color:#172334;pointer-events:none;}
.retouch-case__badge--before{left:12px;}.retouch-case__badge--after{right:12px;}
.retouch-case__divider{position:absolute;top:0;bottom:0;left:var(--retouch-split);width:2px;background:white;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 3px #333;}
.retouch-case__divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:white;color:#263447;font-size:24px;box-shadow:0 1px 8px #0003;}
.retouch-case__slider{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;}
.retouch-case__overlay:focus-within{outline:2px solid #2b53bd;outline-offset:4px;}
.retouch-case__hint{font-size:12px;color:#626e81;margin:10px 0;}
.retouch-case__note{max-width:1080px;font-size:12px;line-height:1.75;color:#75808d;margin-top:14px;}
@media(max-width:640px){.retouch-case__overlay{aspect-ratio:1/1;}.retouch-case__controls{gap:6px;}.retouch-case__controls button{font-size:11px;padding:8px;}.retouch-case__badge{font-size:10px;}.retouch-case__hint{font-size:11px;}}
#cad-to-render-case{padding-top:32px;padding-bottom:32px;}
#cad-to-render-case .sales-section__lead{max-width:900px;text-align:left;margin-left:0;}
.cad-case-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:960px;margin:22px 0 12px;}
.cad-case-plan{grid-row:span 2;align-self:center;}
.cad-case-plan figcaption span{display:block;font-size:11px;color:#75808d;margin-top:3px;}
.retouch-case__schedule{font-size:13px;color:#626e81;line-height:1.7;}
.cad-case-images figure{margin:0;min-width:0;}
.cad-case-images img{display:block;width:100%;height:auto;border-radius:4px;}
.cad-case-images figcaption{font-size:12px;color:#626e81;margin-top:8px;}
.cad-case-note{font-size:12px;color:#737d8b;line-height:1.7;}
@media(max-width:760px){.cad-case-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;}.cad-case-plan{grid-column:span 2;grid-row:auto;width:100%;max-width:260px;}#cad-to-render-case{padding-top:24px;} .cad-case-images figcaption{font-size:11px;}}
.intro-full-path {border-top:1px solid #dce3ec;border-bottom:1px solid #dce3ec;padding-top:40px;padding-bottom:40px;}
.intro-full-path__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;}
.intro-full-path__grid ul {padding-left:18px;color:#626e81;font-size:14px;line-height:1.85;}
.intro-full-path__decision {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid #e3e8ef;}
.intro-full-path__decision h3 span {font-size:20px;font-weight:550;margin-left:12px;white-space:nowrap;}
.intro-full-path__decision p,.intro-full-path__note {font-size:13px;color:#626e81;line-height:1.75;}
.intro-full-path__actions {display:flex;flex-wrap:wrap;gap:12px;}
@media(max-width:640px){.intro-full-path__grid{grid-template-columns:1fr;gap:12px}.intro-full-path__decision{align-items:flex-start;flex-direction:column}.intro-full-path__actions{width:100%}.intro-full-path__actions a{flex:1;}}
body.course-sales .price-row__price {
  font-family: inherit;
  font-size: 20px;
  font-weight: 550;
  line-height: 1.45;
  letter-spacing: -0.025em;
  color: #292d32;
  font-variant-numeric: tabular-nums;
}
body.course-sales .price-row__title {
  font-size: 14px;
  font-weight: 500;
  color: #686e76;
}
body.course-sales .price-row__price small {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #858a91;
  letter-spacing: 0;
}
body.course-sales .course-enroll__label,
body.course-sales .accent-band__note {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}
body.course-sales .sales-sticky__info strong {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
body .vod-price {
  font-size: 22px;
  font-weight: 550;
  line-height: 1.45;
  letter-spacing: -0.025em;
  color: #292d32;
}
@media (max-width: 640px) {
  body.course-sales .price-row__price,
  body .vod-price { font-size: 20px; }
  body.course-sales .sales-sticky__info strong { font-size: 13px; font-weight: 500; }
}
