.menu{position:relative}.menu-content{background:var(--pgn-color-white,#fff);min-width:10rem;position:absolute;top:100%;z-index:10}[dir=ltr] .menu-content.pin-left{left:0}[dir=ltr] .menu-content.pin-right,[dir=rtl] .menu-content.pin-left{right:0}[dir=rtl] .menu-content.pin-right{left:0}.menu-dropdown-enter{opacity:0;transform:scale3d(.8,.8,1)}[dir=ltr] .menu-dropdown-enter{transform-origin:75% 0}[dir=rtl] .menu-dropdown-enter{transform-origin:25% 0}.menu-dropdown-enter-active{opacity:1;transform:scaleX(1);transition:all .25s cubic-bezier(.4,0,.2,1)}[dir=ltr] .menu-dropdown-enter-active{transform-origin:75% 0}[dir=rtl] .menu-dropdown-enter-active{transform-origin:25% 0}.menu-dropdown-exit{opacity:1;transform:scaleX(1)}[dir=ltr] .menu-dropdown-exit{transform-origin:75% 0}[dir=rtl] .menu-dropdown-exit{transform-origin:25% 0}.menu-dropdown-exit-active{opacity:0;transform:scale3d(.8,.8,1);transition:all .25s cubic-bezier(.8,0,.6,1)}[dir=ltr] .menu-dropdown-exit-active{transform-origin:75% 0}[dir=rtl] .menu-dropdown-exit-active{transform-origin:25% 0}.studio-header{background:var(--pgn-color-white,#fff);box-shadow:0 1px 0 0 #0000001a;height:3.75rem;position:relative;z-index:1000}.studio-header .btn-outline-primary{border-color:var(--pgn-color-white,#fff)}.studio-header .logo{box-sizing:initial;display:block;height:1.75rem;padding:var(--pgn-spacing-spacer-base,1rem) 0;position:relative;top:-.05em}[dir=ltr] .studio-header .logo{margin-right:var(--pgn-spacing-spacer-base,1rem)}[dir=rtl] .studio-header .logo{margin-left:var(--pgn-spacing-spacer-base,1rem)}.studio-header .logo img{display:block;height:100%}.studio-header .course-title-lockup{overflow:hidden}@media only screen and (min-width:769px){.studio-header .course-title-lockup{padding:.5rem;width:70%}[dir=ltr] .studio-header .course-title-lockup{border-right:1px solid #e5e5e5;padding-right:var(--pgn-spacing-spacer-base,1rem)}[dir=rtl] .studio-header .course-title-lockup{border-left:1px solid #e5e5e5;padding-left:var(--pgn-spacing-spacer-base,1rem)}}.studio-header .course-title-lockup span{color:var(--pgn-color-gray-800,#333);line-height:1.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item a{text-decoration:none}.icon-button{align-items:center;background:#0000;border:none;display:inline-flex;height:3rem;justify-content:center;line-height:3rem;padding:.75rem;text-align:center;vertical-align:middle;width:3rem}.icon-button:focus,.icon-button:hover{background:#0000001a}.learning-header,.learning-header .course-title-lockup{min-width:0}.learning-header .course-title-lockup span{overflow:hidden;padding-bottom:calc(var(--pgn-spacing-spacer-base, 1rem)*.1);text-overflow:ellipsis;white-space:nowrap}.learning-header .user-dropdown .btn{height:3rem}.site-header-desktop,.site-header-mobile{position:relative;z-index:1000}.site-header-mobile{height:3rem}.site-header-mobile .nav-link{cursor:pointer;text-decoration:none}.site-header-mobile img{height:1.5rem}.site-header-desktop{background:var(--pgn-color-white,#fff);box-shadow:0 1px 0 0 #0000001a}.site-header-desktop .nav-link{text-decoration:none}.site-header-desktop .logo{box-sizing:initial;display:block;height:1.75rem;padding:var(--pgn-spacing-spacer-base,1rem) 0;position:relative;top:-.05em}[dir=ltr] .site-header-desktop .logo{margin-right:var(--pgn-spacing-spacer-base,1rem)}[dir=rtl] .site-header-desktop .logo{margin-left:var(--pgn-spacing-spacer-base,1rem)}.site-header-desktop .logo img{display:block;height:100%}.site-header-desktop .secondary-menu-container .expanded .nav-link,.site-header-desktop .secondary-menu-container .nav-link.active,.site-header-desktop .secondary-menu-container .nav-link:focus,.site-header-desktop .secondary-menu-container .nav-link:hover{background:var(--pgn-color-bg-active,#0a3055);color:var(--pgn-color-active,#fff)}.site-header-desktop .main-nav .nav-link{font-weight:500;letter-spacing:.01em;padding:1.125rem var(--pgn-spacing-spacer-base,1rem);text-decoration:none}.site-header-desktop .main-nav .expanded .nav-link,.site-header-desktop .main-nav .nav-link.active,.site-header-desktop .main-nav .nav-link:focus,.site-header-desktop .main-nav .nav-link:hover{background:var(--pgn-color-bg-active,#0a3055);color:var(--pgn-color-active,#fff)}.site-header-desktop .main-nav .menu{position:static}.site-header-desktop .main-nav .menu .menu-content{border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-top:2px solid var(--pgn-color-bg-active);box-shadow:var(--pgn-elevation-box-shadow-down-1,0 1px 2px #00000040);left:0;padding:var(--pgn-spacing-spacer-base,1rem);right:0}.site-header-desktop .search-input{border-radius:var(--pgn-size-rounded-pill,50rem)}.footer{background-color:var(--pgn-color-light-100,#fcfcfc)}@keyframes home-banner-info-animation{0%{opacity:0;transform:translateY(18.75rem)}45%{opacity:1}65%{transform:translateY(-2.5rem)}85%{transform:translateY(.625rem)}to{top:0;transform:translateY(0)}}.home-banner:before{background-color:var(--catalog-home-page-banner-background-color,var(--pgn-color-gray-500));background-image:var(--catalog-home-page-banner-background-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;inset:0;position:absolute;z-index:-1}.home-banner .animation-wrapper{animation:home-banner-info-animation 1.15s ease-in-out 1s both}.course-media-wrapper .course-media-image{height:var(--catalog-course-about-page-course-media-image-height,15.75rem);object-fit:cover}.course-media-wrapper .pgn__icon{height:var(--catalog-course-about-page-course-media-play-icon-height,3.125rem);top:50%;width:var(--catalog-course-about-page-course-media-play-icon-width,3.125rem)}[dir=ltr] .course-media-wrapper .pgn__icon{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .course-media-wrapper .pgn__icon{right:50%;transform:translate(50%,-50%)}.course-media-wrapper .pgn__icon svg:hover{opacity:var(--catalog-course-about-page-course-media-play-icon-hover-opacity,.9)}@media(max-width:1400px){.course-media-wrapper{margin-bottom:var(--pgn-spacing-spacer-2-5)}}.course-about-intro .pgn__card{min-height:var(--catalog-course-about-page-intro-card-min-height,var(--catalog-course-about-page-course-media-image-height,15.75rem))}.course-about-overview .teacher{margin-bottom:var(--pgn-spacing-spacer-base);margin-top:var(--pgn-spacing-spacer-base)}.course-about-overview .teacher .teacher-image{width:calc(var(--pgn-spacing-spacer-base)*8)}.course-about-overview .teacher .teacher-image img{margin-inline-end:calc(var(--pgn-spacing-spacer-base)*.5);max-width:100%;min-height:100%}.course-about-overview .teacher:after{clear:both;content:"";display:table}
/* ArcLogi MFE theme override (baked into every MFE stylesheet).
   Forces a single, consistent LIGHT + teal Paragon theme on every page. Dark mode was unreadable
   (light card backgrounds + dark-mode light text). We redefine the full light token set under the
   light AND dark selectors AND inside prefers-color-scheme:dark, so the dark variant never wins.
   Also: ArcLogi teal brand color + footer cleanup. */

html, :root { color-scheme: light; }

:root,
[data-paragon-theme="light"], .pgn__theme-light,
[data-paragon-theme="dark"], .pgn__theme-dark {
  /* neutrals (light) */
  --pgn-color-white:#fff;
  --pgn-color-black:#1f1c1a;
  --pgn-color-bg:#fff;
  --pgn-color-modal-content-bg:#fff;
  --pgn-color-modal-backdrop-bg:rgba(0,0,0,.5);
  --pgn-color-light-base:#f2f0ef; --pgn-color-light-100:#fbfafa; --pgn-color-light-200:#f2f0ef;
  --pgn-color-light-300:#e1dddb; --pgn-color-light-400:#d4cfcd; --pgn-color-light-500:#bcb6b3;
  --pgn-color-gray-base:#595454; --pgn-color-gray-100:#e9e6e4; --pgn-color-gray-200:#d4cfcd;
  --pgn-color-gray-300:#bcb6b3; --pgn-color-gray-400:#a59f9d; --pgn-color-gray-500:#8f8b89;
  --pgn-color-gray-600:#787471; --pgn-color-gray-700:#595454; --pgn-color-gray-800:#454140;
  --pgn-color-gray-900:#2d2926;
  --pgn-color-dark-base:#1f1c1a; --pgn-color-dark-500:#1f1c1a; --pgn-color-dark-700:#2d2926;
  /* ArcLogi teal brand */
  --pgn-color-primary-base:#00829B; --pgn-color-primary-100:#E6F4F7; --pgn-color-primary-200:#B8E0E8;
  --pgn-color-primary-300:#8ACCD8; --pgn-color-primary-400:#47A6BA; --pgn-color-primary-500:#00829B;
  --pgn-color-primary-600:#00748B; --pgn-color-primary-700:#046274; --pgn-color-primary-800:#024E5C;
  --pgn-color-primary-900:#013842; --pgn-color-primary-light:#E6F4F7;
  --pgn-color-brand-base:#00829B; --pgn-color-brand-100:#E6F4F7; --pgn-color-brand-200:#B8E0E8;
  --pgn-color-brand-300:#8ACCD8; --pgn-color-brand-400:#47A6BA; --pgn-color-brand-500:#00829B;
  --pgn-color-brand-600:#00748B; --pgn-color-brand-700:#046274; --pgn-color-brand-800:#024E5C;
  --pgn-color-brand-900:#013842;
  --pgn-color-info-base:#00829B; --pgn-color-info-100:#E6F4F7; --pgn-color-info-300:#8ACCD8; --pgn-color-info-500:#00829B;
  --pgn-color-success-base:#0d7d4d; --pgn-color-success-100:#e8faf3; --pgn-color-success-500:#0d7d4d;
  --pgn-color-danger-base:#c0291e; --pgn-color-danger-100:#fdf0ee; --pgn-color-danger-500:#c0291e;
  --pgn-color-warning-base:#f0cc00; --pgn-color-warning-100:#fdf9e8; --pgn-color-warning-500:#f0cc00;
}

@media (prefers-color-scheme: dark) {
  :root, [data-paragon-theme="dark"], .pgn__theme-dark {
    --pgn-color-white:#fff; --pgn-color-black:#1f1c1a; --pgn-color-bg:#fff;
    --pgn-color-modal-content-bg:#fff; --pgn-color-modal-backdrop-bg:rgba(0,0,0,.5);
    --pgn-color-light-base:#f2f0ef; --pgn-color-light-100:#fbfafa; --pgn-color-light-200:#f2f0ef; --pgn-color-light-300:#e1dddb;
    --pgn-color-gray-100:#e9e6e4; --pgn-color-gray-300:#bcb6b3; --pgn-color-gray-500:#8f8b89;
    --pgn-color-gray-700:#595454; --pgn-color-gray-800:#454140; --pgn-color-gray-900:#2d2926;
    --pgn-color-dark-base:#1f1c1a;
    --pgn-color-primary-base:#00829B; --pgn-color-primary-500:#00829B;
    --pgn-color-brand-base:#00829B; --pgn-color-brand-500:#00829B;
  }
}

/* Element-level safety nets */
.pgn__modal-content{background-color:var(--pgn-color-modal-content-bg,#fff);}
.pgn__modal-backdrop{background-color:var(--pgn-color-modal-backdrop-bg,rgba(0,0,0,.5));}
.btn-primary,.btn-brand{background-color:#00829B!important;border-color:#00829B!important}
.btn-primary:hover,.btn-brand:hover{background-color:#046274!important;border-color:#046274!important}
.btn-outline-primary,.btn-tertiary{color:#00829B!important;border-color:#00829B!important}
a{color:#00829B}

/* Force readable dark-on-light TEXT wherever the dark variant is active. The dark theme sets a light
   text color on the root that everything inherits — override it (and key non-inheriting elements). */
[data-paragon-theme="dark"], .pgn__theme-dark { color:#1f1c1a !important; }
[data-paragon-theme="dark"] ::placeholder, .pgn__theme-dark ::placeholder { color:#8f8b89 !important; opacity:1; }
[data-paragon-theme="dark"] a:not([class*="btn"]), .pgn__theme-dark a:not([class*="btn"]) { color:#00829B !important; }
@media (prefers-color-scheme: dark) {
  html, body, #root { color:#1f1c1a !important; }
  ::placeholder { color:#8f8b89 !important; opacity:1; }
  a:not([class*="btn"]) { color:#00829B !important; }
}

/* Footer: drop third-party "Powered by". The copyright is rewritten into an ArcLogi link by the
   force-light script (arclogi-force-light.html), so no CSS ::after override here. */
.powered-area{display:none!important}

/* Studio (course-authoring) footer cleanup: remove the Open edX "Powered by" logo + the
   "edX and Open edX ... registered trademarks of edX Inc." line. In the frontend-component-footer
   that whole bottom row is .pgn__action-row.mt-3.pb-4.x-small (it holds the trademark text AND the
   logo, and NOT the copyright row), so we hide it. Belt-and-suspenders: hide any Open edX logo/link
   wherever it appears. */
.pgn__action-row.mt-3.pb-4.x-small{display:none!important}
/* :not(.logo-image) — Verawood indigo's header logo (ThemedLogo, our ArcLogi logo) ships alt="Open edX". */
img[alt*="Open edX" i]:not(.logo-image),img[src*="open-edx" i],img[src*="openedx" i]{display:none!important}
a[href*="openedx.org" i],a[href*="open.edx.org" i]{display:none!important}

/* Header: room for the ArcLearn logo (book + spark + wordmark, cropped to the artwork) — Paragon's
   default is 1.75rem. */
.site-header-desktop .logo,.studio-header .logo{height:2.5rem!important}

/* Header nav hover/active ("Courses", "Explore courses", the account menu). Indigo's header (learner
   dashboard) marks these with a teal underline on white, while the stock header (catalog, account, …)
   paints a teal background with white text. Use indigo's look everywhere, so a label can never vanish:
   white-on-white, or teal-on-teal under the dark-scheme link rules above. */
.site-header-desktop .main-nav .nav-link{border-bottom:2px solid transparent}
.site-header-desktop .main-nav .nav-link:hover,.site-header-desktop .main-nav .nav-link:focus,
.site-header-desktop .main-nav .nav-link.active,.site-header-desktop .main-nav .expanded .nav-link{
  background:transparent!important;color:#22262A!important;border-bottom-color:#00829B!important}
.site-header-desktop .secondary-menu-container .nav-link:hover,.site-header-desktop .secondary-menu-container .nav-link:focus,
.site-header-desktop .secondary-menu-container .nav-link.active,.site-header-desktop .secondary-menu-container .expanded .nav-link{
  background:transparent!important;color:#00829B!important}

/* Catalog home banner: ArcLogi charcoal -> teal instead of the stock gray. */
.home-banner::before{background:linear-gradient(135deg,#22262A 0%,#024E5C 55%,#00829B 100%)!important;opacity:1!important}