body {
      font-family: 'Open Sans', sans-serif;
    }

    /* ── Page Header ── */
    .page-header-section h1 {
      font-size: 28px;
      font-weight: 700;
      color: #0d6cb9;
      margin: 0;
    }
    .page-header-section h2 {
      font-size: 18px;
      font-weight: 700;
      margin: 4px 0 0;
    }

    /* ── Section Block ── */
    .section-block {
      border: 3px solid #99a6c3;
      border-radius: 6px;
      overflow: hidden;
      margin-bottom: 30px;
    }

    /* ── Section Title Header ── */
    .section-title {
      background-color: #0d6cb9;
      color: #fff;
      font-size: 20px;
      font-weight: 700;
      text-align: center;
      padding: 10px 16px;
      font-family: 'Open Sans', sans-serif;
          border-bottom: 3px solid #b72418;
    }
    /* ── Info Box (Blue bordered description area) ── */
    .info-box {
      border: 3px solid #b72418;
      margin-bottom: 20px;
    }
    .info-box p {
      margin-bottom: 10px;
    }
    .info-box p:last-child {
      margin-bottom: 0;
    }
    .info-box strong {
      color: #222;
    }

    /* ── Planning Box (Red bordered) ── */
    .planning-box {
      border: 3px solid #99a6c3;
    }

    /* ── Subject Table Card ── */
    .subject-card {
      border: 3px solid #99a6c3;
      overflow: hidden;
    }

    /* Subject Header */
    .subject-header {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      text-align: center;
      padding: 10px 16px;
      border-bottom: 3px solid #99a6c3;
    }

    /* Color variants for subject headers */
    .bg-blue       { background-color: #0d6cb9; }
    .bg-red        { background-color: #b72418; }
    .bg-yellow     { background-color: #ecaf33; }
    .bg-teal       { background-color: #00bfbc; }
    .bg-spring     { background-color: #92c740; }
    .bg-skyblue    { background-color: #56b7e6; }
    .bg-lightgreen    { background-color: #d7f7e0; }


    /* Objective Row */
    .objective-row {
      display: flex;
      flex-wrap: wrap;
    }
    .objective-cell {
      flex: 1 1 50%;
      padding: 14px 16px;
      border-bottom: 2px solid #99a6c3;
      box-sizing: border-box;
    }
    .objective-cell:first-child {
      border-right: 2px solid #99a6c3;
    }
    .objective-cell h4 {
      font-size: 18px;
      font-weight: 700;
      margin: 0 0 6px;
      color: #222;
    }
    .objective-cell p.ref {
      font-style: italic;
    }

    /* Instructional Practice */
    .instructional-practice {
      background-color: #00bfbcff;
    }
    .instructional-practice h4 {
      font-size: 18px;
      font-weight: 700;
    }

    /* Responsive adjustments */
    @media (max-width: 600px) {
      .objective-cell {
        flex: 1 1 100%;
        border-right: none !important;
      }
      .objective-cell:first-child {
        border-bottom: 2px solid #99a6c3;
      }
    }

    .page-wrapper {
      margin: 0 auto;
    }