:root{
  --phs-bg:#ffffff;
  --phs-ink:#0b1020;
  --phs-muted:#667085;
  --phs-line:#e5e7eb;
  --phs-card:#ffffff;
  --phs-pill:#f3f4f6;
  --phs-accent:#60A5FA;
  --phs-accent-2:#34D399;
  --phs-shadow:0 10px 30px rgba(2,6,23,.08);
  --radius:16px;
  --radius-lg:20px;
  --max:1120px;
  --pad:20px;
}
.phs-roles, .phs-single{color:var(--phs-ink);background:var(--phs-bg);margin:0 auto;max-width:var(--max);padding:56px var(--pad) 72px;}
.phs-filters{display:flex;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid var(--phs-line);border-radius:var(--radius);background:#fbfdff;margin-bottom:20px;}
.phs-filters input[type="search"],.phs-filters select{border:1px solid var(--phs-line);border-radius:12px;padding:10px 12px;min-width:180px;outline:none;}
.phs-filters button{border:none;border-radius:12px;padding:10px 14px;cursor:pointer;background:var(--phs-accent);color:#fff;box-shadow:var(--phs-shadow);}
.phs-filters .phs-clear{align-self:center;text-decoration:none;padding:8px 4px;color:var(--phs-muted);}
.phs-grid{display:grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap:16px;}
.phs-card{position:relative;border:1px solid var(--phs-line);border-radius:var(--radius);background:var(--phs-card);padding:18px;box-shadow:var(--phs-shadow);overflow:hidden;}
.phs-card__click{position:absolute;inset:0;z-index:5;}
.phs-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.phs-card__title{font-size:18px;line-height:1.2;margin:0 0 6px;}
.phs-pill{background:var(--phs-pill);border:1px solid var(--phs-line);padding:6px 10px;border-radius:999px;font-size:12px;white-space:nowrap;}
.phs-card__meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--phs-muted);font-size:13px;margin-top:6px;}
.phs-card__tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.phs-chip{background:#f1f5f9;border:1px solid var(--phs-line);border-radius:999px;padding:4px 10px;font-size:12px;}