/* Shared read-only record groups. Editing forms and printable documents keep
   their existing layout and behavior. Each label stays with its own value. */
.portal-content dl.record-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 16px;margin:14px 0 20px;padding:0;align-items:stretch;
}
.portal-content .record-grid>.record-field{
  min-width:0;padding:12px 14px;border:1px solid #dce7f1;
  border-radius:9px;background:#f8fbfe;box-sizing:border-box;
}
.portal-content .record-grid>.record-field>dt{
  float:none;clear:none;width:auto;margin:0;padding:0;
  color:#526b80;font-size:12px;font-weight:600;line-height:1.5;
  overflow-wrap:anywhere;
}
.portal-content .record-grid>.record-field>dd{
  float:none;clear:none;width:auto;min-width:0;min-height:21px;
  margin:4px 0 0;padding:0;color:#243e55;font-size:14px;line-height:1.5;
  white-space:pre-wrap;overflow-wrap:anywhere;
}
.portal-content .record-grid pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font:inherit}
.portal-content .record-grid>.record-field:has(>dd>pre){grid-column:1/-1}
.portal-content .data-table .record-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:1200px){.portal-content dl.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portal-content dl.record-grid{grid-template-columns:minmax(0,1fr);gap:10px}}