.project-outputs .output-top {
  display:flex;
  justify-content:space-between;
  color:#5b6c84;
  font-size:13px;
  margin-bottom:32px}
.project-outputs h2#deliverables-title {
  font-size:30px;
  margin:8px 0 12px}
.project-outputs h2 {
  font-size:22px;
  margin:0 0 14px}
.project-outputs h3 {
  font-size:18px;
  margin:6px 0 12px}
.project-outputs p {
  color:#60718a;
  line-height:1.85;
  margin:8px 0 16px}
.project-outputs .output-tag {
  color:#426eae;
  font-size:12px;
  background:#eaf0f8;
  padding:5px 10px;
  border-radius:5px}
.project-outputs .output-lead {
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:32px;
  background:white;
  border:1px solid #dce3ee;
  border-radius:12px;
  padding:28px;
  margin:26px 0 20px}
.project-outputs .output-lead img {
  width:100%;
  border:1px solid #e0e6ee;
  border-radius:8px}
.project-outputs .output-numbers {
  display:flex;
  gap:30px;
  margin:24px 0}
.project-outputs .output-numbers strong {
  display:block;
  font-size:29px;
  color:#355e96}
.project-outputs .output-numbers span {
  font-size:12px;
  color:#63748b}
.project-outputs .output-links {
  display:flex;
  gap:22px;
  font-size:14px;
  color:#426eae}
.project-outputs .output-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px}
.project-outputs .output-card {
  background:white;
  border:1px solid #dce3ee;
  border-radius:10px;
  padding:23px}
.project-outputs .output-idx {
  font-size:12px;
  color:#426eae;
  letter-spacing:2px}
.project-outputs .output-card p {
  font-size:14px;
  min-height:76px}
.project-outputs .output-mini {
  padding:12px;
  background:#f4f6fa;
  border-radius:6px;
  font-size:13px;
  color:#52657e;
  line-height:1.8}
.project-outputs .output-card a {
  display:inline-block;
  margin-top:18px;
  color:#426eae;
  font-size:13px}
.project-outputs .output-chapter {
  padding-top:38px;
  margin-top:12px}
.project-outputs .output-matrix {
  background:white;
  border:1px solid #dce3ee;
  border-radius:10px;
  overflow:hidden}
.project-outputs .output-row {
  display:grid;
  grid-template-columns:160px 1fr 1fr;
  gap:20px;
  padding:18px 24px;
  border-top:1px solid #edf0f5;
  font-size:14px;
  line-height:1.8}
.project-outputs .output-row:first-child {
  border:0;
  background:#edf2f8;
  color:#526b8d;
  font-size:12px}
.project-outputs .output-row b {
  color:#2d4870}
.project-outputs .output-row span {
  color:#5c6e85}
.project-outputs .output-boundary {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:22px}
.project-outputs .output-boundary .output-card p {
  min-height:0}
.project-outputs .output-note {
  font-size:12px;
  margin-top:18px}
.project-outputs .output-label {
  font-size:12px;
  color:#426eae;
  letter-spacing:2px}
.project-outputs .output-rule {
  border-top:1px solid #dce3ee;
  margin-top:30px;
  padding-top:18px;
  color:#60718a;
  font-size:13px}
@media(max-width:800px) {
  .project-outputs .output-lead,.project-outputs .output-grid,.project-outputs .output-boundary {
  grid-template-columns:1fr}
.project-outputs .output-row {
  grid-template-columns:1fr;
  gap:6px}
.project-outputs .output-row:first-child {
  display:none}
.project-outputs .output-numbers {
  gap:22px}
.project-outputs .output-top {
  gap:12px}
.project-outputs .output-lead {
  padding:20px}
.project-outputs h2#deliverables-title {
  font-size:28px}
.project-outputs .output-card p {
  min-height:0}
}


.project-outputs .output-lead h3 {
  font-size:22px;
  }

.project-outputs .output-numbers>div {
  min-width:0;
  }

.project-outputs .output-numbers {
  flex-wrap:wrap;
  }

.project-outputs .output-lead .image-trigger {
  display:block;
  width:100%;
  }