/* ── playbook：補位手冊 ── */
.pb-head h1{margin:0 0 var(--sp-1);font-size:var(--fs-2xl);font-weight:900;line-height:var(--lh-tight)}
.pb-head p{margin:0 0 var(--sp-6);color:var(--ink-3);font-size:var(--fs-sm)}
.pb-tabs{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap}
.pb-tab{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:0 var(--sp-7);min-height:var(--tap);font-size:var(--fs-sm);font-weight:700;color:var(--ink-2)}
.pb-tab[aria-selected="true"]{color:#fff;border-color:transparent}
.pb-tab[data-k="m"][aria-selected="true"]{background:var(--money-ink)}
.pb-tab[data-k="p"][aria-selected="true"]{background:var(--people)}
.pb-tab[data-k="j"][aria-selected="true"]{background:var(--project)}
.pb-tab[data-k="x"][aria-selected="true"]{background:var(--ink);color:var(--bg)}
@media (prefers-color-scheme:dark){.pb-tab[data-k="m"][aria-selected="true"],.pb-tab[data-k="p"][aria-selected="true"],.pb-tab[data-k="j"][aria-selected="true"]{color:var(--bg)}}
.pb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-5)}
.pb-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:var(--sp-5) var(--sp-7);border-left-width:3px}
.pb-card.m{border-left-color:var(--money)} .pb-card.p{border-left-color:var(--people)} .pb-card.j{border-left-color:var(--project)} .pb-card.x{border-left-color:var(--ink-2)}
.pb-card h3{margin:0 0 var(--sp-2);font-size:var(--fs-md);font-weight:800;line-height:var(--lh-tight)}
.pb-card h3 span{font-size:var(--fs-cap);font-weight:500;color:var(--ink-3);margin-left:var(--sp-2)}
.pb-card .do{margin:0 0 var(--sp-3);font-size:var(--fs-sm);color:var(--ink-2)}
.pb-when{font-size:var(--fs-cap);color:var(--ink-3);display:flex;gap:var(--sp-2);margin:0}
.pb-when b{color:var(--ink-2);flex:0 0 auto}
.pb-note{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:6px;font-size:var(--fs-cap)}
.pb-note.tw{background:var(--warn-bg);color:var(--warn-ink)} .pb-note.cost{background:var(--surface-2);color:var(--ink-2)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:var(--sp-8);overflow:hidden}
.panel h3{margin:0;padding:var(--sp-5) var(--sp-7) var(--sp-3);font-size:var(--fs-md)}
.stage-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--sp-5);padding:var(--sp-3) var(--sp-7);border-top:1px solid var(--line-2);font-size:var(--fs-sm)}
.stage-row span{color:var(--ink-2)}
.panel .body{padding:0 var(--sp-7) var(--sp-5);font-size:var(--fs-sm);color:var(--ink-2)}
.panel .body p{margin:0 0 var(--sp-2)}
.k{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--sp-1)}