{"id":4739,"date":"2026-06-02T07:46:46","date_gmt":"2026-06-02T06:46:46","guid":{"rendered":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/"},"modified":"2026-06-02T08:45:47","modified_gmt":"2026-06-02T07:45:47","slug":"atoms-elements-and-molecules","status":"publish","type":"page","link":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/","title":{"rendered":"Atoms, Elements and Molecules"},"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-T5-ATOMS-ELEMENTS-MOLECULES-REVISION-PAGE-2026\n\nPage:\nAtoms, Elements and Molecules\nEdexcel A Level Chemistry\nUnit: Paper 1\nTopic 5: Formulae, Equations and Amounts of Substance\n9CH0\/01\n===============================================================================\n-->\n\n<section class=\"ols-revision-page ols-atoms-elements-molecules-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.\">\n  <style>\n    \/*\n      \u00a9 Online Learning System. All rights reserved.\n      This CSS layout, page structure and educational design are protected.\n      Do not copy, scrape, republish, redistribute, resell or modify without permission.\n      Backend copyright marker: OLS-T5-ATOMS-ELEMENTS-MOLECULES-REVISION-PAGE-2026.\n    *\/\n\n    .ols-revision-page {\n      --navy: #1C244B;\n      --blue: #2563eb;\n      --soft-blue: #eef4ff;\n      --soft-red: #fff7f7;\n      --soft-purple: #f7f0ff;\n      --soft-green: #f0f7f1;\n      --soft-orange: #fff7ed;\n      --gold: #c9973a;\n      --grey-text: #667085;\n      --body-text: #1f2937;\n      --border: rgba(28, 36, 75, 0.14);\n      --shadow: 0 18px 45px rgba(28, 36, 75, 0.10);\n      --inner-shadow: 0 10px 26px rgba(28, 36, 75, 0.08);\n      font-family: Poppins, Arial, sans-serif;\n      color: var(--navy);\n      background: #ffffff;\n    }\n\n    .ols-revision-page * {\n      box-sizing: border-box;\n    }\n\n    .ols-main {\n      min-width: 0;\n      max-width: 970px;\n    }\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 {\n      background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n    }\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: column;\n      align-items: flex-start;\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%, #f8fbff 100%);\n      border: 1px solid rgba(28,36,75,0.12);\n      box-shadow: 0 18px 45px rgba(28,36,75,0.10);\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(28,36,75,0.18), 0 0 0 1px rgba(28,36,75,0.10);\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(28,36,75,0.22), 0 0 0 1px rgba(28,36,75,0.10);\n    }\n\n    .ols-author-content {\n      min-width: 0;\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 {\n      left: 120%;\n    }\n\n    .ols-linkedin-icon {\n      width: 18px;\n      height: 18px;\n      display: block;\n      flex-shrink: 0;\n    }\n\n    .ols-note-card.soft {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-red) 100%);\n    }\n\n    .ols-note-card.purple {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-purple) 100%);\n    }\n\n    .ols-note-card.orange {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-orange) 100%);\n    }\n\n    .ols-note-title {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 20px;\n    }\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    .ols-infographic-title {\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 {\n      margin-bottom: 14px;\n    }\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 {\n      font-weight: 700;\n      color: var(--navy);\n    }\n\n    .ols-note-card ul,\n    .ols-note-card ol {\n      margin: 0;\n      padding-left: 22px;\n    }\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 {\n      margin: 0;\n      font-weight: 400;\n      color: var(--navy);\n    }\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 {\n      margin: 0;\n      font-weight: 400;\n      color: var(--navy);\n    }\n\n    .ols-rule-list {\n      display: grid;\n      gap: 14px;\n      margin-top: 18px;\n    }\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 {\n      margin: 0 0 8px;\n      font-size: 20px;\n      line-height: 1.25;\n      color: var(--navy);\n    }\n\n    .ols-rule-item p {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .ols-figure-card {\n      margin: 26px 0 4px;\n      border: 1px solid var(--border);\n      border-radius: 26px;\n      overflow: hidden;\n      background: #ffffff;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-figure-image {\n      width: 100%;\n      min-height: 330px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #ffffff;\n      padding: 20px;\n    }\n\n    .ols-figure-image img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    .ols-figure-caption {\n      padding: 18px 22px 20px;\n      background: linear-gradient(135deg, #ffffff, #f8fbff);\n    }\n\n    .ols-figure-caption p {\n      margin: 0;\n      color: #5f6b85;\n      font-size: clamp(14px, 1.2vw, 16px);\n      line-height: 1.65;\n      font-weight: 300;\n      font-style: italic;\n    }\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 {\n      width: 100%;\n      border-collapse: collapse;\n      table-layout: fixed;\n    }\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 {\n      border-bottom: none;\n    }\n\n    .ols-h5p-card {\n      background: linear-gradient(135deg, #ffffff 0%, #f7f0ff 100%);\n    }\n\n    .ols-h5p-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 16px;\n      margin-top: 22px;\n    }\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(28, 36, 75, 0.03);\n    }\n\n    .ols-infographic-full {\n      width: 100%;\n      max-width: 100%;\n      margin: 6px 0 30px;\n      overflow: hidden;\n    }\n\n    .ols-infographic-title {\n      margin: 0 0 18px;\n    }\n\n    .ols-infographic-full-frame {\n      width: 100%;\n      max-width: 100%;\n      border-radius: 22px;\n      overflow: hidden;\n      box-shadow: 0 18px 42px rgba(28, 36, 75, 0.13);\n      background: #ffffff;\n      border: 1px solid var(--border);\n      padding: 0;\n    }\n\n    .ols-infographic-full-frame img {\n      width: 100%;\n      max-width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n    }\n\n    .ols-quicksnap-card {\n      background: linear-gradient(135deg, #ffffff 0%, #eef4ff 100%);\n    }\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-course-cta-atomic-structure {\n      --navy: #1C244B;\n      --blue: #2563eb;\n      --body-text: #1f2937;\n      --grey-text: #667085;\n      --border: rgba(28, 36, 75, 0.14);\n      --shadow: 0 18px 45px rgba(28, 36, 75, 0.12);\n      --inner-shadow: 0 10px 26px rgba(28, 36, 75, 0.08);\n      width: 100%;\n      margin: 30px 0 24px;\n      font-family: Poppins, Arial, sans-serif;\n    }\n\n    .ols-course-cta-atomic-structure,\n    .ols-course-cta-atomic-structure * {\n      box-sizing: border-box;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-card {\n      overflow: hidden;\n      border-radius: 30px;\n      border: 1px solid var(--border);\n      background:\n        radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 34%),\n        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n      box-shadow: var(--shadow);\n      padding: 30px;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-top {\n      display: grid;\n      grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);\n      gap: 28px;\n      align-items: center;\n      margin-bottom: 24px;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-image-link {\n      display: block;\n      text-decoration: none;\n      border-radius: 24px;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-image {\n      width: 100%;\n      border-radius: 24px;\n      overflow: hidden;\n      border: 1px solid var(--border);\n      background: #ffffff;\n      box-shadow: var(--inner-shadow);\n      transition: transform 0.35s ease, box-shadow 0.35s ease;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-image img {\n      width: 100%;\n      height: auto;\n      display: block;\n      transition: transform 0.45s ease;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-image-link:hover .ols-course-cta-image {\n      transform: translateY(-8px) scale(1.015);\n      box-shadow: 0 26px 60px rgba(28, 36, 75, 0.18), 0 0 0 1px rgba(37, 99, 235, 0.12);\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-image-link:hover .ols-course-cta-image img {\n      transform: scale(1.03);\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-header-row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n      gap: 14px;\n      margin-bottom: 18px;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-kicker {\n      display: inline-flex;\n      align-items: center;\n      padding: 8px 14px;\n      border-radius: 999px;\n      background: #ffffff;\n      border: 1px solid rgba(37, 99, 235, 0.18);\n      color: var(--blue);\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 700;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-course-cta-atomic-structure h2 {\n      margin: 0 0 14px;\n      font-size: clamp(28px, 3.5vw, 42px);\n      line-height: 1.15;\n      font-weight: 800;\n      letter-spacing: -0.03em;\n      color: #111827;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-intro-stats {\n      display: grid;\n      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);\n      gap: 24px;\n      align-items: stretch;\n      margin: 0 0 30px;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-intro {\n      margin: 0;\n      color: var(--body-text);\n      font-size: clamp(16px, 1.4vw, 18px);\n      line-height: 1.7;\n      font-weight: 300;\n      align-self: center;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-stats,\n    .ols-course-cta-atomic-structure .ols-course-cta-features {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 14px;\n      margin: 0;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-features {\n      margin-bottom: 30px;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-stat,\n    .ols-course-cta-atomic-structure .ols-course-feature {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      padding: 16px;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-stat span {\n      display: block;\n      margin-bottom: 6px;\n      color: var(--grey-text);\n      font-size: 13px;\n      line-height: 1.35;\n      font-weight: 700;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-stat strong {\n      display: block;\n      color: var(--navy);\n      font-size: 18px;\n      line-height: 1.35;\n      font-weight: 800;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-feature h3 {\n      margin: 0 0 6px;\n      color: var(--navy);\n      font-size: 18px;\n      line-height: 1.3;\n      font-weight: 800;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-feature p {\n      margin: 0;\n      color: var(--body-text);\n      font-size: 15px;\n      line-height: 1.6;\n      font-weight: 300;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-cta-bottom {\n      display: flex;\n      justify-content: center;\n      padding-top: 22px;\n      border-top: 1px solid var(--border);\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 15px 28px;\n      border-radius: 999px;\n      background: var(--navy);\n      color: #ffffff;\n      text-decoration: none;\n      font-size: 16px;\n      line-height: 1.2;\n      font-weight: 800;\n      box-shadow: 0 12px 26px rgba(28, 36, 75, 0.18);\n      transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-button:hover {\n      transform: translateY(-2px);\n      background: var(--blue);\n      color: #ffffff;\n      box-shadow: 0 16px 32px rgba(37, 99, 235, 0.24);\n    }\n\n    .ols-course-cta-atomic-structure .ols-course-button-top {\n      flex-shrink: 0;\n      padding: 12px 22px;\n      font-size: 15px;\n    }\n\n    .ols-faq-list {\n      display: grid;\n      gap: 14px;\n      margin-top: 18px;\n    }\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 {\n      margin: 0 0 8px;\n      font-size: 20px;\n      line-height: 1.3;\n      color: var(--navy);\n    }\n\n    .ols-faq-item p {\n      margin: 0;\n      font-size: 16px;\n      line-height: 1.65;\n      color: var(--body-text);\n    }\n\n    .ols-related-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 16px;\n      margin-top: 18px;\n    }\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(28, 36, 75, 0.08);\n      color: var(--blue);\n    }\n\n    .ols-attribution-card {\n      background: linear-gradient(135deg, #ffffff, #f8fbff);\n      border: 1px solid rgba(28, 36, 75, 0.14);\n      border-radius: 28px;\n      box-shadow: 0 18px 45px rgba(28, 36, 75, 0.10);\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,\n    .ols-attribution-card * {\n      box-sizing: border-box;\n    }\n\n    .ols-attribution-card p {\n      margin: 0;\n      font-size: 14px;\n      line-height: 1.65;\n      font-weight: 300;\n      color: #667085;\n    }\n\n    .ols-attribution-card strong {\n      font-weight: 700;\n      color: #1C244B;\n    }\n\n    @media (max-width: 1050px) {\n      .ols-revision-layout {\n        grid-template-columns: 1fr;\n      }\n\n      .ols-sidebar {\n        position: relative;\n        top: auto;\n      }\n\n      .ols-topic-list {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .ols-subtopic-list {\n        grid-template-columns: 1fr;\n      }\n\n      .ols-main {\n        max-width: none;\n      }\n\n      .ols-related-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .ols-course-cta-atomic-structure .ols-course-cta-top,\n      .ols-course-cta-atomic-structure .ols-course-cta-intro-stats {\n        grid-template-columns: 1fr;\n      }\n\n      .ols-course-cta-atomic-structure .ols-course-cta-image-link {\n        max-width: 520px;\n        margin: 0 auto;\n      }\n    }\n\n    @media (max-width: 760px) {\n      .ols-revision-layout {\n        padding: 14px 12px 44px;\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      .ols-attribution-card {\n        padding: 24px 18px;\n        border-radius: 22px;\n      }\n\n      .ols-note-title {\n        align-items: flex-start;\n      }\n\n      .ols-topic-list,\n      .ols-related-grid,\n      .ols-h5p-grid,\n      .ols-course-cta-atomic-structure .ols-course-cta-stats,\n      .ols-course-cta-atomic-structure .ols-course-cta-features {\n        grid-template-columns: 1fr;\n      }\n\n      .ols-subtopic-list {\n        margin-left: 8px;\n      }\n\n      .ols-figure-card {\n        border-radius: 22px;\n      }\n\n      .ols-figure-image {\n        min-height: 230px;\n        padding: 14px;\n      }\n\n      .ols-figure-caption {\n        padding: 18px;\n      }\n\n      .ols-table-wrap {\n        border: none;\n        background: transparent;\n      }\n\n      .ols-table,\n      .ols-table thead,\n      .ols-table tbody,\n      .ols-table th,\n      .ols-table td,\n      .ols-table tr {\n        display: block;\n        width: 100%;\n      }\n\n      .ols-table {\n        border-collapse: separate;\n        border-spacing: 0;\n      }\n\n      .ols-table thead {\n        display: none;\n      }\n\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\n      .ols-table td {\n        border-bottom: 1px solid var(--border);\n        padding: 14px 16px;\n        overflow-wrap: anywhere;\n      }\n\n      .ols-table td:last-child {\n        border-bottom: none;\n      }\n\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 {\n        align-items: flex-start;\n        padding: 22px 18px;\n        border-radius: 22px;\n      }\n\n      .ols-author-avatar-img {\n        width: 72px;\n        height: 72px;\n      }\n\n      .ols-author-title {\n        font-size: 24px;\n      }\n\n      .ols-author-description {\n        font-size: 15px;\n      }\n\n      .ols-course-cta-atomic-structure .ols-course-cta-card {\n        padding: 20px;\n        border-radius: 24px;\n      }\n\n      .ols-course-cta-atomic-structure .ols-course-button,\n      .ols-course-cta-atomic-structure .ols-course-button-top {\n        width: 100%;\n      }\n    }\n\n\n    \/* \u2500\u2500 Hover zoom and same-window image lightbox \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Content images are deliberately not wrapped in links.\n       Desktop behaviour: hover enlarges the image visually to 1.45x.\n       Click\/tap behaviour: opens the image in a same-window fullscreen overlay.\n       Mobile\/touch behaviour: no hover zoom, but click\/tap lightbox remains available.\n    *\/\n    .ols-revision-page,\n    .ols-revision-layout,\n    .ols-main {\n      overflow: visible !important;\n    }\n\n    .ols-note-card.ols-zoom-parent {\n      overflow: visible !important;\n      position: relative !important;\n      z-index: 1 !important;\n    }\n\n    .ols-note-card.ols-zoom-parent:hover {\n      z-index: 60 !important;\n    }\n\n    .ols-zoom-card,\n    .ols-zoom-card * {\n      box-sizing: border-box;\n    }\n\n    .ols-zoom-card {\n      display: block !important;\n      margin: 26px 0 34px !important;\n      border: 1px solid rgba(28, 36, 75, 0.14) !important;\n      border-radius: 26px !important;\n      background: #ffffff !important;\n      box-shadow: 0 18px 45px rgba(28, 36, 75, 0.10) !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 {\n      z-index: 50 !important;\n    }\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(28, 36, 75, 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, #f8fbff) !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-image-lightbox {\n      position: fixed !important;\n      inset: 0 !important;\n      z-index: 999999 !important;\n      display: none !important;\n      align-items: center !important;\n      justify-content: center !important;\n      padding: 26px !important;\n      background: rgba(6, 12, 28, 0.88) !important;\n      backdrop-filter: blur(10px) !important;\n      -webkit-backdrop-filter: blur(10px) !important;\n    }\n\n    .ols-image-lightbox.is-open {\n      display: flex !important;\n    }\n\n    .ols-image-lightbox-inner {\n      position: relative !important;\n      width: min(1180px, 96vw) !important;\n      max-height: 92vh !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n    }\n\n    .ols-image-lightbox-img {\n      display: block !important;\n      max-width: 100% !important;\n      max-height: 92vh !important;\n      width: auto !important;\n      height: auto !important;\n      object-fit: contain !important;\n      border-radius: 18px !important;\n      background: #ffffff !important;\n      box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42) !important;\n    }\n\n    .ols-image-lightbox-close {\n      position: fixed !important;\n      top: 18px !important;\n      right: 18px !important;\n      width: 46px !important;\n      height: 46px !important;\n      border: 0 !important;\n      border-radius: 999px !important;\n      background: #ffffff !important;\n      color: #1C244B !important;\n      font-family: Poppins, Arial, sans-serif !important;\n      font-size: 28px !important;\n      line-height: 1 !important;\n      font-weight: 600 !important;\n      cursor: pointer !important;\n      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease !important;\n    }\n\n    .ols-image-lightbox-close:hover {\n      transform: scale(1.06) !important;\n      background: #2563eb !important;\n      color: #ffffff !important;\n    }\n\n    body.ols-lightbox-lock {\n      overflow: hidden !important;\n    }\n\n    @media (max-width: 760px) {\n      .ols-zoom-card {\n        border-radius: 22px !important;\n        overflow: hidden !important;\n      }\n\n      .ols-zoom-card-image {\n        min-height: auto !important;\n        padding: 12px !important;\n        overflow: hidden !important;\n        border-top-left-radius: 22px !important;\n        border-top-right-radius: 22px !important;\n      }\n\n      .ols-zoom-card img.ols-zoomable-img,\n      .ols-zoom-card img.ols-zoomable-img:hover {\n        transform: none !important;\n        box-shadow: none !important;\n      }\n\n      .ols-zoom-card-caption {\n        border-bottom-left-radius: 22px !important;\n        border-bottom-right-radius: 22px !important;\n      }\n\n      .ols-image-lightbox {\n        padding: 14px !important;\n      }\n\n      .ols-image-lightbox-img {\n        max-height: 86vh !important;\n        border-radius: 14px !important;\n      }\n\n      .ols-image-lightbox-close {\n        top: 12px !important;\n        right: 12px !important;\n        width: 42px !important;\n        height: 42px !important;\n        font-size: 26px !important;\n      }\n    }\n\n  <\/style>\n\n  <aside class=\"ols-sidebar\">\r\n  <div class=\"ols-sidebar-header\">\r\n    <h3>Revision Notes<\/h3>\r\n    <p>A Level Chemistry<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>Topic 5 Formulae, Equations and Amounts of Substance<\/h4>\r\n\r\n    <ul class=\"ols-topic-list\">\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/\">Atoms, Elements and Molecules<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/equations-and-reaction-types\/\">Equations and Reaction Types<\/a>\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/equations-and-reaction-types\/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\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/equations-and-reaction-types\/typical-reactions-of-acids\/\">Typical Reactions of Acids<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/equations-and-reaction-types\/ionic-and-full-equations\/\">Ionic and Full Equations<\/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\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/mole-calculations\/\">Mole Calculations<\/a>\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/mole-calculations\/comparing-masses-of-substances\/\">Comparing Masses of Substances<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/mole-calculations\/calculations-involving-moles\/\">Calculations involving Moles<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/mole-calculations\/calculations-using-reacting-masses\/\">Calculations using Reacting Masses<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/mole-calculations\/the-yield-of-a-reaction\/\">The Yield of a Reaction<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/mole-calculations\/atom-economy\/\">Atom Economy<\/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\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/empirical-and-molecular-formulae\/\">Empirical and Molecular Formulae<\/a>\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/empirical-and-molecular-formulae\/empirical-formulae\/\">Empirical Formulae<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/empirical-and-molecular-formulae\/molecular-formulae\/\">Molecular Formulae<\/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\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/calculations-with-solutions-and-gases\/\">Calculations with Solutions and Gases<\/a>\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/calculations-with-solutions-and-gases\/molar-volume-calculations\/\">Molar Volume Calculations<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/calculations-with-solutions-and-gases\/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\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/calculations-with-solutions-and-gases\/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\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/measurement-uncertainty-and-errors\/\">Measurement Uncertainty and Errors<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/risks-hazards-and-practical-precautions\/\">Risks, Hazards and Practical Precautions<\/a>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>Next 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\/edexcel\/topic-6-organic-chemistry-i\/\">Topic 6 Organic Chemistry I<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-7-modern-analytical-techniques-i\/\">Topic 7 Modern Analytical Techniques I<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-4-inorganic-chemistry-and-the-periodic-table\/\">Topic 4 Inorganic Chemistry &amp; The Periodic Table<\/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        if (!href || href === '#' || href.charAt(0) === '#') return;\r\n        var linkPath = normalisePath(new URL(href, window.location.origin).pathname);\r\n        if (!linkPath) return;\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        if (parentLi) {\r\n          parentLi.classList.add('parent-active', 'active-main');\r\n          var parentLink = parentLi.querySelector(':scope > a');\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\/edexcel\/\">Edexcel<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/\">Topic 5 Formulae, Equations and Amounts of Substance<\/a> \/\n        <span>Atoms, Elements and Molecules<\/span>\n      <\/nav>\n\n      <header class=\"ols-title-card\">\n        <h1>Atoms, Elements and Molecules<\/h1>\n        <p class=\"ols-page-intro\">A concise revision guide to the meaning of atoms, elements, molecules, compounds and ions, including ionic charges, simple ionic formulae and monatomic, diatomic and polyatomic terminology.<\/p>\n\n        <div class=\"ols-badges\">\n          <div class=\"ols-badge\">Unit: Paper 1<\/div>\n          <div class=\"ols-badge\">Topic 5: Formulae, Equations and Amounts of Substance<\/div>\n          <div class=\"ols-badge\">9CH0\/01<\/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      <article class=\"ols-note-card soft\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">1<\/div><h2>What Is an Element?<\/h2><\/div>\n        <p>An <strong>element<\/strong> is a substance made from only one type of atom. Each element is represented by a chemical symbol, such as <strong>H<\/strong> for hydrogen, <strong>O<\/strong> for oxygen and <strong>Na<\/strong> for sodium.<\/p>\n        <p>Some element symbols have one capital letter. Others have two letters, where the first letter is capitalised and the second is lower case. For example, <strong>Cl<\/strong> represents chlorine, not C and l separately.<\/p>\n        <div class=\"ols-key-box\"><p><strong>Key idea:<\/strong> an element cannot be broken down into simpler substances by chemical reactions.<\/p><\/div>\n      <\/article>\n\n      <article class=\"ols-note-card\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">2<\/div><h2>What Is an Atom?<\/h2><\/div>\n        <p>An <strong>atom<\/strong> is the smallest particle of an element that has the chemical properties of that element. For example, one oxygen atom still behaves as oxygen.<\/p>\n        <p>At this stage, you should remember that atoms contain smaller particles: <strong>protons<\/strong>, <strong>neutrons<\/strong> and <strong>electrons<\/strong>. You will study these in more detail in Topic 1: Atomic Structure and the Periodic Table.<\/p>\n        <div class=\"ols-definition-box\"><p><strong>Definition:<\/strong> an atom is the smallest particle of an element that can take part in chemical change while retaining the identity of that element.<\/p><\/div>\n      <\/article>\n\n      <article class=\"ols-note-card purple ols-zoom-parent\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">3<\/div><h2>What Is a Molecule?<\/h2><\/div>\n        <p>A <strong>molecule<\/strong> is a particle made from two or more atoms chemically bonded together.<\/p>\n        <p>If the atoms are all from the same element, the particle is a <strong>molecule of an element<\/strong>. For example, H<sub>2<\/sub> is a molecule of hydrogen because it contains two hydrogen atoms bonded together.<\/p>\n        <p>If the atoms are from different elements, the particle is a <strong>molecule of a compound<\/strong>. For example, H<sub>2<\/sub>O contains hydrogen and oxygen atoms bonded together.<\/p>\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\/Educational-chart-of-atoms-and-molecules.webp\" alt=\"Educational chart showing atoms, elements, molecules, compounds and ions\" class=\"ols-zoomable-img ols-lightbox-target\" draggable=\"false\">\n          <\/div>\n          <div class=\"ols-zoom-card-caption\">\n            <p>This visual summary compares the key particle terms used in early chemistry, including atoms, elements, molecules and compounds.<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card orange\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">4<\/div><h2>What Is a Compound?<\/h2><\/div>\n        <p>A <strong>compound<\/strong> is a substance containing atoms of two or more different elements chemically combined together.<\/p>\n        <p>Compounds have different properties from the elements that form them. For example, water, H<sub>2<\/sub>O, is a compound made from hydrogen and oxygen, but it does not behave like hydrogen gas or oxygen gas.<\/p>\n        <div class=\"ols-key-box\"><p><strong>Exam focus:<\/strong> use the phrase <strong>chemically combined<\/strong> when defining a compound. A mixture is different because its substances are not chemically bonded together.<\/p><\/div>\n      <\/article>\n\n      <article class=\"ols-note-card soft ols-zoom-parent\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">5<\/div><h2>What Is an Ion?<\/h2><\/div>\n        <p>An <strong>ion<\/strong> is a particle with an electric charge. It may be a single charged atom, such as Na<sup>+<\/sup>, or a group of atoms with an overall charge, such as SO<sub>4<\/sub><sup>2-<\/sup>.<\/p>\n        <p>A positively charged ion is called a <strong>cation<\/strong>. A negatively charged ion is called an <strong>anion<\/strong>.<\/p>\n        <div class=\"ols-definition-box\"><p><strong>Important:<\/strong> this page defines what an ion is and shows how ion charges are used in simple formulae. The formation of ions is covered in more detail when you study bonding and structure.<\/p><\/div>\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\/Ion-charges-and-periodic-table-groups.webp\" alt=\"Ion charges linked to periodic table groups for common metal and non-metal ions\" class=\"ols-zoomable-img ols-lightbox-target\" draggable=\"false\">\n          <\/div>\n          <div class=\"ols-zoom-card-caption\">\n            <p>For many main-group ions, the group number helps predict the charge. Group 1 metals form +1 ions, Group 2 metals form +2 ions, Group 6 non-metals often form 2- ions and Group 7 non-metals often form 1- ions.<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card purple ols-zoom-parent\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">6<\/div><h2>Working Out Formulae for Ionic Compounds<\/h2><\/div>\n        <p>You cannot write balanced equations accurately until you can write formulae. For ionic compounds, the key rule is that the total positive charge and total negative charge must be equal, because the compound is electrically neutral overall.<\/p>\n        <p>Start by writing the ions with their charges. Then choose the smallest whole-number ratio of ions that makes the charges cancel out.<\/p>\n\n        <div class=\"ols-rule-list\">\n          <div class=\"ols-rule-item\">\n            <h3>Sodium oxide<\/h3>\n            <p>Sodium forms Na<sup>+<\/sup> and oxygen forms O<sup>2-<\/sup>. Two sodium ions are needed for every oxide ion, so the formula is <strong>Na<sub>2<\/sub>O<\/strong>.<\/p>\n          <\/div>\n          <div class=\"ols-rule-item\">\n            <h3>Barium nitrate<\/h3>\n            <p>Barium forms Ba<sup>2+<\/sup> and nitrate is NO<sub>3<\/sub><sup>&#8211;<\/sup>. Two nitrate ions are needed for every barium ion, so the formula is <strong>Ba(NO<sub>3<\/sub>)<sub>2<\/sub><\/strong>.<\/p>\n          <\/div>\n          <div class=\"ols-rule-item\">\n            <h3>Iron(III) sulfate<\/h3>\n            <p>Iron(III) tells you the ion is Fe<sup>3+<\/sup>. Sulfate is SO<sub>4<\/sub><sup>2-<\/sup>. The lowest common charge total is 6, so two Fe<sup>3+<\/sup> ions and three SO<sub>4<\/sub><sup>2-<\/sup> ions are needed. The formula is <strong>Fe<sub>2<\/sub>(SO<sub>4<\/sub>)<sub>3<\/sub><\/strong>.<\/p>\n          <\/div>\n        <\/div>\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\/How-to-determine-ionic-charges.webp\" alt=\"Step-by-step guide for determining ionic charges and writing ionic formulae\" class=\"ols-zoomable-img ols-lightbox-target\" draggable=\"false\">\n          <\/div>\n          <div class=\"ols-zoom-card-caption\">\n            <p>This step-by-step visual shows how ion charges are balanced to produce the correct formula for an ionic compound.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-definition-box\"><p><strong>Bracket rule:<\/strong> use brackets when there is more than one polyatomic ion in the formula. For example, Ba(NO<sub>3<\/sub>)<sub>2<\/sub> needs brackets because there are two nitrate ions.<\/p><\/div>\n      <\/article>\n\n      <article class=\"ols-note-card orange ols-zoom-parent\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">7<\/div><h2>Why Ion Charges Are Not Usually Written in Formulae<\/h2><\/div>\n        <p>Ion charges can be shown when you are explaining how a formula is constructed, such as Na<sup>+<\/sup> and Cl<sup>&#8211;<\/sup>. However, in the final formula of an ionic compound, the charges are normally omitted.<\/p>\n        <p>For example, sodium chloride is written as <strong>NaCl<\/strong>, not Na<sup>+<\/sup>Cl<sup>&#8211;<\/sup>, because the formula represents the electrically neutral compound. The charges are still there in the ions, but they are not shown in the final formula.<\/p>\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\/Ions-cheat-sheet-for-students.webp\" alt=\"Ions cheat sheet showing common cations, anions and polyatomic ions for chemistry students\" class=\"ols-zoomable-img ols-lightbox-target\" draggable=\"false\">\n          <\/div>\n          <div class=\"ols-zoom-card-caption\">\n            <p>Use common ion charges carefully when constructing formulae. The final formula must be neutral overall, even though the individual ions are charged.<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">8<\/div><h2>Monatomic, Diatomic and Polyatomic Terms<\/h2><\/div>\n        <p>These words describe how many atoms are present in a particle. They can be used for elements, molecules and ions.<\/p>\n\n        <div class=\"ols-table-wrap\">\n          <table class=\"ols-table\">\n            <thead>\n              <tr>\n                <th>Term<\/th>\n                <th>Meaning<\/th>\n                <th>Examples<\/th>\n              <\/tr>\n            <\/thead>\n            <tbody>\n              <tr>\n                <td data-label=\"Term\">Monatomic<\/td>\n                <td data-label=\"Meaning\">Made from single atoms or single-atom ions.<\/td>\n                <td data-label=\"Examples\">He, Ne, Cl<sup>&#8211;<\/sup><\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Term\">Diatomic<\/td>\n                <td data-label=\"Meaning\">Made from two atoms joined together, or an ion containing two atoms.<\/td>\n                <td data-label=\"Examples\">H<sub>2<\/sub>, N<sub>2<\/sub>, O<sub>2<\/sub>, OH<sup>&#8211;<\/sup><\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Term\">Polyatomic<\/td>\n                <td data-label=\"Meaning\">Made from several atoms joined together.<\/td>\n                <td data-label=\"Examples\">P<sub>4<\/sub>, CH<sub>4<\/sub>, SO<sub>4<\/sub><sup>2-<\/sup><\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card soft\">\n        <div class=\"ols-note-title\"><div class=\"ols-note-icon\">9<\/div><h2>Common Exam Points<\/h2><\/div>\n        <ul>\n          <li>An element contains <strong>only one type of atom<\/strong>.<\/li>\n          <li>A compound contains atoms of <strong>two or more different elements chemically combined<\/strong>.<\/li>\n          <li>A molecule contains <strong>two or more atoms bonded together<\/strong>.<\/li>\n          <li>H<sub>2<\/sub> is a molecule of an element because it contains only hydrogen atoms.<\/li>\n          <li>H<sub>2<\/sub>O is a molecule of a compound because it contains hydrogen and oxygen atoms.<\/li>\n          <li>An ion has an <strong>overall positive or negative charge<\/strong>.<\/li>\n          <li>A cation is positive. An anion is negative.<\/li>\n          <li>Ionic compounds are neutral overall, so the total positive charge must equal the total negative charge.<\/li>\n          <li>Use brackets when there is more than one polyatomic ion, such as Ba(NO<sub>3<\/sub>)<sub>2<\/sub> or Fe<sub>2<\/sub>(SO<sub>4<\/sub>)<sub>3<\/sub>.<\/li>\n          <li>Do not confuse chemical symbols with formulae. <strong>O<\/strong> is oxygen as an element symbol, while <strong>O<sub>2<\/sub><\/strong> is an oxygen molecule.<\/li>\n        <\/ul>\n      <\/article>\n\n      <section class=\"ols-h5p-card\">\n        <h2>Check Your Understanding<\/h2>\n        <p>Use this flashcard activity to practise writing formulae for ionic compounds. Write each formula on paper first, then flip the card to check the ion charges, simplest ratio and final formula.<\/p>\n        <div class=\"ols-h5p-grid\">\n          <div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-284\" class=\"h5p-iframe\" data-content-id=\"284\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Writing Formulae for Ionic Compounds\"><\/iframe><\/div><\/div>\n        <\/div>\n      <\/section>\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>Element:<\/strong> a substance made from only one type of atom.<\/li>\n          <li><strong>Atom:<\/strong> the smallest particle of an element that retains that element&#8217;s chemical identity.<\/li>\n          <li><strong>Molecule:<\/strong> two or more atoms chemically bonded together.<\/li>\n          <li><strong>Compound:<\/strong> a substance containing atoms of different elements chemically combined.<\/li>\n          <li><strong>Ion:<\/strong> a charged particle. Positive ions are cations and negative ions are anions.<\/li>\n          <li><strong>Ionic formulae:<\/strong> total positive charge must equal total negative charge because ionic compounds are neutral overall.<\/li>\n          <li><strong>Brackets:<\/strong> use brackets when a formula contains more than one polyatomic ion, such as Ba(NO<sub>3<\/sub>)<sub>2<\/sub>.<\/li>\n          <li><strong>Formulae:<\/strong> H<sub>2<\/sub> shows two hydrogen atoms in one hydrogen molecule, while H<sub>2<\/sub>O shows two hydrogen atoms and one oxygen atom in water.<\/li>\n        <\/ul>\n      <\/section>\n\n      <section class=\"ols-course-cta-formulae-amounts\" id=\"olsCourseCtaFormulaeAmounts005\">\r\n  <style>\r\n    .ols-course-cta-formulae-amounts,\r\n    .ols-course-cta-formulae-amounts * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ols-course-cta-formulae-amounts {\r\n      --navy: #1C244B;\r\n      --blue: #2563eb;\r\n      --body-text: #1f2937;\r\n      --grey-text: #667085;\r\n      --border: rgba(28, 36, 75, 0.14);\r\n      --shadow: 0 18px 45px rgba(28, 36, 75, 0.12);\r\n      --inner-shadow: 0 10px 26px rgba(28, 36, 75, 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-formulae-amounts .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(37, 99, 235, 0.16), transparent 34%),\r\n        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\r\n      box-shadow: var(--shadow);\r\n      padding: 30px;\r\n    }\r\n\r\n    .ols-course-cta-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .ols-course-cta-header-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 14px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .ols-course-cta-formulae-amounts .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-formulae-amounts h2 {\r\n      margin: 0 0 14px;\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    }\r\n\r\n    .ols-course-cta-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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\/Edexcel-Topic-5-Formulae-Equations-and-Amounts-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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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: olsAnimationPlayPulse002 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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .ols-animation-pause-button.is-visible {\r\n      display: inline-flex;\r\n    }\r\n\r\n    @keyframes olsAnimationPlayPulse002 {\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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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-formulae-amounts .ols-course-cta-top {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .ols-course-cta-image-link {\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .ols-course-cta-intro-stats {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .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-formulae-amounts {\r\n        margin: 26px 0 22px;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .ols-course-cta-card {\r\n        padding: 20px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .ols-course-cta-header-row {\r\n        align-items: stretch;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .ols-course-button-top {\r\n        width: 100%;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .ols-course-cta-stats,\r\n      .ols-course-cta-formulae-amounts .ols-course-cta-features {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .ols-course-animation-wrap {\r\n        padding: 0;\r\n        border-radius: 0;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .ols-animation-frame-shell {\r\n        height: 420px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .ols-animation-play-circle {\r\n        width: 76px;\r\n        height: 76px;\r\n      }\r\n\r\n      .ols-course-cta-formulae-amounts .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-formulae-amounts .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-formulae-amounts .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 class=\"ols-course-cta-image-link\" href=\"https:\/\/onlinelearningsystem.net\/xyz\/shop\" aria-label=\"Open the Edexcel A Level Chemistry Topic 5 Formulae, Equations and Amounts 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\/Edexcel-Topic-5-Formulae-Equations-and-Amounts-of-Substance.jpg\"\r\n            alt=\"Edexcel A Level Chemistry Topic 5 Formulae, Equations and Amounts of Substance 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\">\r\n            Complete Topic 5 Formulae, Equations & Amounts of Substance Course\r\n          <\/div>\r\n\r\n          <a class=\"ols-course-button ols-course-button-top\" href=\"https:\/\/onlinelearningsystem.net\/xyz\/shop\">\r\n            View Course\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <h2>\r\n          Master Formulae, Equations and Amounts of Substance for Edexcel A Level Chemistry\r\n        <\/h2>\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 Topic 5 Formulae, Equations and Amounts of Substance course, with guided video teaching, diagnostic MCQ practice, teacher-marked short-answer questions and a specification assignment with 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>Complete Topic 5<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Video lessons<\/span>\r\n          <strong>Full virtual lesson<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>MCQ practice<\/span>\r\n          <strong>123 marks<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>SAQ practice<\/span>\r\n          <strong>up to 145 marks<\/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 formulae, balanced equations, ionic equations, relative masses, mole calculations, empirical formulae, reacting masses, gas volumes, percentage yield and atom economy 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 formulae, equations, mole calculations, concentration, empirical formulae, percentage yield, atom economy and test-tube reactions with targeted reporting.\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=\"olsCourseAnimationFrame005\"\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=\"olsCourseAnimationStart005\"\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=\"olsCourseAnimationPause005\"\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 class=\"ols-course-button\" href=\"https:\/\/onlinelearningsystem.net\/xyz\/shop\">\r\n        View Formulae, Equations & Amounts of Substance Topic 5 Course\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <template id=\"olsCourseAnimationTemplate005\">\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 Combined 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-data-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-data-table th,\r\n.mcq-data-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-data-table th{\r\n  background:#f2f2f2;\r\n  font-weight:700;\r\n}\r\n\r\n.mcq-data-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 compound contains carbon, hydrogen and oxygen only. Its percentage composition by mass is shown.<\/p>\r\n\r\n            <table class=\"mcq-data-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Element<\/th>\r\n                  <th>Percentage by mass<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                <tr><td>C<\/td><td>40.0%<\/td><\/tr>\r\n                <tr><td>H<\/td><td>6.7%<\/td><\/tr>\r\n                <tr><td>O<\/td><td>53.3%<\/td><\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n\r\n            <p class=\"mcq-question-main\">What is the empirical formula of the compound?<\/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\">C<sub>2<\/sub>H<sub>4<\/sub>O<sub>2<\/sub><\/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\">CH<sub>2<\/sub>O<\/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\">CHO<\/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\">CH<sub>4<\/sub>O<\/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; A student reacts magnesium with hydrochloric acid and collects hydrogen gas.<br>\r\n              Explain how the volume of hydrogen can be used to calculate the amount of magnesium that reacted.\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=\"C\u2082H\u2084O\u2082 is a molecular formula with the same ratio multiplied by 2. The empirical formula must show the simplest whole-number ratio.\";\r\nconst mcqGeneralFeedbackText=\r\n\"Your answer is incorrect.\\n\\n\"+\r\n\"To find an empirical formula from percentage composition, assume 100 g of the compound, then convert each mass into moles.\\n\\n\"+\r\n\"\u2022 Carbon: 40.0 \u00f7 12.0 = 3.33 mol.\\n\"+\r\n\"\u2022 Hydrogen: 6.7 \u00f7 1.0 = 6.7 mol.\\n\"+\r\n\"\u2022 Oxygen: 53.3 \u00f7 16.0 = 3.33 mol.\\n\"+\r\n\"\u2022 Divide all values by the smallest value, 3.33.\\n\"+\r\n\"\u2022 The ratio is C : H : O = 1 : 2 : 1.\\n\\n\"+\r\n\"Therefore, the empirical formula is CH\u2082O.\\n\\n\"+\r\n\"The correct answer is: CH\u2082O\";\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=\"You measure the gas volume and use it to find the number of moles, then use the equation to find magnesium.\";\r\nconst saqTeacherFeedbackText=\r\n\"Comment:\\n\"+\r\n\"This answer is on the right track, but it needs the calculation sequence and the balanced equation to be exam-standard.\\n\\n\"+\r\n\"Magnesium reacts with hydrochloric acid according to the equation Mg + 2HCl \u2192 MgCl\u2082 + H\u2082. The mole ratio between magnesium and hydrogen is 1 : 1, so the amount of hydrogen produced is equal to the amount of magnesium that reacted.\\n\\n\"+\r\n\"The volume of hydrogen can be converted into moles using the molar volume of gas, or pV = nRT if pressure and temperature data are supplied. Once the moles of H\u2082 are known, the 1 : 1 ratio gives the moles of Mg. The mass of magnesium can then be calculated using mass = moles \u00d7 molar mass.\\n\\n\"+\r\n\"Next time, include:\\n\"+\r\n\"\u2022 The balanced equation: Mg + 2HCl \u2192 MgCl\u2082 + H\u2082 \u2713\\n\"+\r\n\"\u2022 Convert gas volume into moles of H\u2082 \u2713\\n\"+\r\n\"\u2022 Use the 1 : 1 mole ratio between Mg and H\u2082 \u2713\\n\"+\r\n\"\u2022 Convert moles of Mg into mass if required \u2713\\n\\n\"+\r\n\"You identified the main idea, but the strongest answers show the equation, mole ratio and calculation route clearly.\";\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(\"olsCourseAnimationStart005\");\r\n      var pauseButton = document.getElementById(\"olsCourseAnimationPause005\");\r\n      var iframe = document.getElementById(\"olsCourseAnimationFrame005\");\r\n      var template = document.getElementById(\"olsCourseAnimationTemplate005\");\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      <div class=\"ols-image-lightbox\" id=\"olsImageLightboxAtomsElementsMolecules\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Expanded image viewer\">\n        <button class=\"ols-image-lightbox-close\" type=\"button\" aria-label=\"Close expanded image\">\u00d7<\/button>\n        <div class=\"ols-image-lightbox-inner\">\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-atoms-elements-molecules-page');\n          if (!page) {\n            return;\n          }\n\n          var lightbox = page.querySelector('#olsImageLightboxAtomsElementsMolecules');\n          if (!lightbox) {\n            return;\n          }\n\n          var lightboxImage = lightbox.querySelector('.ols-image-lightbox-img');\n          var closeButton = lightbox.querySelector('.ols-image-lightbox-close');\n          var targets = page.querySelectorAll('img.ols-lightbox-target');\n\n          function openLightbox(image) {\n            if (!image || !lightboxImage) {\n              return;\n            }\n\n            lightboxImage.src = image.currentSrc || image.src;\n            lightboxImage.alt = image.alt || '';\n            lightbox.classList.add('is-open');\n            lightbox.setAttribute('aria-hidden', 'false');\n            document.body.classList.add('ols-lightbox-lock');\n          }\n\n          function closeLightbox() {\n            lightbox.classList.remove('is-open');\n            lightbox.setAttribute('aria-hidden', 'true');\n            document.body.classList.remove('ols-lightbox-lock');\n            if (lightboxImage) {\n              lightboxImage.src = '';\n              lightboxImage.alt = '';\n            }\n          }\n\n          targets.forEach(function(image){\n            image.addEventListener('click', function(event){\n              event.preventDefault();\n              event.stopPropagation();\n              openLightbox(image);\n            });\n          });\n\n          if (closeButton) {\n            closeButton.addEventListener('click', closeLightbox);\n          }\n\n          lightbox.addEventListener('click', function(event){\n            if (event.target === lightbox) {\n              closeLightbox();\n            }\n          });\n\n          document.addEventListener('keydown', function(event){\n            if (event.key === 'Escape' && lightbox.classList.contains('is-open')) {\n              closeLightbox();\n            }\n          });\n        })();\n      <\/script>\n\n      <section class=\"ols-faq-card\">\n        <h2>FAQs<\/h2>\n        <p>Use these questions to secure the wording needed for written definitions and short exam responses.<\/p>\n        <div class=\"ols-faq-list\">\n          <div class=\"ols-faq-item\">\n            <h3>What is the difference between an atom and an element?<\/h3>\n            <p>An atom is a single particle. An element is a substance made from only one type of atom. For example, oxygen is an element, and one oxygen atom is one particle of that element.<\/p>\n          <\/div>\n          <div class=\"ols-faq-item\">\n            <h3>What is the difference between a molecule and a compound?<\/h3>\n            <p>A molecule is two or more atoms bonded together. A compound contains atoms of two or more different elements chemically combined. Some molecules are compounds, such as H<sub>2<\/sub>O, but some molecules are elements, such as H<sub>2<\/sub>.<\/p>\n          <\/div>\n          <div class=\"ols-faq-item\">\n            <h3>Is H<sub>2<\/sub> an element or a compound?<\/h3>\n            <p>H<sub>2<\/sub> is a molecule of an element. It contains two hydrogen atoms bonded together, but both atoms are the same element.<\/p>\n          <\/div>\n          <div class=\"ols-faq-item\">\n            <h3>Why is H<sub>2<\/sub>O a compound?<\/h3>\n            <p>H<sub>2<\/sub>O is a compound because it contains atoms of two different elements, hydrogen and oxygen, chemically bonded together.<\/p>\n          <\/div>\n          <div class=\"ols-faq-item\">\n            <h3>What is the difference between a cation and an anion?<\/h3>\n            <p>A cation is a positively charged ion. An anion is a negatively charged ion. For example, Na<sup>+<\/sup> is a cation and Cl<sup>&#8211;<\/sup> is an anion.<\/p>\n          <\/div>\n          <div class=\"ols-faq-item\">\n            <h3>How do you work out the formula of an ionic compound?<\/h3>\n            <p>Write the ions with their charges, then choose the smallest whole-number ratio that makes the total positive charge equal the total negative charge.<\/p>\n          <\/div>\n          <div class=\"ols-faq-item\">\n            <h3>When do you use brackets in an ionic formula?<\/h3>\n            <p>Use brackets when there is more than one polyatomic ion. For example, barium nitrate is Ba(NO<sub>3<\/sub>)<sub>2<\/sub> because there are two nitrate ions.<\/p>\n          <\/div>\n          <div class=\"ols-faq-item\">\n            <h3>Why are ion charges not usually shown in final formulae?<\/h3>\n            <p>The final formula represents an electrically neutral compound, so the charges are not normally written even though the particles present are ions.<\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"ols-related-card\">\n        <h2>Related Topics<\/h2>\n        <p>Continue through Topic 5 by linking this page to equations, formulae and mole calculation revision.<\/p>\n        <div class=\"ols-related-grid\">\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/equations-and-reaction-types\/\">Equations and Reaction Types<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/equations-and-reaction-types\/writing-chemical-equations\/\">Writing Chemical Equations<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/mole-calculations\/\">Mole Calculations<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/empirical-and-molecular-formulae\/\">Empirical and Molecular Formulae<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/calculations-with-solutions-and-gases\/\">Calculations with Solutions and Gases<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-1-atomic-structure-and-the-periodic-table\/\">Atomic Structure &amp; The Periodic Table<\/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\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/#webpage\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/\",\n            \"name\": \"Atoms, Elements and Molecules - Edexcel A Level Chemistry\",\n            \"description\": \"Revision notes explaining atoms, elements, molecules, compounds, ions, ionic charges, simple ionic formulae, cations, anions and monatomic, diatomic and polyatomic terminology for Edexcel A Level Chemistry Topic 5.\",\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            \"publisher\": {\n              \"@type\": \"Organization\",\n              \"name\": \"Online Learning System\",\n              \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n            },\n            \"about\": [\"atoms\", \"elements\", \"molecules\", \"compounds\", \"ions\", \"ionic formulae\", \"ionic charges\", \"chemistry revision\"]\n          },\n          {\n            \"@type\": \"BreadcrumbList\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/#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\": \"Edexcel\", \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/\"},\n              {\"@type\": \"ListItem\", \"position\": 4, \"name\": \"Topic 5 Formulae, Equations and Amounts of Substance\", \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/\"},\n              {\"@type\": \"ListItem\", \"position\": 5, \"name\": \"Atoms, Elements and Molecules\", \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/\"}\n            ]\n          },\n          {\n            \"@type\": \"Course\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/#course\",\n            \"name\": \"Atoms, Elements and Molecules\",\n            \"description\": \"A Level Chemistry revision notes covering atoms, elements, molecules, compounds, ions, ionic charges, ionic formulae, cations, anions and particle terminology in Topic 5 Formulae, Equations and Amounts of Substance.\",\n            \"provider\": {\n              \"@type\": \"Organization\",\n              \"name\": \"Online Learning System\",\n              \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n            },\n            \"educationalLevel\": \"A Level\",\n            \"inLanguage\": \"en-GB\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/\",\n            \"courseCode\": \"9CH0\/01\"\n          },\n          {\n            \"@type\": \"ImageObject\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/#visualsummary\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Educational-chart-of-atoms-and-molecules.webp\",\n            \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Educational-chart-of-atoms-and-molecules.webp\",\n            \"caption\": \"Educational chart comparing atoms, elements, molecules, compounds and ions.\",\n            \"description\": \"A visual chemistry revision chart showing the relationship between atoms, elements, molecules, compounds and ions.\"\n          },\n          {\n            \"@type\": \"ImageObject\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/#ionchargesgroups\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Ion-charges-and-periodic-table-groups.webp\",\n            \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Ion-charges-and-periodic-table-groups.webp\",\n            \"caption\": \"Ion charges and periodic table groups.\",\n            \"description\": \"A chemistry revision visual linking common ion charges to periodic table groups.\"\n          },\n          {\n            \"@type\": \"ImageObject\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/#ionicformulacharges\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/How-to-determine-ionic-charges.webp\",\n            \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/How-to-determine-ionic-charges.webp\",\n            \"caption\": \"How to determine ionic charges and write ionic formulae.\",\n            \"description\": \"A step-by-step chemistry revision visual showing how to balance ion charges to write ionic formulae.\"\n          },\n          {\n            \"@type\": \"ImageObject\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/#ionscheatsheet\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Ions-cheat-sheet-for-students.webp\",\n            \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Ions-cheat-sheet-for-students.webp\",\n            \"caption\": \"Ions cheat sheet for chemistry students.\",\n            \"description\": \"A chemistry revision cheat sheet showing common cations, anions and polyatomic ions.\"\n          },\n          {\n            \"@type\": \"FAQPage\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/#faq\",\n            \"mainEntity\": [\n              {\"@type\": \"Question\", \"name\": \"What is the difference between an atom and an element?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"An atom is a single particle. An element is a substance made from only one type of atom.\"}},\n              {\"@type\": \"Question\", \"name\": \"What is the difference between a molecule and a compound?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"A molecule is two or more atoms bonded together. A compound contains atoms of two or more different elements chemically combined.\"}},\n              {\"@type\": \"Question\", \"name\": \"Is H2 an element or a compound?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"H2 is a molecule of an element because it contains only hydrogen atoms bonded together.\"}},\n              {\"@type\": \"Question\", \"name\": \"Why is H2O a compound?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"H2O is a compound because it contains hydrogen and oxygen atoms chemically bonded together.\"}},\n              {\"@type\": \"Question\", \"name\": \"What is the difference between a cation and an anion?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"A cation is a positively charged ion. An anion is a negatively charged ion.\"}},\n              {\"@type\": \"Question\", \"name\": \"How do you work out the formula of an ionic compound?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Write the ions with their charges, then choose the smallest whole-number ratio that makes the total positive charge equal the total negative charge.\"}},\n              {\"@type\": \"Question\", \"name\": \"When do you use brackets in an ionic formula?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Use brackets when there is more than one polyatomic ion. For example, barium nitrate is Ba(NO3)2 because there are two nitrate ions.\"}},\n              {\"@type\": \"Question\", \"name\": \"Why are ion charges not usually shown in final formulae?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"The final formula represents an electrically neutral compound, so the charges are not normally written even though the particles present are ions.\"}}\n            ]\n          },\n          {\n            \"@type\": \"ItemList\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/atoms-elements-and-molecules\/#relatedtopics\",\n            \"name\": \"Related Topic 1 Chemistry Revision Notes\",\n            \"itemListElement\": [\n              {\"@type\": \"ListItem\", \"position\": 1, \"item\": {\"@type\": \"Course\", \"name\": \"Equations and Reaction Types\", \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/equations-and-reaction-types\/\", \"description\": \"Revision notes covering chemical equations, reaction types, acid reactions, displacement reactions and ionic equations.\"}},\n              {\"@type\": \"ListItem\", \"position\": 2, \"item\": {\"@type\": \"Course\", \"name\": \"Writing Chemical Equations\", \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/equations-and-reaction-types\/writing-chemical-equations\/\", \"description\": \"Revision notes covering how to write and balance chemical equations correctly.\"}},\n              {\"@type\": \"ListItem\", \"position\": 3, \"item\": {\"@type\": \"Course\", \"name\": \"Mole Calculations\", \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/mole-calculations\/\", \"description\": \"Revision notes covering moles, reacting masses, gas volume calculations and concentration calculations.\"}},\n              {\"@type\": \"ListItem\", \"position\": 4, \"item\": {\"@type\": \"Course\", \"name\": \"Empirical and Molecular Formulae\", \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/empirical-and-molecular-formulae\/\", \"description\": \"Revision notes covering empirical formulae and molecular formulae calculations.\"}},\n              {\"@type\": \"ListItem\", \"position\": 5, \"item\": {\"@type\": \"Course\", \"name\": \"Calculations with Solutions and Gases\", \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/calculations-with-solutions-and-gases\/\", \"description\": \"Revision notes covering molar volume calculations, concentrations of solutions and concentration units.\"}},\n              {\"@type\": \"ListItem\", \"position\": 6, \"item\": {\"@type\": \"Course\", \"name\": \"Atomic Structure and The Periodic Table\", \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-1-atomic-structure-and-the-periodic-table\/\", \"description\": \"Revision notes covering atomic structure, mass spectrometry, the quantum model and ionisation energy.\"}}\n            ]\n          }\n        ]\n      }\n      <\/script>\n    <\/main>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Revision Notes \/ A Level Chemistry \/ Edexcel \/ Topic 5 Formulae, Equations and Amounts of Substance \/ Atoms, Elements and Molecules Atoms, Elements and Molecules A concise revision guide to the meaning of atoms, elements, molecules, compounds and ions, including ionic charges, simple ionic formulae and monatomic, diatomic and polyatomic terminology. Unit: Paper 1 [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":4501,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"productId":0,"courseId":0,"footnotes":""},"class_list":["post-4739","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/4739","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=4739"}],"version-history":[{"count":0,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/4739\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/4501"}],"wp:attachment":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/media?parent=4739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}