/* juicyselflovesite.com additions — kept OUT of their design: banner on top, notes in the margin, stamps on fake claims */
.jsl-banner{background:#1a0d12;color:#fff;border-bottom:4px solid #ff2d6f;padding:18px 16px;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.jsl-banner .in{max-width:1100px;margin:0 auto;display:flex;gap:20px;align-items:center}
.jsl-banner img{width:150px;height:auto;border-radius:12px;flex:none;border:3px solid #ff2d6f}
.jsl-banner p{margin:0 0 8px}.jsl-banner a{color:#ffb3c9}
.jsl-banner .big{font-size:19px;font-weight:700}
@media(max-width:700px){.jsl-banner .in{flex-direction:column;text-align:center}.jsl-banner img{width:120px}}

/* BULLSHIT stamp over their fake claims */
.jsl-bs{position:relative!important}
.jsl-bs::after{content:"BULLSHIT";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-14deg);
 z-index:5;pointer-events:none;color:#e10600;border:.11em solid #e10600;border-radius:.12em;padding:.04em .24em;
 font:900 clamp(26px,3.4vw,48px)/1 Impact,"Arial Black","Helvetica Neue",system-ui,sans-serif;letter-spacing:.06em;
 opacity:.85;background:rgba(255,255,255,.22);white-space:nowrap}
.jsl-bs.sm::after{font-size:13px;border-width:2px;padding:1px 4px;opacity:.78;transform:translate(-50%,-50%) rotate(-12deg)}
.jsl-bs.md::after{font-size:26px}

/* margin notes */
#jsl-notes{position:absolute;left:0;top:0;width:0;height:0;z-index:50}
.jsl-note{position:absolute;width:250px;display:flex;gap:9px;align-items:flex-start;background:#1a0d12;color:#fff;
 border:3px solid #ff2d6f;border-radius:14px;padding:9px 11px 9px 9px;font:700 13.5px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
 box-shadow:0 6px 18px rgba(0,0,0,.25);box-sizing:border-box;text-align:left}
.jsl-note::before{content:"";position:absolute;left:-15px;top:24px;border:12px solid transparent;border-right-color:#ff2d6f;border-left:0}
.jsl-note .g{flex:none;display:flex;flex-direction:column;align-items:center}
.jsl-note img{width:56px;height:59px;border-radius:9px;object-fit:cover;border:2px solid #fff;display:block}
.jsl-note .pt{font-size:28px;line-height:1;margin-top:-8px}
.jsl-note.peach{border-color:#ffc21a}.jsl-note.peach::before{border-right-color:#ffc21a}
.jsl-note.inline{position:relative;width:auto;max-width:560px;margin:14px auto 16px}
.jsl-note.inline::before{left:30px;top:-15px;border:12px solid transparent;border-bottom-color:#ff2d6f;border-top:0}
.jsl-note.inline.peach::before{border-bottom-color:#ffc21a}
.jsl-note.inline .pt{display:inline-block;transform:rotate(90deg);margin-top:2px}
.jsl-credit{font-size:12px;opacity:.8;margin-top:10px}

/* FindaPeach: "????" instead of BULLSHIT, and a confused guy on its 1/10 long-tail score */
.jsl-bs.q::after{content:"????";letter-spacing:.12em}
.jsl-conf{position:relative!important}
.jsl-conf::before{content:"";position:absolute;z-index:6;pointer-events:none;top:50%;transform:translateY(-50%);
 right:96px;width:34px;height:84px;background:#fff url(/static/jsl/confused.png) center/contain no-repeat;border-radius:6px}
td.jsl-conf::before{right:6px;width:22px;height:46px}
.shot.jsl-conf::before{top:auto;bottom:14px;right:14px;transform:none;width:64px;height:150px;box-shadow:0 2px 8px rgba(0,0,0,.3)}

/* owner 11-04: everything below FindaPeach, and other brands, blurred out */
.jsl-blur{filter:blur(7px)!important;pointer-events:none!important;user-select:none!important}
tr.jsl-blur{filter:none!important}
tr.jsl-blur>td{filter:blur(6px)!important;pointer-events:none!important;user-select:none!important}
