/* Only the Peers host and peer-sourced detail use these styles. */
.p21-peers-surface{min-width:0}
.p21-h-side[role="button"]:focus-visible{outline:2px solid #2F5D45;outline-offset:2px}
.p21-peers-loading{padding:48px;color:#5F5E5A;font-size:16px}
.p21-peers-skeleton{height:32px;max-width:320px;margin-bottom:24px;background:#EBEBE9;border-radius:6px}
.p21-peers-skeleton.short{height:16px;max-width:480px}
.p21-peer-detail{--peer-ink:#37352F;--peer-muted:#5F5E5A;--peer-border:#E3E2E0;--peer-radius:6px;--peer-space:16px;--peer-motion:150ms;display:flex;flex-direction:column;gap:var(--peer-space);font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.p21-peer-detail h2,.p21-peer-detail h3,.p21-peer-detail p,.p21-peer-detail ol{margin:0}
.p21-peer-detail h2{font-size:28px;line-height:1.3}
.p21-peer-detail h3{font-size:18px}
.p21-peer-detail ol{padding-left:24px}
.p21-peer-detail li+li{margin-top:8px}
.p21-peer-meta{color:var(--peer-muted);font-size:13px}
.p21-peer-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;max-width:100%;padding:8px 12px;border:1px solid #E3E2E0;border-radius:6px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;color:#37352F;background:var(--app-surface-background);cursor:pointer;transition:background 150ms ease-out;overflow-wrap:anywhere}
.p21-peer-button.primary{background:#37352F;color:white;border-color:#37352F}
.p21-peer-button:disabled{opacity:.55;cursor:default}
.p21-peer-button:focus-visible,.p21-peer-agents input:focus-visible{outline:2px solid #2F5D45;outline-offset:4px}
.p21-peer-file{max-height:320px;overflow:auto;margin:0;padding:16px;background:var(--app-surface-background);border:1px solid var(--peer-border);border-radius:var(--peer-radius);font:13px/1.6 ui-monospace,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.p21-peer-notice{padding:16px;background:var(--app-surface-background);border-radius:var(--peer-radius)}
.p21-peer-agents{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px}
.p21-peer-agents legend{padding:0;margin-bottom:8px;color:var(--peer-muted)}
.p21-peer-agents label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.p21-peer-agents input{appearance:none;display:block;width:18px;height:18px;margin:0;border:1px solid #787774;border-radius:4px;background:white;cursor:pointer}
.p21-peer-agents input:checked{background:#37352F;border-color:#37352F;box-shadow:inset 0 0 0 3px #FFFFFF}
@media(hover:hover){.p21-peer-button:not(:disabled):hover{background:#F1F1EF}.p21-peer-button.primary:not(:disabled):hover{background:#2A2925}}
@media(prefers-reduced-motion:reduce){.p21-peer-button{transition:none}}