/* Professional firms. Page-only rules, tokens only, .pg-pf- prefix. */

/* The person's question above an answer: their voice, so UI size at semibold in ink
   (the rule research-organisations.css uses for a member's question). */
.pg-pf-ask { margin: 0; font-size: var(--fs-ui); font-weight: var(--fw-semibold); line-height: var(--lh-snug); color: var(--fg-1); }
.pg-pf-ask--small { font-size: var(--fs-sm); color: var(--fg-2); }

/* A document search's result list: file names and years, which is the problem. Paper rows
   on the panel, name left, year right. */
.pg-pf-results { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-1); }
.pg-pf-results li { display: flex; justify-content: space-between; align-items: baseline; gap: var(--sp-3); padding: 10px 14px; border-radius: var(--r-control); background: var(--paper); font-size: var(--fs-sm); }
.pg-pf-results b { font-weight: var(--fw-semibold); color: var(--fg-1); min-width: 0; overflow-wrap: anywhere; }
.pg-pf-results span { flex-shrink: 0; font-size: var(--fs-micro); color: var(--fg-2); }

/* The caps table keeps each citation under its value so the clause stays in a phone column. */
.pg-pf-table th[scope="row"] { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.pg-pf-table tbody tr:last-child th { border-bottom: 0; }
.pg-pf-table td { vertical-align: top; }
.pg-pf-table td .chip { margin-top: var(--sp-1); }

/* The deployment keys table: the chip column takes its content width. */
.pg-pf-where .table__key { width: 1%; white-space: nowrap; }

/* Long chips wrap instead of pushing a figure wider than a phone. */
[class*="pg-pf"] .chip, .answer__cites .chip { white-space: normal; line-height: 1.35; }
.pg-pf-where .table__key .chip { white-space: nowrap; }