/* The course page (rewrite-public-pages task 6.1): the Tailwind utilities
   Laravel's course-detail view and the rating stars use, as its compiled
   app.css holds them (theme values, utilities in their order, the registered
   properties; generated by backend/scripts/page-utilities.py from the two
   templates, with the stars' sizes and the classes course.js sets), and
   classes for the view's inline style attributes (design D8). The academy's
   colour, `--brand`, is the page's own style block. */
/* Theme */
@layer theme{:root,:host{--color-red-600:oklch(57.7% .245 27.325);--color-amber-400:oklch(82.8% .189 84.429);--color-green-50:oklch(98.2% .018 155.826);--color-green-700:oklch(52.7% .154 150.069);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}
/* Utilities */
@layer utilities{
.absolute{position:absolute}
.fixed{position:fixed}
.relative{position:relative}
.inset-0{inset:calc(var(--spacing) * 0)}
.inset-y-0{inset-block:calc(var(--spacing) * 0)}
.left-0{left:calc(var(--spacing) * 0)}
.z-50{z-index:50}
.order-1{order:1}
.order-2{order:2}
.mx-auto{margin-inline:auto}
.mt-0\.5{margin-top:calc(var(--spacing) * .5)}
.mt-1{margin-top:calc(var(--spacing) * 1)}
.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
.mt-2{margin-top:calc(var(--spacing) * 2)}
.mt-3{margin-top:calc(var(--spacing) * 3)}
.mt-4{margin-top:calc(var(--spacing) * 4)}
.mb-3{margin-bottom:calc(var(--spacing) * 3)}
.mb-4{margin-bottom:calc(var(--spacing) * 4)}
.block{display:block}
.flex{display:flex}
.grid{display:grid}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.aspect-video{aspect-ratio:var(--aspect-video)}
.h-2{height:calc(var(--spacing) * 2)}
.h-3\.5{height:calc(var(--spacing) * 3.5)}
.h-4{height:calc(var(--spacing) * 4)}
.h-5{height:calc(var(--spacing) * 5)}
.h-9{height:calc(var(--spacing) * 9)}
.h-full{height:100%}
.max-h-\[70vh\]{max-height:70vh}
.min-h-screen{min-height:100vh}
.w-3\.5{width:calc(var(--spacing) * 3.5)}
.w-5{width:calc(var(--spacing) * 5)}
.w-6{width:calc(var(--spacing) * 6)}
.w-8{width:calc(var(--spacing) * 8)}
.w-auto{width:auto}
.w-full{width:100%}
.max-w-3xl{max-width:var(--container-3xl)}
.max-w-6xl{max-width:var(--container-6xl)}
.min-w-0{min-width:calc(var(--spacing) * 0)}
.min-w-\[200px\]{min-width:200px}
.flex-1{flex:1}
.shrink-0{flex-shrink:0}
.cursor-pointer{cursor:pointer}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.gap-1{gap:calc(var(--spacing) * 1)}
.gap-2{gap:calc(var(--spacing) * 2)}
.gap-2\.5{gap:calc(var(--spacing) * 2.5)}
.gap-3{gap:calc(var(--spacing) * 3)}
.gap-6{gap:calc(var(--spacing) * 6)}
.gap-8{gap:calc(var(--spacing) * 8)}
:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}
.gap-x-6{column-gap:calc(var(--spacing) * 6)}
.gap-y-3{row-gap:calc(var(--spacing) * 3)}
:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}
:where(.divide-neutral-100>:not(:last-child)){border-color:var(--color-neutral-100)}
.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.overflow-hidden{overflow:hidden}
.rounded{border-radius:.25rem}
.rounded-full{border-radius:3.40282e38px}
.rounded-lg{border-radius:var(--radius-lg)}
.rounded-md{border-radius:var(--radius-md)}
.rounded-xl{border-radius:var(--radius-xl)}
.border{border-style:var(--tw-border-style);border-width:1px}
.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
.border-neutral-100{border-color:var(--color-neutral-100)}
.border-neutral-200{border-color:var(--color-neutral-200)}
.border-neutral-300{border-color:var(--color-neutral-300)}
.bg-amber-400{background-color:var(--color-amber-400)}
.bg-black{background-color:var(--color-black)}
.bg-black\/70{background-color:#000000b3}
@supports (color:color-mix(in lab,red,red)){
  .bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}
}
.bg-green-50{background-color:var(--color-green-50)}
.bg-neutral-50{background-color:var(--color-neutral-50)}
.bg-neutral-100{background-color:var(--color-neutral-100)}
.bg-neutral-200{background-color:var(--color-neutral-200)}
.bg-neutral-900{background-color:var(--color-neutral-900)}
.bg-white{background-color:var(--color-white)}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.p-4{padding:calc(var(--spacing) * 4)}
.p-5{padding:calc(var(--spacing) * 5)}
.px-2{padding-inline:calc(var(--spacing) * 2)}
.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}
.px-3{padding-inline:calc(var(--spacing) * 3)}
.px-4{padding-inline:calc(var(--spacing) * 4)}
.py-0\.5{padding-block:calc(var(--spacing) * .5)}
.py-1{padding-block:calc(var(--spacing) * 1)}
.py-2{padding-block:calc(var(--spacing) * 2)}
.py-3{padding-block:calc(var(--spacing) * 3)}
.py-4{padding-block:calc(var(--spacing) * 4)}
.py-8{padding-block:calc(var(--spacing) * 8)}
.pt-4{padding-top:calc(var(--spacing) * 4)}
.pb-5{padding-bottom:calc(var(--spacing) * 5)}
.text-center{text-align:center}
.text-start{text-align:start}
.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
.leading-none{--tw-leading:1;line-height:1}
.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
.whitespace-nowrap{white-space:nowrap}
.whitespace-pre-line{white-space:pre-line}
.text-amber-400{color:var(--color-amber-400)}
.text-green-700{color:var(--color-green-700)}
.text-neutral-300{color:var(--color-neutral-300)}
.text-neutral-400{color:var(--color-neutral-400)}
.text-neutral-500{color:var(--color-neutral-500)}
.text-neutral-600{color:var(--color-neutral-600)}
.text-neutral-700{color:var(--color-neutral-700)}
.text-neutral-900{color:var(--color-neutral-900)}
.text-red-600{color:var(--color-red-600)}
.text-white{color:var(--color-white)}
.text-white\/70{color:#ffffffb3}
@supports (color:color-mix(in lab,red,red)){
  .text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}
}
.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
.line-through{text-decoration-line:line-through}
.underline{text-decoration-line:underline}
.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.select-none{-webkit-user-select:none;user-select:none}
@media (hover:hover){
  .hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}
  .hover\:text-white:hover{color:var(--color-white)}
  .hover\:opacity-90:hover{opacity:.9}
}
.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.focus\:ring-neutral-300:focus{--tw-ring-color:var(--color-neutral-300)}
.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
.disabled\:opacity-50:disabled{opacity:.5}
@media (min-width:40rem){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64rem){
  .lg\:sticky{position:sticky}
  .lg\:top-6{top:calc(var(--spacing) * 6)}
  .lg\:order-1{order:1}
  .lg\:order-2{order:2}
  .lg\:col-span-2{grid-column:span 2/span 2}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
}
/* Registered properties */
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-ordinal{syntax:"*";inherits:false}
@property --tw-slashed-zero{syntax:"*";inherits:false}
@property --tw-numeric-figure{syntax:"*";inherits:false}
@property --tw-numeric-spacing{syntax:"*";inherits:false}
@property --tw-numeric-fraction{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
/* For browsers without @property, as Tailwind writes it. */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-inset-shadow:0 0 #0000;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}

/* What were inline style attributes in Laravel's view. */
.cp-brand-text{color:var(--brand,#1d4ed8)}
.cp-preview-btn{color:var(--brand,#1d4ed8);border-color:currentColor}
.cp-cta{background:var(--brand,#1d4ed8)}
.cp-add{color:var(--brand,#1d4ed8);border-color:var(--brand,#1d4ed8)}
.cp-consent-box{accent-color:var(--brand,#1d4ed8)}
/* A histogram bar's width, a class per whole percent (intended difference 5). */
.cp-w-0{width:0%}
.cp-w-1{width:1%}
.cp-w-2{width:2%}
.cp-w-3{width:3%}
.cp-w-4{width:4%}
.cp-w-5{width:5%}
.cp-w-6{width:6%}
.cp-w-7{width:7%}
.cp-w-8{width:8%}
.cp-w-9{width:9%}
.cp-w-10{width:10%}
.cp-w-11{width:11%}
.cp-w-12{width:12%}
.cp-w-13{width:13%}
.cp-w-14{width:14%}
.cp-w-15{width:15%}
.cp-w-16{width:16%}
.cp-w-17{width:17%}
.cp-w-18{width:18%}
.cp-w-19{width:19%}
.cp-w-20{width:20%}
.cp-w-21{width:21%}
.cp-w-22{width:22%}
.cp-w-23{width:23%}
.cp-w-24{width:24%}
.cp-w-25{width:25%}
.cp-w-26{width:26%}
.cp-w-27{width:27%}
.cp-w-28{width:28%}
.cp-w-29{width:29%}
.cp-w-30{width:30%}
.cp-w-31{width:31%}
.cp-w-32{width:32%}
.cp-w-33{width:33%}
.cp-w-34{width:34%}
.cp-w-35{width:35%}
.cp-w-36{width:36%}
.cp-w-37{width:37%}
.cp-w-38{width:38%}
.cp-w-39{width:39%}
.cp-w-40{width:40%}
.cp-w-41{width:41%}
.cp-w-42{width:42%}
.cp-w-43{width:43%}
.cp-w-44{width:44%}
.cp-w-45{width:45%}
.cp-w-46{width:46%}
.cp-w-47{width:47%}
.cp-w-48{width:48%}
.cp-w-49{width:49%}
.cp-w-50{width:50%}
.cp-w-51{width:51%}
.cp-w-52{width:52%}
.cp-w-53{width:53%}
.cp-w-54{width:54%}
.cp-w-55{width:55%}
.cp-w-56{width:56%}
.cp-w-57{width:57%}
.cp-w-58{width:58%}
.cp-w-59{width:59%}
.cp-w-60{width:60%}
.cp-w-61{width:61%}
.cp-w-62{width:62%}
.cp-w-63{width:63%}
.cp-w-64{width:64%}
.cp-w-65{width:65%}
.cp-w-66{width:66%}
.cp-w-67{width:67%}
.cp-w-68{width:68%}
.cp-w-69{width:69%}
.cp-w-70{width:70%}
.cp-w-71{width:71%}
.cp-w-72{width:72%}
.cp-w-73{width:73%}
.cp-w-74{width:74%}
.cp-w-75{width:75%}
.cp-w-76{width:76%}
.cp-w-77{width:77%}
.cp-w-78{width:78%}
.cp-w-79{width:79%}
.cp-w-80{width:80%}
.cp-w-81{width:81%}
.cp-w-82{width:82%}
.cp-w-83{width:83%}
.cp-w-84{width:84%}
.cp-w-85{width:85%}
.cp-w-86{width:86%}
.cp-w-87{width:87%}
.cp-w-88{width:88%}
.cp-w-89{width:89%}
.cp-w-90{width:90%}
.cp-w-91{width:91%}
.cp-w-92{width:92%}
.cp-w-93{width:93%}
.cp-w-94{width:94%}
.cp-w-95{width:95%}
.cp-w-96{width:96%}
.cp-w-97{width:97%}
.cp-w-98{width:98%}
.cp-w-99{width:99%}
.cp-w-100{width:100%}