:root {
  --header-height: 64px;
  --dora-black: rgb(34, 30, 39);
  --dora-warm-white: rgb(240, 238, 234);
  --dora-sky-blue: rgb(73, 160, 236);
  --dora-vermillion: rgb(245, 90, 36);
  --dora-spotlight-yellow: rgb(240, 225, 90);
  --dora-mauve: rgb(184, 175, 254);
  --dora-deep-plum: rgb(114, 2, 92);
  --dora-prussian-blue: rgb(11, 57, 84);
  --dora-primary-dark: var(--dora-black);
  --dora-primary-light: var(--dora-warm-white);
  --dora-highlight: var(--dora-spotlight-yellow);
  --dora-secondary-a: var(--dora-vermillion);
  --dora-secondary-b: var(--dora-sky-blue);
  --dora-secondary-c: var(--dora-mauve);
  --dora-tertiary-a: var(--dora-deep-plum);
  --dora-tertiary-b: var(--dora-prussian-blue);
  --background: white;
  --grey-10: color-mix(in srgb, var(--dora-black), white 90%);
  --grey-15: color-mix(in srgb, var(--dora-black), white 85%);
  --grey-20: color-mix(in srgb, var(--dora-black), white 80%);
  --grey-30: color-mix(in srgb, var(--dora-black), white 70%);
  --grey-40: color-mix(in srgb, var(--dora-black), white 60%);
  --grey-50: color-mix(in srgb, var(--dora-black), white 50%);
  --grey-60: color-mix(in srgb, var(--dora-black), white 40%);
  --grey-70: color-mix(in srgb, var(--dora-black), white 30%);
  --grey-80: color-mix(in srgb, var(--dora-black), white 20%);
  --grey-90: color-mix(in srgb, var(--dora-black), white 10%); }

.capabilitiesGrid {
  display: grid;
  gap: 1em;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 2em; }
  .capabilitiesGrid article {
    border: 1px solid var(--grey-15);
    border-radius: 0.5em;
    display: grid;
    grid-template-columns: 1fr 3rem;
    grid-auto-rows: min-content;
    gap: 0px 0px;
    grid-template-areas: "heading core" "content content"; }
    .capabilitiesGrid article h4 {
      font-size: 1em;
      grid-area: heading;
      margin: 0;
      padding: 1rem 0.5rem 0 0.75rem; }
      .capabilitiesGrid article h4 a {
        color: #202124;
        text-decoration: none; }
    .capabilitiesGrid article .core {
      grid-area: core; }
      .capabilitiesGrid article .core a {
        font-weight: 500;
        background-color: #e1f3fc;
        border-top-right-radius: 0.5em;
        border-bottom-left-radius: 0.5em;
        text-align: center;
        display: block;
        font-size: 0.8rem;
        padding: 0.25rem 0;
        color: #1a73e8;
        text-decoration: none; }
    .capabilitiesGrid article p {
      grid-area: content;
      font-size: 0.95em;
      margin: 0;
      padding: 0.5rem;
      padding-left: 0.75rem; }
      .capabilitiesGrid article p a {
        color: #202124;
        text-decoration: none; }
      .capabilitiesGrid article p .learn_more {
        font-weight: 400;
        color: #1a73e8;
        display: block; }
        .capabilitiesGrid article p .learn_more img {
          vertical-align: middle; }

article ul li {
  margin-bottom: 0.5em; }

article img {
  max-width: 100%; }

article code {
  background-color: #f0f1f2;
  border-radius: 0.25em;
  padding: 0.25em;
  font-size: 0.80em; }

article table {
  border: 1px solid var(--grey-15);
  border-collapse: collapse; }
  article table tr th,
  article table tr td {
    margin: 0;
    padding: 0.25em 0.75em; }
  article table tr th {
    background-color: #f0f1f2; }
  article table tr td {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 0.9em; }
  article table tr:nth-child(even) {
    background-color: #f8f9fa; }

section.hasSidebar sidebar {
  min-width: 16em; }
  section.hasSidebar sidebar h4 {
    white-space: nowrap;
    margin-bottom: 1em; }
  section.hasSidebar sidebar h5 {
    margin-bottom: 0.25em;
    border-bottom: 1px solid var(--grey-15); }
  section.hasSidebar sidebar ul {
    padding: 0;
    margin-top: 0; }
    section.hasSidebar sidebar ul li {
      display: block;
      padding: 0;
      list-style-type: none;
      line-height: 1.25; }
      section.hasSidebar sidebar ul li a {
        color: #202124;
        font-weight: 300;
        font-size: 85%;
        display: inline-block;
        padding: 6pt 0; }

h1 a.core {
  display: inline-block;
  background-color: #e1f3fc;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  text-decoration: none;
  vertical-align: middle; }

@media (max-width: 800px) {
  .capabilitiesGrid {
    grid-template-columns: 1fr; } }

.architecture-table table {
  width: 100%;
  border-collapse: collapse; }

.architecture-table figcaption {
  text-align: center;
  font-size: 0.8em;
  margin-top: 0.2rem;
  color: var(--grey-50);
  margin-bottom: 0.8rem; }

.measures-table {
  margin-bottom: 1.5rem; }