/* Shred District — Joey Z Post Experience */
.sdjpe-wrap{position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0 auto;padding:30px clamp(10px,2.2vw,34px) 42px;box-sizing:border-box;color:#171717;background:#090909 var(--sdjpe-bg) center top/cover fixed no-repeat;font-family:inherit}
.sdjpe-wrap:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.42) 17%,rgba(0,0,0,.5) 83%,rgba(0,0,0,.7)),radial-gradient(circle at 50% 20%,rgba(255,205,0,.08),transparent 40%)}
.sdjpe-layout{position:relative;display:grid;grid-template-columns:minmax(145px,220px) minmax(0,1120px);gap:clamp(12px,1.6vw,25px);max-width:1500px;margin:0 auto;align-items:start}
.sdjpe-mascot-rail{position:sticky;top:20px;min-width:0;padding-top:15px;z-index:1}
.sdjpe-joey-art{height:410px;max-height:45vw;background-image:var(--sdjpe-joey);background-size:contain;background-position:center bottom;background-repeat:no-repeat;filter:drop-shadow(0 6px 0 #000);}
.sdjpe-speech{position:relative;margin:8px 0 0;padding:16px 15px 13px;background:#fffdf4;border:4px solid #101010;border-radius:18px 18px 18px 5px;box-shadow:5px 5px 0 #e51b23;transform:rotate(-1.5deg);font-weight:800;text-transform:uppercase;line-height:1.28}
.sdjpe-speech:before{content:"";position:absolute;top:-13px;left:30px;width:20px;height:20px;background:#fffdf4;border-top:4px solid #101010;border-left:4px solid #101010;transform:rotate(45deg)}
.sdjpe-kicker{display:block;color:#e21c2a;font-size:13px;font-weight:1000;letter-spacing:.08em;margin-bottom:7px}
.sdjpe-speech p{margin:0;color:#111;font-size:clamp(14px,1.05vw,18px)}.sdjpe-crown{display:block;text-align:right;color:#f2c900;font-size:24px;line-height:1;margin-top:7px;text-shadow:1px 1px #111}
.sdjpe-main{min-width:0;background:#f8f5ec;border:5px solid #111;box-shadow:0 0 0 3px #f2ce00,0 12px 30px #0009;position:relative;z-index:2}
.sdjpe-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:10px 17px;background:#fff;border-bottom:2px solid #111;color:#555;font-size:12px;line-height:1.5}.sdjpe-breadcrumb a{color:#b70d19;font-weight:800;text-decoration:none}.sdjpe-breadcrumb a:hover{text-decoration:underline}.sdjpe-breadcrumb span{min-width:0;overflow-wrap:anywhere}
.sdjpe-title-block{padding:20px clamp(16px,2.4vw,32px) 15px;background:#111;color:#fff;position:relative;overflow:hidden;border-bottom:5px solid #e51b23}
.sdjpe-title-block:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#fff 0.8px,transparent .8px);background-size:7px 7px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.sdjpe-eyebrow{display:inline-block;color:#111;background:#f6d400;padding:4px 9px;font-size:11px;font-weight:1000;letter-spacing:.11em;transform:skew(-7deg)}
.sdjpe-title-block h1{position:relative;z-index:1;margin:10px 0 9px;color:#fff;font-size:clamp(30px,4vw,54px);font-weight:1000;line-height:.98;letter-spacing:-.035em;text-transform:uppercase;text-shadow:3px 3px 0 #e51b23;overflow-wrap:anywhere}
.sdjpe-title-slash{height:8px;width:90%;max-width:540px;background:#f5d400;transform:skew(-18deg);box-shadow:0 4px 0 #e51b23;margin:12px 0 15px}
.sdjpe-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#ddd;font-size:12px;position:relative;z-index:1}.sdjpe-meta span:first-child{color:#f5d400;font-weight:900}
.sdjpe-hero-product{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:0;background:#fff;border-bottom:4px solid #111}
.sdjpe-featured-image{display:flex;align-items:center;justify-content:center;min-height:300px;background:#161616;overflow:hidden;border-right:4px solid #111;position:relative}.sdjpe-featured-image:after{content:"";position:absolute;inset:0;pointer-events:none;border:8px solid transparent;box-shadow:inset 0 0 0 2px #f5d400}.sdjpe-featured-image img{display:block;width:100%;height:100%;max-height:520px;min-height:300px;object-fit:contain;margin:0;padding:0;background:#111;transition:transform .25s}.sdjpe-featured-image:hover img{transform:scale(1.025)}
.sdjpe-hero-copy{padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;background:linear-gradient(135deg,#fff 0%,#fff 83%,#f3e8b7 100%)}
.sdjpe-stamp{display:inline-block;padding:5px 10px;background:#f5d400;color:#111;border:2px solid #111;font-size:11px;font-weight:1000;transform:skew(-8deg)}
.sdjpe-hero-copy h2{margin:12px 0 10px!important;font-size:clamp(25px,2.8vw,39px)!important;line-height:1.02!important;font-weight:1000!important;text-transform:uppercase;color:#111!important;text-shadow:2px 2px 0 #f5d400;overflow-wrap:anywhere}
.sdjpe-hero-copy p{margin:0 0 17px!important;font-size:15px;line-height:1.55;color:#333}
.sdjpe-amazon-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;padding:14px 13px;background:#ed101b;color:#fff!important;border:3px solid #111;border-radius:7px;box-shadow:0 5px 0 #9e0810;text-align:center;text-decoration:none!important;font-weight:1000;font-size:clamp(14px,1.4vw,19px);line-height:1.1;transition:transform .15s,box-shadow .15s}.sdjpe-amazon-button:hover{background:#c90010;color:#fff!important;transform:translateY(2px);box-shadow:0 3px 0 #9e0810}.sdjpe-amazon-a{font-family:Arial,sans-serif;font-weight:1000;font-size:26px;line-height:.7;color:#fff}
.sdjpe-quick-points{list-style:none!important;padding:0!important;margin:17px 0 0!important;width:100%;display:grid;gap:8px}.sdjpe-quick-points li{position:relative;padding:0 0 0 29px!important;margin:0!important;font-size:13px;font-weight:800;line-height:1.4;color:#222}.sdjpe-quick-points li:before{content:"♛";position:absolute;left:0;top:-2px;background:#f5d400;border:1px solid #111;width:21px;height:21px;display:grid;place-items:center;font-size:14px;color:#111}
.sdjpe-article-content{background:#fff;padding:clamp(17px,2.3vw,30px);font-size:17px;line-height:1.75;color:#222;overflow-wrap:anywhere}.sdjpe-content-inner>*:first-child{margin-top:0}.sdjpe-content-inner h2,.sdjpe-content-inner h3,.sdjpe-content-inner h4{color:#111!important;text-transform:uppercase;font-weight:1000!important;line-height:1.12!important;margin:1.5em 0 .65em!important;padding:8px 12px;background:#f5d400;border-left:7px solid #e51b23;box-shadow:3px 3px 0 #111;transform:skew(-.5deg)}.sdjpe-content-inner h2{font-size:clamp(23px,2.6vw,34px)!important}.sdjpe-content-inner h3{font-size:clamp(20px,2.1vw,27px)!important}.sdjpe-content-inner p{margin:0 0 1.15em}.sdjpe-content-inner a{color:#c50d19;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:700}.sdjpe-content-inner img{max-width:100%;height:auto;border:3px solid #111;box-shadow:4px 4px 0 #f5d400;border-radius:2px}.sdjpe-content-inner blockquote{margin:1.5em 0;padding:17px 20px;background:#111;color:#fff;border-left:8px solid #e51b23;font-weight:800;box-shadow:4px 4px 0 #f5d400}.sdjpe-content-inner ul,.sdjpe-content-inner ol{padding-left:1.5em}.sdjpe-content-inner li{margin:.45em 0}.sdjpe-content-inner table{width:100%;border-collapse:collapse}.sdjpe-content-inner th{background:#111;color:#f5d400}.sdjpe-content-inner td,.sdjpe-content-inner th{border:2px solid #222;padding:9px}
.sdjpe-joey-tip-inline{position:relative;display:flex;gap:14px;align-items:center;padding:17px 24px;background:#fff7c6;border-top:4px solid #111;border-bottom:4px solid #111;overflow:hidden}.sdjpe-joey-tip-inline:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#111 0.7px,transparent .7px);background-size:7px 7px;opacity:.08}.sdjpe-tip-burst{position:relative;flex:0 0 auto;background:#e51b23;color:#fff;border:3px solid #111;padding:8px 11px;font-weight:1000;font-size:14px;transform:skew(-8deg);box-shadow:3px 3px 0 #f5d400}.sdjpe-joey-tip-inline p{position:relative;margin:0;color:#111;font-weight:900;font-size:16px;line-height:1.4}.sdjpe-tip-crown{position:relative;margin-left:auto;font-size:36px;color:#e51b23;text-shadow:2px 2px #f5d400}
.sdjpe-related{padding:22px clamp(14px,2vw,25px) 27px;background:#111;color:#fff;border-top:4px solid #e51b23;position:relative}.sdjpe-related:before{content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:radial-gradient(#fff 0.8px,transparent .8px);background-size:8px 8px}.sdjpe-section-heading{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 17px;padding-bottom:10px;border-bottom:4px solid #e51b23}.sdjpe-heading-crown{color:#f5d400;font-size:27px;text-shadow:2px 2px #e51b23}.sdjpe-section-heading h2{margin:0!important;color:#fff!important;font-size:clamp(18px,2.1vw,28px)!important;font-weight:1000!important;line-height:1.05!important;text-transform:uppercase;letter-spacing:-.02em;overflow-wrap:anywhere}.sdjpe-heading-slash{height:6px;background:#f5d400;flex:1;transform:skew(-20deg)}.sdjpe-card-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sdjpe-related-card{min-width:0;display:flex;flex-direction:column;gap:8px;padding:8px;background:#fff;color:#111!important;text-decoration:none!important;border:3px solid #f5d400;box-shadow:3px 3px 0 #e51b23;transition:transform .16s}.sdjpe-related-card:hover{transform:translateY(-3px);color:#111!important}.sdjpe-related-card img{display:block;width:100%;height:135px;object-fit:cover;border:2px solid #111;background:#eee}.sdjpe-card-placeholder{height:135px;display:grid;place-items:center;background:#222;color:#f5d400;font-size:24px;font-weight:1000}.sdjpe-card-title{font-size:14px;line-height:1.25;font-weight:1000;color:#111;overflow-wrap:anywhere}.sdjpe-card-cta{margin-top:auto;padding:8px 6px;text-align:center;background:#f5d400;color:#111;font-size:11px;font-weight:1000;border:2px solid #111}.sdjpe-related-guides{background:#f5f0e2;color:#111;border-top-color:#1976d2}.sdjpe-related-guides .sdjpe-section-heading{border-bottom-color:#1976d2}.sdjpe-related-guides .sdjpe-section-heading h2{color:#111!important}.sdjpe-related-guides .sdjpe-heading-crown{color:#1976d2;text-shadow:1px 1px #f5d400}.sdjpe-related-guides .sdjpe-related-card{border-color:#1976d2;box-shadow:3px 3px 0 #111}.sdjpe-related-guides .sdjpe-card-cta{background:#f5d400}
.sdjpe-footer-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:18px 14px;background:#e51b23;color:#fff;border-top:5px solid #111;text-align:center}.sdjpe-footer-banner strong{font-size:clamp(17px,2vw,26px);font-weight:1000;text-transform:uppercase;text-shadow:2px 2px #111}.sdjpe-footer-banner span:last-child{padding:5px 9px;background:#f5d400;color:#111;font-size:12px;font-weight:1000}.sdjpe-footer-crown{font-size:28px;color:#f5d400;text-shadow:2px 2px #111}
/* Keep the existing site header/gallery outside this plugin's styling scope. */
@media(max-width:1000px){.sdjpe-layout{grid-template-columns:minmax(0,1fr);max-width:900px}.sdjpe-mascot-rail{position:relative;top:auto;display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);gap:12px;align-items:center;padding:0}.sdjpe-joey-art{height:190px;max-height:none}.sdjpe-speech{margin:0;padding:12px 13px}.sdjpe-speech p{font-size:15px}.sdjpe-hero-product{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.sdjpe-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sdjpe-related-card img,.sdjpe-card-placeholder{height:115px}}
@media(max-width:650px){.sdjpe-wrap{padding:16px 8px 24px;background-attachment:scroll}.sdjpe-wrap:before{background:rgba(0,0,0,.62)}.sdjpe-layout{gap:12px}.sdjpe-mascot-rail{grid-template-columns:92px minmax(0,1fr);gap:9px}.sdjpe-joey-art{height:140px}.sdjpe-speech{padding:10px 11px;border-width:3px;box-shadow:3px 3px 0 #e51b23}.sdjpe-kicker{font-size:10px;margin-bottom:4px}.sdjpe-speech p{font-size:12px}.sdjpe-crown{font-size:18px;margin-top:3px}.sdjpe-main{border-width:3px;box-shadow:0 0 0 2px #f2ce00,0 8px 18px #0009}.sdjpe-breadcrumb{padding:8px 10px;font-size:10px}.sdjpe-title-block{padding:15px 13px 12px}.sdjpe-title-block h1{font-size:clamp(27px,8vw,38px)}.sdjpe-meta{font-size:10px;gap:6px 10px}.sdjpe-hero-product{grid-template-columns:1fr}.sdjpe-featured-image{min-height:0;border-right:0;border-bottom:3px solid #111}.sdjpe-featured-image img{min-height:0;max-height:360px;object-fit:contain}.sdjpe-hero-copy{padding:16px}.sdjpe-hero-copy h2{font-size:26px!important}.sdjpe-hero-copy p{font-size:14px}.sdjpe-quick-points{grid-template-columns:1fr 1fr;gap:7px}.sdjpe-quick-points li{font-size:11px;padding-left:25px!important}.sdjpe-article-content{padding:16px 13px;font-size:16px;line-height:1.68}.sdjpe-content-inner h2{font-size:23px!important}.sdjpe-content-inner h3{font-size:20px!important}.sdjpe-joey-tip-inline{padding:13px 12px;gap:9px;align-items:flex-start}.sdjpe-tip-burst{font-size:11px;padding:7px}.sdjpe-joey-tip-inline p{font-size:13px}.sdjpe-tip-crown{font-size:25px}.sdjpe-related{padding:17px 10px 20px}.sdjpe-section-heading{gap:7px}.sdjpe-section-heading h2{font-size:19px!important}.sdjpe-heading-crown{font-size:22px}.sdjpe-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sdjpe-related-card{padding:6px;gap:6px;border-width:2px}.sdjpe-related-card img,.sdjpe-card-placeholder{height:125px}.sdjpe-card-title{font-size:13px}.sdjpe-card-cta{font-size:10px;padding:7px 4px}.sdjpe-footer-banner{gap:7px;padding:14px 8px}.sdjpe-footer-banner span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sdjpe-related-card,.sdjpe-featured-image img,.sdjpe-amazon-button{transition:none}}


/* v1.1 visual polish: brighter comic energy, cleaner post chrome, keep the site header untouched. */
.sdjpe-wrap{background-color:#080808;background-image:var(--sdjpe-bg);background-position:center top;background-size:cover;background-attachment:fixed}
.sdjpe-wrap:before{background:linear-gradient(90deg,rgba(0,0,0,.24),rgba(0,0,0,.08) 18%,rgba(0,0,0,.10) 82%,rgba(0,0,0,.28)),radial-gradient(circle at 50% 12%,rgba(255,216,0,.13),transparent 48%)}
.sdjpe-layout{grid-template-columns:minmax(150px,245px) minmax(0,1120px);gap:clamp(14px,1.8vw,28px)}
.sdjpe-mascot-rail{padding-top:8px}
.sdjpe-joey-art{height:390px;max-height:43vw;filter:drop-shadow(0 8px 0 #000) drop-shadow(0 0 14px rgba(255,30,40,.3))}
.sdjpe-speech{background:#fff;border:4px solid #101010;box-shadow:5px 5px 0 #f5d400,9px 9px 0 #e51b23;transform:rotate(-1deg)}
.sdjpe-speech:before{background:#fff}
.sdjpe-kicker{background:#e51b23;color:#fff;padding:5px 7px;margin:-3px -3px 8px;border:2px solid #111;display:inline-block;transform:skew(-5deg)}
.sdjpe-main{background:#fff;border:5px solid #111;box-shadow:0 0 0 3px #f5d400,0 14px 35px rgba(0,0,0,.65)}
.sdjpe-title-block{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='3' cy='3' r='1.2' fill='%23111' opacity='.09'/%3E%3C/svg%3E") repeat}
.sdjpe-title-block h1{color:#fff!important;text-shadow:3px 3px 0 #111,-2px -2px 0 #111,2px -2px 0 #111,-2px 2px 0 #111,5px 5px 0 #e51b23!important}
.sdjpe-title-slash{height:8px;background:linear-gradient(90deg,#f5d400 0 48%,#e51b23 48% 100%);box-shadow:2px 2px 0 #111}
.sdjpe-hero-product{border-top:5px solid #111;border-bottom:5px solid #111;box-shadow:inset 0 0 0 4px #f5d400}
.sdjpe-hero-copy{background:linear-gradient(135deg,#fff 0%,#fffdf1 72%,#ffe95b 100%)}
.sdjpe-article-content{background:#fffdf7;background-image:radial-gradient(#111 0.55px,transparent .55px);background-size:9px 9px}
.sdjpe-content-inner{background:rgba(255,255,255,.96);padding:clamp(12px,1.4vw,20px);border:2px solid #111;box-shadow:4px 4px 0 #f5d400}
.sdjpe-content-inner h2,.sdjpe-content-inner h3,.sdjpe-content-inner h4{box-shadow:4px 4px 0 #111,7px 7px 0 #e51b23}
.sdjpe-related{background-color:#101010;background-image:linear-gradient(135deg,rgba(229,27,35,.16),transparent 42%),radial-gradient(circle at 90% 10%,rgba(245,212,0,.22),transparent 28%);border-top:6px solid #f5d400}
.sdjpe-related-products{background-image:linear-gradient(135deg,rgba(229,27,35,.22),transparent 44%),radial-gradient(circle at 90% 10%,rgba(245,212,0,.22),transparent 28%),radial-gradient(#fff .7px,transparent .7px);background-size:auto,auto,8px 8px}
.sdjpe-related-guides{background-color:#f7f1dc;background-image:linear-gradient(135deg,rgba(25,118,210,.13),transparent 42%),radial-gradient(#111 .6px,transparent .6px);background-size:auto,9px 9px;border-top:6px solid #1976d2}
.sdjpe-related-card{border:3px solid #fff;outline:2px solid #111;box-shadow:4px 4px 0 #f5d400;border-radius:4px}
.sdjpe-related-card:hover{box-shadow:4px 7px 0 #e51b23}
.sdjpe-card-cta{background:#f5d400;border-radius:2px}
.sdjpe-footer-banner{background:linear-gradient(110deg,#c90012,#ef101c 48%,#b9000b);box-shadow:inset 0 4px 0 #f5d400}
/* Hide common theme-generated title/meta/excerpt/featured-image blocks above the custom single-post design. */
body.single-post .entry-header,
body.single-post .post-header,
body.single-post .post-thumbnail,
body.single-post .featured-image,
body.single-post .wp-block-post-featured-image,
body.single-post .entry-summary,
body.single-post .post-excerpt,
body.single-post .entry-meta,
body.single-post .post-meta,
body.single-post .cat-links,
body.single-post .tags-links{display:none!important}
/* Do not affect the actual post content inside this plugin or the site-wide header/gallery. */
@media(max-width:1000px){.sdjpe-wrap:before{background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.04),rgba(0,0,0,.12))}.sdjpe-layout{grid-template-columns:minmax(0,1fr)}.sdjpe-joey-art{filter:drop-shadow(0 5px 0 #000) drop-shadow(0 0 10px rgba(255,30,40,.25))}}
@media(max-width:650px){.sdjpe-wrap{background-size:auto 100%;background-position:center top}.sdjpe-wrap:before{background:rgba(0,0,0,.15)}.sdjpe-content-inner{padding:10px;border-width:1px;box-shadow:3px 3px 0 #f5d400}.sdjpe-title-block h1{text-shadow:2px 2px 0 #111,-1px -1px 0 #111,1px -1px 0 #111,-1px 1px 0 #111,3px 3px 0 #e51b23!important}}


/* v1.2 Comic-book title and panel refresh */
.sdjpe-wrap{
  background-color:#090909;
  background-image:linear-gradient(rgba(5,5,8,.12),rgba(5,5,8,.28)),var(--sdjpe-bg);
  background-position:center top;background-size:cover;background-attachment:fixed;
}
.sdjpe-wrap:before{
  background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.05) 22%,rgba(0,0,0,.05) 78%,rgba(0,0,0,.2)),
  radial-gradient(circle at 50% 20%,rgba(255,205,0,.12),transparent 42%);
}
.sdjpe-main{border:4px solid #111;box-shadow:0 0 0 3px #f5d400,0 14px 38px #000b}
.sdjpe-title-block{
  padding:clamp(22px,3vw,40px) clamp(16px,3vw,38px) 22px;
  background-color:#080808;
  background-image:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.06)),url("sd-comic-title-banner.jpg");
  background-position:center;background-size:cover;
  border-bottom:7px solid #e51b23;
  box-shadow:inset 0 -5px 0 #f5d400;
}
.sdjpe-title-block:before{
 content:"";position:absolute;inset:8px 10px 14px;
 background:rgba(5,5,7,.84);
 clip-path:polygon(2% 8%,12% 3%,22% 7%,35% 1%,49% 6%,62% 2%,76% 7%,89% 2%,98% 9%,96% 85%,87% 91%,72% 88%,59% 96%,43% 90%,27% 96%,13% 90%,3% 95%);
}
.sdjpe-title-block:after{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;
 background-image:radial-gradient(#fff 1px,transparent 1.1px),linear-gradient(115deg,transparent 35%,rgba(245,212,0,.3),transparent 58%);
 background-size:7px 7px,100% 100%;
}
.sdjpe-eyebrow{position:relative;z-index:2;border:2px solid #111;box-shadow:3px 3px 0 #e51b23;font-size:12px}
.sdjpe-title-block h1{
 z-index:2;font-family:Impact,"Arial Black",system-ui,sans-serif;
 font-size:clamp(30px,4.4vw,62px);line-height:.98;letter-spacing:-.035em;
 text-shadow:3px 3px 0 #e51b23,6px 6px 0 #111,-1px -1px 0 #111;
}
.sdjpe-title-slash{position:relative;z-index:2;height:10px;max-width:620px;width:82%;background:#f5d400;box-shadow:0 5px 0 #e51b23,0 8px 0 #111}
.sdjpe-meta{z-index:2}
.sdjpe-breadcrumb{border-bottom:4px solid #111;box-shadow:inset 0 -3px 0 #f5d400}
.sdjpe-hero-product{background:#111;border-bottom:6px solid #111}
.sdjpe-featured-image{background:#101015;border:4px solid #111;box-shadow:inset 0 0 0 3px #f5d400}
.sdjpe-hero-copy{background-color:#fff;background-image:radial-gradient(#e7dcae 1px,transparent 1.2px),linear-gradient(135deg,#fff 0%,#fff 80%,#fff1b4 100%);background-size:8px 8px,100% 100%;border-left:4px solid #111}
.sdjpe-stamp{box-shadow:3px 3px 0 #e51b23}
.sdjpe-hero-copy h2{font-family:Impact,"Arial Black",system-ui,sans-serif!important;text-shadow:2px 2px 0 #f5d400,4px 4px 0 #e51b23!important}
.sdjpe-article-content{background:#fffdf5;background-image:radial-gradient(rgba(15,15,15,.055) .7px,transparent .8px);background-size:7px 7px;border-top:5px solid #111;border-bottom:5px solid #111}
.sdjpe-content-inner h2,.sdjpe-content-inner h3,.sdjpe-content-inner h4{
 position:relative;padding:10px 14px!important;margin:24px 0 14px!important;
 color:#fff!important;background:#111!important;border-left:8px solid #f5d400!important;
 border-bottom:4px solid #e51b23!important;text-transform:uppercase;
 font-family:Impact,"Arial Black",system-ui,sans-serif!important;
 text-shadow:2px 2px 0 #e51b23!important;box-shadow:4px 4px 0 #d7bd00;
}
.sdjpe-content-inner p{line-height:1.8}
.sdjpe-content-inner a:not(.sdjpe-amazon-button){color:#bd101b;font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}
.sdjpe-joey-tip-inline{border:4px solid #111!important;box-shadow:7px 7px 0 #e51b23,10px 10px 0 #f5d400!important;background:#fffdf4!important;background-image:radial-gradient(#e7dcae 1px,transparent 1px)!important;background-size:8px 8px!important}
.sdjpe-related-section{border:4px solid #111!important;box-shadow:5px 5px 0 #f5d400!important}
.sdjpe-footer-banner{border:4px solid #111!important;box-shadow:5px 5px 0 #e51b23!important}
@media(max-width:760px){
 .sdjpe-wrap{padding:14px 8px 26px;background-attachment:scroll;background-size:auto 100%}
 .sdjpe-title-block{background-position:center;background-size:cover;padding:20px 14px 17px}
 .sdjpe-title-block h1{font-size:clamp(27px,8vw,42px);line-height:1.02}
 .sdjpe-hero-copy{border-left:0;border-top:4px solid #111}
}


/* v1.3.0: remove the theme's duplicate single-post chrome around our custom layout.
   Scope these overrides to single blog posts only; never affect the header/gallery or pages. */
body.single-post .sdjpe-wrap { clear: both; }
body.single-post .site-content,
body.single-post #content,
body.single-post .content-area,
body.single-post main.site-main,
body.single-post .site-main {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
body.single-post #secondary,
body.single-post .widget-area,
body.single-post aside.sidebar,
body.single-post .sidebar,
body.single-post .post-sidebar,
body.single-post .content-sidebar,
body.single-post .secondary-sidebar,
body.single-post .right-sidebar,
body.single-post .left-sidebar,
body.single-post .entry-header,
body.single-post header.entry-header,
body.single-post .post-header,
body.single-post .post-title-area,
body.single-post .entry-title-wrap,
body.single-post .post-thumbnail,
body.single-post .featured-image,
body.single-post .featured-media,
body.single-post .post-featured-image,
body.single-post .wp-block-post-featured-image,
body.single-post .entry-summary,
body.single-post .post-excerpt,
body.single-post .entry-meta,
body.single-post .post-meta,
body.single-post .cat-links,
body.single-post .tags-links,
body.single-post .post-navigation {
  display: none !important;
}
body.single-post article.type-post > .entry-content,
body.single-post article.type-post > .post-content,
body.single-post .site-main > article.type-post,
body.single-post .site-main > .post,
body.single-post .content-area article.type-post {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.single-post .sdjpe-wrap {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}


/* v1.4.0: signature Shred District Amazon CTA, modeled on the approved red button graphic. */
.sdjpe-amazon-cta-wrap{position:relative;width:100%;margin:16px 0 10px;padding-top:7px;box-sizing:border-box}
.sdjpe-amazon-button{
 position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
 gap:clamp(8px,1vw,14px);width:100%;min-height:58px;box-sizing:border-box;
 padding:13px 38px 13px 20px;background:linear-gradient(180deg,#ff2630 0%,#f10b18 52%,#d90012 100%);
 color:#fff!important;border:3px solid #fff;border-radius:11px;
 outline:3px solid #111;box-shadow:0 5px 0 #97000b,0 0 0 5px #f5d400;
 text-align:center;text-decoration:none!important;font-weight:1000;font-size:clamp(15px,1.6vw,22px);
 letter-spacing:.025em;line-height:1.05;text-shadow:1px 2px 0 rgba(0,0,0,.3);
 transition:transform .15s,filter .15s,box-shadow .15s
}
.sdjpe-amazon-button:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.45);border-radius:6px;pointer-events:none;z-index:-1}
.sdjpe-amazon-button:hover{background:linear-gradient(180deg,#ff4048 0%,#df0010 100%);color:#fff!important;filter:brightness(1.04);transform:translateY(2px);box-shadow:0 3px 0 #97000b,0 0 0 5px #f5d400}
.sdjpe-amazon-button:focus-visible{outline:4px solid #111;box-shadow:0 0 0 7px #f5d400}
.sdjpe-amazon-a{flex:0 0 auto;font-family:Arial,sans-serif;font-weight:1000;font-size:clamp(31px,3vw,43px);line-height:.7;color:#fff;letter-spacing:-.09em;text-shadow:0 2px 0 rgba(0,0,0,.15)}
.sdjpe-amazon-label{display:inline-block}
.sdjpe-amazon-arrow{flex:0 0 auto;font-size:1.2em;line-height:1}
.sdjpe-amazon-crown{position:absolute;right:-7px;top:-19px;z-index:2;display:grid;place-items:center;width:37px;height:32px;color:#ffe000;font-size:32px;line-height:1;transform:rotate(9deg);-webkit-text-stroke:1px #111;filter:drop-shadow(2px 2px 0 #111) drop-shadow(0 0 2px #ffdf00);pointer-events:none}
.sdjpe-amazon-disclosure{margin:10px 4px 0!important;color:inherit;font-size:10px!important;line-height:1.35!important;text-align:center;opacity:.9}
@media(max-width:520px){
 .sdjpe-amazon-button{min-height:52px;padding:12px 30px 12px 12px;gap:8px;font-size:15px;border-radius:9px}
 .sdjpe-amazon-a{font-size:32px}
 .sdjpe-amazon-crown{right:-5px;top:-17px;font-size:29px;width:32px}
 .sdjpe-amazon-disclosure{font-size:9px!important}
}


/* v1.5.0 — comic polish + exact isolated Shred District crown Amazon artwork */
.sdjpe-amazon-cta-wrap{width:100%;max-width:440px;margin:4px 0 0}
.sdjpe-amazon-button{
 display:block!important;width:100%!important;max-width:420px;margin:0 auto!important;
 padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;line-height:0!important;overflow:visible!important;
 transition:transform .16s ease,filter .16s ease!important;
}
.sdjpe-amazon-button img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.sdjpe-amazon-button:hover{background:transparent!important;transform:translateY(-2px) scale(1.015)!important;box-shadow:none!important;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35)) brightness(1.04)}
.sdjpe-amazon-button:focus-visible{outline:3px solid #f5d400!important;outline-offset:3px}
.sdjpe-amazon-disclosure{margin:0!important;padding:0 4px!important;font-size:10px!important;line-height:1.35!important;color:#333!important;text-align:center!important}
.sdjpe-title-block{background-color:#080808;background-image:
 linear-gradient(120deg,rgba(0,0,0,.88),rgba(8,8,8,.68)),
 radial-gradient(circle at 14% 30%,rgba(255,220,0,.38) 0 1px,transparent 2px),
 radial-gradient(circle at 85% 70%,rgba(239,16,27,.48) 0 1.5px,transparent 2.5px),
 repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.035) 22px 24px);
 background-size:auto,12px 12px,15px 15px,auto}
.sdjpe-title-block h1{letter-spacing:-.045em;text-shadow:3px 3px 0 #e51b23,-1px -1px 0 #111,1px -1px 0 #111,-1px 1px 0 #111,1px 1px 0 #111}
.sdjpe-hero-product{position:relative}
.sdjpe-hero-copy{background-color:#fffdf4;background-image:
 radial-gradient(circle,rgba(229,27,35,.18) .8px,transparent 1px),
 linear-gradient(135deg,#fffdf4 0%,#fff 68%,#fff1b5 100%);
 background-size:9px 9px,auto}
.sdjpe-content-inner{position:relative;background:#fffdf7;border:2px solid #151515;box-shadow:5px 5px 0 #f5d400;padding:clamp(14px,2vw,25px)}
.sdjpe-content-inner blockquote{position:relative;margin:1.5em 0!important;padding:18px 20px!important;background:#fff5a9!important;border:3px solid #111!important;border-left:9px solid #e51b23!important;box-shadow:4px 4px 0 #111!important;font-weight:700}
.sdjpe-content-inner ul,.sdjpe-content-inner ol{padding-left:1.6em}
.sdjpe-content-inner li::marker{color:#e51b23}
.sdjpe-content-inner img{max-width:100%;height:auto}
.sdjpe-joey-tip-inline{background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1.4px),linear-gradient(120deg,#101010,#242424 60%,#101010);background-size:9px 9px,auto}
.sdjpe-card{border:3px solid #111!important;box-shadow:4px 4px 0 #f5d400!important}
.sdjpe-card-title{text-transform:uppercase;letter-spacing:.01em}

/* Remove the theme's duplicate post title, metadata, sidebars and large featured-media blocks
   that otherwise appear BEFORE the comic wrapper. Scoped to singular blog posts only. */
body.single-post .entry-title,
body.single-post h1.wp-block-post-title,
body.single-post .wp-block-post-title,
body.single-post .post-title,
body.single-post .post-title-container,
body.single-post .wp-block-post-date,
body.single-post .wp-block-post-terms,
body.single-post .wp-block-post-author,
body.single-post .wp-block-post-excerpt,
body.single-post .post-excerpt,
body.single-post .entry-summary,
body.single-post .post-meta,
body.single-post .entry-meta,
body.single-post .post-categories,
body.single-post .post-tags,
body.single-post .taxonomy-category,
body.single-post .taxonomy-post_tag,
body.single-post .post-thumbnail,
body.single-post .wp-block-post-featured-image,
body.single-post .featured-media,
body.single-post .featured-image,
body.single-post .post-featured-image,
body.single-post .wp-block-query-pagination,
body.single-post #secondary,
body.single-post aside.widget-area,
body.single-post .widget-area,
body.single-post .sidebar,
body.single-post .post-sidebar,
body.single-post .content-sidebar,
body.single-post .right-sidebar,
body.single-post .left-sidebar{
 display:none!important;
}
body.single-post .sdjpe-wrap{clear:both;float:none;display:block;width:100%;max-width:100%;margin:0!important}
body.single-post .sdjpe-wrap~*{box-sizing:border-box}
@media(max-width:650px){
 .sdjpe-amazon-cta-wrap{max-width:100%}
 .sdjpe-content-inner{padding:12px}
 .sdjpe-title-block h1{font-size:clamp(27px,8vw,42px)!important}
}


/* v1.6.0: transparent signature CTA, polished comic layout, rotating header treatments. */
.sdjpe-amazon-cta-wrap{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;max-width:440px!important;width:100%!important;margin:8px 0 12px!important;overflow:visible!important}
.sdjpe-amazon-button,
.sdjpe-amazon-button:link,
.sdjpe-amazon-button:visited,
.sdjpe-amazon-button:hover,
.sdjpe-amazon-button:active{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;line-height:0!important;overflow:visible!important;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))!important;transform:none!important}
.sdjpe-amazon-button:before,.sdjpe-amazon-button:after{display:none!important;content:none!important}
.sdjpe-amazon-button img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:0!important}
.sdjpe-amazon-button:hover img{filter:brightness(1.04)!important;transform:translateY(-1px)!important}
.sdjpe-amazon-button:focus-visible{outline:3px solid #f5d400!important;outline-offset:3px;border-radius:5px!important}
.sdjpe-amazon-disclosure{margin:3px 0 0!important;padding:0 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#555!important;font-size:10px!important;line-height:1.35!important;text-align:center!important}
/* More polished comic masthead with per-post graphic variations. */
.sdjpe-title-block{isolation:isolate!important;position:relative!important;background-color:#111!important;background-image:linear-gradient(100deg,rgba(0,0,0,.86),rgba(0,0,0,.58) 58%,rgba(0,0,0,.28)),url("sd-comic-title-banner.jpg")!important;background-position:center!important;background-size:cover!important;border-bottom:7px solid #f5d400!important;box-shadow:inset 0 -5px 0 #e51b23!important;overflow:hidden!important}
.sdjpe-title-block:before{content:""!important;position:absolute!important;z-index:-1!important;inset:0!important;pointer-events:none!important;background:repeating-linear-gradient(135deg,transparent 0 26px,rgba(255,255,255,.055) 26px 29px),radial-gradient(circle at 90% 20%,rgba(245,212,0,.2),transparent 28%)!important;opacity:1!important}
.sdjpe-title-block:after{content:""!important;position:absolute!important;z-index:0!important;right:-25px!important;top:-35px!important;width:180px!important;height:180px!important;pointer-events:none!important;background:radial-gradient(circle,#f5d400 1.3px,transparent 1.8px)!important;background-size:10px 10px!important;clip-path:polygon(50% 0,61% 28%,86% 10%,76% 38%,100% 50%,74% 61%,90% 88%,61% 75%,50% 100%,39% 75%,10% 88%,26% 61%,0 50%,26% 38%,14% 10%,39% 28%)!important;opacity:.28!important}
.sdjpe-title-block .sdjpe-eyebrow{position:relative!important;z-index:2!important;display:inline-block!important;padding:7px 12px!important;background:#f5d400!important;color:#111!important;border:2px solid #111!important;box-shadow:4px 4px 0 #e51b23!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.08em!important;transform:skew(-5deg)!important}
.sdjpe-title-block h1{position:relative!important;z-index:2!important;max-width:100%!important;font-weight:1000!important;line-height:.96!important;letter-spacing:-.035em!important;text-transform:uppercase!important;color:#fff!important;-webkit-text-stroke:.4px #111!important;text-shadow:3px 3px 0 #111,5px 5px 0 #e51b23!important;overflow-wrap:anywhere!important}
.sdjpe-title-slash{position:relative!important;z-index:2!important;height:9px!important;max-width:65%!important;background:linear-gradient(90deg,#f5d400 0 72%,#e51b23 72% 100%)!important;transform:skew(-16deg)!important;box-shadow:2px 2px 0 #111!important}
.sdjpe-meta{position:relative!important;z-index:2!important;color:#fff!important;text-shadow:1px 1px #111!important}
.sdjpe-title--guide{background-image:linear-gradient(100deg,rgba(0,0,0,.85),rgba(0,0,0,.48)),url("sd-comic-title-banner.jpg")!important;background-position:center 45%!important}
.sdjpe-title--guide .sdjpe-eyebrow{background:#f5d400!important}
.sdjpe-title--maintenance{background-image:linear-gradient(100deg,rgba(0,0,0,.88),rgba(0,0,0,.50)),url("sd-comic-background.jpg")!important;background-position:center 58%!important}
.sdjpe-title--maintenance .sdjpe-eyebrow{background:#e51b23!important;color:#fff!important;box-shadow:4px 4px 0 #f5d400!important}
.sdjpe-title--style{background-image:linear-gradient(100deg,rgba(0,0,0,.86),rgba(0,0,0,.50)),url("skatepark-side-art.jpg")!important;background-position:center 42%!important}
.sdjpe-title--style .sdjpe-eyebrow{background:#fff!important;color:#111!important;box-shadow:4px 4px 0 #e51b23!important}
.sdjpe-title--gear{background-image:linear-gradient(100deg,rgba(0,0,0,.88),rgba(0,0,0,.50)),url("sd-comic-title-banner.jpg")!important;background-position:center!important}
/* Comic panel rhythm and more consistent readable content panels. */
.sdjpe-hero-product{gap:0!important;align-items:stretch!important;background:#111!important}
.sdjpe-featured-image{background:#111!important;outline:3px solid #f5d400!important;outline-offset:-7px!important}
.sdjpe-hero-copy{position:relative!important;background-color:#fffdf2!important;background-image:radial-gradient(#111 0.65px,transparent .7px)!important;background-size:9px 9px!important;border-left:4px solid #111!important}
.sdjpe-hero-copy h2{color:#111!important;text-shadow:2px 2px 0 #f5d400,-1px -1px 0 #fff!important}
.sdjpe-content-inner{border:3px solid #111!important;box-shadow:5px 5px 0 #e51b23,9px 9px 0 #f5d400!important}
.sdjpe-content-inner h2,.sdjpe-content-inner h3{position:relative!important;padding:10px 13px!important;background:#f5d400!important;border-left:7px solid #e51b23!important;color:#111!important;text-transform:uppercase!important;font-weight:1000!important;line-height:1.12!important;box-shadow:4px 4px 0 #111!important}
.sdjpe-content-inner h2:after,.sdjpe-content-inner h3:after{content:""!important;display:block!important;height:4px!important;margin-top:8px!important;background:linear-gradient(90deg,#e51b23 0 28%,#111 28% 100%)!important}
.sdjpe-content-inner blockquote{margin:22px 0!important;padding:16px 18px!important;background:#fff7bf!important;border:3px solid #111!important;border-left:9px solid #e51b23!important;box-shadow:4px 4px 0 #f5d400!important;font-weight:700!important}
.sdjpe-related-card{border-radius:3px!important}
@media(max-width:650px){.sdjpe-title-block:after{width:105px!important;height:105px!important;right:-18px!important;top:-15px!important}.sdjpe-title-block .sdjpe-eyebrow{font-size:9px!important}.sdjpe-hero-copy{border-left:0!important;border-top:4px solid #111!important}.sdjpe-amazon-cta-wrap{max-width:100%!important}.sdjpe-title-slash{max-width:90%!important}}


/* v1.7.0 — new transparent Joey Z cutout, scaled as character artwork */
.sdjpe-joey-art {
  background-image: var(--sdjpe-joey) !important;
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 5px 0 #080808) drop-shadow(0 0 9px rgba(245,212,0,.22)) !important;
  isolation: isolate;
}
@media (min-width: 1001px) {
  .sdjpe-joey-art { height: 390px; max-height: 36vw; }
}
@media (max-width: 1000px) {
  .sdjpe-joey-art { background-position: center bottom !important; }
}


/* v1.8.0 — Joey Z action pose and classic comic-book speech balloon */
.sdjpe-speech {
  position: relative !important;
  margin: 14px 0 0 !important;
  padding: 18px 16px 15px !important;
  background: #fff !important;
  color: #111 !important;
  border: 4px solid #111 !important;
  border-radius: 24px 24px 24px 8px !important;
  box-shadow: 5px 5px 0 #111, 8px 8px 0 #e51b23 !important;
  transform: rotate(-1deg) !important;
  overflow: visible !important;
}
.sdjpe-speech:before {
  content: "" !important;
  position: absolute !important;
  top: -27px !important; left: 28px !important;
  width: 34px !important; height: 29px !important;
  background: #111 !important;
  border: 0 !important;
  transform: none !important;
  clip-path: polygon(0 100%, 32% 0, 100% 100%) !important;
  z-index: 0 !important;
}
.sdjpe-speech:after {
  content: "" !important;
  position: absolute !important;
  top: -18px !important; left: 33px !important;
  width: 23px !important; height: 20px !important;
  background: #fff !important;
  clip-path: polygon(0 100%, 32% 0, 100% 100%) !important;
  z-index: 1 !important;
}
.sdjpe-speech .sdjpe-kicker,
.sdjpe-speech p,
.sdjpe-speech .sdjpe-crown { position: relative !important; z-index: 2 !important; }
.sdjpe-speech .sdjpe-kicker {
  display: inline-block !important; margin: 0 0 8px !important; padding: 4px 8px !important;
  color: #fff !important; background: #e51b23 !important; border: 2px solid #111 !important;
  font-size: 11px !important; font-weight: 1000 !important; letter-spacing: .08em !important;
  transform: rotate(-2deg) !important;
}
.sdjpe-speech p { color: #111 !important; font-weight: 800 !important; line-height: 1.4 !important; text-transform: none !important; }
.sdjpe-speech .sdjpe-crown { color: #e51b23 !important; text-shadow: 1px 1px 0 #111 !important; }
@media(max-width:1000px) {
  .sdjpe-speech { margin-top: 0 !important; padding: 13px 12px 11px !important; border-width: 3px !important; border-radius: 18px 18px 18px 6px !important; }
  .sdjpe-speech:before { top: 22px !important; left: -21px !important; width: 23px !important; height: 30px !important; clip-path: polygon(100% 0, 0 50%, 100% 100%) !important; }
  .sdjpe-speech:after { top: 26px !important; left: -14px !important; width: 16px !important; height: 22px !important; clip-path: polygon(100% 0, 0 50%, 100% 100%) !important; }
}


/* v2.0.0 — square featured images become a deliberate comic spotlight, not black letterbox bars. */
.sdjpe-featured-image{isolation:isolate;position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;overflow:hidden;background:#141414; background-image:linear-gradient(135deg,rgba(8,8,8,.16),rgba(8,8,8,.52)),var(--sdjpe-featured-bg);background-size:cover;background-position:center;background-repeat:no-repeat;}
.sdjpe-featured-image:before{content:"";position:absolute;z-index:0;inset:-16px;background-image:var(--sdjpe-featured-bg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(15px) saturate(1.15);transform:scale(1.06);opacity:.7;pointer-events:none;}
.sdjpe-featured-image:after{z-index:3;border:8px solid transparent;box-shadow:inset 0 0 0 2px #f5d400, inset 0 0 30px rgba(0,0,0,.24);}
.sdjpe-featured-image img{position:relative;z-index:1;display:block;width:100%;height:100%;max-height:560px;min-height:360px;object-fit:contain;margin:0;padding:clamp(10px,1.4vw,20px);box-sizing:border-box;background:transparent!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));transition:transform .25s;}
.sdjpe-featured-image:hover img{transform:scale(1.025);}
.sdjpe-hero-product{align-items:stretch;}
@media(max-width:1000px){.sdjpe-featured-image{min-height:320px}.sdjpe-featured-image img{min-height:320px;max-height:480px;padding:12px}}
@media(max-width:650px){.sdjpe-featured-image{min-height:0;min-height:clamp(240px,78vw,380px);border-right:0;border-bottom:3px solid #111}.sdjpe-featured-image img{min-height:clamp(240px,78vw,380px);max-height:420px;padding:10px;object-fit:contain}}


/* v2.1.0 — approved Amazon button art + comic-cover treatment for square product images. */
.sdjpe-amazon-cta-wrap{width:100%!important;max-width:460px!important;margin:8px 0 12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.sdjpe-amazon-button,.sdjpe-amazon-button:link,.sdjpe-amazon-button:visited,.sdjpe-amazon-button:hover,.sdjpe-amazon-button:active{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:0!important;overflow:visible!important;filter:drop-shadow(0 4px 2px rgba(0,0,0,.28))!important;transform:none!important;text-decoration:none!important}
.sdjpe-amazon-button:before,.sdjpe-amazon-button:after{display:none!important;content:none!important}
.sdjpe-amazon-button img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:0!important}
.sdjpe-amazon-button:hover img{filter:brightness(1.04)!important;transform:translateY(-2px)!important}
.sdjpe-amazon-disclosure{margin:3px 0 0!important;padding:0 5px!important;background:transparent!important;color:#444!important;font-size:10px!important;line-height:1.4!important;text-align:center!important}
.sdjpe-featured-image{isolation:isolate!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:360px!important;overflow:hidden!important;border:4px solid #111!important;outline:2px solid #f5d400!important;outline-offset:-9px!important;background-color:#17151a!important;background-image:linear-gradient(135deg,rgba(7,7,7,.12),rgba(7,7,7,.48)),var(--sdjpe-featured-bg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:inset 0 0 0 5px #f5d400,0 5px 0 #e51b23!important}
.sdjpe-featured-image:before{content:""!important;position:absolute!important;z-index:0!important;inset:-18px!important;background-image:var(--sdjpe-featured-bg)!important;background-size:cover!important;background-position:center!important;filter:blur(16px) saturate(1.3)!important;transform:scale(1.08)!important;opacity:.62!important;pointer-events:none!important}
.sdjpe-featured-image:after{content:""!important;position:absolute!important;z-index:3!important;inset:0!important;border:10px solid transparent!important;box-shadow:inset 0 0 0 2px #f5d400,inset 0 0 0 7px rgba(0,0,0,.58),inset 0 -70px 0 -52px rgba(229,27,35,.92)!important;pointer-events:none!important}
.sdjpe-featured-image img{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;min-height:360px!important;max-height:560px!important;object-fit:contain!important;object-position:center!important;box-sizing:border-box!important;padding:clamp(12px,1.6vw,22px)!important;margin:0!important;background:transparent!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))!important;transition:transform .25s!important}
.sdjpe-featured-image:hover img{transform:scale(1.025)!important}
.sdjpe-cover-label{position:absolute!important;z-index:4!important;top:17px!important;left:17px!important;max-width:70%!important;padding:7px 10px!important;background:#f5d400!important;border:2px solid #111!important;box-shadow:3px 3px 0 #e51b23!important;color:#111!important;font-family:Impact,"Arial Black",sans-serif!important;font-size:clamp(9px,1vw,12px)!important;font-weight:1000!important;letter-spacing:.08em!important;line-height:1!important;transform:rotate(-3deg)!important;pointer-events:none!important}
.sdjpe-cover-burst{position:absolute!important;z-index:4!important;right:18px!important;top:18px!important;display:grid!important;place-content:center!important;width:clamp(54px,7vw,82px)!important;aspect-ratio:1!important;padding:4px!important;box-sizing:border-box!important;background:#e51b23!important;clip-path:polygon(50% 0,61% 17%,80% 6%,80% 26%,100% 34%,85% 50%,100% 66%,79% 73%,80% 95%,60% 84%,50% 100%,39% 84%,19% 95%,20% 73%,0 66%,15% 50%,0 34%,20% 26%,19% 6%,39% 17%)!important;border:0!important;color:#fff!important;text-align:center!important;text-shadow:1px 2px #111!important;font-family:Impact,"Arial Black",sans-serif!important;font-size:clamp(10px,1.2vw,14px)!important;font-weight:1000!important;line-height:.95!important;filter:drop-shadow(2px 3px 0 #111)!important;transform:rotate(8deg)!important;pointer-events:none!important}
.sdjpe-hero-product{border:4px solid #111!important;box-shadow:6px 6px 0 #e51b23,10px 10px 0 #f5d400!important;align-items:stretch!important}
.sdjpe-hero-copy{border-left:4px solid #111!important}
@media(max-width:650px){.sdjpe-featured-image{min-height:clamp(260px,85vw,390px)!important;border-right:0!important;border-bottom:4px solid #111!important}.sdjpe-featured-image img{min-height:clamp(260px,85vw,390px)!important;max-height:430px!important;padding:12px!important}.sdjpe-cover-label{top:13px!important;left:13px!important;font-size:9px!important;padding:6px 8px!important}.sdjpe-cover-burst{top:13px!important;right:13px!important;width:58px!important;font-size:10px!important}.sdjpe-hero-product{box-shadow:4px 4px 0 #e51b23,6px 6px 0 #f5d400!important}.sdjpe-amazon-cta-wrap{max-width:100%!important}}


/* v2.2.0 — clean solid backing behind the approved Amazon button; no dotted comic graphics bleed through its transparent areas. */
.sdjpe-amazon-cta-wrap{position:relative!important;isolation:isolate!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:460px!important;margin:12px 0 14px!important;padding:8px 8px 5px!important;background:#fff!important;background-image:none!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.sdjpe-amazon-cta-wrap:before,.sdjpe-amazon-cta-wrap:after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
.sdjpe-amazon-button,.sdjpe-amazon-button:link,.sdjpe-amazon-button:visited,.sdjpe-amazon-button:hover,.sdjpe-amazon-button:active{background:transparent!important;background-image:none!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important}
.sdjpe-amazon-button:before,.sdjpe-amazon-button:after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
.sdjpe-amazon-button img{background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important}
.sdjpe-amazon-disclosure{background:#fff!important;background-image:none!important;border:0!important;box-shadow:none!important;margin:0!important;padding:3px 5px 0!important;color:#444!important}
@media(max-width:650px){.sdjpe-amazon-cta-wrap{max-width:100%!important;padding:6px 4px 4px!important;margin:10px 0 12px!important}}


/* v2.3.0 — remove the Amazon button image completely; render a crisp CSS/text button instead. */
.sdjpe-amazon-cta-wrap{width:100%!important;max-width:460px!important;margin:12px 0 14px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.sdjpe-amazon-button,.sdjpe-amazon-button:link,.sdjpe-amazon-button:visited{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(7px,1.1vw,14px)!important;box-sizing:border-box!important;width:100%!important;min-height:64px!important;padding:12px 18px!important;background:linear-gradient(180deg,#ff3038 0%,#f00012 62%,#d90010 100%)!important;border:3px solid #111!important;border-radius:13px!important;box-shadow:inset 0 3px 0 rgba(255,255,255,.72),inset 0 -5px 0 rgba(120,0,0,.25),0 4px 0 #111!important;color:#fff!important;text-decoration:none!important;line-height:1!important;overflow:visible!important;filter:none!important;transform:none!important}
.sdjpe-amazon-button:before{content:""!important;position:absolute!important;inset:4px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:8px!important;pointer-events:none!important;display:block!important}
.sdjpe-amazon-button:after{content:none!important;display:none!important}
.sdjpe-amazon-button:hover{background:linear-gradient(180deg,#ff4a50 0%,#e00010 100%)!important;box-shadow:inset 0 3px 0 rgba(255,255,255,.72),0 2px 0 #111!important;transform:translateY(2px)!important}
.sdjpe-amazon-button img{display:none!important}
.sdjpe-amazon-crown{position:absolute!important;right:8px!important;top:-18px!important;z-index:2!important;display:block!important;color:#ffe000!important;font-family:Arial,sans-serif!important;font-size:35px!important;font-weight:1000!important;line-height:1!important;-webkit-text-stroke:1.5px #111!important;text-shadow:2px 2px 0 #111!important;transform:rotate(8deg)!important;filter:none!important;pointer-events:none!important}
.sdjpe-amazon-wordmark{position:relative!important;display:inline-block!important;flex:0 0 auto!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:clamp(29px,3vw,42px)!important;font-weight:900!important;line-height:.85!important;text-transform:lowercase!important}
.sdjpe-amazon-smile{position:absolute!important;left:1px!important;right:0!important;bottom:-7px!important;font-size:23px!important;font-weight:900!important;line-height:.5!important;transform:rotate(-8deg)!important}
.sdjpe-amazon-label{display:inline-block!important;color:#fff!important;font-family:Impact,"Arial Black",sans-serif!important;font-size:clamp(14px,1.45vw,21px)!important;font-weight:1000!important;letter-spacing:.01em!important;text-align:center!important;white-space:nowrap!important;text-shadow:1px 1px 0 rgba(0,0,0,.18)!important}
.sdjpe-amazon-arrow{display:inline-block!important;flex:0 0 auto!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:clamp(23px,2.5vw,33px)!important;font-weight:900!important;line-height:1!important}
.sdjpe-amazon-disclosure{margin:8px 0 0!important;padding:0 4px!important;background:transparent!important;color:#444!important;font-size:10px!important;line-height:1.4!important;text-align:center!important}
@media(max-width:650px){.sdjpe-amazon-cta-wrap{max-width:100%!important;padding:0!important}.sdjpe-amazon-button{min-height:55px!important;padding:11px 12px!important;gap:8px!important;border-radius:10px!important}.sdjpe-amazon-wordmark{font-size:31px!important}.sdjpe-amazon-label{font-size:clamp(12px,3.6vw,16px)!important}.sdjpe-amazon-arrow{font-size:24px!important}.sdjpe-amazon-crown{right:5px!important;top:-15px!important;font-size:30px!important}}


/* v2.4.0 — use the supplied crown Amazon artwork, with checkerboard pixels removed to real transparency. */
.sdjpe-amazon-cta-wrap{display:block!important;width:100%!important;max-width:460px!important;margin:12px 0 14px!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;isolation:auto!important}
.sdjpe-amazon-button,.sdjpe-amazon-button:link,.sdjpe-amazon-button:visited,.sdjpe-amazon-button:hover,.sdjpe-amazon-button:active{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;text-decoration:none!important;line-height:0!important;overflow:visible!important;filter:none!important;transform:none!important}
.sdjpe-amazon-button:before,.sdjpe-amazon-button:after{content:none!important;display:none!important}
.sdjpe-amazon-button img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;transform:none!important;line-height:0!important}
.sdjpe-amazon-button:hover img{filter:brightness(1.04)!important;transform:translateY(-1px)!important}
.sdjpe-amazon-disclosure{display:block!important;margin:3px 0 0!important;padding:0 5px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#444!important;font-size:10px!important;line-height:1.4!important;text-align:center!important}
@media(max-width:650px){.sdjpe-amazon-cta-wrap{width:100%!important;max-width:100%!important;margin:10px 0 12px!important;padding:0!important}}


/* v2.6.0 — fix black bleed-through behind transparent crown/button artwork.
   The v2.4+ transparent wrapper rules overrode the earlier clean backing. */
.sdjpe-amazon-cta-wrap{background:#fff!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;isolation:isolate!important;}
.sdjpe-amazon-button,.sdjpe-amazon-button:link,.sdjpe-amazon-button:visited,.sdjpe-amazon-button:hover,.sdjpe-amazon-button:active{background-color:#fff!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;}
.sdjpe-amazon-button img{background-color:#fff!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;}
.sdjpe-amazon-cta-wrap:before,.sdjpe-amazon-cta-wrap:after,.sdjpe-amazon-button:before,.sdjpe-amazon-button:after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;}

/* v2.8.0 — Joey Z comic-page article system. Automatically styles existing post content. */
.sdjpe-article-content{
  position:relative!important;
  padding:clamp(12px,2vw,24px)!important;
  background:#f8f2df!important;
  background-image:linear-gradient(90deg,rgba(20,20,20,.035) 1px,transparent 1px),linear-gradient(rgba(20,20,20,.035) 1px,transparent 1px)!important;
  background-size:18px 18px!important;
  border-top:5px solid #111!important;border-bottom:5px solid #111!important;
}
.sdjpe-content-inner{
  position:relative!important;max-width:100%!important;box-sizing:border-box!important;
  padding:clamp(18px,3vw,38px)!important;
  color:#202020!important;background:#fffdf7!important;
  border:3px solid #111!important;
  box-shadow:6px 6px 0 #e51b23,11px 11px 0 #f5d400!important;
  font-size:clamp(16px,1.15vw,18px)!important;line-height:1.75!important;
}
.sdjpe-content-inner p{
  margin:0 0 1.2em!important;line-height:1.78!important;color:#252525!important;
}
.sdjpe-content-inner p:first-of-type:not(:has(img)){
  font-size:clamp(17px,1.3vw,19px)!important;line-height:1.75!important;
}
/* Major section titles: black ink banner, yellow edge, red offset shadow, halftone detail. */
.sdjpe-content-inner h2{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  box-sizing:border-box!important;margin:2em 0 1em!important;padding:17px 22px 17px 27px!important;
  color:#fff!important;background:#171717!important;
  border:3px solid #111!important;border-left:10px solid #f5d400!important;border-bottom:5px solid #e51b23!important;
  box-shadow:5px 5px 0 #111!important;
  font-family:Impact,"Arial Black",system-ui,sans-serif!important;
  font-size:clamp(23px,2.8vw,35px)!important;line-height:1.08!important;letter-spacing:-.015em!important;
  text-transform:uppercase!important;text-shadow:2px 2px 0 #e51b23!important;
  clip-path:polygon(0 0,98.5% 0,100% 13%,99% 100%,0 100%)!important;
}
.sdjpe-content-inner h2:before{
  content:""!important;position:absolute!important;z-index:-1!important;left:0!important;top:0!important;bottom:0!important;width:12px!important;
  background:#f5d400!important;box-shadow:4px 0 0 #e51b23!important;
}
.sdjpe-content-inner h2:after{
  content:""!important;position:absolute!important;z-index:-1!important;right:0!important;top:0!important;width:34%!important;height:100%!important;
  background-image:radial-gradient(rgba(255,255,255,.19) 1px,transparent 1.6px)!important;background-size:7px 7px!important;
  clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)!important;pointer-events:none!important;
}
/* Subsections are compact cream panels, not repeated giant yellow bars. */
.sdjpe-content-inner h3{
  position:relative!important;box-sizing:border-box!important;margin:1.65em 0 .8em!important;padding:12px 16px 12px 21px!important;
  color:#111!important;background:#fff!important;border:2px solid #111!important;border-left:7px solid #e51b23!important;
  box-shadow:4px 4px 0 #f5d400!important;font-family:Impact,"Arial Black",system-ui,sans-serif!important;
  font-size:clamp(19px,2.1vw,26px)!important;line-height:1.16!important;text-transform:uppercase!important;
  text-shadow:1px 1px 0 rgba(229,27,35,.2)!important;
}
.sdjpe-content-inner h3:after{
  content:""!important;display:block!important;width:100%!important;height:3px!important;margin-top:9px!important;
  background:linear-gradient(90deg,#e51b23 0 24%,#f5d400 24% 27%,#111 27% 100%)!important;
}
.sdjpe-content-inner h4{
  margin:1.4em 0 .6em!important;padding:0 0 7px!important;color:#b80f1b!important;
  background:transparent!important;border:0!important;border-bottom:2px solid #111!important;box-shadow:none!important;
  font-family:Impact,"Arial Black",system-ui,sans-serif!important;font-size:clamp(17px,1.8vw,22px)!important;
  line-height:1.2!important;text-transform:uppercase!important;text-shadow:none!important;
}
.sdjpe-content-inner blockquote{
  position:relative!important;margin:1.6em 0!important;padding:20px 22px 18px 26px!important;
  color:#171717!important;background:#fff2a8!important;background-image:radial-gradient(rgba(0,0,0,.09) .8px,transparent 1px)!important;background-size:8px 8px!important;
  border:3px solid #111!important;border-left:10px solid #e51b23!important;box-shadow:5px 5px 0 #111!important;
  font-weight:650!important;
}
.sdjpe-content-inner blockquote:before{content:"JOEY Z SAYS"!important;display:inline-block!important;margin:0 0 10px!important;padding:4px 8px!important;background:#e51b23!important;color:#fff!important;border:2px solid #111!important;font-size:11px!important;font-weight:900!important;letter-spacing:.06em!important}
.sdjpe-content-inner ul,.sdjpe-content-inner ol{margin:1em 0 1.4em!important;padding:16px 20px 16px 42px!important;background:#fff!important;border:2px solid #111!important;box-shadow:3px 3px 0 #f5d400!important}
.sdjpe-content-inner li{padding:3px 0 3px 3px!important;margin:.25em 0!important;line-height:1.65!important}
.sdjpe-content-inner li::marker{color:#e51b23!important;font-weight:900!important}
.sdjpe-content-inner hr{height:5px!important;border:0!important;margin:2em 0!important;background:repeating-linear-gradient(135deg,#111 0 12px,#f5d400 12px 20px,#e51b23 20px 24px)!important;box-shadow:0 2px 0 #111!important}
.sdjpe-content-inner img:not(.emoji){max-width:100%!important;height:auto!important;box-sizing:border-box!important;padding:5px!important;background:#fff!important;border:3px solid #111!important;box-shadow:5px 5px 0 #e51b23!important}
.sdjpe-content-inner figure{margin:1.5em auto 2em!important;max-width:100%!important}
.sdjpe-content-inner figcaption{padding:8px 10px!important;margin-top:7px!important;background:#111!important;color:#fff!important;border-left:6px solid #f5d400!important;font-size:13px!important;line-height:1.45!important}
.sdjpe-content-inner table{width:100%!important;border-collapse:collapse!important;margin:1.5em 0!important;background:#fff!important;border:3px solid #111!important}
.sdjpe-content-inner th{background:#171717!important;color:#fff!important;text-align:left!important}
.sdjpe-content-inner th,.sdjpe-content-inner td{padding:10px 12px!important;border:1px solid #b9b2a1!important}
.sdjpe-content-inner a:not(.sdjpe-amazon-button){color:#b70f1b!important;font-weight:750!important;text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px!important}
.sdjpe-content-inner a[href*="amazon.com"],.sdjpe-content-inner a[href*="amzn.to"]{
  display:inline-block!important;max-width:100%!important;box-sizing:border-box!important;margin:8px 4px 13px 0!important;padding:11px 16px!important;
  color:#fff!important;background:linear-gradient(180deg,#ff343d,#d90010)!important;border:2px solid #111!important;border-radius:5px!important;
  box-shadow:3px 3px 0 #111,0 0 0 2px #f5d400!important;text-decoration:none!important;font-weight:900!important;line-height:1.25!important;
}
.sdjpe-content-inner a[href*="amazon.com"]:hover,.sdjpe-content-inner a[href*="amzn.to"]:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important}
.sdjpe-content-inner strong{color:#161616!important;font-weight:850!important}
.sdjpe-content-inner .wp-block-buttons{gap:12px!important;margin:1.2em 0!important}
.sdjpe-content-inner .wp-block-button__link{border:2px solid #111!important;border-radius:4px!important;background:#e51b23!important;box-shadow:4px 4px 0 #111!important;color:#fff!important;font-weight:900!important}
/* Mobile: preserve comic impact without squeezing the reading column. */
@media(max-width:760px){
 .sdjpe-article-content{padding:9px!important;background-size:14px 14px!important}
 .sdjpe-content-inner{padding:16px 14px!important;box-shadow:4px 4px 0 #e51b23,7px 7px 0 #f5d400!important;font-size:16px!important}
 .sdjpe-content-inner h2{padding:14px 13px 14px 17px!important;margin:1.6em 0 .85em!important;font-size:clamp(21px,6.1vw,29px)!important;line-height:1.08!important}
 .sdjpe-content-inner h3{padding:10px 11px 10px 14px!important;font-size:clamp(18px,5vw,23px)!important}
 .sdjpe-content-inner ul,.sdjpe-content-inner ol{padding:12px 12px 12px 32px!important}
 .sdjpe-content-inner blockquote{padding:15px 14px 14px 17px!important}
 .sdjpe-content-inner a[href*="amazon.com"],.sdjpe-content-inner a[href*="amzn.to"]{padding:10px 12px!important;font-size:15px!important}
}


/* v2.9.0 — Shred District signature comic lettering, loaded sitewide.
   Bangers is the display face; Barlow Condensed keeps supporting headings punchy and readable.
   Deliberately avoids the heavy framed yellow heading bars used in the previous article treatment. */
:root {
  --sd-comic-title-font: "Bangers", Impact, "Arial Black", sans-serif;
  --sd-comic-support-font: "Barlow Condensed", Impact, "Arial Narrow", sans-serif;
  --sd-comic-red: #e51b23;
  --sd-comic-yellow: #f5d400;
  --sd-comic-ink: #111111;
}
body :is(h1, .entry-title, .wp-block-post-title, .page-title, .site-title) {
  font-family: var(--sd-comic-title-font) !important;
  font-weight: 400 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  line-height: 1.02 !important;
  text-shadow: 1.5px 1.5px 0 var(--sd-comic-red), 2.5px 2.5px 0 rgba(0,0,0,.16) !important;
  overflow-wrap: anywhere;
}
body :is(h2, h3, h4, .widget-title, .wp-block-heading) {
  font-family: var(--sd-comic-title-font) !important;
  font-weight: 400 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
  line-height: 1.08 !important;
  text-shadow: .8px .8px 0 rgba(229,27,35,.75) !important;
  overflow-wrap: anywhere;
}
/* Replace the boxed heading strips in the article body with clean comic lettering. */
body .sdjpe-content-inner h2,
body .sdjpe-content-inner h3,
body .sdjpe-content-inner h4 {
  font-family: var(--sd-comic-title-font) !important;
  font-weight: 400 !important;
  letter-spacing: .025em !important;
  line-height: 1.08 !important;
  text-transform: uppercase !important;
  transform: none !important;
  background: transparent !important;
  color: var(--sd-comic-ink) !important;
  border: 0 !important;
  border-bottom: 3px solid var(--sd-comic-ink) !important;
  border-left: 7px solid var(--sd-comic-red) !important;
  box-shadow: 0 3px 0 var(--sd-comic-yellow) !important;
  padding: 7px 10px 9px 13px !important;
  text-shadow: 1px 1px 0 rgba(229,27,35,.5) !important;
}
body .sdjpe-content-inner h2 { font-size: clamp(27px, 3vw, 39px) !important; }
body .sdjpe-content-inner h3 { font-size: clamp(23px, 2.4vw, 31px) !important; }
body .sdjpe-content-inner h4 { font-size: clamp(20px, 2vw, 25px) !important; }
body .sdjpe-title-block h1,
body .sdjpe-hero-copy h2,
body .sdjpe-section-heading h2,
body .sdjpe-card-title,
body .sdjpe-footer-banner strong {
  font-family: var(--sd-comic-title-font) !important;
  font-weight: 400 !important;
  letter-spacing: .035em !important;
}
/* Menus and body copy stay readable; the display font is reserved for titles. */
body :is(p, li, input, textarea, select, .sdjpe-breadcrumb, .sdjpe-meta) {
  text-shadow: none;
}
@media (max-width: 600px) {
  body .sdjpe-content-inner h2 { font-size: clamp(25px, 7vw, 32px) !important; }
  body .sdjpe-content-inner h3 { font-size: clamp(22px, 6vw, 27px) !important; }
  body :is(h1, .entry-title, .wp-block-post-title, .page-title) { letter-spacing: .02em !important; }
}


/* v3.1.0 — gritty Shred District street-skate art breaks. Each heading transition gets a different comic scene. */
body .sdjpe-content-inner .sdjpe-comic-divider {
  display: block;
  width: min(100%, 900px);
  height: clamp(76px, 12vw, 132px);
  margin: clamp(22px, 4vw, 42px) auto clamp(16px, 3vw, 30px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  isolation: isolate;
  clear: both;
  pointer-events: none;
}
body .sdjpe-content-inner .sdjpe-comic-divider::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 8%; right: 8%; bottom: 4%; height: 5px;
  background: linear-gradient(90deg, #e51b23 0 31%, #ffd900 31% 35%, #111 35% 100%);
  transform: skewX(-12deg);
  opacity: .92;
}
body .sdjpe-content-inner .sdjpe-comic-divider--1 { background-image: var(--sdjpe-divider-1); }
body .sdjpe-content-inner .sdjpe-comic-divider--2 { background-image: var(--sdjpe-divider-2); }
body .sdjpe-content-inner .sdjpe-comic-divider--3 { background-image: var(--sdjpe-divider-3); }
body .sdjpe-content-inner .sdjpe-comic-divider--4 { background-image: var(--sdjpe-divider-4); }
@media (max-width: 600px) {
  body .sdjpe-content-inner .sdjpe-comic-divider {
    height: clamp(64px, 19vw, 100px);
    margin: 22px auto 16px;
  }
  body .sdjpe-content-inner .sdjpe-comic-divider::after { left: 5%; right: 5%; height: 4px; }
}


/* v3.2.0 — dark street-comic reading zone begins below the product spotlight. */
body .sdjpe-article-content {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  color: #f7f5ef !important;
  background-color: #101113 !important;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.075) 1px, transparent 1.7px),
    radial-gradient(ellipse at 0% 0%, rgba(229,27,35,.20), transparent 38%),
    radial-gradient(ellipse at 100% 70%, rgba(245,212,0,.09), transparent 32%),
    linear-gradient(135deg, #171719 0%, #0d0e10 58%, #151517 100%) !important;
  background-size: 9px 9px, auto, auto, auto !important;
  border: 0 !important;
  border-top: 5px solid #e51b23 !important;
  border-bottom: 5px solid #f5d400 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 12px 26px rgba(0,0,0,.28) !important;
  margin-top: 0 !important;
  padding: clamp(20px, 3.5vw, 44px) clamp(16px, 4vw, 48px) !important;
}
body .sdjpe-article-content::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .45;
  background: linear-gradient(110deg, transparent 0 72%, rgba(255,255,255,.035) 72% 72.3%, transparent 72.3%),
              linear-gradient(0deg, transparent 0 96%, rgba(245,212,0,.15) 96% 96.2%, transparent 96.2%);
}
body .sdjpe-article-content .sdjpe-content-inner {
  max-width: 100% !important;
  color: #f7f5ef !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body .sdjpe-content-inner :is(p, li, dd, dt, figcaption, caption, th, td) {
  color: #f1f0eb !important;
  text-shadow: none !important;
}
body .sdjpe-content-inner p {
  line-height: 1.85 !important;
  margin: 0 0 1.35em !important;
}
body .sdjpe-content-inner strong { color: #fff !important; }
body .sdjpe-content-inner a:not(.sdjpe-amazon-button) {
  color: #ffe14a !important;
  text-decoration-color: #e51b23 !important;
  text-underline-offset: 3px;
}
body .sdjpe-content-inner h2,
body .sdjpe-content-inner h3,
body .sdjpe-content-inner h4 {
  color: #fff !important;
  background: linear-gradient(100deg, rgba(229,27,35,.13), transparent 70%) !important;
  border: 0 !important;
  border-left: 6px solid #e51b23 !important;
  border-bottom: 2px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 4px 0 rgba(245,212,0,.95) !important;
  text-shadow: 2px 2px 0 rgba(229,27,35,.78), 3px 3px 0 rgba(0,0,0,.85) !important;
  padding: 9px 12px 12px 15px !important;
  margin: clamp(28px, 4vw, 44px) 0 22px !important;
}
body .sdjpe-content-inner blockquote {
  color: #fff !important;
  background: linear-gradient(110deg, rgba(229,27,35,.16), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(245,212,0,.75) !important;
  border-left: 5px solid #f5d400 !important;
  box-shadow: 5px 5px 0 rgba(229,27,35,.65) !important;
}
body .sdjpe-content-inner blockquote :is(p, cite) { color: #fff !important; }
body .sdjpe-content-inner :is(ul, ol) {
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: 4px 4px 0 rgba(245,212,0,.65) !important;
}
body .sdjpe-content-inner hr {
  border: 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #e51b23 0 31%, #f5d400 31% 36%, #f7f5ef 36% 100%) !important;
  margin: 30px 0 !important;
}
body .sdjpe-content-inner figure img,
body .sdjpe-content-inner > p > img,
body .sdjpe-content-inner .wp-block-image img {
  border: 2px solid rgba(255,255,255,.85) !important;
  outline: 3px solid #e51b23 !important;
  outline-offset: 3px !important;
  box-shadow: 7px 7px 0 rgba(245,212,0,.82) !important;
}
body .sdjpe-content-inner table {
  color: #fff !important;
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.28) !important;
}
body .sdjpe-content-inner th {
  color: #fff !important;
  background: #e51b23 !important;
}
body .sdjpe-content-inner td { border-color: rgba(255,255,255,.2) !important; }
body .sdjpe-content-inner .sdjpe-comic-divider {
  height: clamp(82px, 13vw, 145px) !important;
  margin: clamp(24px, 4vw, 42px) auto clamp(20px, 3vw, 32px) !important;
  background-size: contain !important;
  filter: drop-shadow(0 5px 0 rgba(0,0,0,.7));
}
body .sdjpe-content-inner .sdjpe-comic-divider::after { opacity: .9; }
@media (max-width: 600px) {
  body .sdjpe-article-content { padding: 22px 15px 28px !important; }
  body .sdjpe-content-inner .sdjpe-comic-divider { height: clamp(58px, 18vw, 92px) !important; }
  body .sdjpe-content-inner h2 { font-size: clamp(24px, 7vw, 32px) !important; }
  body .sdjpe-content-inner h3 { font-size: clamp(21px, 6vw, 27px) !important; }
}


/* v3.4.0 — replace the previous raccoon/action dividers with the branded Shred District street-skate panels. */
body .sdjpe-content-inner .sdjpe-comic-divider {
  width: min(100%, 1100px) !important;
  background-size: 100% auto !important;
  background-position: center center !important;
  filter: drop-shadow(0 3px 7px rgba(0,0,0,.28)) !important;
}
body .sdjpe-content-inner .sdjpe-comic-divider::after { display: none !important; }
@media (max-width: 600px) {
  body .sdjpe-content-inner .sdjpe-comic-divider {
    width: 100% !important;
    height: clamp(56px, 19vw, 88px) !important;
    background-size: 100% auto !important;
    margin-top: 20px !important;
    margin-bottom: 18px !important;
  }
}


/* v3.5.0 — hard fix: divider art is real HTML images, not CSS backgrounds. */
body .sdjpe-content-inner .sdjpe-comic-divider {
  display: block !important;
  width: min(100%, 1100px) !important;
  height: auto !important;
  margin: clamp(22px, 3.5vw, 38px) auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  line-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body .sdjpe-content-inner .sdjpe-comic-divider::before,
body .sdjpe-content-inner .sdjpe-comic-divider::after {
  content: none !important;
  display: none !important;
}
body .sdjpe-content-inner .sdjpe-comic-divider img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 600px) {
  body .sdjpe-content-inner .sdjpe-comic-divider {
    width: 100% !important;
    margin: 20px auto !important;
  }
}


/* v3.6.0 — premium streetwear art direction: less carnival trim, more editorial skate magazine. */
body .sdjpe-article-content {
  background-color: #101113 !important;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.035) .8px, transparent 1.5px),
    radial-gradient(ellipse at 0% 0%, rgba(229,27,35,.105), transparent 44%),
    linear-gradient(145deg, #151618 0%, #0d0e10 62%, #131416 100%) !important;
  background-size: 12px 12px, auto, auto !important;
  border-top: 2px solid rgba(229,27,35,.9) !important;
  border-bottom: 2px solid rgba(245,212,0,.75) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 10px 30px rgba(0,0,0,.22) !important;
  padding: clamp(22px, 4vw, 50px) clamp(16px, 4.2vw, 52px) !important;
}
body .sdjpe-article-content::before {
  opacity: .18 !important;
  background: linear-gradient(110deg, transparent 0 76%, rgba(255,255,255,.045) 76% 76.12%, transparent 76.12%) !important;
}
body .sdjpe-content-inner :is(p, li, dd, dt, figcaption, caption, th, td) {
  color: #e8e8e6 !important;
}
body .sdjpe-content-inner p {
  line-height: 1.88 !important;
  margin-bottom: 1.28em !important;
  max-width: 82ch;
}
body .sdjpe-content-inner strong { color: #fff !important; font-weight: 750 !important; }
body .sdjpe-content-inner a:not(.sdjpe-amazon-button) {
  color: #f1d84a !important;
  text-decoration-color: rgba(229,27,35,.9) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
}
body .sdjpe-content-inner h2,
body .sdjpe-content-inner h3,
body .sdjpe-content-inner h4 {
  position: relative !important;
  color: #f7f6f2 !important;
  background: linear-gradient(90deg, rgba(255,255,255,.055), rgba(255,255,255,.012) 62%, transparent) !important;
  border: 0 !important;
  border-left: 3px solid #e51b23 !important;
  border-bottom: 1px solid rgba(255,255,255,.25) !important;
  box-shadow: none !important;
  text-shadow: 1px 2px 0 rgba(229,27,35,.5) !important;
  padding: 10px 12px 11px 16px !important;
  margin: clamp(30px, 4.5vw, 48px) 0 22px !important;
  letter-spacing: .015em !important;
}
body .sdjpe-content-inner h2::after,
body .sdjpe-content-inner h3::after,
body .sdjpe-content-inner h4::after {
  content: "" !important;
  position: absolute !important;
  left: -3px !important;
  bottom: -1px !important;
  width: 42px !important;
  height: 2px !important;
  background: #f1d84a !important;
}
body .sdjpe-content-inner blockquote {
  margin: 28px 0 !important;
  padding: 20px 22px !important;
  color: #f5f4f0 !important;
  background: linear-gradient(105deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-left: 3px solid #f1d84a !important;
  box-shadow: 5px 5px 0 rgba(0,0,0,.24) !important;
}
body .sdjpe-content-inner blockquote :is(p, cite) { color: #f5f4f0 !important; }
body .sdjpe-content-inner :is(ul, ol) {
  padding: 16px 22px 16px 42px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 3px 3px 0 rgba(0,0,0,.22) !important;
}
body .sdjpe-content-inner hr {
  height: 2px !important;
  background: linear-gradient(90deg, #e51b23 0 14%, rgba(255,255,255,.22) 14% 100%) !important;
  margin: 34px 0 !important;
}
body .sdjpe-content-inner figure img,
body .sdjpe-content-inner > p > img,
body .sdjpe-content-inner .wp-block-image img {
  border: 1px solid rgba(255,255,255,.38) !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: 5px 5px 0 rgba(0,0,0,.32) !important;
}
body .sdjpe-content-inner th { background: #222427 !important; border-bottom: 2px solid #e51b23 !important; }
body .sdjpe-content-inner table { border-color: rgba(255,255,255,.16) !important; }
body .sdjpe-content-inner td { border-color: rgba(255,255,255,.12) !important; }
body .sdjpe-content-inner .sdjpe-comic-divider {
  width: min(100%, 1040px) !important;
  margin: clamp(22px, 3.3vw, 36px) auto !important;
  opacity: .97 !important;
}
body .sdjpe-content-inner .sdjpe-comic-divider img {
  filter: drop-shadow(0 8px 12px rgba(0,0,0,.28)) !important;
}
@media (max-width: 600px) {
  body .sdjpe-article-content { padding: 22px 15px 28px !important; }
  body .sdjpe-content-inner h2 { font-size: clamp(23px, 6.5vw, 30px) !important; }
  body .sdjpe-content-inner h3 { font-size: clamp(20px, 5.8vw, 26px) !important; }
  body .sdjpe-content-inner .sdjpe-comic-divider { margin: 20px auto !important; }
}


/* v3.7.1 — square previews for related skateboard products and guides. */
body .sdjpe-related-card img,
body .sdjpe-related-card .sdjpe-card-placeholder {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  max-height: none !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}
body .sdjpe-related-card img {
  object-fit: cover !important;
  object-position: center !important;
}
body .sdjpe-related-card .sdjpe-card-placeholder {
  display: grid !important;
  place-items: center !important;
}


/* v3.8.0 — punchier comic panels for embedded Joey Z comics and article images. */
body .sdjpe-article-content {
  position: relative !important;
  background-color: #fffdf4 !important;
  background-image: radial-gradient(rgba(16,16,16,.075) .7px, transparent .9px), linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,249,220,.78)) !important;
  background-size: 8px 8px, 100% 100% !important;
}
body .sdjpe-content-inner {
  color: #171717 !important;
}
body .sdjpe-content-inner p {
  color: #202020 !important;
}
body .sdjpe-content-inner h2,
body .sdjpe-content-inner h3 {
  color: #111 !important;
  background: linear-gradient(100deg, #ffe62e 0%, #ffd400 72%, #ffed72 100%) !important;
  border: 3px solid #111 !important;
  border-left: 9px solid #e51b23 !important;
  border-bottom: 5px solid #111 !important;
  box-shadow: 4px 5px 0 #e51b23, 7px 8px 0 rgba(0,0,0,.16) !important;
  text-shadow: 1px 1px 0 rgba(255,255,255,.65) !important;
  transform: skew(-.8deg) !important;
  padding: 11px 14px !important;
}
body .sdjpe-content-inner h2::after,
body .sdjpe-content-inner h3::after { display: none !important; }
body .sdjpe-content-inner figure.wp-block-image,
body .sdjpe-content-inner figure.wp-block-gallery,
body .sdjpe-content-inner .wp-block-image {
  position: relative !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: clamp(22px, 3vw, 36px) auto !important;
  padding: 7px !important;
  background: #fff !important;
  border: 3px solid #111 !important;
  box-shadow: 6px 6px 0 #f5d400, 10px 10px 0 #e51b23 !important;
}
body .sdjpe-content-inner figure.wp-block-image img,
body .sdjpe-content-inner .wp-block-image img,
body .sdjpe-content-inner figure img,
body .sdjpe-content-inner > p > img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  border: 2px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
/* Joey Z / comic-named uploads get a more dramatic collectible-panel frame. */
body .sdjpe-content-inner img[src*="joey" i],
body .sdjpe-content-inner img[src*="comic" i],
body .sdjpe-content-inner img[alt*="joey" i],
body .sdjpe-content-inner img[alt*="comic" i],
body .sdjpe-content-inner img[title*="joey" i],
body .sdjpe-content-inner img[title*="comic" i] {
  border: 4px solid #111 !important;
  box-shadow: 5px 5px 0 #f5d400, 9px 9px 0 #e51b23 !important;
  background: #fff !important;
}
body .sdjpe-content-inner figure:has(img[src*="joey" i]),
body .sdjpe-content-inner figure:has(img[src*="comic" i]),
body .sdjpe-content-inner figure:has(img[alt*="joey" i]),
body .sdjpe-content-inner figure:has(img[alt*="comic" i]) {
  padding: 9px !important;
  background: #111 !important;
  border: 4px solid #f5d400 !important;
  box-shadow: 7px 7px 0 #e51b23, 11px 11px 0 #111 !important;
}
body .sdjpe-content-inner figcaption {
  padding: 9px 10px 5px !important;
  margin: 0 !important;
  color: #111 !important;
  background: #ffe22a !important;
  border-top: 3px solid #111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
body .sdjpe-content-inner blockquote {
  color: #111 !important;
  background: #fff0a3 !important;
  border: 3px solid #111 !important;
  border-left: 9px solid #e51b23 !important;
  box-shadow: 5px 5px 0 #111 !important;
}
body .sdjpe-content-inner blockquote p,
body .sdjpe-content-inner blockquote cite { color: #111 !important; }
body .sdjpe-content-inner .sdjpe-comic-divider {
  filter: drop-shadow(0 5px 0 #111) drop-shadow(0 0 0 #f5d400) !important;
}
@media (max-width: 600px) {
  body .sdjpe-article-content { padding: 20px 13px 27px !important; }
  body .sdjpe-content-inner figure.wp-block-image,
  body .sdjpe-content-inner .wp-block-image { margin: 24px auto !important; padding: 5px !important; }
  body .sdjpe-content-inner h2,
  body .sdjpe-content-inner h3 { box-shadow: 3px 4px 0 #e51b23 !important; }
}





/* v3.19.0 — expand the narrow theme column to the right.
   The theme's content starts at the left viewport edge but is only ~50% wide.
   Do NOT center-breakout it with left:50% or negative margins; that clips it.
   Set the actual content containers to viewport width starting at their current left edge. */
@supports selector(body:has(.sdjpe-wrap)) {
  body:has(.sdjpe-wrap) .site-content,
  body:has(.sdjpe-wrap) .content-area,
  body:has(.sdjpe-wrap) .site-main,
  body:has(.sdjpe-wrap) main,
  body:has(.sdjpe-wrap) article,
  body:has(.sdjpe-wrap) .entry-content,
  body:has(.sdjpe-wrap) .post-content,
  body:has(.sdjpe-wrap) .wp-block-post-content {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body:has(.sdjpe-wrap) .sdjpe-wrap,
  body:has(.sdjpe-wrap) .sdjpe-layout,
  body:has(.sdjpe-wrap) .sdjpe-main,
  body:has(.sdjpe-wrap) .sdjpe-title-block,
  body:has(.sdjpe-wrap) .sdjpe-hero-product,
  body:has(.sdjpe-wrap) .sdjpe-article-content,
  body:has(.sdjpe-wrap) .sdjpe-related {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body:has(.sdjpe-wrap) .sdjpe-wrap {
    position: relative !important;
    float: none !important;
    display: block !important;
    padding-left: clamp(10px, 2vw, 28px) !important;
    padding-right: clamp(10px, 2vw, 28px) !important;
    overflow: hidden !important;
  }
  body:has(.sdjpe-wrap) .sdjpe-layout {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body:has(.sdjpe-wrap) .sdjpe-mascot-rail { display: none !important; }
  body:has(.sdjpe-wrap) .sdjpe-hero-product {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
  }
  body:has(.sdjpe-wrap) .sdjpe-featured-image,
  body:has(.sdjpe-wrap) .sdjpe-hero-copy { min-width: 0 !important; max-width: 100% !important; }
  body:has(.sdjpe-wrap) .sdjpe-featured-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  body:has(.sdjpe-wrap) .sdjpe-article-content {
    background-color: #101113 !important;
    color: #f5f4ef !important;
  }
}
@media (max-width: 760px) {
  body:has(.sdjpe-wrap) .sdjpe-wrap { padding: 14px 8px 24px !important; }
  body:has(.sdjpe-wrap) .sdjpe-hero-product {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* v3.20.0 — pages: dark comic reading zone below the featured image / Guide Spotlight */
.sdjpe-wrap--page .sdjpe-article-content,
.sdjpe-wrap--page .sdjpe-content-inner {
  background-color: #101113 !important;
  background-image: radial-gradient(rgba(255,255,255,.09) .7px, transparent .8px) !important;
  background-size: 8px 8px !important;
  color: #f5f4ef !important;
}
.sdjpe-wrap--page .sdjpe-content-inner {
  border-color: #f5d400 !important;
  box-shadow: 5px 5px 0 #e51b23, 9px 9px 0 #f5d400 !important;
}
.sdjpe-wrap--page .sdjpe-content-inner p,
.sdjpe-wrap--page .sdjpe-content-inner li,
.sdjpe-wrap--page .sdjpe-content-inner td,
.sdjpe-wrap--page .sdjpe-content-inner figcaption,
.sdjpe-wrap--page .sdjpe-content-inner strong,
.sdjpe-wrap--page .sdjpe-content-inner em {
  color: #f5f4ef !important;
}
.sdjpe-wrap--page .sdjpe-content-inner a:not(.sdjpe-amazon-button) {
  color: #ffe84a !important;
  text-decoration-color: #e51b23 !important;
}
.sdjpe-wrap--page .sdjpe-content-inner h2,
.sdjpe-wrap--page .sdjpe-content-inner h3,
.sdjpe-wrap--page .sdjpe-content-inner h4 {
  color: #111 !important;
  background: #f5d400 !important;
}
.sdjpe-wrap--page .sdjpe-content-inner blockquote {
  background: #202226 !important;
  color: #f5f4ef !important;
  border-left-color: #f5d400 !important;
}
.sdjpe-wrap--page .sdjpe-joey-tip-inline {
  background: #17191d !important;
  color: #f5f4ef !important;
  border-top-color: #f5d400 !important;
  border-bottom-color: #e51b23 !important;
}
.sdjpe-wrap--page .sdjpe-joey-tip-inline p { color: #f5f4ef !important; }
.sdjpe-wrap--page .sdjpe-related-guides {
  background: #101113 !important;
  color: #f5f4ef !important;
}
.sdjpe-wrap--page .sdjpe-related-guides .sdjpe-section-heading h2 { color: #fff !important; }
.sdjpe-wrap--page .sdjpe-related-guides .sdjpe-related-card {
  background: #202226 !important;
  color: #f5f4ef !important;
}
.sdjpe-wrap--page .sdjpe-related-guides .sdjpe-card-title { color: #f5f4ef !important; }


/* v3.21.0 — remove theme-created vertical gaps around the comic page */
@supports selector(body:has(.sdjpe-wrap)) {
  body:has(.sdjpe-wrap) .site-content,
  body:has(.sdjpe-wrap) .content-area,
  body:has(.sdjpe-wrap) .site-main,
  body:has(.sdjpe-wrap) main,
  body:has(.sdjpe-wrap) article,
  body:has(.sdjpe-wrap) .entry-content,
  body:has(.sdjpe-wrap) .post-content,
  body:has(.sdjpe-wrap) .wp-block-post-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body:has(.sdjpe-wrap) .sdjpe-wrap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body:has(.sdjpe-wrap) .sdjpe-layout,
  body:has(.sdjpe-wrap) .sdjpe-main {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body:has(.sdjpe-wrap) .sdjpe-footer-banner {
    margin-bottom: 0 !important;
  }
}


/* v3.22.0 — site-wide Amazon Associate disclosure footer */
.sdjpe-amazon-sitewide-notice{position:relative;z-index:20;display:block;clear:both;width:100%;box-sizing:border-box;margin:0!important;padding:16px 18px!important;background:#090a0c!important;color:#f5f4ef!important;border-top:4px solid #f5d400!important;border-bottom:5px solid #e51b23!important;font-family:inherit!important;text-align:center!important;line-height:1.5!important}
.sdjpe-amazon-sitewide-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}
.sdjpe-amazon-sitewide-notice strong{color:#f5d400!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.04em}
.sdjpe-amazon-sitewide-notice span{color:#f5f4ef!important;font-size:14px!important}
@media(max-width:650px){.sdjpe-amazon-sitewide-notice{padding:13px 12px!important}.sdjpe-amazon-sitewide-inner{flex-direction:column;gap:5px}.sdjpe-amazon-sitewide-notice span{font-size:12px!important}}


/* v3.25.0 — match post dark-theme start to Pages: keep featured image + spotlight light; dark begins below */
.sdjpe-wrap--post .sdjpe-article-content,
.sdjpe-wrap--post .sdjpe-content-inner {
  background-color: #101113 !important;
  background-image: radial-gradient(rgba(255,255,255,.09) .7px, transparent .8px) !important;
  background-size: 8px 8px !important;
  color: #f5f4ef !important;
}
.sdjpe-wrap--post .sdjpe-content-inner {
  border-color: #f5d400 !important;
  box-shadow: 5px 5px 0 #e51b23, 9px 9px 0 #f5d400 !important;
}
.sdjpe-wrap--post .sdjpe-content-inner p,
.sdjpe-wrap--post .sdjpe-content-inner li,
.sdjpe-wrap--post .sdjpe-content-inner td,
.sdjpe-wrap--post .sdjpe-content-inner figcaption,
.sdjpe-wrap--post .sdjpe-content-inner strong,
.sdjpe-wrap--post .sdjpe-content-inner em {
  color: #f5f4ef !important;
}
.sdjpe-wrap--post .sdjpe-content-inner a:not(.sdjpe-amazon-button) {
  color: #ffe84a !important;
  text-decoration-color: #e51b23 !important;
}
.sdjpe-wrap--post .sdjpe-content-inner h2,
.sdjpe-wrap--post .sdjpe-content-inner h3,
.sdjpe-wrap--post .sdjpe-content-inner h4 {
  color: #111 !important;
  background: #f5d400 !important;
}
.sdjpe-wrap--post .sdjpe-content-inner blockquote {
  background: #202226 !important;
  color: #f5f4ef !important;
  border-left-color: #f5d400 !important;
}
.sdjpe-wrap--post .sdjpe-joey-tip-inline {
  background: #17191d !important;
  color: #f5f4ef !important;
  border-top-color: #f5d400 !important;
  border-bottom-color: #e51b23 !important;
}
.sdjpe-wrap--post .sdjpe-joey-tip-inline p { color: #f5f4ef !important; }
.sdjpe-wrap--post .sdjpe-related-guides {
  background: #101113 !important;
  color: #f5f4ef !important;
}
.sdjpe-wrap--post .sdjpe-related-guides .sdjpe-section-heading h2 { color: #fff !important; }
.sdjpe-wrap--post .sdjpe-related-guides .sdjpe-related-card {
  background: #202226 !important;
  color: #f5f4ef !important;
}
.sdjpe-wrap--post .sdjpe-related-guides .sdjpe-card-title { color: #f5f4ef !important; }


/* v3.26.0 — Amazon CTA background stays transparent so the art/texture behind it shows through. */
body .sdjpe-amazon-cta-wrap,
body .sdjpe-amazon-button,
body .sdjpe-amazon-button:link,
body .sdjpe-amazon-button:visited,
body .sdjpe-amazon-button:hover,
body .sdjpe-amazon-button:active,
body .sdjpe-amazon-button img {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body .sdjpe-amazon-button { border: 0 !important; border-radius: 0 !important; }
body .sdjpe-amazon-button:before,
body .sdjpe-amazon-button:after,
body .sdjpe-amazon-cta-wrap:before,
body .sdjpe-amazon-cta-wrap:after { content: none !important; display: none !important; }