/* ── people：新頁「每人手上的事」 ── */
#page-people{max-width:980px}
.pp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-4)}
.pp-bar-k{font-size:var(--fs-cap);color:var(--ink-3);font-weight:700;margin-right:var(--sp-1)}
.pp-rnote,.pp-focus{margin:0 0 var(--sp-4);font-size:var(--fs-sm);color:var(--ink-2)}
.pp-person,.pp-loose{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-7);margin:0 0 var(--sp-4);min-width:0}
.pp-loose{border-style:dashed}
.pp-name,.pp-loose>h2{margin:0 0 var(--sp-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);font-size:var(--fs-lg);line-height:var(--lh-tight)}
.pp-who{background:none;border:0;padding:0;min-height:var(--tap);font:inherit;font-weight:800;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-align:left;overflow-wrap:anywhere}
.pp-in{font-size:var(--fs-cap);font-weight:700;color:var(--people-ink)}
.pp-sec{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px solid var(--line-2)}
.pp-sec h3,.pp-lname h3{margin:0;font-size:var(--fs-cap);color:var(--ink-3);line-height:2.4}
.pp-cases,.pp-tasks{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-1)}
.pp-cases li{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--sp-3);min-width:0}
.pp-case{background:none;border:0;padding:0;min-height:var(--tap);font-weight:700;font-size:var(--fs-sm);color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-align:left;overflow-wrap:anywhere}
.pp-roles{font-size:var(--fs-sm);color:var(--people-ink);overflow-wrap:anywhere}
.pp-role.on{font-weight:800;text-decoration:underline}
.pp-task{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"k s t" ". . v";gap:0 var(--sp-2);align-items:center;width:100%;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink);text-align:left;font-size:var(--fs-sm)}
.pp-task:hover{border-color:var(--ink-3)}
.pp-k{grid-area:k;font-size:var(--fs-cap);font-weight:800}
.pp-k.m{color:var(--money-ink)} .pp-k.p{color:var(--people-ink)} .pp-k.j{color:var(--project-ink)}
.pp-task .st{grid-area:s}
.pp-t{grid-area:t;font-weight:700;overflow-wrap:anywhere;min-width:0}
.pp-v{grid-area:v;font-size:var(--fs-cap);color:var(--ink-2);overflow-wrap:anywhere;grid-column:1 / -1}
.pp-none{margin:0;font-size:var(--fs-sm);color:var(--ink-3);line-height:2.4}
.pp-none.small{font-size:var(--fs-cap)}
.pp-done{margin-top:var(--sp-2)}
.pp-done>summary{min-height:var(--tap);display:flex;align-items:center;font-size:var(--fs-sm);font-weight:700;color:var(--ink-2);cursor:pointer}
.pp-hint{margin:0 0 var(--sp-3);font-size:var(--fs-sm);color:var(--ink-2)}
.pp-lname{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px solid var(--line-2)}
.pp-lname h3{color:var(--ink);overflow-wrap:anywhere}
.pp-sample{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-7);margin:0 0 var(--sp-4);min-width:0}
.pp-sample>summary{min-height:var(--tap);display:flex;align-items:center;padding:var(--sp-2) 0;font-size:var(--fs-lg);font-weight:800;color:var(--ink-2);cursor:pointer}
.pp-sample[open]{padding-bottom:var(--sp-5)}
.pp-sample .pp-lname:first-of-type{border-top:1px solid var(--line-2)}
@media (max-width:520px){.pp-person,.pp-loose,.pp-sample{padding:var(--sp-4) var(--sp-5)}.pp-sec,.pp-lname{grid-template-columns:minmax(0,1fr);gap:var(--sp-1)}.pp-sec h3,.pp-lname h3{line-height:var(--lh-tight)}}