/* امتداد معزول للهدف العام الرابع؛ يعتمد على القواعد الأساسية في page-028-034-goal-two.css. */
.g4-page {
  --g2-blue: #17365f;
  --g2-blue-deep: #0c2442;
  --g2-gold: #d4af37;
}

.g4-page .g2-hero {
  flex-basis: 116px;
  min-height: 116px;
}

.g4-page .g2-goal {
  max-width: 940px;
  font-size: 10.7px;
  line-height: 1.58;
}

.g4-page .g2-summary {
  font-size: 9px;
}

.g4-page .g2-footer-code {
  letter-spacing: .13em;
}

/* أربع بطاقات: صفان × عمودان. */
.g4-grid--rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.g4-grid--rows-2 .g2-act-title { font-size: 14px; }
.g4-grid--rows-2 .g2-desc { font-size: 9.8px; line-height: 1.48; }
.g4-grid--rows-2 .g2-meta { font-size: 8px; }
.g4-grid--rows-2 .g2-measure p { font-size: 8.05px; line-height: 1.42; }

/* ثلاثة أنشطة ممتدة في صفحات الاستكمال. */
.g4-grid--three-wide {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.g4-grid--three-wide .g2-activity {
  grid-column: 1;
  grid-template-columns: 48px minmax(0, 1fr);
}
.g4-grid--three-wide .g2-index span {
  font-size: 17px;
}
.g4-grid--three-wide .g2-act-body {
  padding: 9px 13px;
  gap: 4px;
}
.g4-grid--three-wide .g2-act-title {
  font-size: 14.2px;
}
.g4-grid--three-wide .g2-desc {
  font-size: 9.8px;
  line-height: 1.48;
}
.g4-grid--three-wide .g2-meta {
  font-size: 8px;
}
.g4-grid--three-wide .g2-measure {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.g4-grid--three-wide .g2-measure p {
  font-size: 8px;
  line-height: 1.42;
}

/* تحسين توازن آخر بطاقة الممتدة في الصفحات ذات خمسة أنشطة. */
.g4-page .g2-activity--wide .g2-measure {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media print {
  .g4-page {
    width: 297mm !important;
    height: 210mm !important;
    min-height: 210mm !important;
  }
}