.ap-board { padding: 0 20px 52px; max-width: 1080px; }
.ap-board > h3 { font: 500 12px/1.4 "Martian Mono", ui-monospace, monospace; letter-spacing: 2px;
  text-transform: uppercase; color: #7C9A86; margin: 34px 0 6px; }
.ap-lead { font: 400 15px/1.6 "Martian Mono", ui-monospace, monospace; color: #A9B0A2;
  margin: 0 0 22px; max-width: 68ch; }
.ap-hero { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; margin: 0 0 26px; }
.ap-hero svg { width: 132px; height: 132px; }
.ap-hero .pct { font: 400 13px/1.4 "Martian Mono", ui-monospace, monospace; color: #7C9A86;
  letter-spacing: 2px; }
.ap-row { display: flex; gap: 30px; flex-wrap: wrap; margin: 0 0 8px; }
.ap-cell { display: flex; flex-direction: column; gap: 8px; max-width: 250px; }
.ap-cell svg { width: 76px; height: 76px; }
.ap-name { font: 500 11px/1.4 "Martian Mono", ui-monospace, monospace; letter-spacing: 2px; }
.ap-note { font: 400 13px/1.55 "Martian Mono", ui-monospace, monospace; color: #A9B0A2; }
.ap-sizes { display: flex; align-items: flex-end; gap: 26px; flex-wrap: wrap; margin: 6px 0 0; }
.ap-sizes .s { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.ap-sizes .s span { font: 400 11px/1 "Martian Mono", ui-monospace, monospace; color: #56665B; }
/* The evidence colours, as classes: the site's CSP drops a style attribute. */
.ap-sage { color: #7C9A86; }
.ap-amber { color: #E0A43A; }
.ap-paper { color: #E9E4D4; }
.ap-wide { max-width: none; }
.ap-flush { margin: 0; }