@import url("./site-v4.css");

.consent-field {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: start;
  margin: 22px 0;
  color: var(--muted);
  font-size: 13px;
}
.consent-field input { width: 18px; height: 18px; margin: 2px 0 0; }
.deliverable-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.deliverable-grid article { min-height: 230px; padding: 28px; background: var(--white); border-right: 1px solid var(--line); }
.deliverable-grid article:last-child { border-right: 0; }
.deliverable-grid span { display: block; margin-bottom: 36px; color: #087f8f; font-size: 13px; font-weight: 900; }
.deliverable-grid p { margin-bottom: 0; color: var(--muted); }
.operating-facts { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.operating-facts article { padding: 26px; border-right: 1px solid var(--line); }
.operating-facts article:last-child { border-right: 0; }
.operating-facts strong { display: block; margin-bottom: 12px; color: #087f8f; }
.operating-facts p { margin-bottom: 0; color: var(--muted); }

@media (max-width: 900px) {
  .deliverable-grid, .operating-facts { grid-template-columns: repeat(2, 1fr); }
  .deliverable-grid article:nth-child(2), .operating-facts article:nth-child(2) { border-right: 0; }
  .deliverable-grid article:nth-child(-n+2), .operating-facts article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 560px) {
  .deliverable-grid, .operating-facts { grid-template-columns: 1fr; }
  .deliverable-grid article, .operating-facts article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .deliverable-grid article:last-child, .operating-facts article:last-child { border-bottom: 0; }
}