/* ---- Analytics page (pages3.js) ---- */
.p3-lead { margin: 0; line-height: 1.5; }
.p3-lead b { color: var(--ink); }
.p3-helpline { padding-top: 0 !important; padding-bottom: 6px !important; }
.p3-help { cursor: help; display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 50%; border: 1px solid var(--line); font-size: 0.6875rem; margin-left: 6px; }
.p3-ci { color: var(--mut); font-size: 0.75rem; white-space: nowrap; }
.p3-thin { opacity: .5; }
.p3-dim { color: var(--faint); }
.p3-key { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
table.p3-aligned { table-layout: fixed; }
table.p3-aligned th:first-child { width: 36%; }
table.p3-aligned th:nth-child(2) { width: 22%; }
table.p3-aligned th:nth-child(3) { width: 42%; }
table.p3-aligned th, table.p3-aligned td:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
table.p3-aligned .p2-rate { white-space: nowrap; }
.p3-grid .panel { margin-bottom: 0; }
.p3-grid { margin-bottom: var(--sp-section); grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
.p3-grid .panel > h2 { display: flex; align-items: center; gap: 10px; }
.p3-grid .panel > h2 .p3-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p3-explore { text-transform: none; letter-spacing: 0; white-space: nowrap; flex: none; }
.p3-xform { margin-bottom: 12px; }
.p3-xform label { display: flex; flex-direction: column; gap: 4px; font-size: 0.6875rem; color: var(--ink); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; line-height: 1.2; }
.p3-xform select, .p3-xform input { height: var(--ctl-h); box-sizing: border-box; }
.p3-minn { width: 90px; }
.p3-segments { margin-top: -6px; align-items: center; }
#p3-xtab.p3-loading { opacity: .5; }
table.p3-heat th { white-space: nowrap; }
.p3-cell { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 8px 10px; min-width: 84px; color: var(--ink); }
.p3-cell b { font-weight: 650; font-variant-numeric: tabular-nums; }
.p3-tot { background: var(--surface-2); }
.p3-tot-h { text-align: center; }
.p3-totrow th, .p3-totrow td { border-top: 2px solid var(--line); }
table.p3-codegw td.right, table.p3-codegw th.right { white-space: nowrap; }
@media (max-width: 720px) {
  table.p3-aligned th:first-child { width: 32%; }
  table.p3-aligned th:nth-child(2) { width: 22%; }
  table.p3-aligned th:nth-child(3) { width: 46%; }
  .p3-xform label { width: 100%; }
}