/* Your records as an asset. Page-only rules, tokens only, .pg-pd- prefix. */

/* The hero figure's three layers: a small label over a row of chips, with a down arrow
   between layers. Bare on the panel, since a tint never holds a tint. */
.pg-pd-layer { display: flex; flex-direction: column; gap: var(--sp-2); }
.pg-pd-layer__label { font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--fg-2); }
.pg-pd-down { display: block; margin: var(--sp-3) 0 var(--sp-3) var(--sp-2); color: var(--fg-2); }

/* The keys table sits on a cloud panel; its key column takes the label width so the
   descriptions line up. */
.pg-pd-keys .table__key { width: 36%; }

/* One organisation's records: paper rows, the role on the left and the source on the right,
   stacking on a phone (the pattern from research-organisations.css). */
.pg-pd-entity { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-1); }
.pg-pd-entity li { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; border-radius: var(--r-control); background: var(--paper); }
.pg-pd-entity b { font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--fg-1); }
.pg-pd-entity span { font-size: var(--fs-sm); color: var(--fg-2); line-height: 1.45; }

/* The sentence a person types into the correction dialog: their voice, so UI size at
   semibold in ink, as research-organisations.css sets a member's question. */
.pg-pd-said { margin: 0; font-size: var(--fs-ui); font-weight: var(--fw-semibold); line-height: var(--lh-snug); color: var(--fg-1); }

/* Typed proposals: the directive name in monospace, its explanation under it. */
.pg-pd-proposals { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-3); }
.pg-pd-proposals li { display: flex; flex-direction: column; gap: 2px; }
.pg-pd-proposals code { font: var(--fw-semibold) var(--fs-sm)/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--fg-1); }
.pg-pd-proposals span { font-size: var(--fs-sm); color: var(--fg-2); line-height: 1.45; }

/* Long chips wrap instead of pushing a figure wider than a phone. */
[class*="pg-pd"] .chip, .answer__cites .chip, .demo__head + .pg-pd-layer .chip { white-space: normal; line-height: 1.35; }
.tint .cluster .chip { white-space: normal; line-height: 1.35; }

/* The spec grid's one-column phone rule loses the cascade to flat.css's 1100px rule
   (see research-organisations.css); restated for this page. */
@media (max-width: 600px) { .specs { grid-template-columns: 1fr; } }