/* Playbook da Jam — complementa boas-vindas.css (que já traz .bv, .bv-top, .bv-hero, .bv-sec, .bv-rules, .bv-gloss…) */
.pb-how{background:var(--sage-tint);border:1px solid rgba(110,122,85,.3);border-radius:var(--radius-lg);padding:16px 18px;margin:18px 0 6px;font-size:14px}
.pb-how b{color:var(--deep)}
.pb-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.pb-step{background:var(--paper);border:1px solid var(--sand);border-radius:var(--radius-lg);padding:14px 16px 14px 14px;display:grid;grid-template-columns:28px 1fr;gap:12px;transition:background .15s,border-color .15s}
.pb-step.done{background:var(--paper-2);border-color:var(--sage-tint)}
.pb-step input{width:20px;height:20px;margin:4px 0 0;accent-color:var(--sage);cursor:pointer}
.pb-step .n{font-family:var(--font-display);font-size:13px;color:var(--terra);letter-spacing:.06em;text-transform:uppercase}
.pb-step h4{margin:2px 0 6px;font-size:16px;font-weight:600;color:var(--ink)}
.pb-step.done h4{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--sand-2)}
.pb-step p,.pb-step li{font-size:14px;line-height:1.55;color:var(--ink)}
.pb-step ul,.pb-step ol{margin:4px 0 6px 18px;padding:0}
.pb-step li+li{margin-top:3px}
.pb-ok{margin-top:8px;font-size:13px;color:var(--deep);background:var(--sage-tint);border-radius:var(--radius);padding:7px 10px}
.pb-ok::before{content:"Deu certo se: ";font-weight:600}
.pb-see{margin-top:8px;font-size:13px;color:var(--muted);border-left:3px solid var(--sand-2);padding:4px 10px}
.pb-see::before{content:"O que você vai ver: ";font-weight:600;color:var(--ink)}
.pb-warn{margin-top:8px;font-size:13px;color:#7a3b2e;background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius);padding:7px 10px}
.pb-cmd{position:relative;margin:8px 0 4px;background:var(--ink);color:#F4F1EA;border-radius:var(--radius);padding:12px 86px 12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-all}
.pb-cmd.prompt{background:var(--paper-3);color:var(--ink);border:1px dashed var(--sand-2);font-family:var(--font);font-size:13.5px;word-break:normal}
.pb-copy{position:absolute;top:8px;right:8px;background:var(--sage);color:var(--on-accent);border:0;border-radius:var(--radius-sm);padding:5px 10px;font:600 12px var(--font);cursor:pointer}
.pb-copy:hover{background:var(--deep)}
.pb-copy.ok{background:var(--terra)}
.pb-when{font-size:12.5px;color:var(--muted);margin:-4px 0 10px}
.pb-decide{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:8px}
.pb-decide th,.pb-decide td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--sand);vertical-align:top}
.pb-decide th{font-weight:600;color:var(--deep);background:var(--paper-2)}
.pb-cli{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}
.pb-cli div{background:var(--paper);border:1px solid var(--sand);border-left-width:4px;border-radius:var(--radius);padding:10px 12px;font-size:13px}
.pb-cli b{display:block;font-size:14px;margin-bottom:3px}
.pb-cli .gil{border-left-color:var(--gil)}.pb-cli .jos{border-left-color:var(--josanan)}.pb-cli .camp{border-left-color:var(--camp)}.pb-cli .mj{border-left-color:var(--mj)}
.pb-sw{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin-right:4px}
.pb-filter{display:flex;gap:6px;margin:10px 0 0;flex-wrap:wrap}
.pb-filter button{background:var(--paper);border:1px solid var(--sand-2);border-radius:999px;padding:5px 12px;font:500 12.5px var(--font);cursor:pointer;color:var(--ink)}
.pb-filter button.on{background:var(--sage);color:var(--on-accent);border-color:var(--sage)}
@media (max-width:600px){.pb-cmd{padding-right:14px;padding-bottom:40px}.pb-copy{top:auto;bottom:8px}}
.pb-cmd code{font:inherit;color:inherit;background:none;display:block}
.pb-rules{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.pb-rules li{background:var(--paper);border:1px solid var(--sand);border-radius:var(--radius-lg);padding:12px 14px;font-size:13.5px;line-height:1.5}
.pb-rules li b{display:block;font-size:14.5px;margin-bottom:3px;color:var(--deep)}
.pb-rules li .k{font-family:var(--font-display);color:var(--terra);font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:4px}
.pb-notes textarea{width:100%;min-height:90px;border:1px solid var(--sand-2);border-radius:var(--radius);padding:10px;font:14px var(--font);background:var(--paper);resize:vertical}
.pb-notes .status{font-size:12px;color:var(--muted);margin-top:4px}