/* Roleplay: weekly rollover card design. */
.hc-cop-guide{--hc-rollover-accent:#c96b8a;color:inherit;font:inherit}
.hc-cop-guide,.hc-cop-guide *{box-sizing:border-box}
.hc-cop-guide .wrap{max-width:none;margin:0;padding:0;background:transparent;color:inherit;font:inherit}
.hc-cop-guide header{text-align:left;margin-bottom:24px}
.hc-cop-guide .kicker{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.hc-cop-guide h1{font:inherit;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600;line-height:1.2;color:inherit;margin:10px 0 14px;background:none}
.hc-cop-guide .sub{font-size:1rem;line-height:1.65;color:inherit;max-width:none;margin:0 0 16px}
.hc-cop-guide .badge{display:inline-block;border:1px solid rgba(128,128,128,.3);border-radius:999px;padding:8px 14px;font-size:.85rem;color:inherit}
.hc-cop-guide section{margin-bottom:24px}
.hc-cop-guide section h2{font:inherit;font-size:1.25rem;font-weight:600;color:inherit;margin:0 0 16px}
.hc-cop-guide .premise,.hc-cop-guide .col,.hc-cop-guide .beats li,.hc-cop-guide .stay,.hc-cop-guide .safe{background:transparent;color:inherit;border:1px solid rgba(128,128,128,.3);border-radius:16px;padding:22px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.hc-cop-guide .premise:hover,.hc-cop-guide .col:hover,.hc-cop-guide .beats li:hover,.hc-cop-guide .stay:hover,.hc-cop-guide .safe:hover,.hc-cop-guide .premise:focus-visible,.hc-cop-guide .col:focus-visible,.hc-cop-guide .beats li:focus-visible,.hc-cop-guide .stay:focus-visible,.hc-cop-guide .safe:focus-visible{transform:translateX(3px);border-color:var(--hc-rollover-accent);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.hc-cop-guide [tabindex]:focus-visible{outline:2px solid var(--hc-rollover-accent);outline-offset:3px}
.hc-cop-guide p,.hc-cop-guide li{font-size:1rem;line-height:1.65;color:inherit}
.hc-cop-guide .premise p,.hc-cop-guide .btext p{margin:0}
.hc-cop-guide .cols{display:grid;grid-template-columns:1fr;gap:18px}
.hc-cop-guide .role{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:inherit}
.hc-cop-guide .col ul,.hc-cop-guide .stay ul{margin:0;padding-left:20px}
.hc-cop-guide .col li,.hc-cop-guide .stay li{margin-bottom:8px}
.hc-cop-guide strong{color:inherit}
.hc-cop-guide .propnote{font-size:.95rem;color:inherit;margin:0 0 14px}
.hc-cop-guide .check{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:9px}
.hc-cop-guide .check li{background:transparent;border:1px solid rgba(128,128,128,.3);border-radius:999px;padding:8px 14px;font-size:.9rem;color:inherit}
.hc-cop-guide .beats{display:grid;gap:18px;list-style:none;padding:0;margin:0}
.hc-cop-guide .beats li{display:block;margin:0;min-width:0}
.hc-cop-guide .bnum{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;color:inherit;background:none;margin-bottom:12px}
.hc-cop-guide .btext h3{font:inherit;font-size:1.2rem;font-weight:600;color:inherit;margin:0 0 12px}
.hc-cop-guide .btext h3 span{display:block;font-size:.75rem;font-weight:500;letter-spacing:.08em;color:inherit;opacity:.75;margin-top:6px}
.hc-cop-guide .safehead{font-size:1.1rem;font-weight:600;color:inherit;margin-bottom:12px}
.hc-cop-guide .safe p{margin:0 0 12px}
.hc-cop-guide .safe p:last-child{margin-bottom:0}
.hc-cop-guide .gallery{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.hc-cop-guide .gallery img{width:calc(50% - 6px);max-width:100%;height:auto;object-fit:cover;border:1px solid rgba(128,128,128,.3);border-radius:16px}
.hc-husband-view .hc-cop-guide{--hc-rollover-accent:#B69A62}
@media(max-width:480px){.hc-cop-guide .premise,.hc-cop-guide .col,.hc-cop-guide .beats li,.hc-cop-guide .stay,.hc-cop-guide .safe{padding:18px}.hc-cop-guide .gallery img{width:100%}}
@media(prefers-reduced-motion:reduce){.hc-cop-guide *{transition:none!important}.hc-cop-guide .premise:hover,.hc-cop-guide .col:hover,.hc-cop-guide .beats li:hover,.hc-cop-guide .stay:hover,.hc-cop-guide .safe:hover,.hc-cop-guide [tabindex]:focus-visible{transform:none}}