.navbar .navbar-brand > img {
	max-height: 42px;
}

.wps-sidebar-module a.active {
	color: #000;
}

.wps-sidebar-module .wps-module-order {
	line-height: 2rem;
	font-family: var(--bs-font-monospace);
	font-size: 15px;
	width: 26px;
	color: #aaa;
}

.wps-sidebar-module a.active .wps-module-order {
	color: #0163ee;
}

.wps-sidebar-lesson a.active {
	color: #0163ee;
}

.wps-sidebar-lesson a.active::after,
.wps-sidebar-module a.active::after {
	display: none !important;
}

.wps-premium-excerpt p:last-child {
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text !important;
    background: -webkit-linear-gradient(#000, #ddd, #fff);
}

.lesson-content img {
	max-width: 100%;
	height: auto;
}

.lesson-content pre {
	background: black;
	color: white;
	border-radius: 0.5rem;
	padding-bottom: 1.5rem;
	padding: 1rem;
}

/* tweak colors easily via vars */
:root{
  --gold-1:#fff4c7; --gold-2:#f7d24b; --gold-3:#eab308; --gold-4:#f59e0b;
  --gold-border:#a16207; --gold-border-hover:#8a4f06; --gold-text:#4f340e;
}

.btn-gold{
  position:relative; overflow:hidden; font-weight:600;
  color:var(--gold-text);
  border:2px solid var(--gold-border);
  background:linear-gradient(135deg,var(--gold-1) 0%,var(--gold-2) 25%,var(--gold-3) 55%,var(--gold-4) 85%,var(--gold-1) 100%);
  box-shadow:0 .5rem 1rem rgba(234,179,8,.35), inset 0 1px 0 rgba(255,255,255,.6);
}
.btn-gold:hover{
  filter:brightness(1.06);
  color:var(--gold-text);
  border-color:var(--gold-border-hover);
}
.btn-gold:active{
  transform:translateY(1px);
}
.btn-gold:focus-visible{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(161,98,7,.25), 0 .5rem 1rem rgba(234,179,8,.35), inset 0 1px 0 rgba(255,255,255,.6);
}

/* shine sweep */
.btn-gold::after{
  content:""; position:absolute; top:-60%; left:-80%; width:50%; height:220%;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.7) 50%,transparent 100%);
  transform:rotate(25deg);
}
.btn-gold:hover::after{ animation:shine .8s ease-out; }
@keyframes shine { to { left:130%; } }