{"id":5281,"date":"2026-06-19T04:55:17","date_gmt":"2026-06-19T03:55:17","guid":{"rendered":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/calculations-using-reacting-masses\/"},"modified":"2026-09-19T20:33:25","modified_gmt":"2026-09-19T19:33:25","slug":"calculations-using-reacting-masses","status":"publish","type":"page","link":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/calculations-using-reacting-masses\/","title":{"rendered":"Calculations Using Reacting Masses"},"content":{"rendered":"\n<!--\n===============================================================================\nONLINE LEARNING SYSTEM COPYRIGHT NOTICE\n\u00a9 Online Learning System. All rights reserved.\n\nThis WordPress revision page HTML, CSS, content sequence, educational wording,\nlayout structure, schema structure and embedded design logic are protected\nintellectual property of Online Learning System.\n\nUnauthorised copying, redistribution, resale, modification, republication,\nscraping, extraction, derivative reuse, automated harvesting or removal of\ncopyright notices is strictly prohibited.\n\nBackend copyright marker:\nOLS-AQA-312-CALCULATIONS-USING-REACTING-MASSES-REVISION-PAGE-7405-2026\n\nPage:\nCalculations Using Reacting Masses\nAQA A Level Chemistry\nPaper 1 and Paper 2\n3.1.2 Amount of Substance\n7405\/1 and 7405\/2\n\nCopyright enforcement notes:\n- The visible student page is a free OLS revision resource.\n- The backend HTML structure, CSS architecture, card sequencing, schema graph,\n  revision wording, responsive table behaviour and embedded learning pathway are\n  proprietary OLS production assets.\n- Do not remove this notice.\n===============================================================================\n-->\n\n<section class=\"ols-revision-page ols-reacting-masses-page\" data-owner=\"Online Learning System\" data-copyright=\"\u00a9 Online Learning System. All rights reserved.\" data-rights=\"Unauthorised copying, redistribution, resale, modification, republication, scraping, extraction, derivative reuse or removal of copyright notices is prohibited.\" data-backend-marker=\"OLS-AQA-312-CALCULATIONS-USING-REACTING-MASSES-REVISION-PAGE-7405-2026\">\n  <style>\n    .ols-revision-page {\n      --navy: #3b0764;\n      --blue: #7c3aed;\n      --soft-blue: #f3e8ff;\n      --soft-red: #faf5ff;\n      --soft-purple: #f3e8ff;\n      --soft-green: #f5f3ff;\n      --soft-orange: #fffbeb;\n      --gold: #c9973a;\n      --grey-text: #667085;\n      --body-text: #1f2937;\n      --border: rgba(88, 28, 135, 0.16);\n      --shadow: 0 18px 45px rgba(88, 28, 135, 0.12);\n      --inner-shadow: 0 10px 26px rgba(88, 28, 135, 0.09);\n      font-family: Poppins, Arial, sans-serif;\n      color: var(--navy);\n      background: #ffffff;\n    }\n\n    .ols-revision-page * { box-sizing: border-box; }\n\n    .ols-revision-layout {\n      display: grid;\n      grid-template-columns: 310px minmax(0, 1fr);\n      gap: 34px;\n      max-width: 1450px;\n      margin: 0 auto;\n      padding: 24px 20px 60px;\n    }\n\n    .ols-main { min-width: 0; max-width: 970px; }\n\n    .ols-breadcrumbs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin: 10px 0 22px;\n      font-size: 15px;\n      color: var(--grey-text);\n    }\n\n    .ols-breadcrumbs a,\n    .ols-breadcrumbs span {\n      color: var(--grey-text);\n      text-decoration: none;\n      font-weight: 600;\n    }\n\n    .ols-breadcrumbs a:hover {\n      color: var(--blue);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n\n    .ols-title-card,\n    .ols-note-card,\n    .ols-h5p-card,\n    .ols-related-card,\n    .ols-faq-card,\n    .ols-quicksnap-card {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 28px;\n      box-shadow: var(--shadow);\n      padding: 34px;\n      margin-bottom: 24px;\n      overflow: hidden;\n    }\n\n    .ols-title-card { background: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%); }\n\n    .ols-title-card h1 {\n      margin: 0 0 18px;\n      font-size: clamp(36px, 5vw, 58px);\n      line-height: 1.08;\n      font-weight: 800;\n      letter-spacing: -0.04em;\n      color: #111827;\n    }\n\n    .ols-page-intro {\n      font-size: 19px;\n      line-height: 1.7;\n      font-weight: 300;\n      color: var(--body-text);\n      margin: 0 0 22px;\n    }\n\n    .ols-badges {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 22px;\n    }\n\n    .ols-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 9px 14px;\n      border-radius: 999px;\n      background: #ffffff;\n      border: 1px solid var(--border);\n      font-size: 15px;\n      font-weight: 600;\n      color: var(--navy);\n    }\n\n    .ols-author {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 28px;\n      border-radius: 28px;\n      background: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);\n      border: 1px solid rgba(88,28,135,0.14);\n      box-shadow: 0 18px 45px rgba(88,28,135,0.12);\n      margin-top: 22px;\n    }\n\n    .ols-author-avatar-img {\n      width: 92px;\n      height: 92px;\n      border-radius: 50%;\n      object-fit: cover;\n      object-position: center;\n      flex-shrink: 0;\n      border: 4px solid #ffffff;\n      box-shadow: 0 14px 32px rgba(88,28,135,0.18), 0 0 0 1px rgba(88,28,135,0.12);\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .ols-author:hover .ols-author-avatar-img {\n      transform: scale(1.04);\n      box-shadow: 0 20px 42px rgba(88,28,135,0.22), 0 0 0 1px rgba(88,28,135,0.12);\n    }\n\n    .ols-author-title {\n      margin: 0 0 4px;\n      font-size: clamp(24px,3vw,34px);\n      line-height: 1.15;\n      font-weight: 700;\n      color: var(--navy);\n      letter-spacing: -0.03em;\n    }\n\n    .ols-author-description {\n      margin: 0;\n      font-size: 17px;\n      line-height: 1.7;\n      font-weight: 300;\n      color: var(--grey-text);\n    }\n\n    .ols-linkedin-pill {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      margin-top: 16px;\n      padding: 11px 18px;\n      border-radius: 999px;\n      background: linear-gradient(135deg,#0A66C2,#004182);\n      color: #ffffff;\n      text-decoration: none;\n      font-size: 14px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 0.01em;\n      box-shadow: 0 10px 22px rgba(10,102,194,0.24);\n      position: relative;\n      overflow: hidden;\n      transition: transform 0.22s ease, box-shadow 0.22s ease;\n    }\n\n    .ols-linkedin-pill::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: -120%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.28) 50%, rgba(255,255,255,0) 100%);\n      transition: left 0.7s ease;\n    }\n\n    .ols-linkedin-pill:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 16px 34px rgba(10,102,194,0.34), 0 0 0 6px rgba(10,102,194,0.10);\n      color: #ffffff;\n    }\n\n    .ols-linkedin-pill:hover::before { left: 120%; }\n    .ols-linkedin-icon { width: 18px; height: 18px; display: block; flex-shrink: 0; }\n\n    .ols-note-card.soft { background: linear-gradient(135deg, #ffffff 0%, var(--soft-red) 100%); }\n    .ols-note-card.purple { background: linear-gradient(135deg, #ffffff 0%, var(--soft-purple) 100%); }\n    .ols-note-card.orange { background: linear-gradient(135deg, #ffffff 0%, var(--soft-orange) 100%); }\n\n    .ols-note-title { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }\n\n    .ols-note-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 16px;\n      background: var(--navy);\n      color: #ffffff;\n      display: grid;\n      place-items: center;\n      font-size: 24px;\n      font-weight: 800;\n      flex-shrink: 0;\n    }\n\n    .ols-note-title h2,\n    .ols-h5p-card h2,\n    .ols-related-card h2,\n    .ols-faq-card h2,\n    .ols-quicksnap-card h2 {\n      margin: 0;\n      font-size: clamp(28px, 3.5vw, 42px);\n      line-height: 1.15;\n      font-weight: 800;\n      color: #111827;\n      letter-spacing: -0.03em;\n    }\n\n    .ols-h5p-card h2,\n    .ols-related-card h2,\n    .ols-faq-card h2,\n    .ols-quicksnap-card h2 { margin-bottom: 14px; }\n\n    .ols-note-card p,\n    .ols-note-card li,\n    .ols-h5p-card p,\n    .ols-related-card p,\n    .ols-faq-card p,\n    .ols-quicksnap-card p {\n      font-size: clamp(15px, 1.25vw, 17px);\n      line-height: 1.65;\n      font-weight: 300;\n      color: var(--body-text);\n    }\n\n    .ols-note-card strong,\n    .ols-h5p-card strong,\n    .ols-related-card strong,\n    .ols-faq-card strong,\n    .ols-quicksnap-card strong { font-weight: 700; color: var(--navy); }\n\n    .ols-note-card ul,\n    .ols-note-card ol { margin: 0; padding-left: 22px; }\n\n    .ols-key-box {\n      margin-top: 20px;\n      background: var(--soft-green);\n      border: 1px solid rgba(63, 143, 70, 0.25);\n      border-radius: 20px;\n      padding: 18px 20px;\n    }\n\n    .ols-key-box p { margin: 0; font-weight: 400; color: var(--navy); }\n\n    .ols-definition-box {\n      background: linear-gradient(135deg, #ffffff, var(--soft-purple));\n      border: 2px dashed rgba(122, 62, 157, 0.35);\n      border-radius: 24px;\n      padding: 22px;\n      margin-top: 22px;\n    }\n\n    .ols-definition-box p { margin: 0; font-weight: 400; color: var(--navy); }\n\n    .ols-rule-list { display: grid; gap: 14px; margin-top: 18px; }\n\n    .ols-rule-item {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-left: 5px solid var(--blue);\n      border-radius: 18px;\n      padding: 18px;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-rule-item h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.25; color: var(--navy); }\n    .ols-rule-item p { margin: 0; font-size: 15px; line-height: 1.6; }\n\n    .ols-table-wrap {\n      overflow: hidden;\n      border-radius: 22px;\n      border: 1px solid var(--border);\n      background: #ffffff;\n      margin-top: 18px;\n    }\n\n    .ols-table { width: 100%; border-collapse: collapse; table-layout: fixed; }\n\n    .ols-table th {\n      background: var(--navy);\n      color: #ffffff;\n      padding: 16px;\n      text-align: left;\n      font-size: clamp(14px, 1.2vw, 17px);\n      font-weight: 600;\n      overflow-wrap: anywhere;\n    }\n\n    .ols-table td {\n      padding: 16px;\n      border-bottom: 1px solid var(--border);\n      font-size: clamp(14px, 1.15vw, 16px);\n      line-height: 1.45;\n      color: var(--body-text);\n      vertical-align: top;\n      overflow-wrap: anywhere;\n    }\n\n    .ols-table tr:last-child td { border-bottom: none; }\n\n    .ols-equation-box {\n      margin: 18px 0 0;\n      padding: 18px 20px;\n      border-radius: 20px;\n      background: #ffffff;\n      border: 1px solid var(--border);\n      box-shadow: var(--inner-shadow);\n      color: var(--navy);\n      font-size: clamp(16px, 1.4vw, 19px);\n      line-height: 1.75;\n      overflow-wrap: anywhere;\n    }\n\n    .ols-calculation-stack { display: grid; gap: 14px; margin-top: 18px; }\n\n    .ols-calculation-step {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      padding: 18px 20px;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-calculation-step h3 {\n      margin: 0 0 8px;\n      font-size: 20px;\n      line-height: 1.25;\n      color: var(--navy);\n    }\n\n    .ols-calculation-step p { margin: 0; }\n\n    \/* Hover-highlight and click-to-full-screen image treatment. *\/\n    .ols-zoom-card,\n    .ols-zoom-card * { box-sizing: border-box; }\n\n    .ols-revision-page,\n    .ols-revision-layout,\n    .ols-main { overflow: visible !important; }\n\n    .ols-zoom-card {\n      display: block !important;\n      margin: 26px 0 34px !important;\n      border: 1px solid rgba(88, 28, 135, 0.16) !important;\n      border-radius: 26px !important;\n      background: #ffffff !important;\n      box-shadow: 0 18px 45px rgba(88, 28, 135, 0.12) !important;\n      overflow: visible !important;\n      position: relative !important;\n      z-index: 1 !important;\n      isolation: isolate !important;\n    }\n\n    .ols-zoom-card:hover { z-index: 50 !important; }\n\n    .ols-zoom-card-image {\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: 100% !important;\n      min-height: 330px !important;\n      padding: 20px !important;\n      background: #ffffff !important;\n      overflow: visible !important;\n      border-top-left-radius: 26px !important;\n      border-top-right-radius: 26px !important;\n      position: relative !important;\n      z-index: 2 !important;\n    }\n\n    .ols-zoom-card img.ols-zoomable-img {\n      display: block !important;\n      width: 100% !important;\n      max-width: 100% !important;\n      height: auto !important;\n      border-radius: 18px !important;\n      cursor: zoom-in !important;\n      pointer-events: auto !important;\n      user-select: none !important;\n      -webkit-user-drag: none !important;\n      transform: translateZ(0) scale(1) !important;\n      transform-origin: center center !important;\n      transition: transform 0.32s ease, box-shadow 0.32s ease, filter 0.32s ease !important;\n      position: relative !important;\n      z-index: 2 !important;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      .ols-zoom-card img.ols-zoomable-img:hover {\n        transform: translateZ(0) scale(1.45) !important;\n        box-shadow: 0 28px 70px rgba(88, 28, 135, 0.34) !important;\n        filter: saturate(1.02) contrast(1.01) !important;\n        z-index: 100 !important;\n      }\n    }\n\n    .ols-zoom-card-caption {\n      padding: 18px 22px 20px !important;\n      background: linear-gradient(135deg, #ffffff, #faf5ff) !important;\n      border-bottom-left-radius: 26px !important;\n      border-bottom-right-radius: 26px !important;\n      position: relative !important;\n      z-index: 1 !important;\n    }\n\n    .ols-zoom-card-caption p {\n      margin: 0 !important;\n      color: #5f6b85 !important;\n      font-size: 15px !important;\n      line-height: 1.65 !important;\n      font-weight: 300 !important;\n      font-style: italic !important;\n      font-family: Poppins, Arial, sans-serif !important;\n    }\n\n    .ols-h5p-card { background: linear-gradient(135deg, #ffffff 0%, #f3e8ff 100%); }\n\n    .ols-h5p-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 22px; }\n\n    .ols-h5p-frame {\n      padding: 18px;\n      border-radius: 24px;\n      background: #ffffff;\n      border: 1px solid var(--border);\n      box-shadow: inset 0 0 0 1px rgba(88, 28, 135, 0.03);\n    }\n\n    .ols-quicksnap-card { background: linear-gradient(135deg, #ffffff 0%, #f3e8ff 100%); }\n\n    .ols-quicksnap-list {\n      display: grid;\n      gap: 12px;\n      margin: 18px 0 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .ols-quicksnap-list li {\n      padding: 14px 16px;\n      border-radius: 16px;\n      background: #ffffff;\n      border: 1px solid var(--border);\n      box-shadow: var(--inner-shadow);\n      font-size: 16px;\n      line-height: 1.6;\n      color: var(--body-text);\n      overflow-wrap: anywhere;\n    }\n\n    .ols-faq-list { display: grid; gap: 14px; margin-top: 18px; }\n\n    .ols-faq-item {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      padding: 18px 20px;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-faq-item h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; color: var(--navy); }\n    .ols-faq-item p { margin: 0; font-size: 16px; line-height: 1.65; color: var(--body-text); }\n\n    .ols-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }\n\n    .ols-related-item {\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      padding: 18px;\n      background: #ffffff;\n      color: var(--navy);\n      text-decoration: none;\n      font-weight: 600;\n      line-height: 1.5;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .ols-related-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 22px rgba(88, 28, 135, 0.09);\n      color: var(--blue);\n    }\n\n    .ols-attribution-card {\n      background: linear-gradient(135deg, #ffffff, #faf5ff);\n      border: 1px solid rgba(88, 28, 135, 0.16);\n      border-radius: 28px;\n      box-shadow: 0 18px 45px rgba(88, 28, 135, 0.12);\n      padding: 34px;\n      margin-bottom: 24px;\n      overflow: hidden;\n      font-family: Poppins, Arial, sans-serif;\n      box-sizing: border-box;\n    }\n\n    .ols-attribution-card p { margin: 0; font-size: 14px; line-height: 1.65; font-weight: 300; color: #667085; }\n    .ols-attribution-card strong { font-weight: 700; color: #3b0764; }\n\n    .ols-image-lightbox {\n      position: fixed;\n      inset: 0;\n      z-index: 999999;\n      display: none;\n      align-items: center;\n      justify-content: center;\n      padding: 34px;\n      background: rgba(10, 15, 35, 0.86);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n    }\n\n    .ols-image-lightbox.is-open { display: flex; }\n\n    .ols-image-lightbox-inner {\n      position: relative;\n      width: min(96vw, 1500px);\n      max-height: 92vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .ols-image-lightbox-img {\n      display: block;\n      max-width: 100%;\n      max-height: 92vh;\n      height: auto;\n      width: auto;\n      border-radius: 22px;\n      background: #ffffff;\n      box-shadow: 0 32px 90px rgba(0, 0, 0, 0.45);\n      object-fit: contain;\n    }\n\n    .ols-image-lightbox-close {\n      position: absolute;\n      top: -18px;\n      right: -18px;\n      width: 46px;\n      height: 46px;\n      border: 0;\n      border-radius: 50%;\n      background: #ffffff;\n      color: var(--navy);\n      font-family: Poppins, Arial, sans-serif;\n      font-size: 28px;\n      line-height: 1;\n      font-weight: 700;\n      cursor: pointer;\n      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;\n    }\n\n    .ols-image-lightbox-close:hover { transform: scale(1.08); background: var(--blue); color: #ffffff; }\n\n    .ols-zoom-card img.ols-lightbox-target {\n      cursor: zoom-in !important;\n    }\n\n    @media (max-width: 1050px) {\n      .ols-revision-layout { grid-template-columns: 1fr; }\n      .ols-main { max-width: none; }\n      .ols-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    }\n\n    @media (max-width: 760px) {\n      .ols-revision-layout { padding: 14px 12px 44px; }\n\n      .ols-title-card,\n      .ols-note-card,\n      .ols-h5p-card,\n      .ols-related-card,\n      .ols-faq-card,\n      .ols-quicksnap-card,\n      .ols-attribution-card { padding: 24px 18px; border-radius: 22px; }\n\n      .ols-note-title { align-items: flex-start; }\n      .ols-related-grid,\n      .ols-h5p-grid { grid-template-columns: 1fr; }\n\n      .ols-table-wrap { border: none; background: transparent; }\n      .ols-table,\n      .ols-table thead,\n      .ols-table tbody,\n      .ols-table th,\n      .ols-table td,\n      .ols-table tr { display: block; width: 100%; }\n      .ols-table { border-collapse: separate; border-spacing: 0; }\n      .ols-table thead { display: none; }\n      .ols-table tr {\n        margin-bottom: 14px;\n        border: 1px solid var(--border);\n        border-radius: 18px;\n        overflow: hidden;\n        background: #ffffff;\n        box-shadow: var(--inner-shadow);\n      }\n      .ols-table td { border-bottom: 1px solid var(--border); padding: 14px 16px; overflow-wrap: anywhere; }\n      .ols-table td:last-child { border-bottom: none; }\n      .ols-table td::before {\n        content: attr(data-label);\n        display: block;\n        margin-bottom: 6px;\n        font-size: 13px;\n        font-weight: 700;\n        color: var(--blue);\n      }\n\n      .ols-author { align-items: flex-start; padding: 22px 18px; border-radius: 22px; }\n      .ols-author-avatar-img { width: 72px; height: 72px; }\n      .ols-author-title { font-size: 24px; }\n      .ols-author-description { font-size: 15px; }\n\n      .ols-zoom-card { border-radius: 22px !important; overflow: hidden !important; }\n      .ols-zoom-card-image { min-height: auto !important; padding: 12px !important; overflow: hidden !important; border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; }\n      .ols-zoom-card img.ols-zoomable-img,\n      .ols-zoom-card img.ols-zoomable-img:hover { transform: none !important; box-shadow: none !important; }\n      .ols-zoom-card-caption { border-bottom-left-radius: 22px !important; border-bottom-right-radius: 22px !important; }\n\n      .ols-image-lightbox { padding: 16px; }\n      .ols-image-lightbox-inner { width: 100%; max-height: 88vh; }\n      .ols-image-lightbox-img { max-height: 88vh; border-radius: 16px; }\n      .ols-image-lightbox-close { top: 10px; right: 10px; width: 42px; height: 42px; font-size: 26px; }\n    }\n  <\/style>\n\n  <!--\n    OLS protected content block.\n    Page: Calculations Using Reacting Masses.\n    This content is authored for Online Learning System and must not be scraped,\n    cloned, republished, resold, reformatted into derivative notes, or reused in\n    competing resources without written permission.\n  -->\n\n  <div class=\"ols-revision-layout\">\n    <aside class=\"ols-sidebar\">\r\n  <div class=\"ols-sidebar-header\">\r\n    <h3>Revision Notes<\/h3>\r\n    <p>AQA A Level Chemistry<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>3.1.2 Amount of Substance<\/h4>\r\n\r\n    <ul class=\"ols-topic-list\">\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/relative-masses\/\">Relative Masses<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/the-mole-and-avogadro-constant\/\">The Mole and Avogadro Constant<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/empirical-and-molecular-formulae\/\">Empirical and Molecular Formulae<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/empirical-and-molecular-formulae\/empirical-formula\/\">Empirical Formula<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/empirical-and-molecular-formulae\/molecular-formula\/\">Molecular Formula<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/\">Chemical Equations and Reacting Masses<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/writing-chemical-equations\/\">Writing Chemical Equations<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/ionic-equations\/\">Ionic Equations<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/calculations-using-reacting-masses\/\">Calculations Using Reacting Masses<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/concentration-and-titration-calculations\/\">Concentration and Titration Calculations<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/concentration-and-titration-calculations\/concentrations-of-solutions\/\">Concentrations of Solutions<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/concentration-and-titration-calculations\/titration-calculations\/\">Titration Calculations<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/gas-volumes-and-the-ideal-gas-equation\/\">Gas Volumes and the Ideal Gas Equation<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/percentage-yield\/\">Percentage Yield<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/atom-economy\/\">Atom Economy<\/a>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>Adjacent Topics<\/h4>\r\n\r\n    <ul class=\"ols-topic-list\">\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-1-atomicstructure\/\">3.1.1 Atomic Structure<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/\">3.1.3 Bonding<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-4-energetics\/\">3.1.4 Energetics<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-2-1-periodicity\/\">3.2.1 Periodicity<\/a>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/aside>\r\n\r\n<script>\r\n(function() {\r\n  function normalisePath(path) {\r\n    return String(path || '')\r\n      .split('?')[0]\r\n      .split('#')[0]\r\n      .replace(\/\\\/+$\/, '')\r\n      .toLowerCase();\r\n  }\r\n\r\n  function highlightActive() {\r\n    var sidebar = document.querySelector('.ols-sidebar');\r\n    if (!sidebar) return false;\r\n\r\n    var currentPath = normalisePath(window.location.pathname);\r\n    var links = sidebar.querySelectorAll('a[href]');\r\n    var matched = null;\r\n    var matchedLength = 0;\r\n\r\n    sidebar.querySelectorAll('.active, .active-main, .parent-active').forEach(function(item) {\r\n      item.classList.remove('active', 'active-main', 'parent-active');\r\n    });\r\n\r\n    sidebar.querySelectorAll('a[data-ols-disabled-parent=\"1\"], a[aria-current]').forEach(function(a) {\r\n      a.removeAttribute('aria-current');\r\n      a.removeAttribute('tabindex');\r\n      a.removeAttribute('data-ols-disabled-parent');\r\n    });\r\n\r\n    links.forEach(function(a) {\r\n      try {\r\n        var href = a.getAttribute('href');\r\n\r\n        if (!href || href === '#' || href.charAt(0) === '#') {\r\n          return;\r\n        }\r\n\r\n        var linkPath = normalisePath(new URL(href, window.location.origin).pathname);\r\n\r\n        if (!linkPath) {\r\n          return;\r\n        }\r\n\r\n        if (currentPath === linkPath || currentPath.indexOf(linkPath + '\/') === 0) {\r\n          if (linkPath.length > matchedLength) {\r\n            matched = a;\r\n            matchedLength = linkPath.length;\r\n          }\r\n        }\r\n      } catch(e) {}\r\n    });\r\n\r\n    if (matched) {\r\n      var matchedLi = matched.closest('li');\r\n      var parentSub = matched.closest('.ols-subtopic-list');\r\n\r\n      if (parentSub) {\r\n        if (matchedLi) {\r\n          matchedLi.classList.add('active');\r\n          matched.setAttribute('aria-current', 'page');\r\n        }\r\n\r\n        var parentLi = parentSub.closest('li');\r\n\r\n        if (parentLi) {\r\n          parentLi.classList.add('parent-active', 'active-main');\r\n\r\n          var parentLink = parentLi.querySelector(':scope > a');\r\n\r\n          if (parentLink) {\r\n            parentLink.setAttribute('aria-current', 'true');\r\n            parentLink.setAttribute('tabindex', '-1');\r\n            parentLink.setAttribute('data-ols-disabled-parent', '1');\r\n          }\r\n        }\r\n      } else {\r\n        if (matchedLi) {\r\n          matchedLi.classList.add('parent-active', 'active-main');\r\n          matched.setAttribute('aria-current', 'page');\r\n          matched.setAttribute('tabindex', '-1');\r\n          matched.setAttribute('data-ols-disabled-parent', '1');\r\n        }\r\n      }\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  if (!highlightActive()) {\r\n    document.addEventListener('DOMContentLoaded', highlightActive);\r\n  }\r\n})();\r\n<\/script>\n\n    <main class=\"ols-main\">\n      <nav class=\"ols-breadcrumbs\" aria-label=\"Breadcrumb\">\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\">Revision Notes<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\">A Level Chemistry<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/\">AQA<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/\">3.1.2 Amount of Substance<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/\">Chemical Equations and Reacting Masses<\/a> \/\n        <span>Calculations Using Reacting Masses<\/span>\n      <\/nav>\n\n      <header class=\"ols-title-card\">\n        <h1>Calculations Using Reacting Masses<\/h1>\n        <p class=\"ols-page-intro\">A focused AQA revision guide to using balanced equations, amount of substance, mole ratios and molar masses to calculate the mass of a reactant or product in a chemical reaction.<\/p>\n\n        <div class=\"ols-badges\">\n          <div class=\"ols-badge\">Paper 1 and Paper 2<\/div>\n          <div class=\"ols-badge\">AQA<\/div>\n          <div class=\"ols-badge\">3.1.2 Amount of Substance<\/div>\n          <div class=\"ols-badge\">7405\/1 and 7405\/2<\/div>\n        <\/div>\n\n        <div class=\"ols-author\">\n          <img decoding=\"async\" class=\"ols-author-avatar-img\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Author-Profile.jpeg\" alt=\"Dr. Mohammed Al-Fatah\">\n          <div class=\"ols-author-content\">\n            <h2 class=\"ols-author-title\">Written by:<br><span>Dr. Mohammed Al-Fatah<\/span><\/h2>\n            <p class=\"ols-author-description\">Chemistry specialist revision notes for A Level Chemistry.<\/p>\n            <a class=\"ols-linkedin-pill\" href=\"https:\/\/www.linkedin.com\/in\/doctormohammedfatah\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg class=\"ols-linkedin-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M4.98 3.5C4.98 4.88 3.86 6 2.48 6S0 4.88 0 3.5 1.12 1 2.48 1s2.5 1.12 2.5 2.5zM.5 8h4V24h-4V8zm7 0h3.8v2.2h.1c.5-.9 1.8-2.2 3.9-2.2 4.2 0 5 2.8 5 6.4V24h-4v-7.6c0-1.8 0-4.2-2.6-4.2s-3 2-3 4v7.8h-4V8z\"><\/path><\/svg>\n              View LinkedIn Profile\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <section class=\"ols-h5p-card ols-h5p-inline ols-h5p-recap\">\n<span class=\"ols-h5p-kicker\">Before you start<\/span>\n<h2>GCSE Recap: Balanced Equations and Conservation of Mass<\/h2>\n<p>Before you start, check that you can balance an equation and use conservation of mass.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-content\" data-content-id=\"617\"><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card soft\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">1<\/div><h2>Why Equations Can Be Used for Mass Calculations<\/h2><\/div>\n        <p>A balanced chemical equation tells you the <strong>mole ratio<\/strong> between reactants and products. Once you know how many moles of one substance are involved, the equation lets you work out how many moles of another substance react or form.<\/p>\n        <p>Reacting mass calculations connect three ideas: <strong>mass<\/strong>, <strong>amount of substance in moles<\/strong> and the <strong>balanced equation<\/strong>.<\/p>\n        <div class=\"ols-definition-box\"><p><strong>Reacting mass calculation:<\/strong> a calculation that uses a balanced equation to find the mass of a reactant or product.<\/p><\/div>\n        <div class=\"ols-key-box\"><p><strong>Key idea:<\/strong> the balancing numbers in the equation are mole ratios, not mass ratios.<\/p><\/div>\n      <\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: What the Balancing Numbers Mean<\/h2>\n<p>Decide whether the statement about this equation is true or false.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-618\" class=\"h5p-iframe\" data-content-id=\"618\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Reacting Masses True or False: Reading the Balancing Numbers\"><\/iframe><\/div><\/div>\n<\/section>\n\n      <article class=\"ols-note-card\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">2<\/div><h2>The Core Formula<\/h2><\/div>\n        <p>The most important formula for reacting mass calculations links mass, amount and molar mass.<\/p>\n        <div class=\"ols-equation-box\"><strong>amount of substance, n, in mol = mass \u00f7 M<sub>r<\/sub><\/strong><br><strong>mass = amount of substance, n, in mol \u00d7 M<sub>r<\/sub><\/strong><\/div>\n        <p>You usually use the first form when converting the given mass into moles, and the second form when converting the final amount of substance in moles back into a mass.<\/p>\n        <div class=\"ols-table-wrap\">\n          <table class=\"ols-table\">\n            <thead>\n              <tr><th>Quantity<\/th><th>Meaning<\/th><th>Typical unit<\/th><\/tr>\n            <\/thead>\n            <tbody>\n              <tr><td data-label=\"Quantity\">mass<\/td><td data-label=\"Meaning\">The mass of the substance in the question<\/td><td data-label=\"Typical unit\">g, kg or tonnes<\/td><\/tr>\n              <tr><td data-label=\"Quantity\">amount<\/td><td data-label=\"Meaning\">Amount of substance, measured in moles<\/td><td data-label=\"Typical unit\">mol<\/td><\/tr>\n              <tr><td data-label=\"Quantity\">M<sub>r<\/sub><\/td><td data-label=\"Meaning\">Molar mass calculated from relative formula mass or relative molecular mass<\/td><td data-label=\"Typical unit\">g mol<sup>-1<\/sup><\/td><\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card purple\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">3<\/div><h2>The Standard Method<\/h2><\/div>\n        <p>Most reacting mass questions can be solved using the same sequence. The method is especially reliable because it keeps the mole ratio separate from the mass calculation.<\/p>\n        <div class=\"ols-rule-list\">\n          <div class=\"ols-rule-item\"><h3>Step 1: Write or check the balanced equation<\/h3><p>The coefficients in the equation give the mole ratio between substances.<\/p><\/div>\n          <div class=\"ols-rule-item\"><h3>Step 2: Convert the given mass into moles<\/h3><p>Use n = mass \u00f7 molar mass.<\/p><\/div>\n          <div class=\"ols-rule-item\"><h3>Step 3: Use the mole ratio<\/h3><p>Use the balanced equation to convert from moles of the known substance to moles of the required substance.<\/p><\/div>\n          <div class=\"ols-rule-item\"><h3>Step 4: Convert moles into the required mass<\/h3><p>Use mass = n \u00d7 molar mass.<\/p><\/div>\n        <\/div>\n      <\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Order the Standard Method<\/h2>\n<p>Drag the steps of this reacting mass calculation into the right order.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-619\" class=\"h5p-iframe\" data-content-id=\"619\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Reacting Masses Put in Order: The Standard Method for Aluminium Oxide\"><\/iframe><\/div><\/div>\n<\/section>\n\n      <div class=\"ols-zoom-card\">\n        <div class=\"ols-zoom-card-image\">\n          <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Using-moles-to-calculate-mass.webp\" alt=\"Using moles and a balanced equation to calculate reacting masses\" class=\"ols-zoomable-img ols-lightbox-target\" draggable=\"false\">\n        <\/div>\n        <div class=\"ols-zoom-card-caption\">\n          <p>The calculation pathway is mass \u2192 moles \u2192 equation ratio \u2192 moles \u2192 mass.<\/p>\n        <\/div>\n      <\/div>\n\n      <article class=\"ols-note-card orange\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">4<\/div><h2>Worked Example: Sodium Hydrogencarbonate<\/h2><\/div>\n        <p>Calculate the mass of carbon dioxide produced when <strong>5.50 g<\/strong> of sodium hydrogencarbonate is heated.<\/p>\n        <div class=\"ols-equation-box\">2NaHCO<sub>3<\/sub> \u2192 Na<sub>2<\/sub>CO<sub>3<\/sub> + CO<sub>2<\/sub> + H<sub>2<\/sub>O<\/div>\n        <div class=\"ols-calculation-stack\">\n          <div class=\"ols-calculation-step\"><h3>Step 1: Find moles of NaHCO<sub>3<\/sub><\/h3><p>molar mass of NaHCO<sub>3<\/sub> = 84.0 g mol<sup>-1<\/sup><br>n = 5.50 \u00f7 84.0 = 0.0655 mol<\/p><\/div>\n          <div class=\"ols-calculation-step\"><h3>Step 2: Use the equation ratio<\/h3><p>2 mol NaHCO<sub>3<\/sub> gives 1 mol CO<sub>2<\/sub><br>0.0655 mol NaHCO<sub>3<\/sub> gives 0.0328 mol CO<sub>2<\/sub><\/p><\/div>\n          <div class=\"ols-calculation-step\"><h3>Step 3: Find the mass of CO<sub>2<\/sub><\/h3><p>molar mass of CO<sub>2<\/sub> = 44.0 g mol<sup>-1<\/sup><br>mass = n \u00d7 molar mass = 0.0328 \u00d7 44.0 = <strong>1.44 g<\/strong><\/p><\/div>\n        <\/div>\n        <div class=\"ols-key-box\"><p><strong>Exam focus:<\/strong> the mass of CO<sub>2<\/sub> is not found by directly comparing 84 and 44. The equation shows that 2 mol NaHCO<sub>3<\/sub> forms only 1 mol CO<sub>2<\/sub>.<\/p><\/div>\n      <\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Reacting Masses in Grams<\/h2>\n<p>Work each calculation out on paper before you turn the card.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-308\" class=\"h5p-iframe\" data-content-id=\"308\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Reacting Masses Flip Cards: Grams of Reactant and Product\"><\/iframe><\/div><\/div>\n<\/section>\n\n      <article class=\"ols-note-card soft\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">5<\/div><h2>Using Direct Proportion<\/h2><\/div>\n        <p>Some reacting mass questions can be solved by treating one formula unit or one mole ratio as a direct proportion. This is useful when the units are large, such as kilograms or tonnes.<\/p>\n        <p>For example, in a blast furnace, haematite is reduced to iron:<\/p>\n        <div class=\"ols-equation-box\">Fe<sub>2<\/sub>O<sub>3<\/sub> + 3CO \u2192 2Fe + 3CO<sub>2<\/sub><\/div>\n        <p>From the equation, <strong>1 mol Fe<sub>2<\/sub>O<sub>3<\/sub><\/strong> gives <strong>2 mol Fe<\/strong>. Using A<sub>r<\/sub> values Fe = 56 and O = 16, the formula mass of Fe<sub>2<\/sub>O<sub>3<\/sub> is 160 and the mass of 2 mol of Fe is 112 g:<\/p>\n        <div class=\"ols-equation-box\">160 g Fe<sub>2<\/sub>O<sub>3<\/sub> gives 112 g Fe<br>160 tonnes Fe<sub>2<\/sub>O<sub>3<\/sub> gives 112 tonnes Fe<br>16 tonnes Fe<sub>2<\/sub>O<sub>3<\/sub> gives 11.2 tonnes Fe<\/div>\n        <div class=\"ols-key-box\"><p><strong>Key idea:<\/strong> if the same mass unit is used throughout, the ratio still works. Do not mix grams and tonnes in the same line unless you deliberately convert units.<\/p><\/div>\n      <\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Tonnes and Kilograms<\/h2>\n<p>Use direct proportion and type each answer to 3 significant figures.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-620\" class=\"h5p-iframe\" data-content-id=\"620\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Reacting Masses Fill in the Blanks: Direct Proportion in Tonnes and Kilograms\"><\/iframe><\/div><\/div>\n<\/section>\n\n      <article class=\"ols-note-card purple\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">6<\/div><h2>Multi-Step Equation Chains<\/h2><\/div>\n        <p>Sometimes the product of one equation is used as the reactant in the next equation. The safest approach is to follow the mole ratio through each equation before converting back to mass.<\/p>\n        <p>For example, nitrogen can be converted through several steps to nitric acid:<\/p>\n        <div class=\"ols-equation-box\">N<sub>2<\/sub> + 3H<sub>2<\/sub> \u2192 2NH<sub>3<\/sub><br>4NH<sub>3<\/sub> + 5O<sub>2<\/sub> \u2192 4NO + 6H<sub>2<\/sub>O<br>2NO + O<sub>2<\/sub> \u2192 2NO<sub>2<\/sub><br>2H<sub>2<\/sub>O + 4NO<sub>2<\/sub> + O<sub>2<\/sub> \u2192 4HNO<sub>3<\/sub><\/div>\n        <p>Tracing the ratios shows that <strong>1 mol N<sub>2<\/sub><\/strong> eventually gives <strong>2 mol HNO<sub>3<\/sub><\/strong>. Since the molar mass of N<sub>2<\/sub> is 28 g mol<sup>-1<\/sup> and the molar mass of HNO<sub>3<\/sub> is 63 g mol<sup>-1<\/sup>:<\/p>\n        <div class=\"ols-equation-box\">28 tonnes N<sub>2<\/sub> gives 2 \u00d7 63 tonnes HNO<sub>3<\/sub><br>1 tonne N<sub>2<\/sub> gives (2 \u00d7 63) \u00f7 28 = <strong>4.5 tonnes HNO<sub>3<\/sub><\/strong><\/div>\n      <\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Follow the Chain<\/h2>\n<p>Trace the mole ratio through all three equations before you calculate a mass.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-309\" class=\"h5p-iframe\" data-content-id=\"309\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Reacting Masses MCQ: Sulfur to Sulfuric Acid in Three Steps\"><\/iframe><\/div><\/div>\n<\/section>\n\n      <article class=\"ols-note-card\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">7<\/div><h2>Units and Significant Figures<\/h2><\/div>\n        <p>Reacting mass calculations often lose marks through unit errors rather than chemistry errors. Keep the unit consistent and present the final answer to a sensible number of significant figures.<\/p>\n        <div class=\"ols-table-wrap\">\n          <table class=\"ols-table\">\n            <thead>\n              <tr><th>Issue<\/th><th>What to do<\/th><th>Example<\/th><\/tr>\n            <\/thead>\n            <tbody>\n              <tr><td data-label=\"Issue\">Mixed units<\/td><td data-label=\"What to do\">Convert before calculating, or keep the same unit throughout a proportion.<\/td><td data-label=\"Example\">Use all grams, all kilograms or all tonnes.<\/td><\/tr>\n              <tr><td data-label=\"Issue\">Premature rounding<\/td><td data-label=\"What to do\">Keep extra figures in intermediate steps.<\/td><td data-label=\"Example\">Use 0.03275 mol before rounding the final answer.<\/td><\/tr>\n              <tr><td data-label=\"Issue\">Missing equation ratio<\/td><td data-label=\"What to do\">Always use the coefficients from the balanced equation.<\/td><td data-label=\"Example\">2NaHCO<sub>3<\/sub> : 1CO<sub>2<\/sub>, not 1 : 1.<\/td><\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Sound Working<\/h2>\n<p>In each round, choose the statement that shows sound working.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-621\" class=\"h5p-iframe\" data-content-id=\"621\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Reacting Masses Summary: Units, Rounding and Ratios\"><\/iframe><\/div><\/div>\n<\/section>\n\n      <article class=\"ols-note-card soft\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">8<\/div><h2>Common Exam Points<\/h2><\/div>\n        <ul>\n          <li>The balancing numbers in an equation represent a mole ratio.<\/li>\n          <li>Do not compare masses directly unless you have first converted through moles or built a valid proportion.<\/li>\n          <li>Use amount = mass \u00f7 M<sub>r<\/sub> to find moles from mass.<\/li>\n          <li>Use mass = n \u00d7 molar mass to convert amount of substance back into mass.<\/li>\n          <li>Use the balanced equation to move between the known substance and the required substance.<\/li>\n          <li>Check whether the question asks for a reactant mass or a product mass.<\/li>\n          <li>Keep units consistent, especially when questions use kg or tonnes.<\/li>\n          <li>Show enough working so the mole ratio and formula mass steps are visible.<\/li>\n        <\/ul>\n      <\/article>\n\n      \n\n      <section class=\"ols-quicksnap-card\">\n        <h2>QuickSnap<\/h2>\n        <p>This text summary condenses the page into the essential exam ideas.<\/p>\n        <ul class=\"ols-quicksnap-list\">\n          <li><strong>Balanced equations:<\/strong> show mole ratios between reactants and products.<\/li>\n          <li><strong>First conversion:<\/strong> use n = mass \u00f7 molar mass.<\/li>\n          <li><strong>Equation step:<\/strong> use the coefficients to convert from one substance to another.<\/li>\n          <li><strong>Final conversion:<\/strong> use mass = n \u00d7 molar mass.<\/li>\n          <li><strong>Direct proportion:<\/strong> works when the equation ratio and units are handled consistently.<\/li>\n          <li><strong>Common mistake:<\/strong> treating the equation numbers as mass ratios instead of mole ratios.<\/li>\n        <\/ul>\n      <\/section>\n\n      <div class=\"ols-image-lightbox\" id=\"olsImageLightboxReactingMasses001\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Expanded revision image\">\n        <div class=\"ols-image-lightbox-inner\">\n          <button class=\"ols-image-lightbox-close\" type=\"button\" aria-label=\"Close enlarged image\">\u00d7<\/button>\n          <img decoding=\"async\" class=\"ols-image-lightbox-img\" src=\"\" alt=\"\">\n        <\/div>\n      <\/div>\n\n      <script>\n        (function(){\n          var page = document.querySelector(\".ols-reacting-masses-page\");\n          if (!page) { return; }\n          var lightbox = page.querySelector(\"#olsImageLightboxReactingMasses001\");\n          if (!lightbox) { return; }\n          var lightboxImage = lightbox.querySelector(\".ols-image-lightbox-img\");\n          var closeButton = lightbox.querySelector(\".ols-image-lightbox-close\");\n          var clickableImages = page.querySelectorAll(\"img.ols-lightbox-target\");\n\n          function openLightbox(image) {\n            lightboxImage.src = image.currentSrc || image.src;\n            lightboxImage.alt = image.alt || \"Expanded revision image\";\n            lightbox.classList.add(\"is-open\");\n            lightbox.setAttribute(\"aria-hidden\", \"false\");\n            if (!document.body.dataset.olsPreviousOverflow) {\n              document.body.dataset.olsPreviousOverflow = document.body.style.overflow || \"default\";\n            }\n            document.body.style.overflow = \"hidden\";\n          }\n\n          function closeLightbox() {\n            lightbox.classList.remove(\"is-open\");\n            lightbox.setAttribute(\"aria-hidden\", \"true\");\n            lightboxImage.src = \"\";\n            if (document.body.dataset.olsPreviousOverflow) {\n              document.body.style.overflow = document.body.dataset.olsPreviousOverflow === \"default\" ? \"\" : document.body.dataset.olsPreviousOverflow;\n              delete document.body.dataset.olsPreviousOverflow;\n            }\n          }\n\n          clickableImages.forEach(function(image){\n            image.addEventListener(\"click\", function(event){\n              event.preventDefault();\n              event.stopPropagation();\n              openLightbox(image);\n            });\n          });\n          closeButton.addEventListener(\"click\", closeLightbox);\n          lightbox.addEventListener(\"click\", function(event){ if (event.target === lightbox) { closeLightbox(); } });\n          document.addEventListener(\"keydown\", function(event){ if (event.key === \"Escape\" && lightbox.classList.contains(\"is-open\")) { closeLightbox(); } });\n        })();\n      <\/script>\n      <section class=\"ols-course-cta-aqa-amount-substance\" id=\"olsCourseCtaAqaAmountSubstance312\">\r\n  <style>\r\n    .ols-course-cta-aqa-amount-substance,\r\n    .ols-course-cta-aqa-amount-substance * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance {\r\n      --navy: #581C87;\r\n      --blue: #A855F7;\r\n      --body-text: #1f2937;\r\n      --grey-text: #667085;\r\n      --border: rgba(88, 28, 135, 0.16);\r\n      --shadow: 0 18px 45px rgba(88, 28, 135, 0.13);\r\n      --inner-shadow: 0 10px 26px rgba(88, 28, 135, 0.08);\r\n\r\n      width: 100%;\r\n      margin: 30px 0 24px;\r\n      font-family: Poppins, Arial, sans-serif;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-card {\r\n      overflow: hidden;\r\n      border-radius: 30px;\r\n      border: 1px solid var(--border);\r\n      background:\r\n        radial-gradient(circle at top left, rgba(168, 85, 247, 0.18), transparent 34%),\r\n        linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);\r\n      box-shadow: var(--shadow);\r\n      padding: 30px;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-top {\r\n      display: grid;\r\n      grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);\r\n      gap: 28px;\r\n      align-items: center;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-image-link {\r\n      display: block;\r\n      text-decoration: none;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-image {\r\n      width: 100%;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border);\r\n      background: #ffffff;\r\n      box-shadow: var(--inner-shadow);\r\n      transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-image img {\r\n      width: 100%;\r\n      height: auto;\r\n      display: block;\r\n      transition: transform 0.45s ease;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-image-link:hover .ols-course-cta-image {\r\n      transform: translateY(-8px) scale(1.015);\r\n      box-shadow:\r\n        0 26px 60px rgba(28, 36, 75, 0.18),\r\n        0 0 0 1px rgba(37, 99, 235, 0.12);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-image-link:hover .ols-course-cta-image img {\r\n      transform: scale(1.03);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-header-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      margin-bottom: 18px;\r\n      text-align: center;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: 8px 14px;\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(37, 99, 235, 0.18);\r\n      color: var(--blue);\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 700;\r\n      box-shadow: var(--inner-shadow);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance h2 {\r\n      margin: 0 0 18px;\r\n      font-size: clamp(28px, 3.5vw, 42px);\r\n      line-height: 1.15;\r\n      font-weight: 800;\r\n      letter-spacing: -0.03em;\r\n      color: #111827;\r\n      text-align: center;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-heading-button {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-intro-stats {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);\r\n      gap: 24px;\r\n      align-items: stretch;\r\n      margin: 0 0 30px;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-intro {\r\n      margin: 0;\r\n      color: var(--body-text);\r\n      font-size: clamp(16px, 1.4vw, 18px);\r\n      line-height: 1.7;\r\n      font-weight: 300;\r\n      align-self: center;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-stats {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin: 0;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-stat {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border);\r\n      border-radius: 18px;\r\n      padding: 16px;\r\n      box-shadow: var(--inner-shadow);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-stat span {\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      color: var(--grey-text);\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-stat strong {\r\n      display: block;\r\n      color: var(--navy);\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-features {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin: 0 0 30px;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-feature {\r\n      background: rgba(255, 255, 255, 0.78);\r\n      border: 1px solid var(--border);\r\n      border-radius: 18px;\r\n      padding: 16px 18px;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-feature h3 {\r\n      margin: 0 0 6px;\r\n      color: var(--navy);\r\n      font-size: 18px;\r\n      line-height: 1.3;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-feature p {\r\n      margin: 0;\r\n      color: var(--body-text);\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n      font-weight: 300;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-animation-wrap {\r\n      position: relative;\r\n      margin: 0 0 30px;\r\n      border-radius: 0;\r\n      overflow: visible;\r\n      border: 0;\r\n      background: transparent;\r\n      box-shadow: none;\r\n      padding: 0;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-animation-title {\r\n      margin: 0 0 18px;\r\n      text-align: center;\r\n      color: var(--navy);\r\n      font-size: clamp(26px, 3.2vw, 40px);\r\n      line-height: 1.15;\r\n      font-weight: 700;\r\n      letter-spacing: -0.03em;\r\n      text-shadow: -9px 0 9px rgba(28, 36, 75, 0.10);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-frame-shell {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 620px;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at top left, rgba(70, 127, 247, 0.14), transparent 34%),\r\n        linear-gradient(135deg, #f8fbff 0%, #e9efff 100%);\r\n      box-shadow: 0 24px 64px rgba(28, 36, 75, 0.18);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-frame-shell iframe {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      border: 0;\r\n      background: #e9efff;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-start-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 5;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 0;\r\n      cursor: pointer;\r\n      background:\r\n        radial-gradient(circle at center, rgba(255, 255, 255, 0.26), rgba(28, 36, 75, 0.28)),\r\n        url(\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/06\/3-1-2-Amount-of-Substance.jpg\");\r\n      background-size: cover;\r\n      background-position: center;\r\n      transition:\r\n        opacity 0.35s ease,\r\n        visibility 0.35s ease;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-start-overlay::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: rgba(28, 36, 75, 0.30);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-start-overlay.is-hidden {\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-start-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      justify-items: center;\r\n      gap: 16px;\r\n      padding: 24px;\r\n      text-align: center;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-play-circle {\r\n      width: 96px;\r\n      height: 96px;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      color: var(--navy);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow:\r\n        0 18px 40px rgba(28, 36, 75, 0.30),\r\n        0 0 0 12px rgba(255, 255, 255, 0.22);\r\n      animation: olsAnimationPlayPulse312 1.8s ease-in-out infinite;\r\n      transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        color 0.25s ease;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-start-overlay:hover .ols-animation-play-circle {\r\n      transform: scale(1.08);\r\n      background: var(--navy);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-play-icon {\r\n      width: 0;\r\n      height: 0;\r\n      margin-left: 7px;\r\n      border-top: 18px solid transparent;\r\n      border-bottom: 18px solid transparent;\r\n      border-left: 28px solid currentColor;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-start-text {\r\n      max-width: 540px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(20px, 3vw, 32px);\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      text-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-pause-button {\r\n      position: absolute;\r\n      left: 16px;\r\n      bottom: 16px;\r\n      z-index: 7;\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-width: 92px;\r\n      padding: 10px 16px;\r\n      border: 0;\r\n      border-radius: 999px;\r\n      background: rgba(28, 36, 75, 0.92);\r\n      color: #ffffff;\r\n      font-family: Poppins, Arial, sans-serif;\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      cursor: pointer;\r\n      box-shadow: 0 12px 28px rgba(28, 36, 75, 0.24);\r\n      transition:\r\n        transform 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-pause-button:hover {\r\n      transform: translateY(-2px);\r\n      background: var(--blue);\r\n      box-shadow: 0 16px 34px rgba(37, 99, 235, 0.28);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-animation-pause-button.is-visible {\r\n      display: inline-flex;\r\n    }\r\n\r\n    @keyframes olsAnimationPlayPulse312 {\r\n      0% {\r\n        box-shadow:\r\n          0 18px 40px rgba(28, 36, 75, 0.30),\r\n          0 0 0 0 rgba(255, 255, 255, 0.40);\r\n      }\r\n\r\n      70% {\r\n        box-shadow:\r\n          0 18px 40px rgba(28, 36, 75, 0.30),\r\n          0 0 0 18px rgba(255, 255, 255, 0);\r\n      }\r\n\r\n      100% {\r\n        box-shadow:\r\n          0 18px 40px rgba(28, 36, 75, 0.30),\r\n          0 0 0 0 rgba(255, 255, 255, 0);\r\n      }\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-video-status {\r\n      margin: 14px 0 0;\r\n      text-align: center;\r\n      color: var(--grey-text);\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-cta-bottom {\r\n      display: flex;\r\n      justify-content: center;\r\n      padding-top: 22px;\r\n      border-top: 1px solid var(--border);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 15px 28px;\r\n      border-radius: 999px;\r\n      background: var(--navy);\r\n      color: #ffffff;\r\n      text-decoration: none;\r\n      font-size: 16px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      box-shadow: 0 12px 26px rgba(28, 36, 75, 0.18);\r\n      transition:\r\n        transform 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-button:hover {\r\n      transform: translateY(-2px);\r\n      background: var(--blue);\r\n      color: #ffffff;\r\n      box-shadow: 0 16px 32px rgba(37, 99, 235, 0.24);\r\n    }\r\n\r\n    .ols-course-cta-aqa-amount-substance .ols-course-button-top {\r\n      flex-shrink: 0;\r\n      padding: 12px 22px;\r\n      font-size: 15px;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .ols-course-cta-aqa-amount-substance .ols-course-cta-top {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-course-cta-image-link {\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-course-cta-intro-stats {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-animation-frame-shell {\r\n        height: 520px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      .ols-course-cta-aqa-amount-substance {\r\n        margin: 26px 0 22px;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-course-cta-card {\r\n        padding: 20px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-course-cta-header-row {\r\n        align-items: stretch;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-course-button-top {\r\n        width: 100%;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-course-cta-stats,\r\n      .ols-course-cta-aqa-amount-substance .ols-course-cta-features {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-course-animation-wrap {\r\n        padding: 0;\r\n        border-radius: 0;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-animation-frame-shell {\r\n        height: 420px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-animation-play-circle {\r\n        width: 76px;\r\n        height: 76px;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-animation-play-icon {\r\n        border-top-width: 14px;\r\n        border-bottom-width: 14px;\r\n        border-left-width: 22px;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-animation-pause-button {\r\n        left: 12px;\r\n        bottom: 12px;\r\n        min-width: 84px;\r\n        padding: 9px 14px;\r\n        font-size: 13px;\r\n      }\r\n\r\n      .ols-course-cta-aqa-amount-substance .ols-course-button {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ols-course-cta-card\">\r\n\r\n    <div class=\"ols-course-cta-top\">\r\n\r\n      <a\r\n        class=\"ols-course-cta-image-link\"\r\n        href=\"[insert here]\"\r\n        aria-label=\"Open the AQA A Level Chemistry 3.1.2 Amount of Substance course page\">\r\n\r\n        <div class=\"ols-course-cta-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/06\/3-1-2-Amount-of-Substance.jpg\"\r\n            alt=\"AQA A Level Chemistry 3.1.2 Amount of Substance interactive course banner\"\r\n          >\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <div class=\"ols-course-cta-content\">\r\n\r\n        <div class=\"ols-course-cta-header-row\">\r\n\r\n          <div class=\"ols-course-cta-kicker\">AQA 7405<\/div>\r\n          <div class=\"ols-course-cta-kicker\">Paper 1 &amp; Paper 2<\/div>\r\n          <div class=\"ols-course-cta-kicker\">3.1.2 Amount of Substance<\/div>\r\n\r\n        <\/div>\r\n\r\n        <h2>\r\n          Master Amount of Substance for AQA A Level Chemistry\r\n        <\/h2>\r\n\r\n        <div class=\"ols-course-cta-heading-button\">\r\n          <a\r\n            class=\"ols-course-button ols-course-button-top\"\r\n            href=\"[insert here]\">\r\n            View Course\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-intro-stats\">\r\n\r\n      <p class=\"ols-course-cta-intro\">\r\n        Continue from these free revision notes into the full 3.1.2 Amount of Substance course, covering moles, Avogadro constant, empirical and molecular formulae, reacting masses, concentration, titrations, gas volumes, percentage yield and atom economy with guided video teaching, diagnostic MCQ practice, teacher-marked short-answer questions and a personalised progress report.\r\n      <\/p>\r\n\r\n      <div class=\"ols-course-cta-stats\">\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Guided learning<\/span>\r\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Video lessons<\/span>\r\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>MCQ practice<\/span>\r\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>SAQ practice<\/span>\r\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-features\">\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Guided video teaching<\/h3>\r\n        <p>\r\n          Learn the chemistry and exam technique through structured video lessons with worked examples and walkthroughs.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Instant MCQ feedback<\/h3>\r\n        <p>\r\n          Auto-marked MCQ quizzes provide immediate diagnostic feedback for every answer choice.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Teacher-marked SAQs<\/h3>\r\n        <p>\r\n          Submit written exam responses and receive chemistry specialist feedback with improvement guidance.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Progress tracking<\/h3>\r\n        <p>\r\n          Identify strengths and weaknesses across the full 3.1.2 Amount of Substance specification, including mole calculations, formulae, solution calculations, gas calculations, yield and atom economy.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-animation-wrap\">\r\n\r\n      <h3 class=\"ols-course-animation-title\">\r\n        See how the course works\r\n      <\/h3>\r\n\r\n      <div class=\"ols-animation-frame-shell\">\r\n        <iframe\r\n          id=\"olsCourseAnimationFrame312\"\r\n          title=\"OLS course preview animation\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer\">\r\n        <\/iframe>\r\n\r\n        <button\r\n          class=\"ols-animation-start-overlay\"\r\n          id=\"olsCourseAnimationStart312\"\r\n          type=\"button\"\r\n          aria-label=\"Play OLS course preview animation\">\r\n          <span class=\"ols-animation-start-content\">\r\n            <span class=\"ols-animation-play-circle\" aria-hidden=\"true\">\r\n              <span class=\"ols-animation-play-icon\"><\/span>\r\n            <\/span>\r\n            <span class=\"ols-animation-start-text\">\r\n              Play course preview animation\r\n            <\/span>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"ols-animation-pause-button\"\r\n          id=\"olsCourseAnimationPause312\"\r\n          type=\"button\"\r\n          aria-label=\"Pause course preview animation\">\r\n          Pause\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <p class=\"ols-course-video-status\">\r\n        Click play to start the course preview animation.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-bottom\">\r\n\r\n      <a\r\n        class=\"ols-course-button\"\r\n        href=\"[insert here]\">\r\n        View Course\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <template id=\"olsCourseAnimationTemplate312\">\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>OLS Amount of Substance Promo Animation<\/title>\r\n\r\n<style>\r\n*{box-sizing:border-box;}\r\n\r\nhtml.ols-animation-paused *,\r\nhtml.ols-animation-paused *::before,\r\nhtml.ols-animation-paused *::after{\r\n  animation-play-state:paused!important;\r\n}\r\n\r\n:root{\r\n  --ols-video-screen-w:1180;\r\n  --ols-video-screen-h:664;\r\n  --ols-video-screen-scale:1;\r\n  --ols-mcq-screen-w:1360;\r\n  --ols-mcq-screen-h:1130;\r\n  --ols-mcq-screen-scale:1;\r\n  --ols-saq-screen-w:1360;\r\n  --ols-saq-screen-h:965;\r\n  --ols-saq-screen-scale:1;\r\n}\r\n\r\nhtml,\r\nbody{\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\nbody{\r\n  margin:0;\r\n  overflow:hidden;\r\n  font-family:Poppins,Arial,sans-serif;\r\n  background:#e9efff;\r\n}\r\n\r\n.ols-combined-stage{\r\n  position:relative;\r\n  width:100vw;\r\n  height:100vh;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\r\n    linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\r\n}\r\n\r\n.ols-scene{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100vw;\r\n  height:100vh;\r\n  opacity:0;\r\n  visibility:hidden;\r\n  pointer-events:none;\r\n}\r\n\r\n.ols-scene.active{\r\n  opacity:1;\r\n  visibility:visible;\r\n  pointer-events:auto;\r\n}\r\n\r\n.ols-scene.fade-out{\r\n  animation:olsSceneFadeOut 0.85s ease forwards;\r\n}\r\n\r\n@keyframes olsSceneFadeOut{\r\n  to{\r\n    opacity:0;\r\n    visibility:hidden;\r\n  }\r\n}\r\n\r\n.ols-title-cursor{\r\n  display:inline-block;\r\n  width:5px;\r\n  height:0.85em;\r\n  background:#1C244B;\r\n  margin-left:8px;\r\n  transform:translateY(8px);\r\n  animation:olsBlink 0.8s infinite;\r\n}\r\n\r\n.cursor{\r\n  display:inline-block;\r\n  width:3px;\r\n  height:28px;\r\n  background:#1c244b;\r\n  margin-left:3px;\r\n  transform:translateY(5px);\r\n  animation:olsBlink 0.8s infinite;\r\n}\r\n\r\n@keyframes olsBlink{\r\n  0%,45%{opacity:1;}\r\n  46%,100%{opacity:0;}\r\n}\r\n\r\n.ols-video-stage,\r\n.ols-mcq-stage,\r\n.ols-saq-stage{\r\n  width:100vw;\r\n  height:100vh;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  padding:0;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\r\n    linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\r\n}\r\n\r\n.ols-video-title-screen,\r\n.ols-mcq-intro-screen,\r\n.ols-saq-intro{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:50;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  background:\r\n    radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\r\n    linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\r\n  opacity:1;\r\n  visibility:visible;\r\n  pointer-events:none;\r\n}\r\n\r\n.ols-video-title-screen.hide{animation:olsVideoTitleFadeOut 0.85s ease forwards;}\r\n.ols-mcq-intro-screen.hide{animation:olsMcqIntroFadeOut 0.85s ease forwards;}\r\n.ols-saq-intro.hide{animation:olsSaqIntroFadeOut 0.85s ease forwards;}\r\n\r\n@keyframes olsVideoTitleFadeOut{to{opacity:0;visibility:hidden;}}\r\n@keyframes olsMcqIntroFadeOut{to{opacity:0;visibility:hidden;}}\r\n@keyframes olsSaqIntroFadeOut{to{opacity:0;visibility:hidden;}}\r\n\r\n.ols-video-title-wrap,\r\n.ols-mcq-intro-title-wrap,\r\n.ols-saq-intro-title-wrap{\r\n  max-width:1250px;\r\n  padding:0 34px;\r\n  text-align:center;\r\n}\r\n\r\n.ols-video-title,\r\n.ols-mcq-intro-title,\r\n.ols-saq-intro-title{\r\n  margin:0;\r\n  font-family:Poppins,Arial,sans-serif;\r\n  font-size:clamp(52px,8vw,124px);\r\n  font-weight:600;\r\n  line-height:1.08;\r\n  color:#1C244B;\r\n  text-shadow:-9px 0 9px rgba(28,36,75,0.16);\r\n  letter-spacing:-0.045em;\r\n}\r\n\r\n#videoTitleText,\r\n#mcqIntroTitleText,\r\n#saqIntroTitleText{\r\n  white-space:pre-wrap;\r\n}\r\n\r\n.ols-video-scene{\r\n  width:100%;\r\n  height:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  opacity:0;\r\n  visibility:hidden;\r\n}\r\n\r\n.ols-video-scene.show{\r\n  visibility:visible;\r\n  animation:olsVideoSceneIn 1s ease forwards;\r\n}\r\n\r\n@keyframes olsVideoSceneIn{to{opacity:1;}}\r\n\r\n.ols-video-scale-wrap{\r\n  width:calc(var(--ols-video-screen-w) * 1px);\r\n  height:calc(var(--ols-video-screen-h) * 1px);\r\n  transform:scale(var(--ols-video-screen-scale));\r\n  transform-origin:center center;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n}\r\n\r\n.ols-video-card{\r\n  width:1180px;\r\n  height:664px;\r\n  border-radius:28px;\r\n  overflow:hidden;\r\n  background:#1C244B;\r\n  box-shadow:0 28px 80px rgba(28,36,75,0.28);\r\n  transform:translateY(24px) scale(0.96);\r\n  opacity:0;\r\n}\r\n\r\n.ols-video-scene.show .ols-video-card{\r\n  animation:olsVideoCardIn 1s cubic-bezier(.18,.89,.32,1.12) forwards;\r\n  animation-delay:0.2s;\r\n}\r\n\r\n@keyframes olsVideoCardIn{\r\n  to{\r\n    transform:translateY(0) scale(1);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n.ols-video-card video{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  aspect-ratio:16 \/ 9;\r\n  object-fit:cover;\r\n  border:0;\r\n}\r\n\r\n.ols-mcq-scale-wrap,\r\n.ols-saq-scale-wrap{\r\n  width:calc(var(--ols-mcq-screen-w) * 1px);\r\n  height:calc(var(--ols-mcq-screen-h) * 1px);\r\n  transform:scale(var(--ols-mcq-screen-scale));\r\n  transform-origin:center center;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:flex-start;\r\n}\r\n\r\n.ols-saq-scale-wrap{\r\n  width:calc(var(--ols-saq-screen-w) * 1px);\r\n  height:calc(var(--ols-saq-screen-h) * 1px);\r\n  transform:scale(var(--ols-saq-screen-scale));\r\n}\r\n\r\n.ols-mcq-screen{\r\n  width:1360px;\r\n  height:1130px;\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  background:#eaf0ff;\r\n  box-shadow:0 26px 70px rgba(28,36,75,0.22);\r\n  opacity:0;\r\n  transform:translateY(24px) scale(0.96);\r\n}\r\n\r\n.ols-mcq-screen.show{\r\n  animation:olsMcqScreenEnter 1s ease forwards;\r\n}\r\n\r\n@keyframes olsMcqScreenEnter{\r\n  from{opacity:0;transform:translateY(24px) scale(0.96);}\r\n  to{opacity:1;transform:translateY(0) scale(1);}\r\n}\r\n\r\n.mcq-question-area{\r\n  background:#eaf0ff;\r\n  padding:28px 30px 30px;\r\n  position:relative;\r\n  height:610px;\r\n}\r\n\r\n.mcq-question-lead{\r\n  margin:0 0 14px;\r\n  font-size:24px;\r\n  line-height:1.35;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-ionic-table{\r\n  border-collapse:collapse;\r\n  width:500px;\r\n  margin-bottom:8px;\r\n  font-size:21px;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-ionic-table th,\r\n.mcq-ionic-table td{\r\n  border:1.5px solid #c9ced8;\r\n  padding:12px 18px;\r\n  text-align:center;\r\n}\r\n\r\n.mcq-ionic-table th{\r\n  background:#f2f2f2;\r\n  font-weight:700;\r\n}\r\n\r\n.mcq-ionic-table td{\r\n  background:#eaf0ff;\r\n}\r\n\r\n.mcq-question-main{\r\n  margin:6px 0 28px;\r\n  font-size:24px;\r\n  line-height:1.35;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-options-wrap{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:17px;\r\n  max-width:1200px;\r\n}\r\n\r\n.mcq-option-row{\r\n  display:flex;\r\n  align-items:center;\r\n  min-height:34px;\r\n  position:relative;\r\n}\r\n\r\n.mcq-radio{\r\n  width:28px;\r\n  height:28px;\r\n  border-radius:50%;\r\n  border:2px solid #6b7280;\r\n  margin-right:16px;\r\n  background:transparent;\r\n  position:relative;\r\n  flex:0 0 auto;\r\n}\r\n\r\n.mcq-radio::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:5px;\r\n  border-radius:50%;\r\n  background:#6b7280;\r\n  opacity:0;\r\n  transform:scale(0.4);\r\n  transition:opacity 0.25s ease,transform 0.25s ease;\r\n}\r\n\r\n.mcq-option-row.selected .mcq-radio::after{\r\n  opacity:1;\r\n  transform:scale(1);\r\n}\r\n\r\n.mcq-radio-ripple{\r\n  position:absolute;\r\n  left:14px;\r\n  top:50%;\r\n  width:28px;\r\n  height:28px;\r\n  border-radius:50%;\r\n  border:2px solid rgba(28,36,75,0.28);\r\n  transform:translate(-50%,-50%) scale(1);\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n\r\n.mcq-option-row.clicking .mcq-radio-ripple{\r\n  animation:mcqRipple 0.75s ease forwards;\r\n}\r\n\r\n@keyframes mcqRipple{\r\n  0%{opacity:0.65;transform:translate(-50%,-50%) scale(1);}\r\n  100%{opacity:0;transform:translate(-50%,-50%) scale(2.5);}\r\n}\r\n\r\n.mcq-option-label{\r\n  font-size:23px;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-specific-feedback{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  margin-left:18px;\r\n  min-height:38px;\r\n  opacity:0;\r\n  transform:translateX(-8px);\r\n}\r\n\r\n.mcq-specific-feedback.show{\r\n  opacity:1;\r\n  transform:translateX(0);\r\n  transition:opacity 0.35s ease,transform 0.35s ease;\r\n}\r\n\r\n.mcq-cross-icon{\r\n  width:26px;\r\n  height:26px;\r\n  border-radius:50%;\r\n  border:2px solid #d83255;\r\n  color:#d83255;\r\n  display:inline-flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  font-size:18px;\r\n  font-weight:700;\r\n  margin-right:12px;\r\n  opacity:0;\r\n  transform:scale(0.4);\r\n}\r\n\r\n.mcq-cross-icon.show{\r\n  animation:mcqCrossPop 0.35s ease forwards;\r\n}\r\n\r\n@keyframes mcqCrossPop{\r\n  70%{opacity:1;transform:scale(1.18);}\r\n  100%{opacity:1;transform:scale(1);}\r\n}\r\n\r\n.mcq-specific-feedback-text{\r\n  display:inline-block;\r\n  background:#fff4b8;\r\n  color:#111827;\r\n  padding:8px 16px;\r\n  font-size:22px;\r\n  line-height:1.35;\r\n  min-width:850px;\r\n  min-height:44px;\r\n}\r\n\r\n.mcq-submit-button{\r\n  position:absolute;\r\n  right:34px;\r\n  bottom:30px;\r\n  border:0;\r\n  border-radius:999px;\r\n  background:#1C244B;\r\n  color:#ffffff;\r\n  padding:14px 28px;\r\n  font-size:18px;\r\n  font-weight:600;\r\n  box-shadow:0 14px 32px rgba(28,36,75,0.25);\r\n  cursor:default;\r\n  transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;\r\n}\r\n\r\n.mcq-submit-button.clicked{\r\n  transform:translateY(2px) scale(0.97);\r\n  background:#26315f;\r\n  box-shadow:0 7px 18px rgba(28,36,75,0.22);\r\n}\r\n\r\n.mcq-general-feedback{\r\n  height:520px;\r\n  background:#fff3c9;\r\n  color:#8a6a00;\r\n  padding:26px 30px 28px;\r\n  font-size:23px;\r\n  line-height:1.34;\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity 0.7s ease,transform 0.7s ease;\r\n  overflow:hidden;\r\n}\r\n\r\n.mcq-general-feedback.show{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n#mcqGeneralText{\r\n  white-space:pre-wrap;\r\n}\r\n\r\n.mcq-specific-cursor{background:#111827;}\r\n.mcq-general-cursor{background:#8a6a00;}\r\n\r\n.ols-saq-screen{\r\n  width:1360px;\r\n  height:965px;\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  background:#eaf0ff;\r\n  box-shadow:0 26px 70px rgba(28,36,75,0.22);\r\n  opacity:0;\r\n  transform:translateY(24px) scale(0.96);\r\n}\r\n\r\n.ols-saq-screen.show{\r\n  animation:olsSaqScreenEnter 1s ease forwards;\r\n}\r\n\r\n@keyframes olsSaqScreenEnter{\r\n  from{opacity:0;transform:translateY(24px) scale(0.96);}\r\n  to{opacity:1;transform:translateY(0) scale(1);}\r\n}\r\n\r\n.saq-question-area{\r\n  height:335px;\r\n  background:#eaf0ff;\r\n  padding:30px 40px 32px;\r\n}\r\n\r\n.saq-question-text{\r\n  font-size:25px;\r\n  line-height:1.42;\r\n  color:#111827;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.saq-student-box{\r\n  height:195px;\r\n  background:#f3f4f6;\r\n  border:2px solid #cfd6e3;\r\n  border-radius:8px;\r\n  padding:23px 26px;\r\n  font-size:24px;\r\n  line-height:1.55;\r\n  color:#4b5563;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.saq-teacher-feedback{\r\n  height:630px;\r\n  background:#dff3e6;\r\n  color:#075f3b;\r\n  padding:28px 40px 30px;\r\n  font-size:23px;\r\n  line-height:1.47;\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity 0.7s ease,transform 0.7s ease;\r\n  overflow:hidden;\r\n}\r\n\r\n.saq-teacher-feedback.show{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n#saqTeacherText{\r\n  white-space:pre-wrap;\r\n}\r\n\r\n.saq-teacher-cursor{\r\n  background:#075f3b;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .ols-video-title,\r\n  .ols-mcq-intro-title,\r\n  .ols-saq-intro-title{\r\n    font-size:clamp(42px,11vw,78px);\r\n    line-height:1.12;\r\n  }\r\n\r\n  .ols-title-cursor{\r\n    width:4px;\r\n    margin-left:6px;\r\n  }\r\n\r\n  .ols-video-card{\r\n    border-radius:20px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"ols-combined-stage\">\r\n\r\n  <section id=\"sceneVideo\" class=\"ols-scene active\">\r\n    <div class=\"ols-video-stage\">\r\n      <div id=\"videoTitleScreen\" class=\"ols-video-title-screen\">\r\n        <div class=\"ols-video-title-wrap\">\r\n          <h1 class=\"ols-video-title\">\r\n            <span id=\"videoTitleText\"><\/span><span id=\"videoTitleCursor\" class=\"ols-title-cursor\"><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <section id=\"videoScene\" class=\"ols-video-scene\">\r\n        <div class=\"ols-video-scale-wrap\">\r\n          <div class=\"ols-video-card\">\r\n            <video\r\n              id=\"lessonVideo\"\r\n              src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Virtual-Lesson.mp4\"\r\n              muted\r\n              playsinline\r\n              preload=\"auto\">\r\n            <\/video>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"sceneMcq\" class=\"ols-scene\">\r\n    <div class=\"ols-mcq-stage\">\r\n      <div id=\"mcqIntroScreen\" class=\"ols-mcq-intro-screen\">\r\n        <div class=\"ols-mcq-intro-title-wrap\">\r\n          <h1 class=\"ols-mcq-intro-title\">\r\n            <span id=\"mcqIntroTitleText\"><\/span><span id=\"mcqIntroTitleCursor\" class=\"ols-title-cursor\"><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ols-mcq-scale-wrap\">\r\n        <main id=\"mcqScreen\" class=\"ols-mcq-screen\">\r\n          <section class=\"mcq-question-area\">\r\n            <p class=\"mcq-question-lead\">A student prepares a sodium hydroxide solution.<\/p>\r\n\r\n            <table class=\"mcq-ionic-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Quantity<\/th>\r\n                  <th>Value<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                <tr><td>Concentration of NaOH<\/td><td>0.200 mol dm<sup>\u22123<\/sup><\/td><\/tr>\r\n                <tr><td>Volume used<\/td><td>25.0 cm<sup>3<\/sup><\/td><\/tr>\r\n                <tr><td>Volume in dm<sup>3<\/sup><\/td><td>0.0250 dm<sup>3<\/sup><\/td><\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n\r\n            <p class=\"mcq-question-main\">What amount of NaOH is present in the 25.0 cm<sup>3<\/sup> sample?<\/p>\r\n\r\n            <div class=\"mcq-options-wrap\">\r\n              <div id=\"mcqWrongOption\" class=\"mcq-option-row\">\r\n                <span class=\"mcq-radio\"><\/span>\r\n                <span class=\"mcq-radio-ripple\"><\/span>\r\n                <span class=\"mcq-option-label\">5.00 mol<\/span>\r\n\r\n                <span id=\"mcqSpecificFeedback\" class=\"mcq-specific-feedback\">\r\n                  <span id=\"mcqCrossIcon\" class=\"mcq-cross-icon\">\u00d7<\/span>\r\n                  <span class=\"mcq-specific-feedback-text\">\r\n                    <span id=\"mcqSpecificText\"><\/span><span id=\"mcqSpecificCursor\" class=\"cursor mcq-specific-cursor\" style=\"display:none;\"><\/span>\r\n                  <\/span>\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"mcq-option-row\"><span class=\"mcq-radio\"><\/span><span class=\"mcq-radio-ripple\"><\/span><span class=\"mcq-option-label\">0.500 mol<\/span><\/div>\r\n              <div class=\"mcq-option-row\"><span class=\"mcq-radio\"><\/span><span class=\"mcq-radio-ripple\"><\/span><span class=\"mcq-option-label\">0.00500 mol<\/span><\/div>\r\n              <div class=\"mcq-option-row\"><span class=\"mcq-radio\"><\/span><span class=\"mcq-radio-ripple\"><\/span><span class=\"mcq-option-label\">0.000500 mol<\/span><\/div>\r\n            <\/div>\r\n\r\n            <button id=\"mcqSubmitButton\" class=\"mcq-submit-button\">Submit answer<\/button>\r\n          <\/section>\r\n\r\n          <section id=\"mcqGeneralFeedback\" class=\"mcq-general-feedback\">\r\n            <span id=\"mcqGeneralText\"><\/span><span id=\"mcqGeneralCursor\" class=\"cursor mcq-general-cursor\" style=\"display:none;\"><\/span>\r\n          <\/section>\r\n        <\/main>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"sceneSaq\" class=\"ols-scene\">\r\n    <div class=\"ols-saq-stage\">\r\n      <div id=\"saqIntro\" class=\"ols-saq-intro\">\r\n        <div class=\"ols-saq-intro-title-wrap\">\r\n          <h1 class=\"ols-saq-intro-title\">\r\n            <span id=\"saqIntroTitleText\"><\/span><span id=\"saqIntroTitleCursor\" class=\"ols-title-cursor\"><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ols-saq-scale-wrap\">\r\n        <main id=\"saqScreen\" class=\"ols-saq-screen\">\r\n          <section class=\"saq-question-area\">\r\n            <div class=\"saq-question-text\">\r\n              <strong>(ii)<\/strong>&nbsp;&nbsp; Calcium carbonate reacts with hydrochloric acid.<br>\r\n              Calculate the mass of CaCO<sub>3<\/sub> that reacts with 25.0 cm<sup>3<\/sup> of 0.200 mol dm<sup>\u22123<\/sup> HCl.<br>\r\n              CaCO<sub>3<\/sub> + 2HCl \u2192 CaCl<sub>2<\/sub> + H<sub>2<\/sub>O + CO<sub>2<\/sub>\r\n            <\/div>\r\n\r\n            <div class=\"saq-student-box\">\r\n              <span id=\"saqStudentText\"><\/span><span id=\"saqStudentCursor\" class=\"cursor\"><\/span>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <section id=\"saqTeacherFeedback\" class=\"saq-teacher-feedback\">\r\n            <span id=\"saqTeacherText\"><\/span><span id=\"saqTeacherCursor\" class=\"cursor saq-teacher-cursor\" style=\"display:none;\"><\/span>\r\n          <\/section>\r\n        <\/main>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const nativeSetTimeout=window.setTimeout.bind(window);\r\n  const nativeClearTimeout=window.clearTimeout.bind(window);\r\n  let nextTimerId=1;\r\n  let paused=false;\r\n  const timers=new Map();\r\n\r\n  function runTimer(timerId){\r\n    const timer=timers.get(timerId);\r\n\r\n    if(!timer || timer.cleared){\r\n      return;\r\n    }\r\n\r\n    timers.delete(timerId);\r\n    timer.callback();\r\n  }\r\n\r\n  window.setTimeout=function(callback,delay){\r\n    const timerId=nextTimerId++;\r\n    const safeDelay=Math.max(0,Number(delay) || 0);\r\n\r\n    const timer={\r\n      callback:callback,\r\n      delay:safeDelay,\r\n      remaining:safeDelay,\r\n      startedAt:Date.now(),\r\n      nativeId:null,\r\n      cleared:false\r\n    };\r\n\r\n    if(paused){\r\n      timer.startedAt=null;\r\n    }else{\r\n      timer.nativeId=nativeSetTimeout(function(){\r\n        runTimer(timerId);\r\n      },safeDelay);\r\n    }\r\n\r\n    timers.set(timerId,timer);\r\n    return timerId;\r\n  };\r\n\r\n  window.clearTimeout=function(timerId){\r\n    const timer=timers.get(timerId);\r\n\r\n    if(timer){\r\n      timer.cleared=true;\r\n\r\n      if(timer.nativeId!==null){\r\n        nativeClearTimeout(timer.nativeId);\r\n      }\r\n\r\n      timers.delete(timerId);\r\n      return;\r\n    }\r\n\r\n    nativeClearTimeout(timerId);\r\n  };\r\n\r\n  function pauseVideos(){\r\n    document.querySelectorAll(\"video\").forEach(function(video){\r\n      if(!video.paused && !video.ended){\r\n        video.dataset.olsWasPlaying=\"1\";\r\n        video.pause();\r\n      }\r\n    });\r\n  }\r\n\r\n  function resumeVideos(){\r\n    document.querySelectorAll(\"video\").forEach(function(video){\r\n      if(video.dataset.olsWasPlaying===\"1\"){\r\n        delete video.dataset.olsWasPlaying;\r\n\r\n        const playPromise=video.play();\r\n\r\n        if(playPromise!==undefined){\r\n          playPromise.catch(function(){});\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  function pauseAnimation(){\r\n    if(paused){\r\n      return \"paused\";\r\n    }\r\n\r\n    paused=true;\r\n    document.documentElement.classList.add(\"ols-animation-paused\");\r\n\r\n    timers.forEach(function(timer){\r\n      if(timer.nativeId!==null){\r\n        nativeClearTimeout(timer.nativeId);\r\n        timer.nativeId=null;\r\n      }\r\n\r\n      if(timer.startedAt!==null){\r\n        timer.remaining=Math.max(0,timer.delay-(Date.now()-timer.startedAt));\r\n        timer.startedAt=null;\r\n      }\r\n    });\r\n\r\n    pauseVideos();\r\n    return \"paused\";\r\n  }\r\n\r\n  function resumeAnimation(){\r\n    if(!paused){\r\n      return \"playing\";\r\n    }\r\n\r\n    paused=false;\r\n    document.documentElement.classList.remove(\"ols-animation-paused\");\r\n\r\n    timers.forEach(function(timer,timerId){\r\n      timer.startedAt=Date.now();\r\n      timer.delay=timer.remaining;\r\n      timer.nativeId=nativeSetTimeout(function(){\r\n        runTimer(timerId);\r\n      },timer.remaining);\r\n    });\r\n\r\n    resumeVideos();\r\n    return \"playing\";\r\n  }\r\n\r\n  window.olsToggleAnimationPause=function(){\r\n    if(paused){\r\n      return resumeAnimation();\r\n    }\r\n\r\n    return pauseAnimation();\r\n  };\r\n\r\n  window.olsPauseAnimation=pauseAnimation;\r\n  window.olsResumeAnimation=resumeAnimation;\r\n})();\r\n\r\nfunction typeWriter(target,text,speed,callback){\r\n  let i=0;\r\n\r\n  function typing(){\r\n    if(i<text.length){\r\n      const char=text.charAt(i);\r\n      target.textContent+=char;\r\n      i++;\r\n\r\n      let delay=speed;\r\n\r\n      if(char===\".\"){delay=speed*5;}\r\n      if(char===\",\"){delay=speed*2.5;}\r\n      if(char===\"\\n\"){delay=speed*4;}\r\n\r\n      setTimeout(typing,delay);\r\n    }else{\r\n      if(callback){callback();}\r\n    }\r\n  }\r\n\r\n  typing();\r\n}\r\n\r\nfunction switchScene(currentScene,nextScene,callback){\r\n  currentScene.classList.add(\"fade-out\");\r\n\r\n  setTimeout(function(){\r\n    currentScene.classList.remove(\"active\");\r\n    currentScene.classList.remove(\"fade-out\");\r\n    nextScene.classList.add(\"active\");\r\n\r\n    if(callback){callback();}\r\n  },850);\r\n}\r\n\r\nfunction fitVideoScreen(){\r\n  const baseWidth=1180;\r\n  const baseHeight=664;\r\n  const safePadding=24;\r\n  const availableWidth=window.innerWidth-safePadding;\r\n  const availableHeight=window.innerHeight-safePadding;\r\n  const scaleByWidth=availableWidth\/baseWidth;\r\n  const scaleByHeight=availableHeight\/baseHeight;\r\n  const finalScale=Math.min(scaleByWidth,scaleByHeight,1);\r\n  document.documentElement.style.setProperty(\"--ols-video-screen-scale\",finalScale.toFixed(4));\r\n}\r\n\r\nfunction fitMcqScreen(){\r\n  const baseWidth=1360;\r\n  const baseHeight=1130;\r\n  const safePadding=24;\r\n  const availableWidth=window.innerWidth-safePadding;\r\n  const availableHeight=window.innerHeight-safePadding;\r\n  const scaleByWidth=availableWidth\/baseWidth;\r\n  const scaleByHeight=availableHeight\/baseHeight;\r\n  const finalScale=Math.min(scaleByWidth,scaleByHeight,1);\r\n  document.documentElement.style.setProperty(\"--ols-mcq-screen-scale\",finalScale.toFixed(4));\r\n}\r\n\r\nfunction fitSaqScreen(){\r\n  const baseWidth=1360;\r\n  const baseHeight=965;\r\n  const safePadding=24;\r\n  const availableWidth=window.innerWidth-safePadding;\r\n  const availableHeight=window.innerHeight-safePadding;\r\n  const scaleByWidth=availableWidth\/baseWidth;\r\n  const scaleByHeight=availableHeight\/baseHeight;\r\n  const finalScale=Math.min(scaleByWidth,scaleByHeight,1);\r\n  document.documentElement.style.setProperty(\"--ols-saq-screen-scale\",finalScale.toFixed(4));\r\n}\r\n\r\nfunction fitAllScreens(){\r\n  fitVideoScreen();\r\n  fitMcqScreen();\r\n  fitSaqScreen();\r\n}\r\n\r\nwindow.addEventListener(\"resize\",fitAllScreens);\r\nwindow.addEventListener(\"orientationchange\",fitAllScreens);\r\nfitAllScreens();\r\n\r\nconst sceneVideo=document.getElementById(\"sceneVideo\");\r\nconst sceneMcq=document.getElementById(\"sceneMcq\");\r\nconst sceneSaq=document.getElementById(\"sceneSaq\");\r\n\r\nconst videoTitle=\"Online Chemistry Lessons\";\r\nconst videoTitleText=document.getElementById(\"videoTitleText\");\r\nconst videoTitleCursor=document.getElementById(\"videoTitleCursor\");\r\nconst videoTitleScreen=document.getElementById(\"videoTitleScreen\");\r\nconst videoScene=document.getElementById(\"videoScene\");\r\nconst lessonVideo=document.getElementById(\"lessonVideo\");\r\n\r\nlet videoFallbackTimer=null;\r\nlet videoSceneComplete=false;\r\n\r\nfunction playLessonVideo(){\r\n  lessonVideo.muted=true;\r\n  lessonVideo.currentTime=0;\r\n\r\n  const playPromise=lessonVideo.play();\r\n\r\n  if(playPromise!==undefined){\r\n    playPromise.catch(function(){\r\n      lessonVideo.muted=true;\r\n    });\r\n  }\r\n}\r\n\r\nfunction completeVideoScene(){\r\n  if(videoSceneComplete){return;}\r\n\r\n  videoSceneComplete=true;\r\n\r\n  if(videoFallbackTimer){\r\n    clearTimeout(videoFallbackTimer);\r\n  }\r\n\r\n  lessonVideo.pause();\r\n\r\n  setTimeout(function(){\r\n    switchScene(sceneVideo,sceneMcq,function(){\r\n      startMcqIntro();\r\n    });\r\n  },1400);\r\n}\r\n\r\nlessonVideo.addEventListener(\"ended\",function(){\r\n  lessonVideo.pause();\r\n  completeVideoScene();\r\n});\r\n\r\nfunction startVideoSection(){\r\n  fitVideoScreen();\r\n\r\n  setTimeout(function(){\r\n    typeWriter(videoTitleText,videoTitle,44,function(){\r\n      setTimeout(function(){\r\n        videoTitleCursor.style.display=\"none\";\r\n\r\n        setTimeout(function(){\r\n          videoTitleScreen.classList.add(\"hide\");\r\n\r\n          setTimeout(function(){\r\n            videoScene.classList.add(\"show\");\r\n\r\n            setTimeout(function(){\r\n              playLessonVideo();\r\n\r\n              videoFallbackTimer=setTimeout(function(){\r\n                completeVideoScene();\r\n              },45000);\r\n            },600);\r\n          },850);\r\n        },3000);\r\n      },250);\r\n    });\r\n  },700);\r\n}\r\n\r\nconst mcqIntroTitle=\"Multiple Choice Question Bank\";\r\nconst mcqSpecificFeedbackText=\"This uses 25.0 as if it were already in dm\u00b3. Convert cm\u00b3 to dm\u00b3 before multiplying by concentration.\";\r\nconst mcqGeneralFeedbackText=\r\n\"Your answer is incorrect.\\n\\n\"+\r\n\"For solution concentration calculations, always convert the volume into dm\u00b3 before using n = cV.\\n\\n\"+\r\n\"\u2022 Volume = 25.0 cm\u00b3 = 25.0 \u00f7 1000 = 0.0250 dm\u00b3.\\n\"+\r\n\"\u2022 Concentration = 0.200 mol dm\u207b\u00b3.\\n\"+\r\n\"\u2022 Amount = concentration \u00d7 volume.\\n\"+\r\n\"\u2022 n = 0.200 \u00d7 0.0250 = 0.00500 mol.\\n\\n\"+\r\n\"The correct answer is: 0.00500 mol\";\r\n\r\nconst mcqIntroScreen=document.getElementById(\"mcqIntroScreen\");\r\nconst mcqIntroTitleText=document.getElementById(\"mcqIntroTitleText\");\r\nconst mcqIntroTitleCursor=document.getElementById(\"mcqIntroTitleCursor\");\r\nconst mcqScreen=document.getElementById(\"mcqScreen\");\r\nconst mcqWrongOption=document.getElementById(\"mcqWrongOption\");\r\nconst mcqSubmitButton=document.getElementById(\"mcqSubmitButton\");\r\nconst mcqSpecificFeedback=document.getElementById(\"mcqSpecificFeedback\");\r\nconst mcqCrossIcon=document.getElementById(\"mcqCrossIcon\");\r\nconst mcqSpecificText=document.getElementById(\"mcqSpecificText\");\r\nconst mcqSpecificCursor=document.getElementById(\"mcqSpecificCursor\");\r\nconst mcqGeneralFeedback=document.getElementById(\"mcqGeneralFeedback\");\r\nconst mcqGeneralText=document.getElementById(\"mcqGeneralText\");\r\nconst mcqGeneralCursor=document.getElementById(\"mcqGeneralCursor\");\r\n\r\nfunction selectMcqWrongOption(){\r\n  mcqWrongOption.classList.add(\"clicking\");\r\n\r\n  setTimeout(function(){\r\n    mcqWrongOption.classList.add(\"selected\");\r\n  },220);\r\n\r\n  setTimeout(function(){\r\n    mcqWrongOption.classList.remove(\"clicking\");\r\n  },850);\r\n}\r\n\r\nfunction clickMcqSubmit(){\r\n  mcqSubmitButton.classList.add(\"clicked\");\r\n\r\n  setTimeout(function(){\r\n    mcqSubmitButton.classList.remove(\"clicked\");\r\n  },240);\r\n}\r\n\r\nfunction showMcqSpecificFeedback(){\r\n  mcqSpecificFeedback.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    mcqCrossIcon.classList.add(\"show\");\r\n  },180);\r\n\r\n  setTimeout(function(){\r\n    mcqSpecificCursor.style.display=\"inline-block\";\r\n\r\n    typeWriter(mcqSpecificText,mcqSpecificFeedbackText,12,function(){\r\n      mcqSpecificCursor.style.display=\"none\";\r\n\r\n      setTimeout(function(){\r\n        showMcqGeneralFeedback();\r\n      },650);\r\n    });\r\n  },560);\r\n}\r\n\r\nfunction showMcqGeneralFeedback(){\r\n  mcqGeneralFeedback.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    mcqGeneralCursor.style.display=\"inline-block\";\r\n\r\n    typeWriter(mcqGeneralText,mcqGeneralFeedbackText,8,function(){\r\n      mcqGeneralCursor.style.display=\"none\";\r\n\r\n      setTimeout(function(){\r\n        switchScene(sceneMcq,sceneSaq,function(){\r\n          startSaqIntro();\r\n        });\r\n      },2600);\r\n    });\r\n  },600);\r\n}\r\n\r\nfunction startMcqAnimation(){\r\n  fitMcqScreen();\r\n  mcqScreen.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    selectMcqWrongOption();\r\n\r\n    setTimeout(function(){\r\n      clickMcqSubmit();\r\n\r\n      setTimeout(function(){\r\n        showMcqSpecificFeedback();\r\n      },620);\r\n    },1150);\r\n  },1300);\r\n}\r\n\r\nfunction startMcqIntro(){\r\n  fitMcqScreen();\r\n\r\n  setTimeout(function(){\r\n    typeWriter(mcqIntroTitleText,mcqIntroTitle,44,function(){\r\n      setTimeout(function(){\r\n        mcqIntroTitleCursor.style.display=\"none\";\r\n\r\n        setTimeout(function(){\r\n          mcqIntroScreen.classList.add(\"hide\");\r\n\r\n          setTimeout(function(){\r\n            startMcqAnimation();\r\n          },850);\r\n        },3000);\r\n      },250);\r\n    });\r\n  },700);\r\n}\r\n\r\nconst saqIntroTitle=\"Chemistry Specialist\\nMarked Exam Feedback\";\r\nconst saqStudentAnswer=\"Moles of HCl = 0.200 \u00d7 0.0250 = 0.00500 mol. The mass of calcium carbonate is 0.00500 \u00d7 100 = 0.500 g.\";\r\nconst saqTeacherFeedbackText=\r\n\"Comment:\\n\"+\r\n\"Your first step is correct: you converted 25.0 cm\u00b3 to 0.0250 dm\u00b3 and calculated 0.00500 mol of HCl. The error is that you did not use the mole ratio in the balanced equation.\\n\\n\"+\r\n\"The equation shows that 1 mol of CaCO\u2083 reacts with 2 mol of HCl. Therefore the amount of CaCO\u2083 is half the amount of HCl.\\n\\n\"+\r\n\"Correct method:\\n\"+\r\n\"\u2022 n(HCl) = cV = 0.200 \u00d7 0.0250 = 0.00500 mol \u2713\\n\"+\r\n\"\u2022 n(CaCO\u2083) = 0.00500 \u00f7 2 = 0.00250 mol \u2713\\n\"+\r\n\"\u2022 M\u1d63(CaCO\u2083) = 40.1 + 12.0 + (3 \u00d7 16.0) = 100.1 \u2713\\n\"+\r\n\"\u2022 mass = n \u00d7 M\u1d63 = 0.00250 \u00d7 100.1 = 0.250 g \u2713\\n\\n\"+\r\n\"Next time, always use the balanced equation after calculating moles. The mole ratio is usually where the second mark is awarded.\";\r\n\r\nconst saqIntro=document.getElementById(\"saqIntro\");\r\nconst saqIntroTitleText=document.getElementById(\"saqIntroTitleText\");\r\nconst saqIntroTitleCursor=document.getElementById(\"saqIntroTitleCursor\");\r\nconst saqStudentText=document.getElementById(\"saqStudentText\");\r\nconst saqTeacherText=document.getElementById(\"saqTeacherText\");\r\nconst saqStudentCursor=document.getElementById(\"saqStudentCursor\");\r\nconst saqTeacherCursor=document.getElementById(\"saqTeacherCursor\");\r\nconst saqFeedbackBox=document.getElementById(\"saqTeacherFeedback\");\r\nconst saqScreen=document.getElementById(\"saqScreen\");\r\n\r\nfunction startSaqFeedbackAnimation(){\r\n  fitSaqScreen();\r\n  saqScreen.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    typeWriter(saqStudentText,saqStudentAnswer,27,function(){\r\n      saqStudentCursor.style.display=\"none\";\r\n\r\n      setTimeout(function(){\r\n        saqFeedbackBox.classList.add(\"show\");\r\n        saqTeacherCursor.style.display=\"inline-block\";\r\n\r\n        typeWriter(saqTeacherText,saqTeacherFeedbackText,10,function(){\r\n          saqTeacherCursor.style.display=\"none\";\r\n        });\r\n      },650);\r\n    });\r\n  },850);\r\n}\r\n\r\nfunction startSaqIntro(){\r\n  fitSaqScreen();\r\n\r\n  setTimeout(function(){\r\n    typeWriter(saqIntroTitleText,saqIntroTitle,44,function(){\r\n      setTimeout(function(){\r\n        saqIntroTitleCursor.style.display=\"none\";\r\n\r\n        setTimeout(function(){\r\n          saqIntro.classList.add(\"hide\");\r\n\r\n          setTimeout(function(){\r\n            startSaqFeedbackAnimation();\r\n          },850);\r\n        },3000);\r\n      },250);\r\n    });\r\n  },700);\r\n}\r\n\r\nstartVideoSection();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n  <\/template>\r\n\r\n  <script>\r\n    (function(){\r\n      var startButton = document.getElementById(\"olsCourseAnimationStart312\");\r\n      var pauseButton = document.getElementById(\"olsCourseAnimationPause312\");\r\n      var iframe = document.getElementById(\"olsCourseAnimationFrame312\");\r\n      var template = document.getElementById(\"olsCourseAnimationTemplate312\");\r\n\r\n      if (!startButton || !pauseButton || !iframe || !template) {\r\n        return;\r\n      }\r\n\r\n      startButton.addEventListener(\"click\", function(){\r\n        iframe.setAttribute(\"srcdoc\", template.innerHTML);\r\n        startButton.classList.add(\"is-hidden\");\r\n        pauseButton.classList.add(\"is-visible\");\r\n        pauseButton.textContent = \"Pause\";\r\n        pauseButton.setAttribute(\"aria-label\", \"Pause course preview animation\");\r\n      });\r\n\r\n      pauseButton.addEventListener(\"click\", function(){\r\n        if (!iframe.contentWindow || typeof iframe.contentWindow.olsToggleAnimationPause !== \"function\") {\r\n          return;\r\n        }\r\n\r\n        var state = iframe.contentWindow.olsToggleAnimationPause();\r\n\r\n        if (state === \"paused\") {\r\n          pauseButton.textContent = \"Resume\";\r\n          pauseButton.setAttribute(\"aria-label\", \"Resume course preview animation\");\r\n        } else {\r\n          pauseButton.textContent = \"Pause\";\r\n          pauseButton.setAttribute(\"aria-label\", \"Pause course preview animation\");\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\n\n      <section class=\"ols-faq-card\">\n        <h2>FAQs<\/h2>\n        <p>These questions address the most common points students confuse when calculating reacting masses.<\/p>\n        <div class=\"ols-faq-list\">\n          <div class=\"ols-faq-item\"><h3>What is a reacting mass calculation?<\/h3><p>It is a calculation that uses a balanced chemical equation to work out the mass of a reactant or product.<\/p><\/div>\n          <div class=\"ols-faq-item\"><h3>Why do I need the balanced equation?<\/h3><p>The balanced equation gives the mole ratio between substances. Without this ratio, the calculation may use the wrong number of moles.<\/p><\/div>\n          <div class=\"ols-faq-item\"><h3>Can I compare masses directly?<\/h3><p>Not usually. The equation gives mole ratios, so you should convert through moles unless you have built a valid direct proportion from molar masses.<\/p><\/div>\n          <div class=\"ols-faq-item\"><h3>Does the method work with tonnes?<\/h3><p>Yes. The same ratio works with grams, kilograms or tonnes as long as the unit is used consistently throughout the proportion.<\/p><\/div>\n          <div class=\"ols-faq-item\"><h3>What is the most common mistake?<\/h3><p>The most common mistake is forgetting to use the coefficient ratio from the balanced equation, such as treating 2NaHCO<sub>3<\/sub> \u2192 CO<sub>2<\/sub> as a 1 : 1 mole relationship.<\/p><\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"ols-related-card\">\n        <h2>Related Topics<\/h2>\n        <p>Use these topics to strengthen the equation writing and mole calculation skills that support reacting mass questions.<\/p>\n        <div class=\"ols-related-grid\">\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/writing-chemical-equations\/\">Writing Chemical Equations<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/ionic-equations\/\">Ionic Equations<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/the-mole-and-avogadro-constant\/\">The Mole and Avogadro Constant<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/relative-masses\/\">Relative Masses<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/\">Chemical Equations and Reacting Masses<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/\">3.1.2 Amount of Substance<\/a>\n        <\/div>\n      <\/section>\n\n      <section class=\"ols-attribution-card\">\n        <p><strong>Copyright notice:<\/strong> This OLS revision content, including the explanations, layout, diagrams, tables and embedded learning structure, is authored for Online Learning System by Dr. Mohammed Al-Fatah. It may not be copied, reproduced, redistributed or adapted without written permission.<\/p>\n      <\/section>\n\n      <script type=\"application\/ld+json\">\n      {\n        \"@context\": \"https:\/\/schema.org\",\n        \"@graph\": [\n          {\n            \"@type\": \"WebPage\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/calculations-using-reacting-masses\/#webpage\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/calculations-using-reacting-masses\/\",\n            \"name\": \"Calculations Using Reacting Masses - AQA A Level Chemistry\",\n            \"description\": \"AQA A Level Chemistry revision notes explaining how to calculate reacting masses using balanced equations, amount of substance, mole ratios, molar masses and direct proportion.\",\n            \"inLanguage\": \"en-GB\",\n            \"isPartOf\": {\n              \"@type\": \"WebSite\",\n              \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/#website\",\n              \"name\": \"Online Learning System\",\n              \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n            },\n            \"about\": [\n              { \"@type\": \"Thing\", \"name\": \"Reacting mass calculations\" },\n              { \"@type\": \"Thing\", \"name\": \"Mole ratios\" },\n              { \"@type\": \"Thing\", \"name\": \"Balanced chemical equations\" },\n              { \"@type\": \"Thing\", \"name\": \"Amount of substance\" }\n            ],\n            \"primaryImageOfPage\": {\n              \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Using-moles-to-calculate-mass.webp#image\"\n            },\n            \"author\": {\n              \"@type\": \"Person\",\n              \"name\": \"Dr. Mohammed Al-Fatah\",\n              \"url\": \"https:\/\/www.linkedin.com\/in\/doctormohammedfatah\/\"\n            },\n            \"publisher\": {\n              \"@type\": \"Organization\",\n              \"name\": \"Online Learning System\",\n              \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n            }\n          },\n          {\n            \"@type\": \"BreadcrumbList\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/calculations-using-reacting-masses\/#breadcrumb\",\n            \"itemListElement\": [\n              { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Revision Notes\", \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\" },\n              { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"A Level Chemistry\", \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\" },\n              { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"AQA\", \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/\" },\n              { \"@type\": \"ListItem\", \"position\": 4, \"name\": \"3.1.2 Amount of Substance\", \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/\" },\n              { \"@type\": \"ListItem\", \"position\": 5, \"name\": \"Chemical Equations and Reacting Masses\", \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/\" },\n              { \"@type\": \"ListItem\", \"position\": 6, \"name\": \"Calculations Using Reacting Masses\" }\n            ]\n          },\n          {\n            \"@type\": \"Course\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/calculations-using-reacting-masses\/#course\",\n            \"name\": \"Calculations Using Reacting Masses\",\n            \"description\": \"A free AQA A Level Chemistry revision lesson on calculating reacting masses from balanced equations using mole ratios, amount of substance and molar masses.\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/calculations-using-reacting-masses\/\",\n            \"provider\": {\n              \"@type\": \"Organization\",\n              \"name\": \"Online Learning System\",\n              \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n            },\n            \"educationalLevel\": \"A Level\",\n            \"teaches\": [\n              \"Reacting mass calculations\",\n              \"Balanced equation mole ratios\",\n              \"Mass to amount of substance conversions\",\n              \"Amount of substance to mass conversions\",\n              \"Direct proportion in chemical calculations\"\n            ],\n            \"hasCourseInstance\": {\n              \"@type\": \"CourseInstance\",\n              \"courseMode\": \"online\",\n              \"courseWorkload\": \"PT30M\"\n            }\n          },\n          {\n            \"@type\": \"FAQPage\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/chemical-equations-and-reacting-masses\/calculations-using-reacting-masses\/#faq\",\n            \"mainEntity\": [\n              {\n                \"@type\": \"Question\",\n                \"name\": \"What is a reacting mass calculation?\",\n                \"acceptedAnswer\": {\n                  \"@type\": \"Answer\",\n                  \"text\": \"A reacting mass calculation uses a balanced chemical equation to work out the mass of a reactant or product.\"\n                }\n              },\n              {\n                \"@type\": \"Question\",\n                \"name\": \"Why do I need the balanced equation?\",\n                \"acceptedAnswer\": {\n                  \"@type\": \"Answer\",\n                  \"text\": \"The balanced equation gives the mole ratio between substances. This ratio is needed before converting the final amount of substance into a mass.\"\n                }\n              },\n              {\n                \"@type\": \"Question\",\n                \"name\": \"Can I compare masses directly?\",\n                \"acceptedAnswer\": {\n                  \"@type\": \"Answer\",\n                  \"text\": \"Usually you should not compare masses directly because equation coefficients represent mole ratios. A direct proportion is only valid when it is built from the molar masses and the balanced equation.\"\n                }\n              },\n              {\n                \"@type\": \"Question\",\n                \"name\": \"Does the method work with tonnes?\",\n                \"acceptedAnswer\": {\n                  \"@type\": \"Answer\",\n                  \"text\": \"Yes. The same ratio works with grams, kilograms or tonnes as long as the unit is used consistently throughout the proportion.\"\n                }\n              },\n              {\n                \"@type\": \"Question\",\n                \"name\": \"What is the most common reacting masses mistake?\",\n                \"acceptedAnswer\": {\n                  \"@type\": \"Answer\",\n                  \"text\": \"The most common mistake is forgetting to use the coefficient ratio from the balanced equation, such as treating a 2 to 1 relationship as 1 to 1.\"\n                }\n              }\n            ]\n          },\n          {\n            \"@type\": \"ImageObject\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Using-moles-to-calculate-mass.webp#image\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Using-moles-to-calculate-mass.webp\",\n            \"name\": \"Using moles to calculate mass\",\n            \"description\": \"A visual summary showing how to move from mass to amount of substance, use a balanced equation ratio and convert amount of substance back into mass.\"\n          }\n        ]\n      }\n      <\/script>\n    <\/main>\n  <\/div>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Revision Notes \/ A Level Chemistry \/ AQA \/ 3.1.2 Amount of Substance \/ Chemical Equations and Reacting Masses \/ Calculations Using Reacting Masses Calculations Using Reacting Masses A focused AQA revision guide to using balanced equations, amount of substance, mole ratios and molar masses to calculate the mass of a reactant or product in [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":5278,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5281","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/5281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/comments?post=5281"}],"version-history":[{"count":1,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/5281\/revisions"}],"predecessor-version":[{"id":8793,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/5281\/revisions\/8793"}],"up":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/5278"}],"wp:attachment":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/media?parent=5281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}