/* Answer-first summary + Key facts + byline (scripts/site-facts/summaries.py).
   Uses the site tokens (site-tokens.css / pd-tokens.css); falls back to the brand values. */
.pd-summary {
  --pds-bg: var(--pd-ui-surface, #111a22);
  --pds-line: var(--pd-ui-line, #2b3a43);
  --pds-text: var(--pd-ui-text, #f1f5f4);
  --pds-muted: var(--pd-ui-text-muted, #96a5af);
  --pds-accent: var(--pd-ui-accent, #3ee6b5);
  box-sizing: border-box;
  width: 100%;
  max-width: var(--pd-maxw, 1240px);
  margin: clamp(20px, 3vw, 32px) auto;
  padding: 0 var(--pd-gutter, clamp(16px, 4vw, 32px));
}
.pd-summary *, .pd-summary *::before, .pd-summary *::after { box-sizing: border-box; }
.pd-summary__inner {
  background: var(--pds-bg);
  border: 1px solid var(--pds-line);
  border-left: 3px solid var(--pds-accent);
  border-radius: var(--pd-radius-lg, 16px);
  padding: clamp(18px, 2.6vw, 28px) clamp(18px, 3vw, 32px);
}
.pd-summary__answer {
  margin: 0 0 18px;
  max-width: 72ch;
  color: var(--pds-text);
  font: 400 clamp(16px, 1.15rem, 19px)/1.6 var(--pd-ui-font, Inter, system-ui, sans-serif);
}
.pd-summary__heading {
  margin: 0 0 10px;
  color: var(--pds-muted);
  font: 600 12px/1.4 var(--pd-ui-mono, "JetBrains Mono", ui-monospace, monospace);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.pd-summary__facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 0 0 16px;
  padding: 0;
}
/* no lone last card: the column count follows the number of facts */
@media (min-width: 640px) {
  .pd-summary__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pd-summary__facts--n3 > :last-child, .pd-summary__facts--n5 > :last-child { grid-column: 1 / -1; }
}
@media (min-width: 1000px) {
  .pd-summary__facts--n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pd-summary__facts--n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pd-summary__facts--n5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .pd-summary__facts--n3 > :last-child, .pd-summary__facts--n5 > :last-child { grid-column: auto; }
  .pd-summary__facts--n5 > :nth-child(-n+3) { grid-column: span 2; }
  .pd-summary__facts--n5 > :nth-child(n+4) { grid-column: span 3; }
}
.pd-summary__fact {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--pds-line);
  border-radius: var(--pd-radius-md, 12px);
  background: rgba(255, 255, 255, .02);
}
.pd-summary__fact dt {
  margin: 0 0 4px;
  color: var(--pds-muted);
  font: 500 13px/1.4 var(--pd-ui-font, Inter, system-ui, sans-serif);
}
.pd-summary__fact dd { margin: 0; }
.pd-summary__value {
  display: block;
  color: var(--pds-text);
  font: 600 17px/1.35 var(--pd-ui-display, "Space Grotesk", Inter, system-ui, sans-serif);
  overflow-wrap: anywhere;
}
.pd-summary__source {
  display: block;
  margin-top: 4px;
  color: var(--pds-muted);
  font: 400 12.5px/1.45 var(--pd-ui-font, Inter, system-ui, sans-serif);
}
.pd-summary__byline {
  margin: 0;
  color: var(--pds-muted);
  font: 400 13.5px/1.5 var(--pd-ui-font, Inter, system-ui, sans-serif);
}
.pd-summary__byline a {
  color: var(--pds-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pd-summary__byline a:focus-visible { outline: 2px solid var(--pds-accent); outline-offset: 2px; border-radius: 2px; }