/* ========= Scoped Tokens & Safe Reset ========= */
    #mq-curriculum-fw{
      --ink:#0f2333; --muted:#5f7281;
      --navy:#0e4f78; --sky:#0a6aa1;
      --gold:#f5c76d; --gold-2:#e7ad38;
      --success:#11b49d;
      --bg1:#f2f8ff; --bg2:#eef6ff;
      --ring:rgba(15,35,51,.14);
      font-family:"Noto Kufi Arabic","Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
      color:var(--ink);
      position:relative; isolation:isolate;
    }
    /* Full-bleed background without layout shifts */
    #mq-curriculum-fw::before{
      content:""; position:absolute; inset:0; left:50%; transform:translateX(-50%);
      width:100vw; z-index:-1;
      background:
        radial-gradient(420px 420px at -6% 10%, rgba(245,199,109,.16), transparent 62%),
        radial-gradient(380px 380px at 108% 85%, rgba(231,173,56,.14), transparent 64%),
        linear-gradient(180deg,var(--bg1),var(--bg2));
      border-top:1px solid rgba(15,35,51,.08);
      border-bottom:1px solid rgba(15,35,51,.08);
    }
    /* Prevent horizontal scroll from children */
    #mq-curriculum-fw, #mq-curriculum-fw *{ box-sizing:border-box }

    /* ========= Container ========= */
    #mq-curriculum-fw .inner{
      max-width:1200px;
      padding:clamp(20px,4vw,56px) clamp(16px,3vw,28px);
      margin:0 auto;
    }

    /* ========= Headings & Lead ========= */
    #mq-curriculum-fw h2{
      margin:0 0 8px; line-height:1.1; font-weight:900;
      font-size:clamp(24px,3.2vw,40px);
      letter-spacing:.2px;
      background:linear-gradient(180deg,var(--navy),var(--sky));
      -webkit-background-clip:text; background-clip:text; color:transparent;
      text-wrap:balance;
    }
    #mq-curriculum-fw .lead{
      color:var(--muted); line-height:1.85; max-width:80ch; margin:0 0 18px;
      text-wrap:pretty;
    }

    /* ========= Grid (auto-fit) ========= */
    #mq-curriculum-fw .grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(320px,1fr));
      gap:clamp(14px,2vw,20px);
      position:relative;
      padding-top:clamp(12px,1.8vw,18px);
    }
    /* subtle separator */
    #mq-curriculum-fw .grid::before{
      content:""; grid-column:1/-1; height:1px; margin-bottom:clamp(12px,1.8vw,16px);
      background:
        linear-gradient(90deg, transparent, rgba(14,79,120,.25), rgba(10,106,161,.25), transparent),
        linear-gradient(90deg, transparent 15%, rgba(245,199,109,.35) 50%, transparent 85%);
      border-radius:2px; display:block;
    }

    /* ========= Blocks ========= */
    #mq-curriculum-fw .blk{ padding:2px }
    #mq-curriculum-fw .blk h3{
      margin:0 0 8px; font-weight:900; font-size:clamp(17px,1.6vw,20px);
      color:var(--navy); position:relative; padding-left:12px;
    }
    #mq-curriculum-fw .blk h3::before{
      content:""; position:absolute; left:0; top:.28em; bottom:.28em; width:5px; border-radius:5px;
      background:linear-gradient(180deg,var(--gold),var(--gold-2));
      box-shadow:0 0 0 1px rgba(245,199,109,.16);
    }
    #mq-curriculum-fw .blk ul{ list-style:none; margin:8px 0 0; padding:0 }
    #mq-curriculum-fw .blk li{
      position:relative; padding-left:26px; margin:10px 0; line-height:1.8; color:var(--ink);
    }
    #mq-curriculum-fw .blk li::before{
      content:""; position:absolute; left:2px; top:.88em; width:12px; height:12px; border-radius:50%;
      background:var(--success);
      box-shadow:0 0 0 6px rgba(10,106,161,.10);
    }
    #mq-curriculum-fw .blk li a{
      color:var(--sky); text-decoration:none; border-bottom:2px solid rgba(10,106,161,.25)
    }
    #mq-curriculum-fw .blk li a:hover{ border-color:rgba(10,106,161,.45) }

    /* ========= Emphasis & CTA ========= */
    #mq-curriculum-fw .emph{
      margin:clamp(14px,2.4vw,22px) 0 0; font-weight:800; line-height:1.8;
      color:var(--navy);
      background:linear-gradient(180deg, rgba(245,199,109,.17), transparent);
      border-top:1px dashed rgba(231,173,56,.35);
      padding-top:clamp(12px,1.6vw,16px);
      text-wrap:pretty;
    }
    #mq-curriculum-fw .emph strong{ color:var(--sky) }

    #mq-curriculum-fw .cta{ margin-top:clamp(10px,2vw,18px) }
    #mq-curriculum-fw .btn{
      display:inline-block; text-decoration:none; cursor:pointer; user-select:none;
      padding:12px 18px; border-radius:12px; font-weight:900; line-height:1;
      background:linear-gradient(180deg,var(--sky),var(--navy)); color:#fff;
      border:1px solid rgba(10,106,161,.35);
      box-shadow:0 14px 26px rgba(10,106,161,.22), 0 0 0 4px rgba(245,199,109,.12);
      transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
    }
    #mq-curriculum-fw .btn:hover{
      transform:translateY(-1px);
      box-shadow:0 18px 34px rgba(10,106,161,.26), 0 0 0 4px rgba(231,173,56,.16);
      filter:saturate(1.05);
    }

    /* ========= Small Mobile Tweaks ========= */
    @media (max-width:420px){
      #mq-curriculum-fw .grid{ grid-template-columns:1fr; gap:12px }
      #mq-curriculum-fw .blk li{ padding-left:24px; margin:8px 0 }
      #mq-curriculum-fw .blk li::before{ width:10px; height:10px; left:1px; top:.86em; box-shadow:0 0 0 5px rgba(10,106,161,.10) }
    }