/* Model Identification: shared Observatory shell, typography and colors. */
.pxid { --own:var(--brass); --own-light:#d2ad62; --other:#4a3f6b; --na:#9a958c; --none:#ddd8cd; --own-ink:#fff; --own-light-ink:var(--ink); --other-ink:#fff; --na-ink:#26241f; --none-ink:#26241f; }
.pxid .content-grid { margin-top:28px; }
.pxid .content-panel p { line-height:1.65; }
.pxid .legend { gap:10px 22px; flex-wrap:wrap; }
.pxid .key i { display:inline-block; width:12px; height:12px; border-radius:2px; margin-right:7px; vertical-align:-1px; }
.pxid .tick,.pxid .served { fill:var(--muted); font-size:12px; }
.pxid .wname { fill:var(--ink); font-size:17px; font-weight:600; }
.pxid .seglabel { font-size:12px; font-weight:600; pointer-events:none; }
.pxid .ptitle { fill:var(--ink); font-size:16px; font-weight:600; }
.pxid .blabel { fill:var(--muted); font-size:13px; }
.pxid .val { fill:var(--ink); font-size:12px; font-weight:600; }
.pxid .panels { gap:24px 36px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:24px; }
.pxid .mark:hover,.pxid .mark:focus { opacity:.8; }
.pxid .mark:focus-visible { outline:2px solid var(--teal); outline-offset:2px; }
.pxid details { margin-top:22px; }
.pxid summary { cursor:pointer; font-weight:600; }
.pxid .pxid-overview { overflow-x:auto; }
.pxid .pxid-overview svg { min-width:780px; }
.pxid code { overflow-wrap:anywhere; }
#identity-tip { position:fixed; pointer-events:none; background:var(--ink); color:var(--white); font-size:13px; line-height:1.45; padding:8px 10px; border-radius:4px; opacity:0; max-width:min(320px,calc(100vw - 36px)); z-index:20; }
@media(max-width:760px){ .pxid .panels { grid-template-columns:minmax(0,1fr); } .pxid .content-panel { min-width:0; } }