/* platform.css
   Platform view: capability tiles, infrastructure table, policy note.
   ------------------------------------------------------------------------- */

.pf-grid { display: grid; grid-template-columns: minmax(0,1fr) 322px; gap: 44px; padding: 40px 0 0; align-items: start; }

.pftable { border: 1px solid var(--line); border-radius: var(--r-l); overflow: hidden; }

.pftable > div {
  display: grid; grid-template-columns: 178px 1fr; gap: 20px;
  padding: 14px 19px; border-top: 1px solid var(--line); background: var(--surface);
}

.pftable > div:first-child { border-top: 0; }

.pftable dt { font-size: 12.5px; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; color: var(--ink-3); }

.pftable dd { margin: 0; font-size: 14.5px; color: var(--ink); }

@media (max-width: 860px) {
  .pftable > div { grid-template-columns: minmax(0,1fr); gap: 5px; }
}

.cap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }

.cap {
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-l);
  padding: 20px 21px;
}

.cap b {
  display: block; font-size: clamp(28px, 3.4vw, 38px); font-weight: 800;
  letter-spacing: -.04em; line-height: 1; color: var(--c-red); margin-bottom: 9px;
  font-variant-numeric: tabular-nums;
}

.cap:nth-child(2) b { color: var(--c-teal); }

.cap:nth-child(3) b { color: var(--c-purple); }

.cap em {
  font-style: normal; display: block; font-size: 13.5px; font-weight: 700;
  letter-spacing: -.01em; margin-bottom: 7px;
}

.cap span { font-size: 13px; color: var(--ink-2); line-height: 1.55; }

@media (max-width: 860px) {
  .cap-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Dark-mode overrides for this module, moved out of global/base.css in v1.1
   so a view's dark behaviour lives beside its light behaviour. */
html[data-theme="dark"] .cap b { color: var(--accent); }