.pm-main{display:block}
  .pm-hero{padding-block:64px 34px;border-bottom:1px solid var(--border)}
  .pm-hero h1{font-family:var(--font-display);font-size:clamp(40px,5.4vw,76px);line-height:.96;letter-spacing:-.04em;margin:14px 0 18px;max-width:18ch}
  .pm-hero .lead{max-width:62ch}
  .pm-search{display:flex;align-items:center;gap:10px;margin-top:26px;max-width:560px;
    background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:0 14px;min-height:50px}
  .pm-search svg{width:18px;height:18px;flex:none;color:var(--muted)}
  .pm-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--fg);
    font:16px/1.4 var(--font-body,inherit);padding:13px 0;outline:none}
  .pm-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 22%,transparent)}
  .pm-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}
  .pm-count{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .pm-count b{color:var(--fg)}
  .pm-jump{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
  .pm-jump a{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
    color:var(--muted);text-decoration:none;border:1px solid var(--border);border-radius:var(--radius-pill);
    padding:6px 12px}
  .pm-jump a:hover,.pm-jump a:focus-visible{color:var(--fg);border-color:var(--border-strong)}
  .pm-group{padding-block:clamp(34px,4.4vw,54px);border-bottom:1px solid var(--border);scroll-margin-top:76px}
  .pm-group__head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
  .pm-group__head h2{font-family:var(--font-display);font-size:clamp(22px,2.4vw,32px);letter-spacing:-.03em;margin:0}
  .pm-group__n{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;color:var(--muted);margin-left:auto}
  .pm-group__lead{color:var(--muted);max-width:62ch;margin:0 0 22px;font-size:14.5px}
  .el-grid--tiles{gap:14px}
  a.el-tile{text-decoration:none;color:inherit;min-height:132px}
  a.el-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  .el-tile__head{gap:10px}
  .el-tile__name{font-size:15.5px}
  a.el-tile:hover .el-tile__name{color:var(--accent)}
  .el-tile__summary{font-size:13px}
  .pm-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;
    font-family:var(--font-mono);font-size:11.5px;color:var(--muted);padding-block:22px}
  .pm-empty{display:none;text-align:center;padding:56px 20px;color:var(--muted)}
  .pm-empty b{display:block;color:var(--fg);font-family:var(--font-display);font-size:20px;margin-bottom:6px}
  .pm-empty.is-on{display:block}
  .pm-status{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  [hidden]{display:none !important}
  @media (max-width:720px){
    .pm-hero{padding-block:34px 24px}
    .pm-search{max-width:none}
    .pm-jump{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .pm-jump::-webkit-scrollbar{display:none}
    .pm-jump a{flex:none}
    .pm-group__n{margin-left:0}
    a.el-tile{min-height:0}
  }