.zzz-hl{background:linear-gradient(transparent 60%,var(--hl-color,rgba(255,199,49,0.35)) 60%);font-weight:700;padding:0 2px}
.zzz-hl--yellow{--hl-color:rgba(255,199,49,0.35)}
.zzz-hl--blue{--hl-color:rgba(96,165,250,0.3)}
.zzz-hl--pink{--hl-color:rgba(244,114,182,0.3)}
.zzz-hl--green{--hl-color:rgba(74,222,128,0.3)}

.zzz-topic{position:relative;margin:32px 0;padding:28px 24px 20px;background:color-mix(in srgb,#1F8B4C 7%,transparent);border:1px solid color-mix(in srgb,#1F8B4C 35%,transparent);border-radius:8px}
.zzz-topic::before{content:"Topic";position:absolute;top:-10px;left:20px;background:#16703B;color:#fff;font-family:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,monospace;font-size:10.5px;letter-spacing:.18em;padding:3px 10px 4px;text-transform:uppercase;font-weight:600;line-height:1}
.zzz-topic-title{font-weight:700;font-size:14px;letter-spacing:.04em;color:#16703B;margin:0 0 8px;text-transform:uppercase}
.zzz-topic-body p{margin:0 0 10px;font-size:14px;line-height:1.7;color:#4A4A4A}
.zzz-topic-body p:last-child{margin-bottom:0}