/* v2_19.11 (LOCAL ONLY): Programs hero first-load placeholder, Schools row rebalance, host-badge safe spacing */

/* #5 Programs hero carousel: before the rack script builds the sleeves, #crate is empty and the stage was a blank
   ~540px gap. Show the first slide's cover (preloaded, fetchpriority=high) in the same box the first sleeve lands in,
   on a branded cream/orange placeholder, with a reserved 1:1 aspect ratio. :empty stops matching as soon as the
   script appends the sleeves, so the placeholder disappears by itself. */
.nr-rack .crate:empty::before{content:"";position:absolute;left:-14px;top:-113px;width:281px;aspect-ratio:1/1;border-radius:4px;
  background:url("/rack/covers/nextrising-ai-programming-lab-course-cover.webp") center/cover no-repeat,linear-gradient(135deg,#FBF3E8 0%,#F6E3CC 60%,#F2CFA6 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 12px 24px -12px rgba(0,0,0,.35)}
.nr-rack .peek:empty{min-height:296px;border-radius:20px;background:linear-gradient(180deg,#FBF8F2,#F6EFE4)}
@media (max-width:760px){
  .nr-rack .crate:empty{min-height:260px}
  .nr-rack .crate:empty::before{left:calc(50% - 110px);top:18px;width:220px}
  .nr-rack .peek:empty{min-height:285px}
}

/* #6 Schools "Build around the challenge": the floated Teddy (.teddy-side) in the heading pushed the grid (a new
   block formatting context) into a narrow box beside it: 2 columns of 274px at 1280 with the 3rd card alone below,
   and a 222px box with a 260px card overflowing at 390. Clear the float so the row uses the full width:
   3 equal columns at desktop, 2 at tablet, 1 stacked column on mobile. */
#more-ways-to-begin .grid{clear:both}
@media (min-width:1000px){#more-ways-to-begin .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:700px) and (max-width:999.98px){#more-ways-to-begin .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #more-ways-to-begin .grid>.card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}}

/* #7 "Built on WIX Headless" badge: injected by the Wix host (site-script.js adds a fixed
   #wixheadless-banner-container, 208x44, bottom:20px right:20px, z-index 9999). It is not in the build and we do not
   restyle or hide it. When it is on the page, keep a safe band at the bottom so nothing of ours sits under it. */
body:has(#wixheadless-banner-container:not([style*="none"])) .site-footer{padding-bottom:92px}
body:has(#wixheadless-banner-container:not([style*="none"])) .nr-rack .foot{padding-bottom:124px}
body:has(#wixheadless-banner-container:not([style*="none"])) .tn{bottom:84px}
@media (min-width:761px){body:has(#wixheadless-banner-container:not([style*="none"])) .sbar-in{padding-right:252px}}
@media (max-width:760px){body:has(#wixheadless-banner-container:not([style*="none"])) .sbar-in{padding-bottom:74px}
  body:has(#wixheadless-banner-container:not([style*="none"])) .site-footer{padding-bottom:84px}}

/* M6 nl-083 card (11b): our neutral title, source line, separate link-out */
.nl-card .nl-src{margin-top:-4px;margin-bottom:0;font-size:13px;line-height:1.4;color:#3E4866}
.nl-card .nl-orig{margin-top:0;margin-bottom:4px}
.nl-card .nl-orig a{font-weight:700;color:var(--ink);text-underline-offset:3px}
.nl-card .nl-orig .ext{width:14px;height:14px;margin-left:4px;vertical-align:-2px}
main .nl-card h3.nl-own{-webkit-line-clamp:4}