/* Hand-drawn highlighter for post content (2026-10-15). Scope: .prose (GS posts) / #bo_v_con (stock bbs view) + .gs-hl anywhere. */
.prose mark,.prose u,.prose strong,#bo_v_con mark,#bo_v_con u,#bo_v_con strong,.gs-hl{
  --hl:255,214,64;--hla:.55;
  color:inherit;text-decoration:none;border-radius:.35em .2em .4em .25em;
  padding:0 .14em;margin:0 -.04em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  background-color:transparent;
  background-image:
    linear-gradient(100deg,rgba(var(--hl),0) .8%,rgba(var(--hl),calc(var(--hla) + .15)) 2.6%,rgba(var(--hl),var(--hla)) 6%,rgba(var(--hl),calc(var(--hla) - .2)) 48%,rgba(var(--hl),var(--hla)) 93%,rgba(var(--hl),calc(var(--hla) + .1)) 96.5%,rgba(var(--hl),0) 98.6%),
    linear-gradient(181deg,rgba(var(--hl),0) 0%,rgba(var(--hl),.22) 9%,rgba(var(--hl),0) 18%,rgba(var(--hl),0) 84%,rgba(var(--hl),.18) 92%,rgba(var(--hl),0) 100%);
  background-repeat:no-repeat;background-size:100% 100%,100% 100%;background-position:0 0;
}
/* <u> and <strong>: lower marker band, like a quick underline swipe */
.prose u,.prose strong,#bo_v_con u,#bo_v_con strong{background-size:100% 46%,100% 46%;background-position:0 88%,0 88%;--hla:.5}
.prose strong,#bo_v_con strong{--hla:.38}
/* inline elements cannot rotate; the 100deg/181deg gradients give the slant */
.gs-hl-green{--hl:120,220,140}.gs-hl-pink{--hl:255,150,190}.gs-hl-blue{--hl:120,180,255}
mark.gs-hl-green,mark.gs-hl-pink,mark.gs-hl-blue{--hl:inherit}
/* draw-in (armed by gs_hl.js only when motion is OK) */
html.hl-armed .prose mark:not(.hl-in),html.hl-armed .prose u:not(.hl-in),html.hl-armed .prose strong:not(.hl-in),
html.hl-armed #bo_v_con mark:not(.hl-in),html.hl-armed #bo_v_con u:not(.hl-in),html.hl-armed #bo_v_con strong:not(.hl-in),html.hl-armed .gs-hl:not(.hl-in){background-size:0% 100%,0% 100%}
html.hl-armed .prose u:not(.hl-in),html.hl-armed .prose strong:not(.hl-in),html.hl-armed #bo_v_con u:not(.hl-in),html.hl-armed #bo_v_con strong:not(.hl-in){background-size:0% 46%,0% 46%}
html.hl-armed .hl-in{transition:background-size .9s cubic-bezier(.25,.8,.3,1)}
@media (prefers-reduced-motion:reduce){html.hl-armed .hl-in{transition:none}}
@media print{.prose mark,.prose u,.prose strong,.gs-hl{background-image:none;text-decoration:underline}}