/* =========================================
   LEARN sidebar (Articles) — kill ribbon + keep clean pills
   Source of ribbon: .leftNav li a { background: leftLi.png ... }
   ========================================= */

/* Target ONLY the Learn/Articles sidebar list */
.asideLeft ul.leftNav.articleNav.needSlide > li > a{
  /* kill ribbon + any icon sprites from legacy rules */
  background: rgba(255,255,255,.95) !important;
  background-image: none !important;
  box-shadow: none !important;

  /* undo legacy spacing for the old icon */
  padding: 14px 16px !important;

  /* pill style */
  display: block !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  color: rgba(0,0,0,.86) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

/* Current item highlight (replaces orange ribbon) */
.asideLeft ul.leftNav.articleNav.needSlide > li.cur > a{
  background: rgba(47,111,62,.12) !important;
  border-color: rgba(47,111,62,.35) !important;
  box-shadow: inset 5px 0 0 rgba(47,111,62,.90) !important;
}

/* Stop legacy hover/current icon rules from re-adding sprites */
.asideLeft ul.leftNav.articleNav.needSlide > li > a:hover,
.asideLeft ul.leftNav.articleNav.needSlide > li.cur > a:hover{
  background-image: none !important;
}

/* Remove any triangle/pointer pseudo-elements */
.asideLeft ul.leftNav.articleNav.needSlide > li::before,
.asideLeft ul.leftNav.articleNav.needSlide > li::after,
.asideLeft ul.leftNav.articleNav.needSlide > li > a::before,
.asideLeft ul.leftNav.articleNav.needSlide > li > a::after{
  content: none !important;
  display: none !important;
}

/* Optional: give the whole list a subtle panel background */
.asideLeft ul.leftNav.articleNav.needSlide{
  list-style: none !important;
  margin: 0 !important;
  padding: 12px !important;
  background: rgba(47,111,62,.06) !important;
  border: 1px solid rgba(47,111,62,.18) !important;
  border-radius: 18px !important;
}
.asideLeft ul.leftNav.articleNav.needSlide > li{
  margin: 12px 0 !important;
}
/* =========================================================
   FORCE OVERRIDE — Learn / Articles left sidebar ONLY
   Kills: curLi.png (li background) + curLiA.png (a:after arrow)
   ========================================================= */

/* 1) Remove orange ribbon background applied to LI on current/hover */
.asideLeft ul.leftNav.articleNav.needSlide > li.cur,
.asideLeft ul.leftNav.articleNav.needSlide > li:hover{
  background: none !important;
  background-image: none !important;
}

/* 2) Remove orange arrow cap applied via a:after */
.asideLeft ul.leftNav.articleNav.needSlide > li.cur > a:after,
.asideLeft ul.leftNav.articleNav.needSlide > li:hover > a:after{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 3) Kill the base "leftLi.png" icon ribbon background on the link itself */
.asideLeft ul.leftNav.articleNav.needSlide > li > a{
  background: #fff !important;
  background-image: none !important;
  color: rgba(0,0,0,.86) !important;  /* override legacy white-on-hover */
  text-transform: none !important;
  padding: 14px 16px !important;     /* override 53px left padding */
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  display: block !important;
  box-shadow: none !important;
}

/* 4) Keep your "current" look without orange */
.asideLeft ul.leftNav.articleNav.needSlide > li.cur > a{
  background: rgba(47,111,62,.12) !important;
  border-color: rgba(47,111,62,.35) !important;
  box-shadow: inset 5px 0 0 rgba(47,111,62,.90) !important;
}

/* 5) IMPORTANT: LI layout rule is messing with spacing; neutralize it for this menu */
.asideLeft ul.leftNav.articleNav.needSlide > li{
  height: auto !important;          /* overrides height:65px */
  margin: 12px 0 !important;        /* overrides negative margin */
  padding: 0 !important;            /* overrides padding-left tricks */
  float: none !important;           /* avoid float weirdness */
}
/* Optional: remove orange panel background for Learn pages */
.asideLeft{
  background: transparent !important;
}
.asideLeft ul.leftNav.articleNav.needSlide > li > a:hover{
  background: rgba(47,111,62,.08);
  border-color: rgba(47,111,62,.25);
}
/* =========================================
   GO LEFT PANEL — remove legacy orange panel + ribbon
   Works for events-insert, news_temp, storydetail, etc.
   Only applies when you add class: go-leftPanel
   ========================================= */

.asideLeft.go-leftPanel{
  background: rgba(47,111,62,.06) !important;
  border: 1px solid rgba(47,111,62,.18) !important;
  border-radius: 18px !important;
  padding: 14px !important;
  box-sizing: border-box !important;
}

/* Kill the legacy "orange ribbon" current/hover backgrounds */
.asideLeft.go-leftPanel .leftNav li.cur,
.asideLeft.go-leftPanel .leftNav li:hover{
  background: none !important;
}

/* Kill the legacy right-side cap image */
.asideLeft.go-leftPanel .leftNav li.cur a:after,
.asideLeft.go-leftPanel .leftNav li:hover a:after{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Turn ALL sidebar links into tiles */
.asideLeft.go-leftPanel .leftNav li{
  margin: 12px 0 !important;
  padding: 0 !important;
  height: auto !important;
}

.asideLeft.go-leftPanel .leftNav li a{
  display: block !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.92) !important;
  background-image: none !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  color: rgba(0,0,0,.86) !important;
  font-weight: 700 !important;
  text-transform: none !important;  /* stops the all-caps legacy look */
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Active/current highlight */
.asideLeft.go-leftPanel .leftNav li.cur > a{
  background: rgba(47,111,62,.12) !important;
  border-color: rgba(47,111,62,.35) !important;
  box-shadow: inset 4px 0 0 rgba(47,111,62,.85) !important;
}
/* =========================================================
   QUICK ACTIONS — force the new panel look everywhere
   ========================================================= */

/* Reset any legacy styling that bleeds into the component */
.quickAct.go-quickAct,
.quickAct.go-quickAct * {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Panel container */
.quickAct.go-quickAct .go-quickAct__panel{
  background: rgba(47,111,62,.06) !important;
  border: 1px solid rgba(47,111,62,.18) !important;
  border-radius: 18px !important;
  padding: 14px !important;
}

/* Title */
.quickAct.go-quickAct .go-quickAct__title{
  font-weight: 800 !important;
  margin: 0 0 10px 0 !important;
}

/* Group headings */
.quickAct.go-quickAct .go-quickAct__groupTitle{
  font-weight: 800 !important;
  margin: 14px 0 8px 0 !important;
}

/* List reset */
.quickAct.go-quickAct .go-quickAct__list{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Links as tiles */
.quickAct.go-quickAct .go-quickAct__list li a{
  display: block !important;
  padding: 12px 14px !important;
  margin: 10px 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.92) !important;
  color: rgba(0,0,0,.86) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* Hover */
.quickAct.go-quickAct .go-quickAct__list li a:hover{
  border-color: rgba(47,111,62,.35) !important;
  background: rgba(47,111,62,.10) !important;
}