{"id":3107,"date":"2026-05-04T11:22:21","date_gmt":"2026-05-04T10:22:21","guid":{"rendered":"https:\/\/www.onlinelearningsystem.net\/xyz\/?page_id=3107"},"modified":"2026-06-30T05:37:11","modified_gmt":"2026-06-30T04:37:11","slug":"revision-notes","status":"publish","type":"page","link":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/","title":{"rendered":"Revision Notes"},"content":{"rendered":"\n<!--\nRank Math Pro\nSEO Title: Free Chemistry Revision Notes | Online Learning System\nSEO Description: Free chemistry revision notes with interactive practice questions, worked answers and structured topic support from GCSE through to advanced chemistry study.\nFocus Keyword: Chemistry\n-->\n\n<section class=\"ols-revision-notes-home\">\n\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\n\n    .ols-revision-notes-home,\n    .ols-revision-notes-home * {\n      box-sizing: border-box;\n    }\n\n    .ols-revision-notes-home {\n      --ols-navy: #1C244B;\n      --ols-navy-2: #253064;\n      --ols-blue: #467FF7;\n      --ols-soft-blue: #EEF4FF;\n      --ols-green: #3B6D11;\n      --ols-soft-green: #eef8e9;\n      --ols-purple: #6f3d96;\n      --ols-soft-purple: #f7f0ff;\n      --ols-ink: #071845;\n      --ols-muted: #4b5575;\n      --ols-border: rgba(28, 36, 75, 0.12);\n      --ols-shadow: 0 18px 45px rgba(28, 36, 75, 0.12);\n      --ols-shadow-soft: 0 10px 28px rgba(28, 36, 75, 0.09);\n      --ols-container: 1180px;\n      font-family: \"Poppins\", Arial, sans-serif;\n      color: var(--ols-ink);\n      background: #ffffff;\n      overflow: hidden;\n    }\n\n    .ols-revision-notes-home a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .ols-rn-container {\n      width: min(var(--ols-container), calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    \/* =========================================================\n       BREADCRUMB\n    ========================================================= *\/\n\n    .ols-rn-breadcrumb-bar {\n      padding: 16px 0 0;\n      background: #ffffff;\n    }\n\n    .ols-rn-breadcrumb {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      font-size: 13px;\n      color: var(--ols-muted);\n      font-weight: 500;\n    }\n\n    .ols-rn-breadcrumb span {\n      color: var(--ols-navy);\n      font-weight: 700;\n    }\n\n    \/* =========================================================\n       HERO\n    ========================================================= *\/\n\n    .ols-rn-hero {\n      padding: 38px 0 34px;\n      background:\n        radial-gradient(circle at top center, rgba(70, 127, 247, 0.07), transparent 40%),\n        linear-gradient(180deg, #f7f9fd 0%, #ffffff 100%);\n    }\n\n    .ols-rn-hero-inner {\n      text-align: center;\n      max-width: 920px;\n      margin: 0 auto;\n    }\n\n    .ols-rn-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      padding: 8px 16px;\n      border-radius: 999px;\n      background: #ffffff;\n      border: 1px solid rgba(70, 127, 247, 0.20);\n      color: var(--ols-blue);\n      font-size: 13px;\n      font-weight: 600;\n      box-shadow: 0 6px 18px rgba(28, 36, 75, 0.06);\n      margin-bottom: 18px;\n    }\n\n    .ols-rn-eyebrow::before {\n      content: \"\";\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--ols-blue);\n      box-shadow: 0 0 0 4px rgba(70, 127, 247, 0.14);\n    }\n\n    .ols-rn-hero h1 {\n      margin: 0 0 14px;\n      color: var(--ols-navy);\n      font-size: clamp(42px, 5.5vw, 74px);\n      font-weight: 800;\n      line-height: 1.05;\n      letter-spacing: -0.045em;\n      text-shadow: -9px 0 9px rgba(28, 36, 75, 0.08);\n    }\n\n    .ols-rn-hero p {\n      margin: 0 auto;\n      max-width: 780px;\n      color: #11316b;\n      font-size: clamp(17px, 1.7vw, 21px);\n      line-height: 1.65;\n      font-weight: 300;\n    }\n\n    .ols-rn-free-pill-row {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 10px;\n      margin-top: 22px;\n    }\n\n    .ols-rn-free-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      padding: 8px 15px;\n      border-radius: 999px;\n      background: #ffffff;\n      border: 1px solid rgba(28, 36, 75, 0.12);\n      color: var(--ols-navy);\n      font-size: 13px;\n      font-weight: 700;\n      box-shadow: 0 6px 18px rgba(28, 36, 75, 0.05);\n    }\n\n    .ols-rn-free-pill::before {\n      content: \"\";\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--ols-blue);\n    }\n\n    \/* =========================================================\n       SUBJECT CARDS\n    ========================================================= *\/\n\n    .ols-rn-subjects {\n      padding: 18px 0 42px;\n      background: #ffffff;\n    }\n\n    .ols-rn-subject-grid {\n      min-height: 40vh;\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    .ols-rn-subject-card {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      min-height: 380px;\n      background: #ffffff;\n      border: 2px solid var(--ols-border);\n      border-radius: 30px;\n      overflow: hidden;\n      box-shadow: var(--ols-shadow-soft);\n      color: var(--ols-navy);\n      transition:\n        transform 0.30s cubic-bezier(0.34, 1.56, 0.64, 1),\n        box-shadow 0.30s ease,\n        border-color 0.30s ease;\n    }\n\n    .ols-rn-subject-card--available:hover {\n      transform: translateY(-12px) scale(1.018);\n      box-shadow: 0 32px 64px rgba(28, 36, 75, 0.18);\n    }\n\n    .ols-rn-subject-card--locked {\n      cursor: default;\n    }\n\n    .ols-rn-subject-card--biology {\n      border-color: rgba(59, 109, 17, 0.34);\n    }\n\n    .ols-rn-subject-card--chemistry {\n      border-color: rgba(70, 127, 247, 0.42);\n    }\n\n    .ols-rn-subject-card--physics {\n      border-color: rgba(111, 61, 150, 0.34);\n    }\n\n    .ols-rn-subject-card--biology:hover {\n      border-color: rgba(59, 109, 17, 0.58);\n    }\n\n    .ols-rn-subject-card--chemistry:hover {\n      border-color: rgba(70, 127, 247, 0.72);\n    }\n\n    .ols-rn-subject-card--physics:hover {\n      border-color: rgba(111, 61, 150, 0.58);\n    }\n\n    .ols-rn-card-image {\n      position: relative;\n      min-height: 42%;\n      display: grid;\n      place-items: center;\n      padding: 18px;\n      overflow: hidden;\n      border-bottom: 1px solid rgba(28, 36, 75, 0.10);\n    }\n\n    .ols-rn-subject-card--biology .ols-rn-card-image {\n      background:\n        radial-gradient(circle at top right, rgba(59, 109, 17, 0.16), transparent 36%),\n        linear-gradient(135deg, #ffffff, var(--ols-soft-green));\n    }\n\n    .ols-rn-subject-card--chemistry .ols-rn-card-image {\n      background:\n        radial-gradient(circle at top right, rgba(70, 127, 247, 0.18), transparent 36%),\n        linear-gradient(135deg, #ffffff, var(--ols-soft-blue));\n    }\n\n    .ols-rn-subject-card--physics .ols-rn-card-image {\n      background:\n        radial-gradient(circle at top right, rgba(111, 61, 150, 0.16), transparent 36%),\n        linear-gradient(135deg, #ffffff, var(--ols-soft-purple));\n    }\n\n    .ols-rn-subject-card--gcse {\n      border-color: rgba(245, 158, 11, 0.38);\n    }\n\n    .ols-rn-subject-card--gcse:hover {\n      border-color: rgba(245, 158, 11, 0.64);\n    }\n\n    .ols-rn-subject-card--gcse .ols-rn-card-image {\n      background:\n        radial-gradient(circle at top right, rgba(245, 158, 11, 0.18), transparent 38%),\n        linear-gradient(135deg, #ffffff, #fff7ed);\n    }\n\n    .ols-rn-chem-visual {\n      position: relative;\n      width: 100%;\n      min-height: 172px;\n      border-radius: 24px;\n      overflow: hidden;\n      background:\n        radial-gradient(circle at 20% 22%, rgba(255,255,255,0.92), transparent 12%),\n        radial-gradient(circle at 78% 18%, rgba(255,255,255,0.74), transparent 14%),\n        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,255,255,0.52));\n      border: 1px solid rgba(28, 36, 75, 0.10);\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.55), 0 16px 34px rgba(28,36,75,0.08);\n    }\n\n    .ols-rn-chem-visual::before,\n    .ols-rn-chem-visual::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .ols-rn-chem-visual::before {\n      width: 118px;\n      height: 118px;\n      left: -34px;\n      bottom: -36px;\n      background: rgba(70,127,247,0.13);\n    }\n\n    .ols-rn-chem-visual::after {\n      width: 92px;\n      height: 92px;\n      right: -24px;\n      top: -20px;\n      background: rgba(28,36,75,0.08);\n    }\n\n    .ols-rn-chem-orbit {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 112px;\n      height: 112px;\n      border: 2px solid currentColor;\n      border-radius: 50%;\n      opacity: 0.22;\n      transform: translate(-50%, -50%) rotate(var(--orbit-rotate, 0deg)) scaleX(1.42);\n    }\n\n    .ols-rn-chem-core {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\n      background: currentColor;\n      transform: translate(-50%, -50%);\n      box-shadow: 0 0 0 10px rgba(255,255,255,0.56), 0 18px 30px rgba(28,36,75,0.14);\n    }\n\n    .ols-rn-chem-node {\n      position: absolute;\n      width: 14px;\n      height: 14px;\n      border-radius: 50%;\n      background: currentColor;\n      box-shadow: 0 0 0 6px rgba(255,255,255,0.58), 0 10px 20px rgba(28,36,75,0.10);\n    }\n\n    .ols-rn-chem-node--one { left: 28%; top: 34%; }\n    .ols-rn-chem-node--two { right: 25%; top: 38%; }\n    .ols-rn-chem-node--three { left: 45%; bottom: 22%; }\n\n    .ols-rn-chem-bond {\n      position: absolute;\n      height: 3px;\n      border-radius: 999px;\n      background: currentColor;\n      opacity: 0.20;\n      transform-origin: left center;\n    }\n\n    .ols-rn-chem-bond--one { width: 74px; left: 33%; top: 40%; transform: rotate(7deg); }\n    .ols-rn-chem-bond--two { width: 64px; left: 52%; top: 48%; transform: rotate(116deg); }\n    .ols-rn-chem-bond--three { width: 60px; left: 33%; top: 50%; transform: rotate(63deg); }\n\n    .ols-rn-chem-level {\n      position: absolute;\n      left: 16px;\n      bottom: 14px;\n      z-index: 2;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.76);\n      border: 1px solid rgba(28,36,75,0.10);\n      color: var(--ols-navy);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 0.03em;\n      text-transform: uppercase;\n    }\n\n    .ols-rn-chem-visual--gcse { color: #f59e0b; }\n    .ols-rn-chem-visual--alevel { color: var(--ols-blue); }\n    .ols-rn-chem-visual--undergrad { color: var(--ols-green); }\n    .ols-rn-chem-visual--masters { color: var(--ols-purple); }\n\n\n    \/* Unique CSS-only card visuals *\/\n    .ols-rn-chem-level {\n      font-size: 10px;\n      padding: 5px 9px;\n      max-width: calc(100% - 28px);\n      white-space: nowrap;\n      letter-spacing: 0.015em;\n    }\n\n    .ols-rn-chem-visual--undergrad .ols-rn-chem-level {\n      font-size: 9px;\n      left: 12px;\n      padding: 5px 8px;\n    }\n\n    .ols-rn-chem-visual--gcse {\n      background:\n        radial-gradient(circle at 20% 25%, rgba(245,158,11,0.14), transparent 17%),\n        radial-gradient(circle at 78% 22%, rgba(245,158,11,0.10), transparent 17%),\n        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(255,247,237,0.72));\n    }\n\n    .ols-rn-chem-visual--gcse .ols-rn-chem-orbit {\n      width: 118px;\n      height: 118px;\n      opacity: 0.24;\n      border-width: 2px;\n    }\n\n    .ols-rn-chem-visual--alevel {\n      background:\n        radial-gradient(circle at 28% 68%, rgba(70,127,247,0.14), transparent 18%),\n        radial-gradient(circle at 70% 28%, rgba(70,127,247,0.10), transparent 20%),\n        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(238,244,255,0.76));\n    }\n\n    .ols-rn-chem-visual--alevel .ols-rn-chem-orbit {\n      display: none;\n    }\n\n    .ols-rn-chem-visual--alevel .ols-rn-chem-core {\n      width: 30px;\n      height: 30px;\n      left: 26%;\n      top: 45%;\n      box-shadow: 0 0 0 9px rgba(255,255,255,0.62), 0 18px 30px rgba(28,36,75,0.13);\n    }\n\n    .ols-rn-chem-visual--alevel .ols-rn-chem-node--one { left: 48%; top: 29%; width: 20px; height: 20px; }\n    .ols-rn-chem-visual--alevel .ols-rn-chem-node--two { right: 17%; top: 49%; width: 18px; height: 18px; }\n    .ols-rn-chem-visual--alevel .ols-rn-chem-node--three { left: 47%; bottom: 18%; width: 17px; height: 17px; }\n    .ols-rn-chem-visual--alevel .ols-rn-chem-bond--one { width: 72px; left: 31%; top: 40%; transform: rotate(-24deg); opacity: 0.24; }\n    .ols-rn-chem-visual--alevel .ols-rn-chem-bond--two { width: 70px; left: 53%; top: 43%; transform: rotate(28deg); opacity: 0.24; }\n    .ols-rn-chem-visual--alevel .ols-rn-chem-bond--three { width: 78px; left: 31%; top: 54%; transform: rotate(24deg); opacity: 0.20; }\n\n    .ols-rn-chem-visual--undergrad {\n      background:\n        radial-gradient(circle at 24% 24%, rgba(59,109,17,0.12), transparent 17%),\n        radial-gradient(circle at 76% 72%, rgba(59,109,17,0.10), transparent 18%),\n        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(238,248,233,0.78));\n    }\n\n    .ols-rn-chem-visual--undergrad::before {\n      left: 50%;\n      top: 36%;\n      width: 98px;\n      height: 112px;\n      transform: translateX(-50%);\n      border-radius: 16px 16px 36px 36px;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,0.70) 0 34%, rgba(59,109,17,0.13) 35% 100%);\n      border: 3px solid rgba(59,109,17,0.24);\n      clip-path: polygon(35% 0, 65% 0, 65% 30%, 90% 100%, 10% 100%, 35% 30%);\n    }\n\n    .ols-rn-chem-visual--undergrad::after {\n      width: 54px;\n      height: 14px;\n      left: 50%;\n      top: 34%;\n      transform: translateX(-50%);\n      border-radius: 999px;\n      background: rgba(59,109,17,0.16);\n    }\n\n    .ols-rn-chem-visual--undergrad .ols-rn-chem-orbit,\n    .ols-rn-chem-visual--undergrad .ols-rn-chem-bond {\n      display: none;\n    }\n\n    .ols-rn-chem-visual--undergrad .ols-rn-chem-core { left: 50%; top: 66%; width: 18px; height: 18px; }\n    .ols-rn-chem-visual--undergrad .ols-rn-chem-node--one { left: 39%; top: 50%; width: 13px; height: 13px; opacity: 0.86; }\n    .ols-rn-chem-visual--undergrad .ols-rn-chem-node--two { right: 38%; top: 56%; width: 11px; height: 11px; opacity: 0.76; }\n    .ols-rn-chem-visual--undergrad .ols-rn-chem-node--three { left: 54%; bottom: 24%; width: 12px; height: 12px; opacity: 0.82; }\n\n    .ols-rn-chem-visual--masters {\n      background:\n        radial-gradient(ellipse at 50% 45%, rgba(111,61,150,0.16), transparent 34%),\n        repeating-linear-gradient(115deg, rgba(111,61,150,0.08) 0 2px, transparent 2px 18px),\n        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(247,240,255,0.78));\n    }\n\n    .ols-rn-chem-visual--masters .ols-rn-chem-orbit {\n      width: 132px;\n      height: 72px;\n      opacity: 0.25;\n      border-width: 2px;\n      transform: translate(-50%, -50%) rotate(var(--orbit-rotate, 0deg)) scaleX(1.1);\n    }\n\n    .ols-rn-chem-visual--masters .ols-rn-chem-orbit:nth-child(2) { width: 84px; height: 132px; }\n    .ols-rn-chem-visual--masters .ols-rn-chem-core { width: 26px; height: 26px; }\n    .ols-rn-chem-visual--masters .ols-rn-chem-bond { height: 2px; opacity: 0.13; }\n    .ols-rn-chem-visual--masters .ols-rn-chem-node--one { left: 26%; top: 30%; width: 16px; height: 16px; }\n    .ols-rn-chem-visual--masters .ols-rn-chem-node--two { right: 22%; top: 32%; width: 15px; height: 15px; }\n    .ols-rn-chem-visual--masters .ols-rn-chem-node--three { left: 49%; bottom: 22%; width: 16px; height: 16px; }\n\n    .ols-rn-image-placeholder {\n      width: 100%;\n      min-height: 150px;\n      border-radius: 22px;\n      border: 2px dashed rgba(28, 36, 75, 0.18);\n      background: rgba(255,255,255,0.72);\n      display: grid;\n      place-items: center;\n      text-align: center;\n      padding: 22px;\n      color: var(--ols-muted);\n      font-size: 14px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n    }\n\n    .ols-rn-card-status {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      z-index: 2;\n      display: inline-flex;\n      align-items: center;\n      padding: 6px 12px;\n      border-radius: 999px;\n      font-size: 11px;\n      font-weight: 800;\n      box-shadow: 0 6px 16px rgba(28, 36, 75, 0.08);\n    }\n\n    .ols-rn-card-status--available {\n      background: #eaf3de;\n      color: var(--ols-green);\n      border: 1px solid rgba(59, 109, 17, 0.22);\n    }\n\n    .ols-rn-card-status--soon {\n      background: #ffffff;\n      color: var(--ols-muted);\n      border: 1px solid rgba(28, 36, 75, 0.14);\n    }\n\n    .ols-rn-card-body {\n      flex: 1;\n      padding: 22px 20px 30px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      gap: 20px;\n    }\n\n    .ols-rn-card-title {\n      margin: 0 0 12px;\n      color: var(--ols-navy);\n      font-size: clamp(21px, 1.75vw, 28px);\n      font-weight: 800;\n      line-height: 1.08;\n      letter-spacing: -0.04em;\n      text-shadow: -9px 0 9px rgba(28, 36, 75, 0.06);\n    }\n\n    .ols-rn-card-desc {\n      margin: 0;\n      color: var(--ols-muted);\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 1.68;\n    }\n\n    .ols-rn-card-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      color: var(--ols-blue);\n      font-size: 13px;\n      font-weight: 800;\n      padding-top: 4px;\n    }\n\n    .ols-rn-card-cta svg {\n      width: 15px;\n      height: 15px;\n      transition: transform 0.22s ease;\n    }\n\n    .ols-rn-subject-card--available:hover .ols-rn-card-cta svg {\n      transform: translateX(4px);\n    }\n\n    \/* =========================================================\n       COURSE CTA CARD\n    ========================================================= *\/\n\n    .ols-rn-course-cta-section {\n      padding: 0 0 28px;\n      background:\n        radial-gradient(circle at top center, rgba(70, 127, 247, 0.08), transparent 38%),\n        linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);\n    }\n\n    .ols-rn-course-cta {\n      background:\n        radial-gradient(circle at top left, rgba(70,127,247,0.18), transparent 35%),\n        linear-gradient(135deg, #1C244B 0%, #0f4fa8 100%);\n      border-radius: 34px;\n      padding: clamp(30px, 5vw, 58px);\n      box-shadow: 0 28px 80px rgba(28, 36, 75, 0.24);\n      overflow: hidden;\n      text-align: center;\n      color: #ffffff;\n    }\n\n    .ols-rn-course-pill {\n      display: inline-flex;\n      align-items: center;\n      width: fit-content;\n      padding: 8px 15px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.12);\n      border: 1px solid rgba(255,255,255,0.22);\n      color: #ffffff;\n      font-size: 12px;\n      font-weight: 800;\n      margin: 0 auto 18px;\n    }\n\n    .ols-rn-course-cta h2 {\n      margin: 0 auto 14px;\n      max-width: 850px;\n      color: #ffffff;\n      font-size: clamp(38px, 5vw, 70px);\n      line-height: 1.04;\n      font-weight: 800;\n      letter-spacing: -0.045em;\n      text-shadow: -9px 0 9px rgba(0, 0, 0, 0.16);\n    }\n\n    .ols-rn-course-cta p {\n      margin: 0 auto 28px;\n      color: rgba(255,255,255,0.9);\n      font-size: clamp(16px, 1.6vw, 21px);\n      line-height: 1.72;\n      font-weight: 300;\n      max-width: 820px;\n    }\n\n    .ols-rn-course-button,\n    .ols-rn-course-button:visited,\n    .ols-rn-course-button:hover,\n    .ols-rn-course-button:focus,\n    .ols-rn-course-button:active {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      min-height: 48px;\n      padding: 14px 30px;\n      border-radius: 999px;\n      background: #ffffff !important;\n      color: var(--ols-navy) !important;\n      border: 1px solid rgba(255,255,255,0.35);\n      font-size: 14px;\n      font-weight: 800;\n      box-shadow: 0 14px 34px rgba(0,0,0,0.18);\n      transition:\n        transform 0.22s ease,\n        box-shadow 0.22s ease;\n      text-decoration: none;\n    }\n\n    .ols-rn-course-button:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 18px 42px rgba(0,0,0,0.22);\n    }\n\n    \/* =========================================================\n       STANDALONE ANIMATION\n    ========================================================= *\/\n\n    .ols-rn-animation-section {\n      padding: 22px 0 76px;\n      background: #f7f9fd;\n      position: relative;\n      z-index: 1;\n    }\n\n    .ols-rn-animation-stage,\n    .ols-rn-animation-stage * {\n      box-sizing: border-box;\n    }\n\n    .ols-rn-animation-stage {\n      --rn-video-scale: 1;\n      --rn-mcq-scale: 1;\n      --rn-saq-scale: 1;\n      position: relative;\n      width: 100%;\n      min-height: 56vh;\n      overflow: hidden;\n      font-family: Poppins, Arial, sans-serif;\n      background:\n        radial-gradient(circle at top left, rgba(70,127,247,0.14), transparent 34%),\n        linear-gradient(135deg, #f8fbff 0%, #e9efff 100%);\n      border-radius: 0;\n      z-index: 1;\n    }\n\n    .ols-rn-animation-placeholder {\n      position: absolute;\n      inset: 0;\n      display: grid;\n      place-items: center;\n      text-align: center;\n      padding: 32px;\n      color: var(--ols-navy);\n      background:\n        radial-gradient(circle at top left, rgba(70,127,247,0.14), transparent 34%),\n        linear-gradient(135deg, #f8fbff 0%, #e9efff 100%);\n      z-index: 100;\n    }\n\n    .ols-rn-animation-placeholder h3 {\n      margin: 0;\n      font-size: clamp(32px, 4.5vw, 60px);\n      line-height: 1.08;\n      font-weight: 800;\n      letter-spacing: -0.045em;\n      text-shadow: -9px 0 9px rgba(28,36,75,0.12);\n    }\n\n    .ols-rn-animation-stage.ols-rn-animation-started .ols-rn-animation-placeholder {\n      display: none;\n    }\n\n    .ols-rn-anim-scene {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      visibility: hidden;\n      pointer-events: none;\n    }\n\n    .ols-rn-anim-scene.active {\n      opacity: 1;\n      visibility: visible;\n      pointer-events: auto;\n    }\n\n    .ols-rn-anim-scene.fade-out {\n      animation: rnSceneFadeOut 0.85s ease forwards;\n    }\n\n    @keyframes rnSceneFadeOut {\n      to {\n        opacity: 0;\n        visibility: hidden;\n      }\n    }\n\n    .rn-title-cursor,\n    .rn-cursor {\n      display: inline-block;\n      background: #1C244B;\n      animation: rnBlink 0.8s infinite;\n    }\n\n    .rn-title-cursor {\n      width: 4px;\n      height: 0.85em;\n      margin-left: 8px;\n      transform: translateY(6px);\n    }\n\n    .rn-cursor {\n      width: 3px;\n      height: 22px;\n      margin-left: 3px;\n      transform: translateY(4px);\n    }\n\n    @keyframes rnBlink {\n      0%, 45% { opacity: 1; }\n      46%, 100% { opacity: 0; }\n    }\n\n    .rn-stage-fill {\n      width: 100%;\n      height: 100%;\n      min-height: 56vh;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      overflow: hidden;\n      background:\n        radial-gradient(circle at top left, rgba(70,127,247,0.14), transparent 34%),\n        linear-gradient(135deg, #f8fbff 0%, #e9efff 100%);\n    }\n\n    .rn-title-screen {\n      position: absolute;\n      inset: 0;\n      z-index: 20;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background:\n        radial-gradient(circle at top left, rgba(70,127,247,0.14), transparent 34%),\n        linear-gradient(135deg, #f8fbff 0%, #e9efff 100%);\n      opacity: 1;\n      visibility: visible;\n      pointer-events: none;\n    }\n\n    .rn-title-screen.hide {\n      animation: rnTitleFadeOut 0.85s ease forwards;\n    }\n\n    @keyframes rnTitleFadeOut {\n      to {\n        opacity: 0;\n        visibility: hidden;\n      }\n    }\n\n    .rn-title-wrap {\n      max-width: 900px;\n      padding: 0 28px;\n      text-align: center;\n    }\n\n    .rn-title {\n      margin: 0;\n      font-family: Poppins, Arial, sans-serif;\n      font-size: clamp(36px, 5.6vw, 72px);\n      font-weight: 600;\n      line-height: 1.08;\n      color: #1C244B;\n      text-shadow: -9px 0 9px rgba(28,36,75,0.16);\n      letter-spacing: -0.045em;\n    }\n\n    .rn-title span {\n      white-space: pre-wrap;\n    }\n\n    .rn-video-scene-inner {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      opacity: 0;\n      visibility: hidden;\n    }\n\n    .rn-video-scene-inner.show {\n      visibility: visible;\n      animation: rnVideoSceneIn 1s ease forwards;\n    }\n\n    @keyframes rnVideoSceneIn {\n      to { opacity: 1; }\n    }\n\n    .rn-video-scale-wrap {\n      width: 1180px;\n      height: 664px;\n      transform: scale(var(--rn-video-scale));\n      transform-origin: center center;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .rn-video-card {\n      width: 1180px;\n      height: 664px;\n      border-radius: 28px;\n      overflow: hidden;\n      background: #1C244B;\n      box-shadow: 0 28px 80px rgba(28,36,75,0.28);\n      transform: translateY(24px) scale(0.96);\n      opacity: 0;\n    }\n\n    .rn-video-scene-inner.show .rn-video-card {\n      animation: rnVideoCardIn 1s cubic-bezier(.18,.89,.32,1.12) forwards;\n      animation-delay: 0.2s;\n    }\n\n    @keyframes rnVideoCardIn {\n      to {\n        transform: translateY(0) scale(1);\n        opacity: 1;\n      }\n    }\n\n    .rn-video-card video {\n      display: block;\n      width: 100%;\n      height: 100%;\n      aspect-ratio: 16 \/ 9;\n      object-fit: cover;\n      border: 0;\n    }\n\n    .rn-screen-scale-wrap {\n      transform-origin: center center;\n      display: flex;\n      justify-content: center;\n      align-items: flex-start;\n    }\n\n    .rn-mcq-scale-wrap {\n      width: 1360px;\n      height: 1130px;\n      transform: scale(var(--rn-mcq-scale));\n    }\n\n    .rn-saq-scale-wrap {\n      width: 1360px;\n      height: 965px;\n      transform: scale(var(--rn-saq-scale));\n    }\n\n    .rn-mcq-screen,\n    .rn-saq-screen {\n      border-radius: 22px;\n      overflow: hidden;\n      background: #eaf0ff;\n      box-shadow: 0 26px 70px rgba(28,36,75,0.22);\n      opacity: 0;\n      transform: translateY(24px) scale(0.96);\n    }\n\n    .rn-mcq-screen {\n      width: 1360px;\n      height: 1130px;\n    }\n\n    .rn-saq-screen {\n      width: 1360px;\n      height: 965px;\n    }\n\n    .rn-mcq-screen.show,\n    .rn-saq-screen.show {\n      animation: rnScreenEnter 1s ease forwards;\n    }\n\n    @keyframes rnScreenEnter {\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n\n    .rn-mcq-question-area {\n      background: #eaf0ff;\n      padding: 28px 30px 30px;\n      position: relative;\n      height: 610px;\n    }\n\n    .rn-mcq-question-lead,\n    .rn-mcq-question-main {\n      margin: 0 0 14px;\n      font-size: 24px;\n      line-height: 1.35;\n      color: #111827;\n    }\n\n    .rn-mcq-table {\n      border-collapse: collapse;\n      width: 500px;\n      margin-bottom: 8px;\n      font-size: 21px;\n      color: #111827;\n    }\n\n    .rn-mcq-table th,\n    .rn-mcq-table td {\n      border: 1.5px solid #c9ced8;\n      padding: 12px 18px;\n      text-align: center;\n    }\n\n    .rn-mcq-table th {\n      background: #f2f2f2;\n      font-weight: 700;\n    }\n\n    .rn-mcq-table td {\n      background: #eaf0ff;\n    }\n\n    .rn-mcq-options-wrap {\n      display: flex;\n      flex-direction: column;\n      gap: 17px;\n      max-width: 1200px;\n    }\n\n    .rn-mcq-option-row {\n      display: flex;\n      align-items: center;\n      min-height: 34px;\n      position: relative;\n    }\n\n    .rn-mcq-radio {\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      border: 2px solid #6b7280;\n      margin-right: 16px;\n      background: transparent;\n      position: relative;\n      flex: 0 0 auto;\n    }\n\n    .rn-mcq-radio::after {\n      content: \"\";\n      position: absolute;\n      inset: 5px;\n      border-radius: 50%;\n      background: #6b7280;\n      opacity: 0;\n      transform: scale(0.4);\n      transition: opacity 0.25s ease, transform 0.25s ease;\n    }\n\n    .rn-mcq-option-row.selected .rn-mcq-radio::after {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    .rn-mcq-radio-ripple {\n      position: absolute;\n      left: 14px;\n      top: 50%;\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      border: 2px solid rgba(28,36,75,0.28);\n      transform: translate(-50%, -50%) scale(1);\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    .rn-mcq-option-row.clicking .rn-mcq-radio-ripple {\n      animation: rnMcqRipple 0.75s ease forwards;\n    }\n\n    @keyframes rnMcqRipple {\n      0% {\n        opacity: 0.65;\n        transform: translate(-50%, -50%) scale(1);\n      }\n      100% {\n        opacity: 0;\n        transform: translate(-50%, -50%) scale(2.5);\n      }\n    }\n\n    .rn-mcq-option-label {\n      font-size: 23px;\n      color: #111827;\n    }\n\n    .rn-mcq-specific-feedback {\n      display: inline-flex;\n      align-items: center;\n      margin-left: 18px;\n      min-height: 38px;\n      opacity: 0;\n      transform: translateX(-8px);\n    }\n\n    .rn-mcq-specific-feedback.show {\n      opacity: 1;\n      transform: translateX(0);\n      transition: opacity 0.35s ease, transform 0.35s ease;\n    }\n\n    .rn-mcq-cross-icon {\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      border: 2px solid #d83255;\n      color: #d83255;\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      font-size: 18px;\n      font-weight: 700;\n      margin-right: 12px;\n      opacity: 0;\n      transform: scale(0.4);\n    }\n\n    .rn-mcq-cross-icon.show {\n      animation: rnMcqCrossPop 0.35s ease forwards;\n    }\n\n    @keyframes rnMcqCrossPop {\n      70% {\n        opacity: 1;\n        transform: scale(1.18);\n      }\n      100% {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    .rn-mcq-specific-feedback-text {\n      display: inline-block;\n      background: #fff4b8;\n      color: #111827;\n      padding: 8px 16px;\n      font-size: 22px;\n      line-height: 1.35;\n      min-width: 850px;\n      min-height: 44px;\n    }\n\n    .rn-mcq-submit-button {\n      position: absolute;\n      right: 34px;\n      bottom: 30px;\n      border: 0;\n      border-radius: 999px;\n      background: #1C244B;\n      color: #ffffff;\n      padding: 14px 28px;\n      font-size: 18px;\n      font-weight: 600;\n      box-shadow: 0 14px 32px rgba(28,36,75,0.25);\n      cursor: default;\n      transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n    }\n\n    .rn-mcq-submit-button.clicked {\n      transform: translateY(2px) scale(0.97);\n      background: #26315f;\n      box-shadow: 0 7px 18px rgba(28,36,75,0.22);\n    }\n\n    .rn-mcq-general-feedback {\n      height: 520px;\n      background: #fff3c9;\n      color: #8a6a00;\n      padding: 26px 30px 28px;\n      font-size: 23px;\n      line-height: 1.34;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: opacity 0.7s ease, transform 0.7s ease;\n      overflow: hidden;\n    }\n\n    .rn-mcq-general-feedback.show {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .rn-saq-question-area {\n      height: 335px;\n      background: #eaf0ff;\n      padding: 30px 40px 32px;\n    }\n\n    .rn-saq-question-text {\n      font-size: 25px;\n      line-height: 1.42;\n      color: #111827;\n      margin-bottom: 22px;\n    }\n\n    .rn-saq-student-box {\n      height: 195px;\n      background: #f3f4f6;\n      border: 2px solid #cfd6e3;\n      border-radius: 8px;\n      padding: 23px 26px;\n      font-size: 24px;\n      line-height: 1.55;\n      color: #4b5563;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rn-saq-teacher-feedback {\n      height: 630px;\n      background: #dff3e6;\n      color: #075f3b;\n      padding: 28px 40px 30px;\n      font-size: 23px;\n      line-height: 1.47;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: opacity 0.7s ease, transform 0.7s ease;\n      overflow: hidden;\n    }\n\n    .rn-saq-teacher-feedback.show {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .rn-green-cursor {\n      background: #075f3b;\n    }\n\n    .rn-gold-cursor {\n      background: #8a6a00;\n    }\n\n    \/* =========================================================\n       FAQ\n    ========================================================= *\/\n\n    .ols-rn-faq {\n      padding: 86px 0 100px;\n      background:\n        radial-gradient(circle at top center, rgba(70, 127, 247, 0.09), transparent 32%),\n        linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);\n      position: relative;\n      z-index: 2;\n      clear: both;\n    }\n\n    .ols-rn-faq h2 {\n      text-align: center;\n      color: var(--ols-navy);\n      font-size: clamp(46px, 5vw, 68px);\n      line-height: 1.08;\n      letter-spacing: -0.045em;\n      margin: 0 0 46px;\n      font-weight: 700;\n      text-shadow: -9px 0 9px rgba(28, 36, 75, 0.08);\n    }\n\n    .ols-rn-faq-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 20px 28px;\n      align-items: start;\n    }\n\n    .ols-rn-faq-item {\n      width: 100%;\n      background: rgba(255, 255, 255, 0.96);\n      border: 1px solid rgba(28, 36, 75, 0.12);\n      border-radius: 22px;\n      box-shadow: 0 8px 22px rgba(28, 36, 75, 0.06);\n      overflow: hidden;\n      transition:\n        box-shadow 0.25s ease,\n        border-color 0.25s ease,\n        transform 0.25s ease;\n    }\n\n    .ols-rn-faq-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 14px 30px rgba(28, 36, 75, 0.10);\n      border-color: rgba(70, 127, 247, 0.24);\n    }\n\n    .ols-rn-faq-question {\n      width: 100%;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 34px;\n      gap: 18px;\n      align-items: center;\n      min-height: 80px;\n      padding: 22px 24px;\n      background: #ffffff !important;\n      background-color: #ffffff !important;\n      border: 0 !important;\n      cursor: pointer;\n      text-align: left;\n      color: var(--ols-navy) !important;\n      font-family: \"Poppins\", Arial, sans-serif;\n      font-size: 15px;\n      line-height: 1.45;\n      font-weight: 600;\n      white-space: normal;\n      outline: none !important;\n      box-shadow: none !important;\n      -webkit-tap-highlight-color: transparent;\n      appearance: none;\n      -webkit-appearance: none;\n    }\n\n    .ols-rn-faq-question:hover,\n    .ols-rn-faq-question:focus,\n    .ols-rn-faq-question:focus-visible,\n    .ols-rn-faq-question:active {\n      background: #ffffff !important;\n      background-color: #ffffff !important;\n      color: var(--ols-navy) !important;\n      outline: none !important;\n      box-shadow: none !important;\n      border: 0 !important;\n    }\n\n    .ols-rn-faq-title {\n      display: block;\n      min-width: 0;\n      max-width: 100%;\n      white-space: normal;\n      overflow: visible;\n      word-break: normal;\n      overflow-wrap: break-word;\n      padding-right: 4px;\n      color: var(--ols-navy) !important;\n    }\n\n    .ols-rn-faq-icon {\n      width: 34px;\n      height: 34px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      justify-self: end;\n      background: rgba(70, 127, 247, 0.12) !important;\n      color: var(--ols-blue) !important;\n      transition:\n        transform 0.25s ease,\n        background 0.25s ease,\n        color 0.25s ease;\n      font-size: 22px;\n      line-height: 1;\n      font-weight: 700;\n    }\n\n    .ols-rn-faq-answer {\n      display: none;\n      background: #ffffff;\n    }\n\n    .ols-rn-faq-answer-inner {\n      padding: 18px 24px 26px;\n      color: #15356c;\n      font-size: 14px;\n      line-height: 1.82;\n      font-weight: 400;\n      border-top: 1px solid rgba(28, 36, 75, 0.08);\n    }\n\n    .ols-rn-faq-item.is-open {\n      border-color: rgba(70, 127, 247, 0.28);\n      box-shadow: 0 16px 34px rgba(28, 36, 75, 0.12);\n    }\n\n    .ols-rn-faq-item:hover .ols-rn-faq-question,\n    .ols-rn-faq-item.is-open .ols-rn-faq-question,\n    .ols-rn-faq-item:hover button.ols-rn-faq-question,\n    .ols-rn-faq-item.is-open button.ols-rn-faq-question {\n      background: linear-gradient(180deg, #EEF4FF 0%, #FFFFFF 100%) !important;\n      background-color: #EEF4FF !important;\n      color: var(--ols-navy) !important;\n      box-shadow: none !important;\n    }\n\n    .ols-rn-faq-item:hover .ols-rn-faq-title,\n    .ols-rn-faq-item.is-open .ols-rn-faq-title {\n      color: var(--ols-navy) !important;\n    }\n\n    .ols-rn-faq-item.is-open .ols-rn-faq-icon {\n      transform: rotate(45deg);\n      background: var(--ols-blue) !important;\n      color: #ffffff !important;\n    }\n\n    .ols-rn-faq-item.is-open .ols-rn-faq-answer {\n      display: block;\n    }\n\n    .ols-rn-faq-item:not(.is-open):not(:hover) .ols-rn-faq-question,\n    .ols-rn-faq-item:not(.is-open):not(:hover) button.ols-rn-faq-question {\n      background: #ffffff !important;\n      background-color: #ffffff !important;\n      color: var(--ols-navy) !important;\n      outline: none !important;\n      box-shadow: none !important;\n      border: 0 !important;\n    }\n\n    .ols-rn-faq-item:not(.is-open):not(:hover) .ols-rn-faq-icon {\n      background: rgba(70, 127, 247, 0.12) !important;\n      color: var(--ols-blue) !important;\n      transform: none !important;\n    }\n\n    .ols-rn-animation-stage.ols-rn-animation-paused *,\n    .ols-rn-animation-stage.ols-rn-animation-paused *::before,\n    .ols-rn-animation-stage.ols-rn-animation-paused *::after {\n      animation-play-state: paused !important;\n    }\n\n    @media (max-width: 1050px) {\n      .ols-rn-subject-grid {\n        grid-template-columns: 1fr;\n        min-height: auto;\n      }\n\n      .ols-rn-subject-card {\n        min-height: auto;\n      }\n\n      .ols-rn-card-image {\n        min-height: 220px;\n      }\n\n      .ols-rn-animation-stage,\n      .rn-stage-fill {\n        min-height: 48vh;\n      }\n\n      .ols-rn-faq-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 760px) {\n      .ols-rn-container {\n        width: min(var(--ols-container), calc(100% - 24px));\n      }\n\n      .ols-rn-hero {\n        padding: 30px 0 28px;\n      }\n\n      .ols-rn-subjects {\n        padding: 14px 0 34px;\n      }\n\n      .ols-rn-subject-grid {\n        gap: 18px;\n      }\n\n      .ols-rn-subject-card {\n        border-radius: 24px;\n      }\n\n      .ols-rn-card-body {\n        padding: 22px 20px 30px;\n      }\n\n      .ols-rn-course-cta {\n        border-radius: 26px;\n        padding: 30px 20px;\n      }\n\n      .ols-rn-course-cta h2 {\n        font-size: clamp(32px, 9vw, 48px);\n      }\n\n      .ols-rn-animation-stage,\n      .rn-stage-fill {\n        min-height: 380px;\n      }\n\n      .rn-title {\n        font-size: clamp(30px, 10vw, 54px);\n      }\n\n      .ols-rn-faq {\n        padding: 62px 0;\n      }\n\n      .ols-rn-faq h2 {\n        font-size: 42px;\n      }\n    }\n\n    @media (max-width: 460px) {\n      .ols-rn-faq-question {\n        min-height: 76px;\n        padding: 20px;\n        grid-template-columns: minmax(0, 1fr) 32px;\n        gap: 14px;\n        font-size: 14px;\n      }\n\n      .ols-rn-faq-icon {\n        width: 32px;\n        height: 32px;\n      }\n\n      .ols-rn-faq-answer-inner {\n        padding: 16px 20px 22px;\n      }\n    }\n  <\/style>\n\n  <!-- BREADCRUMB -->\n  <div class=\"ols-rn-breadcrumb-bar\">\n    <div class=\"ols-rn-container\">\n      <nav class=\"ols-rn-breadcrumb\" aria-label=\"Breadcrumb\">\n        <span>Revision Notes<\/span>\n      <\/nav>\n    <\/div>\n  <\/div>\n\n  <!-- HERO -->\n  <header class=\"ols-rn-hero\">\n    <div class=\"ols-rn-container\">\n      <div class=\"ols-rn-hero-inner\">\n        <div class=\"ols-rn-eyebrow\">Free chemistry resources for every stage<\/div>\n        <h1>Free Chemistry Revision Notes<\/h1>\n        <p>\n          Explore clear chemistry revision notes with interactive practice questions, worked answers and structured topic support from A Level foundations through to advanced chemistry study.\n        <\/p>\n\n        <div class=\"ols-rn-free-pill-row\">\n          <span class=\"ols-rn-free-pill\">Free chemistry notes<\/span>\n          <span class=\"ols-rn-free-pill\">Interactive chemistry practice<\/span>\n          <span class=\"ols-rn-free-pill\">Structured learning support<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- SUBJECT CARDS -->\n<section class=\"ols-rn-subjects\">\n  <div class=\"ols-rn-container\">\n    <div class=\"ols-rn-subject-grid\">\n\n      <div id=\"gcse-chemistry\" class=\"ols-rn-subject-card ols-rn-subject-card--gcse ols-rn-subject-card--locked\" aria-label=\"GCSE Chemistry revision notes coming soon\">\n        <div class=\"ols-rn-card-status ols-rn-card-status--soon\">Coming Soon<\/div>\n        <div class=\"ols-rn-card-image\">\n          <div class=\"ols-rn-chem-visual ols-rn-chem-visual--gcse\" role=\"img\" aria-label=\"Abstract CSS chemistry visual for GCSE.\">\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 0deg;\"><\/span>\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 60deg;\"><\/span>\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 120deg;\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--one\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--two\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--three\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--one\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--two\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--three\"><\/span>\n            <span class=\"ols-rn-chem-core\"><\/span>\n            <span class=\"ols-rn-chem-level\">GCSE<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"ols-rn-card-body\">\n          <div>\n            <h2 class=\"ols-rn-card-title\">GCSE Chemistry<\/h2>\n            <p class=\"ols-rn-card-desc\">\n              GCSE chemistry notes, foundation explanations and structured practice resources are being prepared for school-level learners.\n            <\/p>\n          <\/div>\n          <div class=\"ols-rn-card-cta\">Coming soon<\/div>\n        <\/div>\n      <\/div>\n\n      <a class=\"ols-rn-subject-card ols-rn-subject-card--chemistry ols-rn-subject-card--available\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\" aria-label=\"Open A Level Chemistry revision notes\">\n        <div class=\"ols-rn-card-status ols-rn-card-status--available\">Available<\/div>\n        <div class=\"ols-rn-card-image\">\n          <div class=\"ols-rn-chem-visual ols-rn-chem-visual--alevel\" role=\"img\" aria-label=\"Abstract CSS chemistry visual for A Level.\">\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 0deg;\"><\/span>\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 60deg;\"><\/span>\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 120deg;\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--one\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--two\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--three\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--one\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--two\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--three\"><\/span>\n            <span class=\"ols-rn-chem-core\"><\/span>\n            <span class=\"ols-rn-chem-level\">A Level<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"ols-rn-card-body\">\n          <div>\n            <h2 class=\"ols-rn-card-title\">A Level Chemistry<\/h2>\n            <p class=\"ols-rn-card-desc\">\n              Access free A Level Chemistry notes, interactive practice questions, worked answers and topic-by-topic support.\n            <\/p>\n          <\/div>\n          <div class=\"ols-rn-card-cta\">\n            Start revising\n            <svg viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M7.5 4.5L13 10L7.5 15.5\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <div id=\"undergraduate-chemistry\" class=\"ols-rn-subject-card ols-rn-subject-card--biology ols-rn-subject-card--locked\" aria-label=\"Undergraduate Chemistry revision notes coming soon\">\n        <div class=\"ols-rn-card-status ols-rn-card-status--soon\">Coming Soon<\/div>\n        <div class=\"ols-rn-card-image\">\n          <div class=\"ols-rn-chem-visual ols-rn-chem-visual--undergrad\" role=\"img\" aria-label=\"Abstract CSS chemistry visual for Undergraduate.\">\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 0deg;\"><\/span>\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 60deg;\"><\/span>\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 120deg;\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--one\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--two\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--three\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--one\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--two\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--three\"><\/span>\n            <span class=\"ols-rn-chem-core\"><\/span>\n            <span class=\"ols-rn-chem-level\">Undergraduate<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"ols-rn-card-body\">\n          <div>\n            <h2 class=\"ols-rn-card-title\">Undergraduate Chemistry<\/h2>\n            <p class=\"ols-rn-card-desc\">\n              Undergraduate chemistry notes, topic summaries and advanced practice resources are being prepared for university-level learners.\n            <\/p>\n          <\/div>\n          <div class=\"ols-rn-card-cta\">Coming soon<\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"masters-level-chemistry\" class=\"ols-rn-subject-card ols-rn-subject-card--physics ols-rn-subject-card--locked\" aria-label=\"Masters level Chemistry revision notes coming soon\">\n        <div class=\"ols-rn-card-status ols-rn-card-status--soon\">Coming Soon<\/div>\n        <div class=\"ols-rn-card-image\">\n          <div class=\"ols-rn-chem-visual ols-rn-chem-visual--masters\" role=\"img\" aria-label=\"Abstract CSS chemistry visual for Masters.\">\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 0deg;\"><\/span>\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 60deg;\"><\/span>\n            <span class=\"ols-rn-chem-orbit\" style=\"--orbit-rotate: 120deg;\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--one\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--two\"><\/span>\n            <span class=\"ols-rn-chem-bond ols-rn-chem-bond--three\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--one\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--two\"><\/span>\n            <span class=\"ols-rn-chem-node ols-rn-chem-node--three\"><\/span>\n            <span class=\"ols-rn-chem-core\"><\/span>\n            <span class=\"ols-rn-chem-level\">Masters<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"ols-rn-card-body\">\n          <div>\n            <h2 class=\"ols-rn-card-title\">Masters Level Chemistry<\/h2>\n            <p class=\"ols-rn-card-desc\">\n              Masters-level chemistry notes, advanced explanations and specialist practice resources will be added as the platform develops.\n            <\/p>\n          <\/div>\n          <div class=\"ols-rn-card-cta\">Coming soon<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n  <!-- STANDALONE ANIMATION -->\n  <section class=\"ols-rn-animation-section\">\n    <div id=\"olsRnAnimationStage\" class=\"ols-rn-animation-stage\">\n\n      <div class=\"ols-rn-animation-placeholder\">\n        <h3>Course Preview Animation<\/h3>\n      <\/div>\n\n      <!-- SCENE 1 -->\n      <section id=\"rnSceneVideo\" class=\"ols-rn-anim-scene active\">\n        <div class=\"rn-stage-fill\">\n\n          <div id=\"rnVideoTitleScreen\" class=\"rn-title-screen\">\n            <div class=\"rn-title-wrap\">\n              <h3 class=\"rn-title\">\n                <span id=\"rnVideoTitleText\"><\/span><span id=\"rnVideoTitleCursor\" class=\"rn-title-cursor\"><\/span>\n              <\/h3>\n            <\/div>\n          <\/div>\n\n          <section id=\"rnVideoScene\" class=\"rn-video-scene-inner\">\n            <div class=\"rn-video-scale-wrap\">\n              <div class=\"rn-video-card\">\n                <video id=\"rnLessonVideo\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Virtual-Lesson.mp4\" muted=\"\" playsinline=\"\" preload=\"auto\">\n                <\/video>\n              <\/div>\n            <\/div>\n          <\/section>\n\n        <\/div>\n      <\/section>\n\n      <!-- SCENE 2 -->\n      <section id=\"rnSceneMcq\" class=\"ols-rn-anim-scene\">\n        <div class=\"rn-stage-fill\">\n\n          <div id=\"rnMcqIntroScreen\" class=\"rn-title-screen\">\n            <div class=\"rn-title-wrap\">\n              <h3 class=\"rn-title\">\n                <span id=\"rnMcqIntroTitleText\"><\/span><span id=\"rnMcqIntroTitleCursor\" class=\"rn-title-cursor\"><\/span>\n              <\/h3>\n            <\/div>\n          <\/div>\n\n          <div class=\"rn-screen-scale-wrap rn-mcq-scale-wrap\">\n            <main id=\"rnMcqScreen\" class=\"rn-mcq-screen\">\n\n              <section class=\"rn-mcq-question-area\">\n                <p class=\"rn-mcq-question-lead\">Some ionic radii are shown.<\/p>\n\n                <table class=\"rn-mcq-table\">\n                  <thead>\n                    <tr>\n                      <th>Ion<\/th>\n                      <th>Ionic radius \/ nm<\/th>\n                    <\/tr>\n                  <\/thead>\n                  <tbody>\n                    <tr>\n                      <td>Na<sup>+<\/sup><\/td>\n                      <td>0.102<\/td>\n                    <\/tr>\n                    <tr>\n                      <td>K<sup>+<\/sup><\/td>\n                      <td>0.138<\/td>\n                    <\/tr>\n                    <tr>\n                      <td>F<sup>\u2212<\/sup><\/td>\n                      <td>0.133<\/td>\n                    <\/tr>\n                    <tr>\n                      <td>Cl<sup>\u2212<\/sup><\/td>\n                      <td>0.180<\/td>\n                    <\/tr>\n                  <\/tbody>\n                <\/table>\n\n                <p class=\"rn-mcq-question-main\">Which compound has the strongest ionic bonding?<\/p>\n\n                <div class=\"rn-mcq-options-wrap\">\n                  <div id=\"rnMcqWrongOption\" class=\"rn-mcq-option-row\">\n                    <span class=\"rn-mcq-radio\"><\/span>\n                    <span class=\"rn-mcq-radio-ripple\"><\/span>\n                    <span class=\"rn-mcq-option-label\">sodium chloride<\/span>\n\n                    <span id=\"rnMcqSpecificFeedback\" class=\"rn-mcq-specific-feedback\">\n                      <span id=\"rnMcqCrossIcon\" class=\"rn-mcq-cross-icon\">\u00d7<\/span>\n                      <span class=\"rn-mcq-specific-feedback-text\">\n                        <span id=\"rnMcqSpecificText\"><\/span><span id=\"rnMcqSpecificCursor\" class=\"rn-cursor\" style=\"display:none;\"><\/span>\n                      <\/span>\n                    <\/span>\n                  <\/div>\n\n                  <div class=\"rn-mcq-option-row\">\n                    <span class=\"rn-mcq-radio\"><\/span>\n                    <span class=\"rn-mcq-radio-ripple\"><\/span>\n                    <span class=\"rn-mcq-option-label\">potassium chloride<\/span>\n                  <\/div>\n\n                  <div class=\"rn-mcq-option-row\">\n                    <span class=\"rn-mcq-radio\"><\/span>\n                    <span class=\"rn-mcq-radio-ripple\"><\/span>\n                    <span class=\"rn-mcq-option-label\">sodium fluoride<\/span>\n                  <\/div>\n\n                  <div class=\"rn-mcq-option-row\">\n                    <span class=\"rn-mcq-radio\"><\/span>\n                    <span class=\"rn-mcq-radio-ripple\"><\/span>\n                    <span class=\"rn-mcq-option-label\">potassium fluoride<\/span>\n                  <\/div>\n                <\/div>\n\n                <button id=\"rnMcqSubmitButton\" class=\"rn-mcq-submit-button\" type=\"button\">Submit answer<\/button>\n              <\/section>\n\n              <section id=\"rnMcqGeneralFeedback\" class=\"rn-mcq-general-feedback\">\n                <span id=\"rnMcqGeneralText\"><\/span><span id=\"rnMcqGeneralCursor\" class=\"rn-cursor rn-gold-cursor\" style=\"display:none;\"><\/span>\n              <\/section>\n\n            <\/main>\n          <\/div>\n\n        <\/div>\n      <\/section>\n\n      <!-- SCENE 3 -->\n      <section id=\"rnSceneSaq\" class=\"ols-rn-anim-scene\">\n        <div class=\"rn-stage-fill\">\n\n          <div id=\"rnSaqIntro\" class=\"rn-title-screen\">\n            <div class=\"rn-title-wrap\">\n              <h3 class=\"rn-title\">\n                <span id=\"rnSaqIntroTitleText\"><\/span><span id=\"rnSaqIntroTitleCursor\" class=\"rn-title-cursor\"><\/span>\n              <\/h3>\n            <\/div>\n          <\/div>\n\n          <div class=\"rn-screen-scale-wrap rn-saq-scale-wrap\">\n            <main id=\"rnSaqScreen\" class=\"rn-saq-screen\">\n\n              <section class=\"rn-saq-question-area\">\n                <div class=\"rn-saq-question-text\">\n                  <strong>(ii)<\/strong>&nbsp;&nbsp; Melting temperature depends on the strength of metallic bonding.<br>\n                  Explain why the metallic bonding in magnesium is much stronger than that in sodium.\n                <\/div>\n\n                <div class=\"rn-saq-student-box\">\n                  <span id=\"rnSaqStudentText\"><\/span><span id=\"rnSaqStudentCursor\" class=\"rn-cursor\"><\/span>\n                <\/div>\n              <\/section>\n\n              <section id=\"rnSaqTeacherFeedback\" class=\"rn-saq-teacher-feedback\">\n                <span id=\"rnSaqTeacherText\"><\/span><span id=\"rnSaqTeacherCursor\" class=\"rn-cursor rn-green-cursor\" style=\"display:none;\"><\/span>\n              <\/section>\n\n            <\/main>\n          <\/div>\n\n        <\/div>\n      <\/section>\n\n    <\/div>\n  <\/section>\n\n  <!-- CTA CARD -->\n  <section class=\"ols-rn-course-cta-section\">\n    <div class=\"ols-rn-container\">\n      <div class=\"ols-rn-course-cta\">\n        <div class=\"ols-rn-course-pill\">Premium chemistry courses<\/div>\n        <h2>Unlock Full Chemistry Learning<\/h2>\n        <p>\n          Move beyond revision notes with structured chemistry lessons, multiple-choice question banks, short-answer practice, marked feedback and guided topic-by-topic learning.\n        <\/p>\n        <a class=\"ols-rn-course-button\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/\">\n          View Courses\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section class=\"ols-rn-faq\">\n    <div class=\"ols-rn-container\">\n\n      <h2>FAQ<\/h2>\n\n      <div class=\"ols-rn-faq-grid\">\n\n        <div class=\"ols-rn-faq-item\">\n          <button class=\"ols-rn-faq-question\" type=\"button\">\n            <span class=\"ols-rn-faq-title\">Are the revision notes completely free?<\/span>\n            <span class=\"ols-rn-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ols-rn-faq-answer\">\n            <div class=\"ols-rn-faq-answer-inner\">\n              Yes. The chemistry revision notes are free to access and students do not need to create an account or sign in to use them. They are designed as open study support for learners who want clear explanations, structured topic guidance and active practice before moving on to more advanced questions.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-rn-faq-item\">\n          <button class=\"ols-rn-faq-question\" type=\"button\">\n            <span class=\"ols-rn-faq-title\">Do I need an account to use the free revision notes?<\/span>\n            <span class=\"ols-rn-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ols-rn-faq-answer\">\n            <div class=\"ols-rn-faq-answer-inner\">\n              No. The free chemistry notes are available without an account. Learners can open the relevant chemistry page, choose their topic and begin studying straight away. This makes the notes useful for quick revision, independent study, exam preparation and checking understanding after lessons.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-rn-faq-item\">\n          <button class=\"ols-rn-faq-question\" type=\"button\">\n            <span class=\"ols-rn-faq-title\">What makes these revision notes different from ordinary notes?<\/span>\n            <span class=\"ols-rn-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ols-rn-faq-answer\">\n            <div class=\"ols-rn-faq-answer-inner\">\n              The notes are written to support active chemistry learning rather than passive reading. They combine concise explanations, topic structure, interactive H5P questions, practice tasks and worked answers so that learners can test knowledge as they study. The aim is to help students move from recognising content to applying chemistry accurately.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-rn-faq-item\">\n          <button class=\"ols-rn-faq-question\" type=\"button\">\n            <span class=\"ols-rn-faq-title\">Who writes the Chemistry revision notes?<\/span>\n            <span class=\"ols-rn-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ols-rn-faq-answer\">\n            <div class=\"ols-rn-faq-answer-inner\">\n              The Chemistry resources are written by Dr. Mohammed Al-Fatah, who has a BSc Chemistry from UCL with first-class honours, an MSc in Advanced Chemical Research from UCL, an MA Education from UCL and a PGCE in Secondary School Chemistry from Goldsmiths. He has over a decade of chemistry teaching experience across secondary, sixth-form and online learning contexts.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-rn-faq-item\">\n          <button class=\"ols-rn-faq-question\" type=\"button\">\n            <span class=\"ols-rn-faq-title\">Do the notes include interactive questions?<\/span>\n            <span class=\"ols-rn-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ols-rn-faq-answer\">\n            <div class=\"ols-rn-faq-answer-inner\">\n              Yes. The free chemistry notes include interactive H5P-style questions where appropriate. These questions are designed to check understanding while learners study, helping them identify gaps quickly rather than waiting until the end of a topic. This makes the pages more active than standard written notes.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-rn-faq-item\">\n          <button class=\"ols-rn-faq-question\" type=\"button\">\n            <span class=\"ols-rn-faq-title\">Are there practice questions and answers?<\/span>\n            <span class=\"ols-rn-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ols-rn-faq-answer\">\n            <div class=\"ols-rn-faq-answer-inner\">\n              Yes. The chemistry pages include practice questions, worked answers and topic support where relevant. The purpose is not only to explain the content, but also to help learners understand how chemistry ideas are applied in questions and problem-solving tasks.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-rn-faq-item\">\n          <button class=\"ols-rn-faq-question\" type=\"button\">\n            <span class=\"ols-rn-faq-title\">Which chemistry levels are available?<\/span>\n            <span class=\"ols-rn-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ols-rn-faq-answer\">\n            <div class=\"ols-rn-faq-answer-inner\">\n              A Level Chemistry revision notes are currently available. GCSE Chemistry, Undergraduate Chemistry and Masters Level Chemistry resources are planned and will be added as the platform develops. The page has been structured so learners can access available levels immediately while clearly seeing which levels are still in preparation.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-rn-faq-item\">\n          <button class=\"ols-rn-faq-question\" type=\"button\">\n            <span class=\"ols-rn-faq-title\">How are the free chemistry notes different from the full courses?<\/span>\n            <span class=\"ols-rn-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ols-rn-faq-answer\">\n            <div class=\"ols-rn-faq-answer-inner\">\n              The free chemistry notes give learners open access to topic explanations and interactive practice. The full courses go further by adding structured virtual lessons, more complete question banks, short-answer practice, guided assignments and specialist feedback. The notes are useful for revision, while the full courses are designed for deeper topic mastery.\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <script>\n    (function () {\n      const stage = document.getElementById(\"olsRnAnimationStage\");\n\n      if (!stage) {\n        return;\n      }\n\n      let hasStarted = false;\n      let rnIsVisibleEnough = false;\n      let rnActiveTimers = [];\n\n      function rnManagedTimeout(callback, delay) {\n        const timer = {\n          callback: callback,\n          remaining: delay,\n          startedAt: null,\n          nativeId: null,\n          cleared: false\n        };\n\n        function run() {\n          if (timer.cleared) {\n            return;\n          }\n\n          timer.nativeId = null;\n          timer.cleared = true;\n\n          rnActiveTimers = rnActiveTimers.filter(function (item) {\n            return item !== timer;\n          });\n\n          callback();\n        }\n\n        function start() {\n          if (timer.cleared || timer.nativeId || !rnIsVisibleEnough) {\n            return;\n          }\n\n          timer.startedAt = Date.now();\n          timer.nativeId = window.setTimeout(run, timer.remaining);\n        }\n\n        timer.start = start;\n\n        rnActiveTimers.push(timer);\n        start();\n\n        return timer;\n      }\n\n      function rnClearManagedTimeout(timer) {\n        if (!timer) {\n          return;\n        }\n\n        timer.cleared = true;\n\n        if (timer.nativeId) {\n          window.clearTimeout(timer.nativeId);\n          timer.nativeId = null;\n        }\n\n        rnActiveTimers = rnActiveTimers.filter(function (item) {\n          return item !== timer;\n        });\n      }\n\n      function rnPauseManagedTimers() {\n        rnActiveTimers.forEach(function (timer) {\n          if (timer.nativeId) {\n            const elapsed = Date.now() - timer.startedAt;\n            timer.remaining = Math.max(0, timer.remaining - elapsed);\n            window.clearTimeout(timer.nativeId);\n            timer.nativeId = null;\n          }\n        });\n      }\n\n      function rnResumeManagedTimers() {\n        rnActiveTimers.slice().forEach(function (timer) {\n          timer.start();\n        });\n      }\n\n      function rnPauseAnimation() {\n        rnIsVisibleEnough = false;\n        stage.classList.add(\"ols-rn-animation-paused\");\n        rnPauseManagedTimers();\n\n        if (rnLessonVideo && !rnLessonVideo.paused) {\n          rnLessonVideo.pause();\n        }\n      }\n\n      function rnResumeAnimation() {\n        rnIsVisibleEnough = true;\n        stage.classList.remove(\"ols-rn-animation-paused\");\n        rnResumeManagedTimers();\n\n        if (\n          hasStarted &&\n          rnSceneVideo &&\n          rnSceneVideo.classList.contains(\"active\") &&\n          rnVideoScene &&\n          rnVideoScene.classList.contains(\"show\") &&\n          rnLessonVideo &&\n          !rnVideoSceneComplete &&\n          rnLessonVideo.paused\n        ) {\n          rnLessonVideo.play().catch(function () {\n            rnLessonVideo.muted = true;\n            rnLessonVideo.play();\n          });\n        }\n      }\n\n      function rnTypeWriter(target, text, speed, callback) {\n        let i = 0;\n        target.textContent = \"\";\n\n        function typing() {\n          if (i < text.length) {\n            const char = text.charAt(i);\n            target.textContent += char;\n            i++;\n\n            let delay = speed;\n\n            if (char === \".\") delay = speed * 5;\n            if (char === \",\") delay = speed * 2.5;\n            if (char === \"\\n\") delay = speed * 4;\n\n            rnManagedTimeout(typing, delay);\n          } else if (callback) {\n            callback();\n          }\n        }\n\n        typing();\n      }\n\n      function rnSwitchScene(currentScene, nextScene, callback) {\n        currentScene.classList.add(\"fade-out\");\n\n        rnManagedTimeout(function () {\n          currentScene.classList.remove(\"active\");\n          currentScene.classList.remove(\"fade-out\");\n          nextScene.classList.add(\"active\");\n\n          if (callback) {\n            callback();\n          }\n        }, 850);\n      }\n\n      function rnFitScreens() {\n        const rect = stage.getBoundingClientRect();\n        const availableWidth = Math.max(rect.width - 24, 280);\n        const availableHeight = Math.max(rect.height - 24, 280);\n\n        const videoScale = Math.min(availableWidth \/ 1180, availableHeight \/ 664, 1);\n        const mcqScale = Math.min(availableWidth \/ 1360, availableHeight \/ 1130, 1);\n        const saqScale = Math.min(availableWidth \/ 1360, availableHeight \/ 965, 1);\n\n        stage.style.setProperty(\"--rn-video-scale\", videoScale.toFixed(4));\n        stage.style.setProperty(\"--rn-mcq-scale\", mcqScale.toFixed(4));\n        stage.style.setProperty(\"--rn-saq-scale\", saqScale.toFixed(4));\n      }\n\n      window.addEventListener(\"resize\", rnFitScreens);\n      window.addEventListener(\"orientationchange\", rnFitScreens);\n\n      const rnSceneVideo = document.getElementById(\"rnSceneVideo\");\n      const rnSceneMcq = document.getElementById(\"rnSceneMcq\");\n      const rnSceneSaq = document.getElementById(\"rnSceneSaq\");\n\n      const rnVideoTitleText = document.getElementById(\"rnVideoTitleText\");\n      const rnVideoTitleCursor = document.getElementById(\"rnVideoTitleCursor\");\n      const rnVideoTitleScreen = document.getElementById(\"rnVideoTitleScreen\");\n      const rnVideoScene = document.getElementById(\"rnVideoScene\");\n      const rnLessonVideo = document.getElementById(\"rnLessonVideo\");\n\n      const rnMcqIntroScreen = document.getElementById(\"rnMcqIntroScreen\");\n      const rnMcqIntroTitleText = document.getElementById(\"rnMcqIntroTitleText\");\n      const rnMcqIntroTitleCursor = document.getElementById(\"rnMcqIntroTitleCursor\");\n      const rnMcqScreen = document.getElementById(\"rnMcqScreen\");\n      const rnMcqWrongOption = document.getElementById(\"rnMcqWrongOption\");\n      const rnMcqSubmitButton = document.getElementById(\"rnMcqSubmitButton\");\n      const rnMcqSpecificFeedback = document.getElementById(\"rnMcqSpecificFeedback\");\n      const rnMcqCrossIcon = document.getElementById(\"rnMcqCrossIcon\");\n      const rnMcqSpecificText = document.getElementById(\"rnMcqSpecificText\");\n      const rnMcqSpecificCursor = document.getElementById(\"rnMcqSpecificCursor\");\n      const rnMcqGeneralFeedback = document.getElementById(\"rnMcqGeneralFeedback\");\n      const rnMcqGeneralText = document.getElementById(\"rnMcqGeneralText\");\n      const rnMcqGeneralCursor = document.getElementById(\"rnMcqGeneralCursor\");\n\n      const rnSaqIntro = document.getElementById(\"rnSaqIntro\");\n      const rnSaqIntroTitleText = document.getElementById(\"rnSaqIntroTitleText\");\n      const rnSaqIntroTitleCursor = document.getElementById(\"rnSaqIntroTitleCursor\");\n      const rnSaqScreen = document.getElementById(\"rnSaqScreen\");\n      const rnSaqStudentText = document.getElementById(\"rnSaqStudentText\");\n      const rnSaqStudentCursor = document.getElementById(\"rnSaqStudentCursor\");\n      const rnSaqTeacherFeedback = document.getElementById(\"rnSaqTeacherFeedback\");\n      const rnSaqTeacherText = document.getElementById(\"rnSaqTeacherText\");\n      const rnSaqTeacherCursor = document.getElementById(\"rnSaqTeacherCursor\");\n\n      const rnVideoTitle = \"Online Chemistry Lessons\";\n      const rnMcqIntroTitle = \"Multiple Choice Question Bank\";\n      const rnSaqIntroTitle = \"Chemistry Specialist\\nMarked Exam Feedback\";\n\n      const rnMcqSpecificFeedbackText =\n        \"Na\u207a is small, but Cl\u207b is larger than F\u207b, so the ionic bonding is weaker than in NaF.\";\n\n      const rnMcqGeneralFeedbackText =\n        \"Your answer is incorrect.\\n\\n\" +\n        \"To determine which compound has the strongest ionic bonding, recall the key principle:\\n\\n\" +\n        \"\u2022 Ionic bond strength increases when ionic radii are small, because the ions can get closer together.\\n\" +\n        \"\u2022 Smaller ions \u2192 stronger electrostatic attraction \u2192 stronger ionic lattice.\\n\" +\n        \"\u2022 Na\u207a (0.102 nm) is smaller than K\u207a (0.138 nm).\\n\" +\n        \"\u2022 F\u207b (0.133 nm) is smaller than Cl\u207b (0.180 nm).\\n\\n\" +\n        \"Therefore, the strongest ionic bonding occurs in the compound formed by the smallest cation and the smallest anion \u2192 sodium fluoride (NaF).\\n\\n\" +\n        \"The correct answer is: sodium fluoride\";\n\n      const rnSaqStudentAnswer =\n        \"Magnesium has stronger metallic bonding because it has more atoms packed together and melts at a higher temperature than sodium.\";\n\n      const rnSaqTeacherFeedbackText =\n        \"Comment:\\n\" +\n        \"This answer is not correct. Melting temperature is a result of bonding strength, not the cause of it.\\n\\n\" +\n        \"In metallic bonding, positive metal ions are attracted to a sea of delocalised electrons. The strength of this attraction depends on the charge of the ions and the number of delocalised electrons.\\n\\n\" +\n        \"Magnesium forms Mg\u00b2\u207a ions and contributes two delocalised electrons per atom, whereas sodium forms Na\u207a ions and contributes only one electron. This results in a stronger electrostatic attraction in magnesium. Additionally, Mg\u00b2\u207a ions have a higher charge density than Na\u207a ions, further strengthening the metallic bonding.\\n\\n\" +\n        \"Next time, include:\\n\" +\n        \"\u2022 Ion charge: magnesium forms Mg\u00b2\u207a, sodium forms Na\u207a \u2713\\n\" +\n        \"\u2022 Delocalised electrons: magnesium provides more electrons to the sea \u2713\\n\" +\n        \"\u2022 Charge density: smaller, more highly charged ions create stronger attraction \u2713\\n\\n\" +\n        \"You were close. Focus on explaining bonding in terms of charge and electron density rather than physical properties like melting point.\";\n\n      let rnVideoFallbackTimer = null;\n      let rnVideoSceneComplete = false;\n\n      function rnResetAnimation() {\n        rnSceneVideo.className = \"ols-rn-anim-scene active\";\n        rnSceneMcq.className = \"ols-rn-anim-scene\";\n        rnSceneSaq.className = \"ols-rn-anim-scene\";\n\n        rnVideoTitleText.textContent = \"\";\n        rnVideoTitleCursor.style.display = \"inline-block\";\n        rnVideoTitleScreen.className = \"rn-title-screen\";\n        rnVideoScene.className = \"rn-video-scene-inner\";\n        rnVideoSceneComplete = false;\n\n        rnMcqIntroTitleText.textContent = \"\";\n        rnMcqIntroTitleCursor.style.display = \"inline-block\";\n        rnMcqIntroScreen.className = \"rn-title-screen\";\n        rnMcqScreen.className = \"rn-mcq-screen\";\n        rnMcqWrongOption.className = \"rn-mcq-option-row\";\n        rnMcqSubmitButton.className = \"rn-mcq-submit-button\";\n        rnMcqSpecificFeedback.className = \"rn-mcq-specific-feedback\";\n        rnMcqCrossIcon.className = \"rn-mcq-cross-icon\";\n        rnMcqSpecificText.textContent = \"\";\n        rnMcqSpecificCursor.style.display = \"none\";\n        rnMcqGeneralFeedback.className = \"rn-mcq-general-feedback\";\n        rnMcqGeneralText.textContent = \"\";\n        rnMcqGeneralCursor.style.display = \"none\";\n\n        rnSaqIntroTitleText.textContent = \"\";\n        rnSaqIntroTitleCursor.style.display = \"inline-block\";\n        rnSaqIntro.className = \"rn-title-screen\";\n        rnSaqScreen.className = \"rn-saq-screen\";\n        rnSaqStudentText.textContent = \"\";\n        rnSaqStudentCursor.style.display = \"inline-block\";\n        rnSaqTeacherFeedback.className = \"rn-saq-teacher-feedback\";\n        rnSaqTeacherText.textContent = \"\";\n        rnSaqTeacherCursor.style.display = \"none\";\n\n        if (rnVideoFallbackTimer) {\n          rnClearManagedTimeout(rnVideoFallbackTimer);\n        }\n\n        rnLessonVideo.pause();\n        rnLessonVideo.currentTime = 0;\n      }\n\n      function rnPlayLessonVideo() {\n        rnLessonVideo.muted = true;\n        rnLessonVideo.currentTime = 0;\n\n        const playPromise = rnLessonVideo.play();\n\n        if (playPromise !== undefined) {\n          playPromise.catch(function () {\n            rnLessonVideo.muted = true;\n            rnLessonVideo.play();\n          });\n        }\n      }\n\n      function rnCompleteVideoScene() {\n        if (rnVideoSceneComplete) {\n          return;\n        }\n\n        rnVideoSceneComplete = true;\n\n        if (rnVideoFallbackTimer) {\n          rnClearManagedTimeout(rnVideoFallbackTimer);\n        }\n\n        rnLessonVideo.pause();\n\n        rnManagedTimeout(function () {\n          rnSwitchScene(rnSceneVideo, rnSceneMcq, function () {\n            rnStartMcqIntro();\n          });\n        }, 1000);\n      }\n\n      rnLessonVideo.addEventListener(\"ended\", function () {\n        rnLessonVideo.pause();\n        rnCompleteVideoScene();\n      });\n\n      function rnStartVideoSection() {\n        rnFitScreens();\n\n        rnManagedTimeout(function () {\n          rnTypeWriter(rnVideoTitleText, rnVideoTitle, 44, function () {\n            rnManagedTimeout(function () {\n              rnVideoTitleCursor.style.display = \"none\";\n\n              rnManagedTimeout(function () {\n                rnVideoTitleScreen.classList.add(\"hide\");\n\n                rnManagedTimeout(function () {\n                  rnVideoScene.classList.add(\"show\");\n\n                  rnManagedTimeout(function () {\n                    rnPlayLessonVideo();\n\n                    rnVideoFallbackTimer = rnManagedTimeout(function () {\n                      rnCompleteVideoScene();\n                    }, 16000);\n                  }, 600);\n                }, 850);\n              }, 1800);\n            }, 250);\n          });\n        }, 700);\n      }\n\n      function rnSelectMcqWrongOption() {\n        rnMcqWrongOption.classList.add(\"clicking\");\n\n        rnManagedTimeout(function () {\n          rnMcqWrongOption.classList.add(\"selected\");\n        }, 220);\n\n        rnManagedTimeout(function () {\n          rnMcqWrongOption.classList.remove(\"clicking\");\n        }, 850);\n      }\n\n      function rnClickMcqSubmit() {\n        rnMcqSubmitButton.classList.add(\"clicked\");\n\n        rnManagedTimeout(function () {\n          rnMcqSubmitButton.classList.remove(\"clicked\");\n        }, 240);\n      }\n\n      function rnShowMcqSpecificFeedback() {\n        rnMcqSpecificFeedback.classList.add(\"show\");\n\n        rnManagedTimeout(function () {\n          rnMcqCrossIcon.classList.add(\"show\");\n        }, 180);\n\n        rnManagedTimeout(function () {\n          rnMcqSpecificCursor.style.display = \"inline-block\";\n\n          rnTypeWriter(rnMcqSpecificText, rnMcqSpecificFeedbackText, 12, function () {\n            rnMcqSpecificCursor.style.display = \"none\";\n\n            rnManagedTimeout(function () {\n              rnShowMcqGeneralFeedback();\n            }, 650);\n          });\n        }, 560);\n      }\n\n      function rnShowMcqGeneralFeedback() {\n        rnMcqGeneralFeedback.classList.add(\"show\");\n\n        rnManagedTimeout(function () {\n          rnMcqGeneralCursor.style.display = \"inline-block\";\n\n          rnTypeWriter(rnMcqGeneralText, rnMcqGeneralFeedbackText, 8, function () {\n            rnMcqGeneralCursor.style.display = \"none\";\n\n            rnManagedTimeout(function () {\n              rnSwitchScene(rnSceneMcq, rnSceneSaq, function () {\n                rnStartSaqIntro();\n              });\n            }, 2200);\n          });\n        }, 600);\n      }\n\n      function rnStartMcqAnimation() {\n        rnFitScreens();\n        rnMcqScreen.classList.add(\"show\");\n\n        rnManagedTimeout(function () {\n          rnSelectMcqWrongOption();\n\n          rnManagedTimeout(function () {\n            rnClickMcqSubmit();\n\n            rnManagedTimeout(function () {\n              rnShowMcqSpecificFeedback();\n            }, 620);\n          }, 1150);\n        }, 1300);\n      }\n\n      function rnStartMcqIntro() {\n        rnFitScreens();\n\n        rnManagedTimeout(function () {\n          rnTypeWriter(rnMcqIntroTitleText, rnMcqIntroTitle, 44, function () {\n            rnManagedTimeout(function () {\n              rnMcqIntroTitleCursor.style.display = \"none\";\n\n              rnManagedTimeout(function () {\n                rnMcqIntroScreen.classList.add(\"hide\");\n\n                rnManagedTimeout(function () {\n                  rnStartMcqAnimation();\n                }, 850);\n              }, 1800);\n            }, 250);\n          });\n        }, 700);\n      }\n\n      function rnStartSaqFeedbackAnimation() {\n        rnFitScreens();\n        rnSaqScreen.classList.add(\"show\");\n\n        rnManagedTimeout(function () {\n          rnTypeWriter(rnSaqStudentText, rnSaqStudentAnswer, 27, function () {\n            rnSaqStudentCursor.style.display = \"none\";\n\n            rnManagedTimeout(function () {\n              rnSaqTeacherFeedback.classList.add(\"show\");\n              rnSaqTeacherCursor.style.display = \"inline-block\";\n\n              rnTypeWriter(rnSaqTeacherText, rnSaqTeacherFeedbackText, 10, function () {\n                rnSaqTeacherCursor.style.display = \"none\";\n\n                rnManagedTimeout(function () {\n                  rnResetAnimation();\n                  rnStartVideoSection();\n                }, 4000);\n              });\n            }, 650);\n          });\n        }, 850);\n      }\n\n      function rnStartSaqIntro() {\n        rnFitScreens();\n\n        rnManagedTimeout(function () {\n          rnTypeWriter(rnSaqIntroTitleText, rnSaqIntroTitle, 44, function () {\n            rnManagedTimeout(function () {\n              rnSaqIntroTitleCursor.style.display = \"none\";\n\n              rnManagedTimeout(function () {\n                rnSaqIntro.classList.add(\"hide\");\n\n                rnManagedTimeout(function () {\n                  rnStartSaqFeedbackAnimation();\n                }, 850);\n              }, 1800);\n            }, 250);\n          });\n        }, 700);\n      }\n\n      function rnStartAnimationOnce() {\n        if (hasStarted) {\n          return;\n        }\n\n        hasStarted = true;\n        stage.classList.add(\"ols-rn-animation-started\");\n\n        rnManagedTimeout(function () {\n          rnFitScreens();\n          rnStartVideoSection();\n        }, 1000);\n      }\n\n      rnFitScreens();\n\n      if (\"IntersectionObserver\" in window) {\n        const rnObserver = new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.intersectionRatio >= 0.7) {\n              rnResumeAnimation();\n              rnStartAnimationOnce();\n            } else {\n              rnPauseAnimation();\n            }\n          });\n        }, {\n          threshold: [0, 0.25, 0.5, 0.7, 0.85, 1]\n        });\n\n        rnObserver.observe(stage);\n      } else {\n        rnIsVisibleEnough = true;\n        rnStartAnimationOnce();\n      }\n\n      const faqItems = document.querySelectorAll(\".ols-rn-faq-item\");\n\n      faqItems.forEach(function (item) {\n        const button = item.querySelector(\".ols-rn-faq-question\");\n\n        if (!button) {\n          return;\n        }\n\n        button.addEventListener(\"click\", function () {\n          item.classList.toggle(\"is-open\");\n          button.blur();\n        });\n\n        button.addEventListener(\"mouseleave\", function () {\n          if (!item.classList.contains(\"is-open\")) {\n            button.blur();\n          }\n        });\n      });\n    })();\n  <\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"Organization\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\",\n      \"name\": \"Online Learning System\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/\",\n      \"logo\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2025\/07\/a-level-chemistry-virtual-lesson-tutor.webp\"\n      }\n    },\n    {\n      \"@type\": \"WebSite\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#website\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/\",\n      \"name\": \"Online Learning System\",\n      \"publisher\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n      }\n    },\n    {\n      \"@type\": \"WebPage\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#webpage\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\",\n      \"name\": \"Free Chemistry Revision Notes\",\n      \"description\": \"Free chemistry revision notes with interactive practice questions, worked answers and structured topic support from GCSE foundations through to advanced chemistry study.\",\n      \"isPartOf\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#website\"\n      },\n      \"publisher\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n      },\n      \"about\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#chemistry-notes\"\n      }\n    },\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#breadcrumb\",\n      \"itemListElement\": [\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 1,\n          \"name\": \"Revision Notes\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"Course\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#chemistry-notes\",\n      \"name\": \"Free Chemistry Revision Notes\",\n      \"description\": \"A free chemistry revision hub containing structured notes, interactive questions, worked answers and topic support for learners studying chemistry from GCSE through to advanced study.\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\",\n      \"provider\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n      },\n      \"educationalLevel\": [\n        \"GCSE\",\n        \"A Level\",\n        \"Undergraduate\",\n        \"Masters\"\n      ],\n      \"teaches\": [\n        \"GCSE Chemistry\",\n        \"A Level Chemistry\",\n        \"Undergraduate Chemistry\",\n        \"Masters Level Chemistry\",\n        \"Interactive practice questions\",\n        \"Worked answers\",\n        \"Chemistry problem solving\"\n      ],\n      \"hasCourseInstance\": {\n        \"@type\": \"CourseInstance\",\n        \"courseMode\": \"online\",\n        \"courseWorkload\": \"Self-paced study\"\n      }\n    },\n    {\n      \"@type\": \"ItemList\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#chemistry-level-list\",\n      \"name\": \"Chemistry Revision Notes Levels\",\n      \"itemListElement\": [\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 1,\n          \"item\": {\n            \"@type\": \"Course\",\n            \"name\": \"GCSE Chemistry Revision Notes\",\n            \"description\": \"GCSE chemistry notes, foundation explanations and structured practice resources planned for future release on Online Learning System.\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#gcse-chemistry\",\n            \"provider\": {\n              \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n            },\n            \"educationalLevel\": \"GCSE\",\n            \"coursePrerequisites\": \"Key Stage 3 science or equivalent background knowledge\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 2,\n          \"item\": {\n            \"@type\": \"Course\",\n            \"name\": \"A Level Chemistry Revision Notes\",\n            \"description\": \"Free A Level Chemistry revision notes with interactive practice questions, answers and topic-by-topic exam support.\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\",\n            \"provider\": {\n              \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n            },\n            \"educationalLevel\": \"A Level\",\n            \"coursePrerequisites\": \"GCSE Chemistry, GCSE Combined Science or equivalent background knowledge\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 3,\n          \"item\": {\n            \"@type\": \"Course\",\n            \"name\": \"Undergraduate Chemistry Revision Notes\",\n            \"description\": \"Undergraduate chemistry notes, topic summaries and advanced practice resources planned for future release on Online Learning System.\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#undergraduate-chemistry\",\n            \"provider\": {\n              \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n            },\n            \"educationalLevel\": \"Undergraduate\",\n            \"coursePrerequisites\": \"A Level Chemistry or equivalent background knowledge\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 4,\n          \"item\": {\n            \"@type\": \"Course\",\n            \"name\": \"Masters Level Chemistry Revision Notes\",\n            \"description\": \"Masters-level chemistry notes, advanced explanations and specialist practice resources planned for future release on Online Learning System.\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#masters-level-chemistry\",\n            \"provider\": {\n              \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n            },\n            \"educationalLevel\": \"Masters\",\n            \"coursePrerequisites\": \"Undergraduate chemistry degree or equivalent background knowledge\"\n          }\n        }\n      ]\n    },\n    {\n      \"@type\": \"VideoObject\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#course-preview-video\",\n      \"name\": \"Chemistry Course Preview Animation\",\n      \"description\": \"A short course preview animation showing online chemistry lessons, multiple-choice feedback and specialist-marked short-answer feedback.\",\n      \"thumbnailUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2025\/07\/a-level-chemistry-virtual-lesson-tutor.webp\",\n      \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Virtual-Lesson.mp4\",\n      \"uploadDate\": \"2026-05-01T09:00:00+00:00\",\n      \"publisher\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n      }\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/#faq\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Are the revision notes completely free?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. The chemistry revision notes are free to access and students do not need to create an account or sign in to use them.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Do I need an account to use the free revision notes?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"No. The free chemistry notes are available without an account. Learners can open the relevant chemistry page, choose their topic and begin studying straight away.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What makes these revision notes different from ordinary notes?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"The notes combine concise explanations, topic structure, interactive H5P questions, practice tasks and worked answers so learners can test knowledge as they study.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Who writes the Chemistry revision notes?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"The Chemistry resources are written by Dr. Mohammed Al-Fatah, who has studied Chemistry and Education at UCL and has over a decade of chemistry teaching experience.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Do the notes include interactive questions?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. The free chemistry notes include interactive H5P-style questions where appropriate to help learners check understanding while studying.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Are there practice questions and answers?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. The chemistry pages include practice questions, worked answers and topic support where relevant.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Which chemistry levels are available?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"A Level Chemistry revision notes are currently available. GCSE Chemistry, Undergraduate Chemistry and Masters Level Chemistry resources are planned and will be added as the platform develops.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How are the free chemistry notes different from the full courses?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"The free chemistry notes provide topic explanations and interactive practice. The full courses add structured virtual lessons, larger question banks, short-answer practice, guided assignments and specialist feedback.\"\n          }\n        }\n      ]\n    }\n  ]\n}\n<\/script>\n\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Revision Notes Free chemistry resources for every stage Free Chemistry Revision Notes Explore clear chemistry revision notes with interactive practice questions, worked answers and structured topic support from A Level foundations through to advanced chemistry study. Free chemistry notes Interactive chemistry practice Structured learning support Coming Soon GCSE GCSE Chemistry GCSE chemistry notes, foundation explanations [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"productId":0,"courseId":0,"footnotes":""},"class_list":["post-3107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/3107","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=3107"}],"version-history":[{"count":0,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/3107\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/media?parent=3107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}