.hwcsp{--cs-accent1:var(--wp--preset--color--accent,var(--wp--preset--color--primary,#c8a3e2));--cs-accent2:var(--wp--preset--color--secondary,#a9e6ee);--cs-paper:#fffcff;--cs-ink:#241d28;box-sizing:border-box;margin:1.5em 5px 1.6em 0;max-width:100%;border:2px solid var(--cs-ink);border-radius:7px;background:var(--cs-paper);color:var(--cs-ink);box-shadow:4px 4px var(--cs-ink);overflow:hidden;font-family:inherit}
.hwcsp.hwcsp-comic{--cs-accent1:var(--tmn-pink,#ff1593);--cs-accent2:var(--hw-blue,#91efff);--cs-badge:var(--tmn-yellow,#fffa00)}
.hwcsp-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-bottom:2px solid var(--cs-ink);background:radial-gradient(#fff8 1px,transparent 1.4px) 0 0/6px 6px,linear-gradient(100deg,var(--cs-accent1),var(--cs-accent2));gap:10px}
.hwcsp-bar span,.hwcsp-bar i{background:var(--cs-paper);color:var(--cs-ink);padding:2px 6px;font:800 .75rem/1.4 ui-monospace,monospace;letter-spacing:.06em}
.hwcsp-inner{display:flex;gap:clamp(12px,3vw,28px);align-items:center;justify-content:space-between;padding:clamp(16px,4vw,36px)}
.hwcsp-copy{min-width:0;overflow-wrap:anywhere}.hwcsp .hwcsp-copy h2{background:transparent;color:var(--cs-ink);margin:0;font-size:clamp(1.6rem,4vw,3.1rem);font-weight:900;font-style:italic;line-height:1.08;letter-spacing:-.035em;text-shadow:2px 2px var(--cs-accent2)}
.hwcsp .hwcsp-copy p{margin:.7em 0 0;max-width:46ch;color:var(--cs-ink);font-size:1rem;line-height:1.55}
.hwcsp-badge{display:grid;place-items:center;flex:none;width:clamp(40px,8vw,72px);aspect-ratio:1;border-radius:50%;background:var(--cs-badge,var(--cs-accent2));border:2px solid var(--cs-ink);font:900 clamp(25px,5vw,44px)/1 Georgia,serif;color:var(--cs-ink);box-shadow:2px 2px var(--cs-ink);animation:hwcsp-rock 4s ease-in-out infinite alternate}
@keyframes hwcsp-rock{from{transform:rotate(-10deg)}to{transform:rotate(12deg)}}@media(prefers-reduced-motion:reduce){.hwcsp-badge{animation:none}}