{"id":4813,"date":"2026-06-03T06:24:22","date_gmt":"2026-06-03T05:24:22","guid":{"rendered":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/"},"modified":"2026-06-03T07:33:11","modified_gmt":"2026-06-03T06:33:11","slug":"iupac-rules","status":"publish","type":"page","link":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/","title":{"rendered":"IUPAC Rules"},"content":{"rendered":"\n<section class=\"ols-revision-page ols-iupac-rules-page\">\n  <style>.ols-revision-page {\n      --navy: #1C244B;\n      --blue: #2563eb;\n      --soft-blue: #eef4ff;\n      --soft-red: #fff7f7;\n      --soft-purple: #f7f0ff;\n      --soft-green: #f0f7f1;\n      --soft-orange: #fff7ed;\n      --grey-text: #667085;\n      --body-text: #1f2937;\n      --border: rgba(28, 36, 75, 0.14);\n      --shadow: 0 18px 45px rgba(28, 36, 75, 0.10);\n      --inner-shadow: 0 10px 26px rgba(28, 36, 75, 0.08);\n      font-family: Poppins, Arial, sans-serif;\n      color: var(--navy);\n      background: #ffffff;\n    }.ols-revision-page * {\n      box-sizing: border-box;\n    }.ols-main {\n      min-width: 0;\n      max-width: 970px;\n    }.ols-breadcrumbs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin: 10px 0 22px;\n      font-size: 15px;\n      color: var(--grey-text);\n    }.ols-breadcrumbs a, .ols-breadcrumbs span {\n      color: var(--grey-text);\n      text-decoration: none;\n      font-weight: 600;\n    }.ols-breadcrumbs a:hover {\n      color: var(--blue);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }.ols-title-card, .ols-note-card, .ols-h5p-card, .ols-related-card {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 28px;\n      box-shadow: var(--shadow);\n      padding: 34px;\n      margin-bottom: 24px;\n      overflow: hidden;\n    }.ols-title-card {\n      background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n    }.ols-title-card h1 {\n      margin: 0 0 18px;\n      font-size: clamp(36px, 5vw, 58px);\n      line-height: 1.08;\n      font-weight: 800;\n      letter-spacing: -0.04em;\n      color: #111827;\n    }.ols-page-intro {\n      font-size: 19px;\n      line-height: 1.7;\n      font-weight: 300;\n      color: var(--body-text);\n      margin: 0 0 22px;\n    }.ols-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-bottom: 22px;\n    }.ols-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 9px 14px;\n      border-radius: 999px;\n      background: #ffffff;\n      border: 1px solid var(--border);\n      font-size: 15px;\n      font-weight: 600;\n      color: var(--navy);\n    }.ols-note-card.soft {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-red) 100%);\n    }.ols-note-card.purple {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-purple) 100%);\n    }.ols-note-card.orange {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-orange) 100%);\n    }.ols-note-title {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 20px;\n    }.ols-note-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 16px;\n      background: var(--navy);\n      color: #ffffff;\n      display: grid;\n      place-items: center;\n      font-size: 24px;\n      font-weight: 800;\n      flex-shrink: 0;\n    }.ols-note-title h2, .ols-h5p-card h2, .ols-related-card h2 {\n      margin: 0;\n      font-size: clamp(28px, 3.5vw, 42px);\n      line-height: 1.15;\n      font-weight: 800;\n      color: #111827;\n      letter-spacing: -0.03em;\n    }.ols-h5p-card h2, .ols-related-card h2 {\n      margin-bottom: 14px;\n    }.ols-note-card p, .ols-note-card li {\n      font-size: clamp(15px, 1.25vw, 17px);\n      line-height: 1.65;\n      font-weight: 300;\n      color: var(--body-text);\n    }.ols-h5p-card p, .ols-related-card p {\n      font-size: clamp(15px, 1.3vw, 18px);\n      line-height: 1.65;\n      font-weight: 300;\n      color: var(--body-text);\n    }.ols-note-card strong, .ols-h5p-card strong, .ols-related-card strong {\n      font-weight: 700;\n      color: var(--navy);\n    }.ols-note-card ul, .ols-note-card ol {\n      margin: 0;\n      padding-left: 22px;\n    }.ols-key-box {\n      margin-top: 20px;\n      background: var(--soft-green);\n      border: 1px solid rgba(63, 143, 70, 0.25);\n      border-radius: 20px;\n      padding: 18px 20px;\n    }.ols-key-box p {\n      margin: 0;\n      font-weight: 400;\n      color: var(--navy);\n    }.ols-definition-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 18px;\n    }.ols-definition-tile {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      padding: 18px;\n      box-shadow: var(--inner-shadow);\n    }.ols-definition-tile h3 {\n      margin: 0 0 8px;\n      font-size: 20px;\n      line-height: 1.25;\n      color: var(--navy);\n    }.ols-definition-tile p {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.55;\n    }.ols-figure-card {\n      margin: 26px 0 4px;\n      border: 1px solid var(--border);\n      border-radius: 26px;\n      overflow: hidden;\n      background: #ffffff;\n      box-shadow: var(--inner-shadow);\n    }.ols-figure-image {\n      width: 100%;\n      min-height: 300px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #ffffff;\n      padding: 24px;\n    }.ols-figure-image img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }.ols-figure-caption {\n      padding: 18px 24px 22px;\n      background: linear-gradient(135deg, #ffffff, #f8fbff);\n      border-top: 1px solid var(--border);\n    }.ols-figure-caption p {\n      margin: 0;\n      color: #5f6b85;\n      font-size: clamp(15px, 1.3vw, 17px);\n      line-height: 1.6;\n      font-weight: 300;\n      font-style: italic;\n    }.ols-image-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n      margin-top: 22px;\n    }.ols-mini-figure {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 22px;\n      overflow: hidden;\n      box-shadow: var(--inner-shadow);\n    }.ols-mini-figure-image {\n      min-height: 250px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 22px;\n      background: #ffffff;\n    }.ols-mini-figure-image img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }.ols-mini-figure-caption {\n      padding: 16px 18px 18px;\n      border-top: 1px solid var(--border);\n      background: linear-gradient(135deg, #ffffff, #f8fbff);\n    }.ols-mini-figure-caption p {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.55;\n      font-style: italic;\n      color: #5f6b85;\n    }.ols-table-wrap {\n      overflow: hidden;\n      border-radius: 22px;\n      border: 1px solid var(--border);\n      background: #ffffff;\n      margin-top: 18px;\n    }.ols-table {\n      width: 100%;\n      border-collapse: collapse;\n      table-layout: fixed;\n    }.ols-table th {\n      background: var(--navy);\n      color: #ffffff;\n      padding: 16px;\n      text-align: left;\n      font-size: clamp(14px, 1.2vw, 17px);\n      font-weight: 600;\n      overflow-wrap: anywhere;\n    }.ols-table td {\n      padding: 16px;\n      border-bottom: 1px solid var(--border);\n      font-size: clamp(14px, 1.15vw, 16px);\n      line-height: 1.45;\n      color: var(--body-text);\n      vertical-align: top;\n      overflow-wrap: anywhere;\n    }.ols-table tr:last-child td {\n      border-bottom: none;\n    }.ols-rule-list {\n      display: grid;\n      gap: 14px;\n      margin-top: 18px;\n    }.ols-rule-item {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-left: 5px solid var(--blue);\n      border-radius: 18px;\n      padding: 18px;\n      box-shadow: var(--inner-shadow);\n    }.ols-rule-item h3 {\n      margin: 0 0 8px;\n      font-size: 20px;\n      line-height: 1.25;\n      color: var(--navy);\n    }.ols-rule-item p {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.6;\n    }.ols-h5p-card {\n      background: linear-gradient(135deg, #ffffff 0%, #f7f0ff 100%);\n    }.ols-h5p-frame {\n      margin-top: 22px;\n      padding: 18px;\n      border-radius: 24px;\n      background: #ffffff;\n      border: 1px solid var(--border);\n      box-shadow: inset 0 0 0 1px rgba(28, 36, 75, 0.03);\n    }.ols-unlock {\n      background: linear-gradient(135deg, var(--navy), #0f4fa8);\n      border-radius: 30px;\n      padding: 36px;\n      color: #ffffff;\n      box-shadow: var(--shadow);\n      text-align: center;\n      margin: 30px 0 24px;\n    }.ols-unlock h2 {\n      margin: 0 0 12px;\n      font-size: clamp(30px, 4vw, 46px);\n      line-height: 1.15;\n      font-weight: 800;\n      color: #ffffff;\n      text-align: center;\n    }.ols-unlock p {\n      margin: 0 auto 24px;\n      max-width: 700px;\n      font-size: 20px;\n      line-height: 1.6;\n      font-weight: 300;\n      text-align: center;\n      color: #ffffff;\n    }.ols-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 26px;\n      border-radius: 999px;\n      background: #ffffff;\n      color: var(--navy);\n      text-decoration: none;\n      font-weight: 700;\n      transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;\n    }.ols-cta-button:hover {\n      background: #f8fbff;\n      color: var(--blue);\n      transform: translateY(-1px);\n    }.ols-related-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 16px;\n      margin-top: 18px;\n    }.ols-related-item {\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      padding: 18px;\n      background: #ffffff;\n      color: var(--navy);\n      text-decoration: none;\n      font-weight: 600;\n      line-height: 1.5;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }.ols-related-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 22px rgba(28, 36, 75, 0.08);\n    }@media (max-width: 1050px) {.ols-main {\n        max-width: none;\n      }.ols-related-grid, .ols-definition-grid, .ols-image-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }@media (max-width: 760px) {.ols-title-card, .ols-note-card, .ols-h5p-card, .ols-related-card, .ols-unlock {\n        padding: 24px 18px;\n        border-radius: 22px;\n      }.ols-note-title {\n        align-items: flex-start;\n      }.ols-related-grid, .ols-definition-grid, .ols-image-grid {\n        grid-template-columns: 1fr;\n      }.ols-figure-card, .ols-mini-figure {\n        border-radius: 22px;\n      }.ols-figure-image {\n        min-height: 230px;\n        padding: 16px;\n      }.ols-mini-figure-image {\n        min-height: 210px;\n        padding: 16px;\n      }.ols-figure-caption, .ols-mini-figure-caption {\n        padding: 16px;\n      }.ols-table-wrap {\n        border: none;\n        background: transparent;\n      }.ols-table, .ols-table thead, .ols-table tbody, .ols-table th, .ols-table td, .ols-table tr {\n        display: block;\n        width: 100%;\n      }.ols-table {\n        border-collapse: separate;\n        border-spacing: 0;\n      }.ols-table thead {\n        display: none;\n      }.ols-table tr {\n        margin-bottom: 14px;\n        border: 1px solid var(--border);\n        border-radius: 18px;\n        overflow: hidden;\n        background: #ffffff;\n        box-shadow: var(--inner-shadow);\n      }.ols-table td {\n        border-bottom: 1px solid var(--border);\n        padding: 14px 16px;\n        overflow-wrap: anywhere;\n      }.ols-table td:last-child {\n        border-bottom: none;\n      }.ols-table td::before {\n        content: attr(data-label);\n        display: block;\n        margin-bottom: 6px;\n        font-size: 13px;\n        font-weight: 700;\n        color: var(--blue);\n      }\n    }\n\n\n    .ols-author {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 28px;\n      border-radius: 28px;\n      background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n      border: 1px solid rgba(28, 36, 75, 0.12);\n      box-shadow: 0 18px 45px rgba(28, 36, 75, 0.10);\n      margin-top: 22px;\n    }\n\n    .ols-author-avatar-img {\n      width: 92px;\n      height: 92px;\n      border-radius: 50%;\n      object-fit: cover;\n      object-position: center;\n      flex-shrink: 0;\n      border: 4px solid #ffffff;\n      box-shadow: 0 14px 32px rgba(28, 36, 75, 0.18), 0 0 0 1px rgba(28, 36, 75, 0.10);\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .ols-author:hover .ols-author-avatar-img {\n      transform: scale(1.04);\n      box-shadow: 0 20px 42px rgba(28, 36, 75, 0.22), 0 0 0 1px rgba(28, 36, 75, 0.10);\n    }\n\n    .ols-author-content {\n      min-width: 0;\n    }\n\n    .ols-author-title {\n      margin: 0 0 4px;\n      font-size: clamp(24px, 3vw, 34px);\n      line-height: 1.15;\n      font-weight: 700;\n      color: var(--navy);\n      letter-spacing: -0.03em;\n    }\n\n    .ols-author-description {\n      margin: 0;\n      font-size: 17px;\n      line-height: 1.7;\n      font-weight: 300;\n      color: var(--grey-text);\n    }\n\n    .ols-linkedin-pill,\n    .ols-linkedin-pill:visited,\n    .ols-linkedin-pill:hover,\n    .ols-linkedin-pill:focus,\n    .ols-linkedin-pill:active {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      margin-top: 16px;\n      padding: 11px 18px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #0A66C2, #004182);\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 14px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 0.01em;\n      box-shadow: 0 10px 22px rgba(10, 102, 194, 0.24);\n      position: relative;\n      overflow: hidden;\n      transition: transform 0.22s ease, box-shadow 0.22s ease;\n    }\n\n    .ols-linkedin-pill::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: -120%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.28) 50%, rgba(255,255,255,0) 100%);\n      transition: left 0.7s ease;\n    }\n\n    .ols-linkedin-pill:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 16px 34px rgba(10, 102, 194, 0.34), 0 0 0 6px rgba(10, 102, 194, 0.10);\n    }\n\n    .ols-linkedin-pill:hover::before {\n      left: 120%;\n    }\n\n    .ols-linkedin-icon {\n      width: 18px;\n      height: 18px;\n      display: block;\n      flex-shrink: 0;\n      position: relative;\n      z-index: 1;\n    }\n\n    .ols-linkedin-pill span {\n      position: relative;\n      z-index: 1;\n      color: #ffffff !important;\n    }\n\n    @media (max-width: 640px) {\n      .ols-author {\n        align-items: flex-start;\n        padding: 22px 18px;\n        border-radius: 22px;\n      }\n\n      .ols-author-avatar-img {\n        width: 72px;\n        height: 72px;\n      }\n\n      .ols-author-title {\n        font-size: 24px;\n      }\n\n      .ols-author-description {\n        font-size: 15px;\n      }\n    }\n  <\/style>\n\n  <aside class=\"ols-sidebar\">\r\n  <div class=\"ols-sidebar-header\">\r\n    <h3>Revision Notes<\/h3>\r\n    <p>A Level Chemistry<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>Topic 6 Organic Chemistry I<\/h4>\r\n\r\n    <ul class=\"ols-topic-list\">\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/\">Introduction to Organic Chemistry<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/\">IUPAC Rules<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/alkene\/\">Alkene<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/alcohol\/\">Alcohol<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/halogenoalkanes\/\">Halogenoalkanes<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/aldehyde\/\">Aldehyde<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/ketone\/\">Ketone<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/carboxylic-acid\/\">Carboxylic Acid<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/ester\/\">Ester<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/isomerism\/\">Isomerism<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/\">Alkanes<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/crude-oil\/\">Alkanes from Crude Oil<\/a>\r\n\r\n            <ul class=\"ols-subtopic-list\">\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/crude-oil\/fractional-distillation\/\">Fractional Distillation<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/crude-oil\/cracking\/\">Cracking<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/crude-oil\/reforming\/\">Reforming<\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/\">Alkanes as Fuel<\/a>\r\n\r\n            <ul class=\"ols-subtopic-list\">\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/combustion\/\">Combustion<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/oxides-of-sulfur\/\">Oxides of Sulfur<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/oxides-of-nitrogen\/\">Oxides of Nitrogen<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/catalytic-converter\/\">Catalytic Converter<\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/alternative-fuel\/\">Alternative Fuel<\/a>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/\">Reactions of Alkanes<\/a>\r\n\r\n            <ul class=\"ols-subtopic-list\">\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/free-radical-substitution\/\">Free Radical Substitution<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/initiation\/\">Initiation<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/propagation\/\">Propagation<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/termination\/\">Termination<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/further-substitution\/\">Further Substitution<\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/\">Alkenes<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/alkene-bonding\/\">Alkene Bonding<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/geometric-isomerism\/\">Geometric Isomerism<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/electrophilic-addition-mechanism\/\">Electrophilic Addition Mechanism<\/a>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/\">Reactions of Alkenes<\/a>\r\n\r\n            <ul class=\"ols-subtopic-list\">\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/halogens\/\">Halogens<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/\">Hydrogen Halide<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/bromine-water\/\">Bromine Water<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen\/\">Hydrogen<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/steam\/\">Steam<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/kmno4\/\">KMnO4<\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/polymerisation-reactions\/\">Polymerisation Reactions<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/polymer-waste\/\">Polymer Waste<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/halogenoalkanes\/\">Halogenoalkanes<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alcohols\/\">Alcohols<\/a>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>Next Topics<\/h4>\r\n\r\n    <ul class=\"ols-topic-list\">\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-7-modern-analytical-techniques-i\/\">Topic 7 Modern Analytical Techniques I<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/\">Topic 5 Formulae, Equations &amp; Amounts<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-4-inorganic-chemistry-and-the-periodic-table\/\">Topic 4 Inorganic Chemistry &amp; The Periodic Table<\/a>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/aside>\r\n\r\n<script>\r\n(function() {\r\n  function normalisePath(path) {\r\n    return String(path || '')\r\n      .split('?')[0]\r\n      .split('#')[0]\r\n      .replace(\/\\\/+$\/, '')\r\n      .toLowerCase();\r\n  }\r\n\r\n  function highlightActive() {\r\n    var sidebar = document.querySelector('.ols-sidebar');\r\n    if (!sidebar) return false;\r\n\r\n    var currentPath = normalisePath(window.location.pathname);\r\n    var links = sidebar.querySelectorAll('a[href]');\r\n    var matched = null;\r\n    var matchedLength = 0;\r\n\r\n    sidebar.querySelectorAll('.active, .active-main, .parent-active').forEach(function(item) {\r\n      item.classList.remove('active', 'active-main', 'parent-active');\r\n    });\r\n\r\n    sidebar.querySelectorAll('a[data-ols-disabled-parent=\"1\"], a[aria-current]').forEach(function(a) {\r\n      a.removeAttribute('aria-current');\r\n      a.removeAttribute('tabindex');\r\n      a.removeAttribute('data-ols-disabled-parent');\r\n    });\r\n\r\n    links.forEach(function(a) {\r\n      try {\r\n        var href = a.getAttribute('href');\r\n        if (!href || href === '#' || href.charAt(0) === '#') return;\r\n        var linkPath = normalisePath(new URL(href, window.location.origin).pathname);\r\n        if (!linkPath) return;\r\n        if (currentPath === linkPath || currentPath.indexOf(linkPath + '\/') === 0) {\r\n          if (linkPath.length > matchedLength) {\r\n            matched = a;\r\n            matchedLength = linkPath.length;\r\n          }\r\n        }\r\n      } catch(e) {}\r\n    });\r\n\r\n    if (matched) {\r\n      var matchedLi = matched.closest('li');\r\n      var parentSub = matched.closest('.ols-subtopic-list');\r\n\r\n      if (parentSub) {\r\n        if (matchedLi) {\r\n          matchedLi.classList.add('active');\r\n          matched.setAttribute('aria-current', 'page');\r\n        }\r\n\r\n        var parentLi = parentSub.closest('li');\r\n        while (parentLi) {\r\n          parentLi.classList.add('parent-active', 'active-main');\r\n\r\n          var parentLink = parentLi.querySelector(':scope > a');\r\n          if (parentLink) {\r\n            parentLink.setAttribute('aria-current', 'true');\r\n            parentLink.setAttribute('tabindex', '-1');\r\n            parentLink.setAttribute('data-ols-disabled-parent', '1');\r\n          }\r\n\r\n          var higherSub = parentLi.parentElement.closest('.ols-subtopic-list');\r\n          parentLi = higherSub ? higherSub.closest('li') : null;\r\n        }\r\n      } else {\r\n        if (matchedLi) {\r\n          matchedLi.classList.add('parent-active', 'active-main');\r\n          matched.setAttribute('aria-current', 'page');\r\n          matched.setAttribute('tabindex', '-1');\r\n          matched.setAttribute('data-ols-disabled-parent', '1');\r\n        }\r\n      }\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  if (!highlightActive()) {\r\n    document.addEventListener('DOMContentLoaded', highlightActive);\r\n  }\r\n})();\r\n<\/script>\n\n    <main class=\"ols-main\">\n      <nav class=\"ols-breadcrumbs\" aria-label=\"Breadcrumb\">\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\">Revision Notes<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\">A Level Chemistry<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/\">Edexcel<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/\">Topic 6 Organic Chemistry I<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/\">Introduction to Organic Chemistry<\/a> \/\n        <span>IUPAC Rules<\/span>\n      <\/nav>\n\n      <header class=\"ols-title-card\">\n        <h1>IUPAC Rules<\/h1>\n        <p class=\"ols-page-intro\">A concise revision guide to the key IUPAC naming rules used in A Level organic chemistry, including formula types, displayed formulae, skeletal formulae, carbon chain prefixes, functional group naming and numbering rules.<\/p>\n\n        <div class=\"ols-badges\">\n          <div class=\"ols-badge\">Paper 2<\/div>\n          <div class=\"ols-badge\">Topic 6: Organic Chemistry I<\/div>\n          <div class=\"ols-badge\">9CH0\/02<\/div>\n        <\/div>\n\n        <div class=\"ols-author\">\n\n    <img decoding=\"async\"\n      class=\"ols-author-avatar-img\"\n      src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Author-Profile.jpeg\"\n      alt=\"Dr. Mohammed Al-Fatah\"\n    >\n\n    <div class=\"ols-author-content\">\n\n      <h2 class=\"ols-author-title\">\n        Written by: Dr. Mohammed Al-Fatah\n      <\/h2>\n\n      <p class=\"ols-author-description\">\n        Chemistry specialist revision notes for A Level Chemistry.\n      <\/p>\n\n      <a class=\"ols-linkedin-pill\" href=\"https:\/\/www.linkedin.com\/in\/doctormohammedfatah\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <svg class=\"ols-linkedin-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n          <path d=\"M4.98 3.5C4.98 4.88 3.86 6 2.48 6S0 4.88 0 3.5 1.12 1 2.48 1s2.5 1.12 2.5 2.5zM.5 8h4V24h-4V8zm7 0h3.8v2.2h.1c.5-.9 1.8-2.2 3.9-2.2 4.2 0 5 2.8 5 6.4V24h-4v-7.6c0-1.8 0-4.2-2.6-4.2s-3 2-3 4v7.8h-4V8z\"\/>\n        <\/svg>\n        <span>View LinkedIn Profile<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n      <\/header>\n\n      <article class=\"ols-note-card soft\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">1<\/div>\n          <h2>Key Organic Chemistry Definitions<\/h2>\n        <\/div>\n\n        <p>Before naming organic compounds, you need to recognise the basic language used to describe formulae, bonding and families of compounds.<\/p>\n\n        <div class=\"ols-definition-grid\">\n          <div class=\"ols-definition-tile\">\n            <h3>Hydrocarbon<\/h3>\n            <p>A compound consisting of hydrogen and carbon only.<\/p>\n          <\/div>\n\n          <div class=\"ols-definition-tile\">\n            <h3>Saturated<\/h3>\n            <p>A compound containing single carbon-carbon bonds only.<\/p>\n          <\/div>\n\n          <div class=\"ols-definition-tile\">\n            <h3>Unsaturated<\/h3>\n            <p>A compound containing at least one C=C double bond.<\/p>\n          <\/div>\n\n          <div class=\"ols-definition-tile\">\n            <h3>Molecular formula<\/h3>\n            <p>The formula showing the actual number of each type of atom in a molecule.<\/p>\n          <\/div>\n\n          <div class=\"ols-definition-tile\">\n            <h3>Empirical formula<\/h3>\n            <p>The simplest whole number ratio of atoms of each element in a compound.<\/p>\n          <\/div>\n\n          <div class=\"ols-definition-tile\">\n            <h3>General formula<\/h3>\n            <p>An algebraic formula for a homologous series, such as C<sub>n<\/sub>H<sub>2n<\/sub> for alkenes.<\/p>\n          <\/div>\n\n          <div class=\"ols-definition-tile\">\n            <h3>Structural formula<\/h3>\n            <p>The minimal detail needed to show the arrangement of atoms in a molecule, such as CH<sub>3<\/sub>CH<sub>2<\/sub>CH<sub>2<\/sub>CH<sub>3<\/sub>.<\/p>\n          <\/div>\n\n          <div class=\"ols-definition-tile\">\n            <h3>Displayed formula<\/h3>\n            <p>A formula showing all covalent bonds present in a molecule.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-key-box\">\n          <p><strong>Key idea:<\/strong> IUPAC naming depends on identifying the carbon skeleton, the functional group and the correct numbering system.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">2<\/div>\n          <h2>Displayed and Skeletal Formulae<\/h2>\n        <\/div>\n\n        <p>When drawing organic compounds, add hydrogen atoms so that each carbon forms <strong>four bonds<\/strong>. In saturated hydrocarbons, the arrangement of bonds around each carbon atom is <strong>tetrahedral<\/strong>, with a bond angle of approximately <strong>109.5\u00b0<\/strong>.<\/p>\n\n        <p>A <strong>skeletal formula<\/strong> is a simplified way of representing an organic molecule. Hydrogen atoms bonded to carbon are omitted, showing only the carbon skeleton and any functional groups attached.<\/p>\n\n        <div class=\"ols-image-grid\">\n          <div class=\"ols-mini-figure\">\n            <div class=\"ols-mini-figure-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/2-methylbutane.svg\" alt=\"2-methylbutane structure\">\n            <\/div>\n            <div class=\"ols-mini-figure-caption\">\n              <p>2-methylbutane shows a branched carbon skeleton with four bonds around each carbon.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ols-mini-figure\">\n            <div class=\"ols-mini-figure-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/ethane.svg\" alt=\"Ethane displayed formula\">\n            <\/div>\n            <div class=\"ols-mini-figure-caption\">\n              <p>Ethane can be represented with all C-H and C-C covalent bonds shown.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ols-mini-figure\">\n            <div class=\"ols-mini-figure-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/but-2-ene.svg\" alt=\"But-2-ene skeletal formula\">\n            <\/div>\n            <div class=\"ols-mini-figure-caption\">\n              <p>But-2-ene uses a skeletal formula, with carbon atoms at line ends and vertices.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ols-mini-figure\">\n            <div class=\"ols-mini-figure-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/butan-1-ol.svg\" alt=\"Butan-1-ol skeletal formula\">\n            <\/div>\n            <div class=\"ols-mini-figure-caption\">\n              <p>Functional groups, such as OH in alcohols, are shown explicitly in skeletal formulae.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-key-box\">\n          <p><strong>Exam focus:<\/strong> In skeletal formulae, carbon atoms and carbon-bonded hydrogen atoms are usually not written, but heteroatoms and functional groups must still be shown.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card purple\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">3<\/div>\n          <h2>Naming Carbon Chains<\/h2>\n        <\/div>\n\n        <p>The first step in IUPAC naming is to identify and count the <strong>longest continuous carbon chain<\/strong>. This gives the parent name of the compound.<\/p>\n        <p>Next, identify any <strong>branched side chains<\/strong> and count the number of carbon atoms in each branch. The correct prefix is then added to the parent name.<\/p>\n\n        <div class=\"ols-table-wrap\">\n          <table class=\"ols-table\">\n            <thead>\n              <tr>\n                <th>Code<\/th>\n                <th>Number of carbons<\/th>\n                <th>Used in parent names such as<\/th>\n              <\/tr>\n            <\/thead>\n            <tbody>\n              <tr>\n                <td data-label=\"Code\">meth<\/td>\n                <td data-label=\"Number of carbons\">1<\/td>\n                <td data-label=\"Used in parent names such as\">methane<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Code\">eth<\/td>\n                <td data-label=\"Number of carbons\">2<\/td>\n                <td data-label=\"Used in parent names such as\">ethane, ethene<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Code\">prop<\/td>\n                <td data-label=\"Number of carbons\">3<\/td>\n                <td data-label=\"Used in parent names such as\">propane, propene<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Code\">but<\/td>\n                <td data-label=\"Number of carbons\">4<\/td>\n                <td data-label=\"Used in parent names such as\">butane, but-2-ene<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Code\">pent<\/td>\n                <td data-label=\"Number of carbons\">5<\/td>\n                <td data-label=\"Used in parent names such as\">pentane<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Code\">hex<\/td>\n                <td data-label=\"Number of carbons\">6<\/td>\n                <td data-label=\"Used in parent names such as\">hexane<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Code\">hept<\/td>\n                <td data-label=\"Number of carbons\">7<\/td>\n                <td data-label=\"Used in parent names such as\">heptane<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Code\">oct<\/td>\n                <td data-label=\"Number of carbons\">8<\/td>\n                <td data-label=\"Used in parent names such as\">octane<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Code\">non<\/td>\n                <td data-label=\"Number of carbons\">9<\/td>\n                <td data-label=\"Used in parent names such as\">nonane<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Code\">dec<\/td>\n                <td data-label=\"Number of carbons\">10<\/td>\n                <td data-label=\"Used in parent names such as\">decane<\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n\n        <div class=\"ols-figure-card\">\n          <div class=\"ols-figure-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/34-dimethylheptane.svg\" alt=\"3,4-dimethylheptane skeletal structure\">\n          <\/div>\n          <div class=\"ols-figure-caption\">\n            <p>The longest continuous chain is counted first, then methyl branches are located using numbers.<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">4<\/div>\n          <h2>Functional Groups and Suffix Rules<\/h2>\n        <\/div>\n\n        <p>A <strong>functional group<\/strong> is an atom or group of atoms responsible for giving a homologous series its characteristic chemical reactions. In names, a functional group may be shown using either a <strong>prefix<\/strong> or a <strong>suffix<\/strong>.<\/p>\n\n        <div class=\"ols-rule-list\">\n          <div class=\"ols-rule-item\">\n            <h3>Suffix starts with a vowel<\/h3>\n            <p>If the suffix starts with a vowel, the final <strong>-e<\/strong> is removed from the parent alkane name. Examples include propan-1-ol, butan-1-amine, ethanoic acid, ethanoyl chloride and butanamide.<\/p>\n          <\/div>\n\n          <div class=\"ols-rule-item\">\n            <h3>Suffix starts with a consonant<\/h3>\n            <p>If the suffix starts with a consonant, the final <strong>-e<\/strong> is not removed from the parent alkane name. Examples include propanenitrile and pentane-2,4-dione.<\/p>\n          <\/div>\n\n          <div class=\"ols-rule-item\">\n            <h3>Two or more of the same functional group<\/h3>\n            <p>If there are two or more of the same functional group and di- or tri- is used, the final <strong>-e<\/strong> is not removed. Examples include ethane-1,2-diol and propane-1,2,3-triol.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-figure-card\">\n          <div class=\"ols-figure-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/butan-1-ol.svg\" alt=\"Butan-1-ol structure\">\n          <\/div>\n          <div class=\"ols-figure-caption\">\n            <p>The number 1 shows that the OH group is attached to the first carbon in the chain.<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card orange\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">5<\/div>\n          <h2>Numbering Rules and Alphabetical Order<\/h2>\n        <\/div>\n\n        <p>Numbers are only included in names when they are needed to avoid ambiguity. When numbering a carbon chain, functional groups take priority over branched side chains when assigning the <strong>lowest possible number<\/strong>.<\/p>\n\n        <p>Words and numbers in organic names are separated using <strong>dashes<\/strong>. When more than one number is used, numbers are separated by <strong>commas<\/strong>.<\/p>\n\n        <p>If a molecule contains more than one functional group or side chain, the groups are listed in <strong>alphabetical order<\/strong>, ignoring multiplicative prefixes such as di- or tri-.<\/p>\n\n        <div class=\"ols-image-grid\">\n          <div class=\"ols-mini-figure\">\n            <div class=\"ols-mini-figure-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/22-dichloro-1-fluorobutane.svg\" alt=\"2,2-dichloro-1-fluorobutane skeletal structure\">\n            <\/div>\n            <div class=\"ols-mini-figure-caption\">\n              <p>2,2-dichloro-1-fluorobutane shows comma-separated numbers and alphabetical ordering by functional group prefix.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ols-mini-figure\">\n            <div class=\"ols-mini-figure-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/3-bromo-1-fluoropentane.svg\" alt=\"3-bromo-1-fluoropentane skeletal structure\">\n            <\/div>\n            <div class=\"ols-mini-figure-caption\">\n              <p>Bromo is written before fluoro because prefixes are listed alphabetically.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-key-box\">\n          <p><strong>Remember:<\/strong> The correct name depends on choosing the longest chain, assigning the lowest possible numbers and writing substituents in alphabetical order.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">6<\/div>\n          <h2>Homologous Series and Functional Group Priority<\/h2>\n        <\/div>\n\n        <p>A <strong>homologous series<\/strong> is a family of organic compounds with the same functional group and the same general formula. Members of a homologous series show a gradual change in physical properties as chain length increases, but similar chemical properties because they contain the same functional group.<\/p>\n\n        <p>Each successive compound in a homologous series differs from the previous compound by a <strong>CH<sub>2<\/sub><\/strong> unit.<\/p>\n\n        <div class=\"ols-table-wrap\">\n          <table class=\"ols-table\">\n            <thead>\n              <tr>\n                <th>Priority rule<\/th>\n                <th>What it means<\/th>\n                <th>Example exam wording<\/th>\n              <\/tr>\n            <\/thead>\n            <tbody>\n              <tr>\n                <td data-label=\"Priority rule\">Highest priority group<\/td>\n                <td data-label=\"What it means\">The functional group with the highest priority is given the suffix and the lowest possible number.<\/td>\n                <td data-label=\"Example exam wording\">Identify the principal functional group before numbering the chain.<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Priority rule\">Other functional groups<\/td>\n                <td data-label=\"What it means\">Other functional groups are named using prefixes.<\/td>\n                <td data-label=\"Example exam wording\">Halogeno groups such as bromo, chloro and fluoro are written as prefixes.<\/td>\n              <\/tr>\n              <tr>\n                <td data-label=\"Priority rule\">Double and triple bonds<\/td>\n                <td data-label=\"What it means\">Alkenes and alkynes use suffixes even when another functional group is present.<\/td>\n                <td data-label=\"Example exam wording\">Name the carbon chain and include the position of the C=C bond if required.<\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n\n        <div class=\"ols-key-box\">\n          <p><strong>Functional group priority, highest to lowest:<\/strong> carboxylic acids &gt; aldehydes &gt; ketones &gt; alcohols &gt; alkenes &gt; halogenoalkanes.<\/p>\n        <\/div>\n\n        <div class=\"ols-image-grid\">\n          <div class=\"ols-mini-figure\">\n            <div class=\"ols-mini-figure-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/cyclohexene.svg\" alt=\"Cyclohexene skeletal structure\">\n            <\/div>\n            <div class=\"ols-mini-figure-caption\">\n              <p>Cyclohexene contains a C=C double bond in a cyclic carbon skeleton.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ols-mini-figure\">\n            <div class=\"ols-mini-figure-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/cyclohexane.svg\" alt=\"Cyclohexane skeletal structure\">\n            <\/div>\n            <div class=\"ols-mini-figure-caption\">\n              <p>Cyclohexane is saturated because it contains carbon-carbon single bonds only.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <section class=\"ols-h5p-card\">\n        <h2>Check Your Understanding<\/h2>\n        <p>Use these short activities to check the key ideas before moving on to the individual functional group pages.<\/p>\n\n        <div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-64\" class=\"h5p-iframe\" data-content-id=\"64\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"T4.2.1 Drag: IUPAC Rules Key Concepts\"><\/iframe><\/div><\/div>\n        <div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-66\" class=\"h5p-iframe\" data-content-id=\"66\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"T4.2.3 MCQ: Longest Carbon Chain\"><\/iframe><\/div><\/div>\n        <div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-66\" class=\"h5p-iframe\" data-content-id=\"66\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"T4.2.3 MCQ: Longest Carbon Chain\"><\/iframe><\/div><\/div>\n        <div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-67\" class=\"h5p-iframe\" data-content-id=\"67\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"T4.2.4 MCQ: Functional Group Numbering\"><\/iframe><\/div><\/div>\n      <\/section>\n\n      <section class=\"ols-related-card\">\n        <h2>Related Organic Chemistry Revision Notes<\/h2>\n        <p>Continue through Topic 6 by linking IUPAC naming to introductory organic chemistry, alkanes and alkenes.<\/p>\n\n        <div class=\"ols-related-grid\">\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/\">Introduction to Organic Chemistry<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/\">Alkanes<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/\">Alkenes<\/a>\n        <\/div>\n      <\/section>\n\n      <section class=\"ols-course-cta-topic6ab\" id=\"olsCourseCtaTopic6ab001\">\r\n  <style>\r\n    .ols-course-cta-topic6ab,\r\n    .ols-course-cta-topic6ab * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab {\r\n      --navy: #1C244B;\r\n      --blue: #2563eb;\r\n      --body-text: #1f2937;\r\n      --grey-text: #667085;\r\n      --border: rgba(28, 36, 75, 0.14);\r\n      --shadow: 0 18px 45px rgba(28, 36, 75, 0.12);\r\n      --inner-shadow: 0 10px 26px rgba(28, 36, 75, 0.08);\r\n\r\n      width: 100%;\r\n      margin: 30px 0 24px;\r\n      font-family: Poppins, Arial, sans-serif;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-card {\r\n      overflow: hidden;\r\n      border-radius: 30px;\r\n      border: 1px solid var(--border);\r\n      background:\r\n        radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 34%),\r\n        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\r\n      box-shadow: var(--shadow);\r\n      padding: 30px;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-top {\r\n      display: grid;\r\n      grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);\r\n      gap: 28px;\r\n      align-items: center;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-image-link {\r\n      display: block;\r\n      text-decoration: none;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-image {\r\n      width: 100%;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border);\r\n      background: #ffffff;\r\n      box-shadow: var(--inner-shadow);\r\n      transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-image img {\r\n      width: 100%;\r\n      height: auto;\r\n      display: block;\r\n      transition: transform 0.45s ease;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-image-link:hover .ols-course-cta-image {\r\n      transform: translateY(-8px) scale(1.015);\r\n      box-shadow:\r\n        0 26px 60px rgba(28, 36, 75, 0.18),\r\n        0 0 0 1px rgba(37, 99, 235, 0.12);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-image-link:hover .ols-course-cta-image img {\r\n      transform: scale(1.03);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-header-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 14px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: 8px 14px;\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(37, 99, 235, 0.18);\r\n      color: var(--blue);\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 700;\r\n      box-shadow: var(--inner-shadow);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab h2 {\r\n      margin: 0 0 14px;\r\n      font-size: clamp(28px, 3.5vw, 42px);\r\n      line-height: 1.15;\r\n      font-weight: 800;\r\n      letter-spacing: -0.03em;\r\n      color: #111827;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-intro-stats {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);\r\n      gap: 24px;\r\n      align-items: stretch;\r\n      margin: 0 0 30px;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-intro {\r\n      margin: 0;\r\n      color: var(--body-text);\r\n      font-size: clamp(16px, 1.4vw, 18px);\r\n      line-height: 1.7;\r\n      font-weight: 300;\r\n      align-self: center;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-stats {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin: 0;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-stat {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border);\r\n      border-radius: 18px;\r\n      padding: 16px;\r\n      box-shadow: var(--inner-shadow);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-stat span {\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      color: var(--grey-text);\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-stat strong {\r\n      display: block;\r\n      color: var(--navy);\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-features {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin: 0 0 30px;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-feature {\r\n      background: rgba(255, 255, 255, 0.78);\r\n      border: 1px solid var(--border);\r\n      border-radius: 18px;\r\n      padding: 16px 18px;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-feature h3 {\r\n      margin: 0 0 6px;\r\n      color: var(--navy);\r\n      font-size: 18px;\r\n      line-height: 1.3;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-feature p {\r\n      margin: 0;\r\n      color: var(--body-text);\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n      font-weight: 300;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-animation-wrap {\r\n      position: relative;\r\n      margin: 0 0 30px;\r\n      border-radius: 0;\r\n      overflow: visible;\r\n      border: 0;\r\n      background: transparent;\r\n      box-shadow: none;\r\n      padding: 0;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-animation-title {\r\n      margin: 0 0 18px;\r\n      text-align: center;\r\n      color: var(--navy);\r\n      font-size: clamp(26px, 3.2vw, 40px);\r\n      line-height: 1.15;\r\n      font-weight: 700;\r\n      letter-spacing: -0.03em;\r\n      text-shadow: -9px 0 9px rgba(28, 36, 75, 0.10);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-frame-shell {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 620px;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at top left, rgba(70, 127, 247, 0.14), transparent 34%),\r\n        linear-gradient(135deg, #f8fbff 0%, #e9efff 100%);\r\n      box-shadow: 0 24px 64px rgba(28, 36, 75, 0.18);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-frame-shell iframe {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      border: 0;\r\n      background: #e9efff;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-start-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 5;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 0;\r\n      cursor: pointer;\r\n      background:\r\n        radial-gradient(circle at center, rgba(255, 255, 255, 0.26), rgba(28, 36, 75, 0.28)),\r\n        url(\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/04\/edexcel-a-level-chemistry-topic-6a-6b-organic-chemistry-alkanes-course-banner.jpg\");\r\n      background-size: cover;\r\n      background-position: center;\r\n      transition:\r\n        opacity 0.35s ease,\r\n        visibility 0.35s ease;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-start-overlay::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: rgba(28, 36, 75, 0.30);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-start-overlay.is-hidden {\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-start-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      justify-items: center;\r\n      gap: 16px;\r\n      padding: 24px;\r\n      text-align: center;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-play-circle {\r\n      width: 96px;\r\n      height: 96px;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      color: var(--navy);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow:\r\n        0 18px 40px rgba(28, 36, 75, 0.30),\r\n        0 0 0 12px rgba(255, 255, 255, 0.22);\r\n      animation: olsAnimationPlayPulse001 1.8s ease-in-out infinite;\r\n      transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        color 0.25s ease;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-start-overlay:hover .ols-animation-play-circle {\r\n      transform: scale(1.08);\r\n      background: var(--navy);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-play-icon {\r\n      width: 0;\r\n      height: 0;\r\n      margin-left: 7px;\r\n      border-top: 18px solid transparent;\r\n      border-bottom: 18px solid transparent;\r\n      border-left: 28px solid currentColor;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-start-text {\r\n      max-width: 540px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(20px, 3vw, 32px);\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      text-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-pause-button {\r\n      position: absolute;\r\n      left: 16px;\r\n      bottom: 16px;\r\n      z-index: 7;\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-width: 92px;\r\n      padding: 10px 16px;\r\n      border: 0;\r\n      border-radius: 999px;\r\n      background: rgba(28, 36, 75, 0.92);\r\n      color: #ffffff;\r\n      font-family: Poppins, Arial, sans-serif;\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      cursor: pointer;\r\n      box-shadow: 0 12px 28px rgba(28, 36, 75, 0.24);\r\n      transition:\r\n        transform 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-pause-button:hover {\r\n      transform: translateY(-2px);\r\n      background: var(--blue);\r\n      box-shadow: 0 16px 34px rgba(37, 99, 235, 0.28);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-animation-pause-button.is-visible {\r\n      display: inline-flex;\r\n    }\r\n\r\n    @keyframes olsAnimationPlayPulse001 {\r\n      0% {\r\n        box-shadow:\r\n          0 18px 40px rgba(28, 36, 75, 0.30),\r\n          0 0 0 0 rgba(255, 255, 255, 0.40);\r\n      }\r\n\r\n      70% {\r\n        box-shadow:\r\n          0 18px 40px rgba(28, 36, 75, 0.30),\r\n          0 0 0 18px rgba(255, 255, 255, 0);\r\n      }\r\n\r\n      100% {\r\n        box-shadow:\r\n          0 18px 40px rgba(28, 36, 75, 0.30),\r\n          0 0 0 0 rgba(255, 255, 255, 0);\r\n      }\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-video-status {\r\n      margin: 14px 0 0;\r\n      text-align: center;\r\n      color: var(--grey-text);\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-cta-bottom {\r\n      display: flex;\r\n      justify-content: center;\r\n      padding-top: 22px;\r\n      border-top: 1px solid var(--border);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 15px 28px;\r\n      border-radius: 999px;\r\n      background: var(--navy);\r\n      color: #ffffff;\r\n      text-decoration: none;\r\n      font-size: 16px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      box-shadow: 0 12px 26px rgba(28, 36, 75, 0.18);\r\n      transition:\r\n        transform 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-button:hover {\r\n      transform: translateY(-2px);\r\n      background: var(--blue);\r\n      color: #ffffff;\r\n      box-shadow: 0 16px 32px rgba(37, 99, 235, 0.24);\r\n    }\r\n\r\n    .ols-course-cta-topic6ab .ols-course-button-top {\r\n      flex-shrink: 0;\r\n      padding: 12px 22px;\r\n      font-size: 15px;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .ols-course-cta-topic6ab .ols-course-cta-top {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-course-cta-image-link {\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-course-cta-intro-stats {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-animation-frame-shell {\r\n        height: 520px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      .ols-course-cta-topic6ab {\r\n        margin: 26px 0 22px;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-course-cta-card {\r\n        padding: 20px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-course-cta-header-row {\r\n        align-items: stretch;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-course-button-top {\r\n        width: 100%;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-course-cta-stats,\r\n      .ols-course-cta-topic6ab .ols-course-cta-features {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-course-animation-wrap {\r\n        padding: 0;\r\n        border-radius: 0;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-animation-frame-shell {\r\n        height: 420px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-animation-play-circle {\r\n        width: 76px;\r\n        height: 76px;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-animation-play-icon {\r\n        border-top-width: 14px;\r\n        border-bottom-width: 14px;\r\n        border-left-width: 22px;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-animation-pause-button {\r\n        left: 12px;\r\n        bottom: 12px;\r\n        min-width: 84px;\r\n        padding: 9px 14px;\r\n        font-size: 13px;\r\n      }\r\n\r\n      .ols-course-cta-topic6ab .ols-course-button {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ols-course-cta-card\">\r\n\r\n    <div class=\"ols-course-cta-top\">\r\n\r\n      <a class=\"ols-course-cta-image-link\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/organic-chemistry-and-alkanes-topic-6ab\/\" aria-label=\"Open the Edexcel A Level Chemistry Topic 6A\/6B Organic Chemistry and Alkanes course page\">\r\n\r\n        <div class=\"ols-course-cta-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/04\/edexcel-a-level-chemistry-topic-6a-6b-organic-chemistry-alkanes-course-banner.jpg\"\r\n            alt=\"Edexcel A Level Chemistry Topic 6A\/6B Organic Chemistry and Alkanes course banner\"\r\n          >\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <div class=\"ols-course-cta-content\">\r\n\r\n        <div class=\"ols-course-cta-header-row\">\r\n\r\n          <div class=\"ols-course-cta-kicker\">\r\n            Complete Topic 6A\/6B Organic Chemistry & Alkanes Course\r\n          <\/div>\r\n\r\n          <a class=\"ols-course-button ols-course-button-top\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/organic-chemistry-and-alkanes-topic-6ab\/\">\r\n            View Course\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <h2>\r\n          Master Topic 6A\/6B Organic Chemistry and Alkanes for Edexcel A Level Chemistry\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-intro-stats\">\r\n\r\n      <p class=\"ols-course-cta-intro\">\r\n        Continue from these free revision notes into the full Topic 6A\/6B Organic Chemistry and Alkanes course for Edexcel A Level Chemistry Paper 2 (9CH0\/02), with guided video teaching, diagnostic MCQ practice, teacher-marked short-answer questions and a specification assignment with a personalised progress report.\r\n      <\/p>\r\n\r\n      <div class=\"ols-course-cta-stats\">\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Exam paper<\/span>\r\n          <strong>Paper 2<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Course code<\/span>\r\n          <strong>9CH0\/02<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Guided learning<\/span>\r\n          <strong>16 hours<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Video lessons<\/span>\r\n          <strong>430 mins<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>MCQ practice<\/span>\r\n          <strong>73 marks<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>SAQ practice<\/span>\r\n          <strong>30 marks<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-features\">\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Guided video teaching<\/h3>\r\n        <p>\r\n          Learn the chemistry and exam technique through structured video lessons with worked examples and walkthroughs.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Instant MCQ feedback<\/h3>\r\n        <p>\r\n          Auto-marked MCQ quizzes provide immediate diagnostic feedback for every answer choice.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Teacher-marked SAQs<\/h3>\r\n        <p>\r\n          Submit written exam responses and receive chemistry specialist feedback with improvement guidance.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Progress tracking<\/h3>\r\n        <p>\r\n          Identify strengths and weaknesses across the full Topic 6A\/6B specification with targeted reporting.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-animation-wrap\">\r\n\r\n      <h3 class=\"ols-course-animation-title\">\r\n        See how the course works\r\n      <\/h3>\r\n\r\n      <div class=\"ols-animation-frame-shell\">\r\n        <iframe\r\n          id=\"olsCourseAnimationFrameTopic6ab001\"\r\n          title=\"OLS course preview animation\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer\">\r\n        <\/iframe>\r\n\r\n        <button\r\n          class=\"ols-animation-start-overlay\"\r\n          id=\"olsCourseAnimationStartTopic6ab001\"\r\n          type=\"button\"\r\n          aria-label=\"Play OLS course preview animation\">\r\n          <span class=\"ols-animation-start-content\">\r\n            <span class=\"ols-animation-play-circle\" aria-hidden=\"true\">\r\n              <span class=\"ols-animation-play-icon\"><\/span>\r\n            <\/span>\r\n            <span class=\"ols-animation-start-text\">\r\n              Play course preview animation\r\n            <\/span>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"ols-animation-pause-button\"\r\n          id=\"olsCourseAnimationPauseTopic6ab001\"\r\n          type=\"button\"\r\n          aria-label=\"Pause course preview animation\">\r\n          Pause\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <p class=\"ols-course-video-status\">\r\n        Click play to start the course preview animation.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-bottom\">\r\n\r\n      <a class=\"ols-course-button\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/organic-chemistry-and-alkanes-topic-6ab\/\">\r\n        View Organic Chemistry & Alkanes Topic 6A\/6B Course\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <template id=\"olsCourseAnimationTemplateTopic6ab001\">\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>OLS Combined Promo Animation<\/title>\r\n\r\n<style>\r\n*{box-sizing:border-box;}\r\n\r\nhtml.ols-animation-paused *,\r\nhtml.ols-animation-paused *::before,\r\nhtml.ols-animation-paused *::after{\r\n  animation-play-state:paused!important;\r\n}\r\n\r\n:root{\r\n  --ols-video-screen-w:1180;\r\n  --ols-video-screen-h:664;\r\n  --ols-video-screen-scale:1;\r\n  --ols-mcq-screen-w:1360;\r\n  --ols-mcq-screen-h:1130;\r\n  --ols-mcq-screen-scale:1;\r\n  --ols-saq-screen-w:1360;\r\n  --ols-saq-screen-h:965;\r\n  --ols-saq-screen-scale:1;\r\n}\r\n\r\nhtml,\r\nbody{\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\nbody{\r\n  margin:0;\r\n  overflow:hidden;\r\n  font-family:Poppins,Arial,sans-serif;\r\n  background:#e9efff;\r\n}\r\n\r\n.ols-combined-stage{\r\n  position:relative;\r\n  width:100vw;\r\n  height:100vh;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\r\n    linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\r\n}\r\n\r\n.ols-scene{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100vw;\r\n  height:100vh;\r\n  opacity:0;\r\n  visibility:hidden;\r\n  pointer-events:none;\r\n}\r\n\r\n.ols-scene.active{\r\n  opacity:1;\r\n  visibility:visible;\r\n  pointer-events:auto;\r\n}\r\n\r\n.ols-scene.fade-out{\r\n  animation:olsSceneFadeOut 0.85s ease forwards;\r\n}\r\n\r\n@keyframes olsSceneFadeOut{\r\n  to{\r\n    opacity:0;\r\n    visibility:hidden;\r\n  }\r\n}\r\n\r\n.ols-title-cursor{\r\n  display:inline-block;\r\n  width:5px;\r\n  height:0.85em;\r\n  background:#1C244B;\r\n  margin-left:8px;\r\n  transform:translateY(8px);\r\n  animation:olsBlink 0.8s infinite;\r\n}\r\n\r\n.cursor{\r\n  display:inline-block;\r\n  width:3px;\r\n  height:28px;\r\n  background:#1c244b;\r\n  margin-left:3px;\r\n  transform:translateY(5px);\r\n  animation:olsBlink 0.8s infinite;\r\n}\r\n\r\n@keyframes olsBlink{\r\n  0%,45%{opacity:1;}\r\n  46%,100%{opacity:0;}\r\n}\r\n\r\n.ols-video-stage,\r\n.ols-mcq-stage,\r\n.ols-saq-stage{\r\n  width:100vw;\r\n  height:100vh;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  padding:0;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\r\n    linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\r\n}\r\n\r\n.ols-video-title-screen,\r\n.ols-mcq-intro-screen,\r\n.ols-saq-intro{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:50;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  background:\r\n    radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\r\n    linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\r\n  opacity:1;\r\n  visibility:visible;\r\n  pointer-events:none;\r\n}\r\n\r\n.ols-video-title-screen.hide{animation:olsVideoTitleFadeOut 0.85s ease forwards;}\r\n.ols-mcq-intro-screen.hide{animation:olsMcqIntroFadeOut 0.85s ease forwards;}\r\n.ols-saq-intro.hide{animation:olsSaqIntroFadeOut 0.85s ease forwards;}\r\n\r\n@keyframes olsVideoTitleFadeOut{to{opacity:0;visibility:hidden;}}\r\n@keyframes olsMcqIntroFadeOut{to{opacity:0;visibility:hidden;}}\r\n@keyframes olsSaqIntroFadeOut{to{opacity:0;visibility:hidden;}}\r\n\r\n.ols-video-title-wrap,\r\n.ols-mcq-intro-title-wrap,\r\n.ols-saq-intro-title-wrap{\r\n  max-width:1250px;\r\n  padding:0 34px;\r\n  text-align:center;\r\n}\r\n\r\n.ols-video-title,\r\n.ols-mcq-intro-title,\r\n.ols-saq-intro-title{\r\n  margin:0;\r\n  font-family:Poppins,Arial,sans-serif;\r\n  font-size:clamp(52px,8vw,124px);\r\n  font-weight:600;\r\n  line-height:1.08;\r\n  color:#1C244B;\r\n  text-shadow:-9px 0 9px rgba(28,36,75,0.16);\r\n  letter-spacing:-0.045em;\r\n}\r\n\r\n#videoTitleText,\r\n#mcqIntroTitleText,\r\n#saqIntroTitleText{\r\n  white-space:pre-wrap;\r\n}\r\n\r\n.ols-video-scene{\r\n  width:100%;\r\n  height:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  opacity:0;\r\n  visibility:hidden;\r\n}\r\n\r\n.ols-video-scene.show{\r\n  visibility:visible;\r\n  animation:olsVideoSceneIn 1s ease forwards;\r\n}\r\n\r\n@keyframes olsVideoSceneIn{to{opacity:1;}}\r\n\r\n.ols-video-scale-wrap{\r\n  width:calc(var(--ols-video-screen-w) * 1px);\r\n  height:calc(var(--ols-video-screen-h) * 1px);\r\n  transform:scale(var(--ols-video-screen-scale));\r\n  transform-origin:center center;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n}\r\n\r\n.ols-video-card{\r\n  width:1180px;\r\n  height:664px;\r\n  border-radius:28px;\r\n  overflow:hidden;\r\n  background:#1C244B;\r\n  box-shadow:0 28px 80px rgba(28,36,75,0.28);\r\n  transform:translateY(24px) scale(0.96);\r\n  opacity:0;\r\n}\r\n\r\n.ols-video-scene.show .ols-video-card{\r\n  animation:olsVideoCardIn 1s cubic-bezier(.18,.89,.32,1.12) forwards;\r\n  animation-delay:0.2s;\r\n}\r\n\r\n@keyframes olsVideoCardIn{\r\n  to{\r\n    transform:translateY(0) scale(1);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n.ols-video-card video{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  aspect-ratio:16 \/ 9;\r\n  object-fit:cover;\r\n  border:0;\r\n}\r\n\r\n.ols-mcq-scale-wrap,\r\n.ols-saq-scale-wrap{\r\n  width:calc(var(--ols-mcq-screen-w) * 1px);\r\n  height:calc(var(--ols-mcq-screen-h) * 1px);\r\n  transform:scale(var(--ols-mcq-screen-scale));\r\n  transform-origin:center center;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:flex-start;\r\n}\r\n\r\n.ols-saq-scale-wrap{\r\n  width:calc(var(--ols-saq-screen-w) * 1px);\r\n  height:calc(var(--ols-saq-screen-h) * 1px);\r\n  transform:scale(var(--ols-saq-screen-scale));\r\n}\r\n\r\n.ols-mcq-screen{\r\n  width:1360px;\r\n  height:1130px;\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  background:#eaf0ff;\r\n  box-shadow:0 26px 70px rgba(28,36,75,0.22);\r\n  opacity:0;\r\n  transform:translateY(24px) scale(0.96);\r\n}\r\n\r\n.ols-mcq-screen.show{\r\n  animation:olsMcqScreenEnter 1s ease forwards;\r\n}\r\n\r\n@keyframes olsMcqScreenEnter{\r\n  from{opacity:0;transform:translateY(24px) scale(0.96);}\r\n  to{opacity:1;transform:translateY(0) scale(1);}\r\n}\r\n\r\n.mcq-question-area{\r\n  background:#eaf0ff;\r\n  padding:28px 30px 30px;\r\n  position:relative;\r\n  height:610px;\r\n}\r\n\r\n.mcq-question-lead{\r\n  margin:0 0 14px;\r\n  font-size:24px;\r\n  line-height:1.35;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-ionic-table{\r\n  border-collapse:collapse;\r\n  width:500px;\r\n  margin-bottom:8px;\r\n  font-size:21px;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-ionic-table th,\r\n.mcq-ionic-table td{\r\n  border:1.5px solid #c9ced8;\r\n  padding:12px 18px;\r\n  text-align:center;\r\n}\r\n\r\n.mcq-ionic-table th{\r\n  background:#f2f2f2;\r\n  font-weight:700;\r\n}\r\n\r\n.mcq-ionic-table td{\r\n  background:#eaf0ff;\r\n}\r\n\r\n.mcq-question-main{\r\n  margin:6px 0 28px;\r\n  font-size:24px;\r\n  line-height:1.35;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-options-wrap{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:17px;\r\n  max-width:1200px;\r\n}\r\n\r\n.mcq-option-row{\r\n  display:flex;\r\n  align-items:center;\r\n  min-height:34px;\r\n  position:relative;\r\n}\r\n\r\n.mcq-radio{\r\n  width:28px;\r\n  height:28px;\r\n  border-radius:50%;\r\n  border:2px solid #6b7280;\r\n  margin-right:16px;\r\n  background:transparent;\r\n  position:relative;\r\n  flex:0 0 auto;\r\n}\r\n\r\n.mcq-radio::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:5px;\r\n  border-radius:50%;\r\n  background:#6b7280;\r\n  opacity:0;\r\n  transform:scale(0.4);\r\n  transition:opacity 0.25s ease,transform 0.25s ease;\r\n}\r\n\r\n.mcq-option-row.selected .mcq-radio::after{\r\n  opacity:1;\r\n  transform:scale(1);\r\n}\r\n\r\n.mcq-radio-ripple{\r\n  position:absolute;\r\n  left:14px;\r\n  top:50%;\r\n  width:28px;\r\n  height:28px;\r\n  border-radius:50%;\r\n  border:2px solid rgba(28,36,75,0.28);\r\n  transform:translate(-50%,-50%) scale(1);\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n\r\n.mcq-option-row.clicking .mcq-radio-ripple{\r\n  animation:mcqRipple 0.75s ease forwards;\r\n}\r\n\r\n@keyframes mcqRipple{\r\n  0%{opacity:0.65;transform:translate(-50%,-50%) scale(1);}\r\n  100%{opacity:0;transform:translate(-50%,-50%) scale(2.5);}\r\n}\r\n\r\n.mcq-option-label{\r\n  font-size:23px;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-specific-feedback{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  margin-left:18px;\r\n  min-height:38px;\r\n  opacity:0;\r\n  transform:translateX(-8px);\r\n}\r\n\r\n.mcq-specific-feedback.show{\r\n  opacity:1;\r\n  transform:translateX(0);\r\n  transition:opacity 0.35s ease,transform 0.35s ease;\r\n}\r\n\r\n.mcq-cross-icon{\r\n  width:26px;\r\n  height:26px;\r\n  border-radius:50%;\r\n  border:2px solid #d83255;\r\n  color:#d83255;\r\n  display:inline-flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  font-size:18px;\r\n  font-weight:700;\r\n  margin-right:12px;\r\n  opacity:0;\r\n  transform:scale(0.4);\r\n}\r\n\r\n.mcq-cross-icon.show{\r\n  animation:mcqCrossPop 0.35s ease forwards;\r\n}\r\n\r\n@keyframes mcqCrossPop{\r\n  70%{opacity:1;transform:scale(1.18);}\r\n  100%{opacity:1;transform:scale(1);}\r\n}\r\n\r\n.mcq-specific-feedback-text{\r\n  display:inline-block;\r\n  background:#fff4b8;\r\n  color:#111827;\r\n  padding:8px 16px;\r\n  font-size:22px;\r\n  line-height:1.35;\r\n  min-width:850px;\r\n  min-height:44px;\r\n}\r\n\r\n.mcq-submit-button{\r\n  position:absolute;\r\n  right:34px;\r\n  bottom:30px;\r\n  border:0;\r\n  border-radius:999px;\r\n  background:#1C244B;\r\n  color:#ffffff;\r\n  padding:14px 28px;\r\n  font-size:18px;\r\n  font-weight:600;\r\n  box-shadow:0 14px 32px rgba(28,36,75,0.25);\r\n  cursor:default;\r\n  transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;\r\n}\r\n\r\n.mcq-submit-button.clicked{\r\n  transform:translateY(2px) scale(0.97);\r\n  background:#26315f;\r\n  box-shadow:0 7px 18px rgba(28,36,75,0.22);\r\n}\r\n\r\n.mcq-general-feedback{\r\n  height:520px;\r\n  background:#fff3c9;\r\n  color:#8a6a00;\r\n  padding:26px 30px 28px;\r\n  font-size:23px;\r\n  line-height:1.34;\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity 0.7s ease,transform 0.7s ease;\r\n  overflow:hidden;\r\n}\r\n\r\n.mcq-general-feedback.show{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n#mcqGeneralText{\r\n  white-space:pre-wrap;\r\n}\r\n\r\n.mcq-specific-cursor{background:#111827;}\r\n.mcq-general-cursor{background:#8a6a00;}\r\n\r\n.ols-saq-screen{\r\n  width:1360px;\r\n  height:965px;\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  background:#eaf0ff;\r\n  box-shadow:0 26px 70px rgba(28,36,75,0.22);\r\n  opacity:0;\r\n  transform:translateY(24px) scale(0.96);\r\n}\r\n\r\n.ols-saq-screen.show{\r\n  animation:olsSaqScreenEnter 1s ease forwards;\r\n}\r\n\r\n@keyframes olsSaqScreenEnter{\r\n  from{opacity:0;transform:translateY(24px) scale(0.96);}\r\n  to{opacity:1;transform:translateY(0) scale(1);}\r\n}\r\n\r\n.saq-question-area{\r\n  height:335px;\r\n  background:#eaf0ff;\r\n  padding:30px 40px 32px;\r\n}\r\n\r\n.saq-question-text{\r\n  font-size:25px;\r\n  line-height:1.42;\r\n  color:#111827;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.saq-student-box{\r\n  height:195px;\r\n  background:#f3f4f6;\r\n  border:2px solid #cfd6e3;\r\n  border-radius:8px;\r\n  padding:23px 26px;\r\n  font-size:24px;\r\n  line-height:1.55;\r\n  color:#4b5563;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.saq-teacher-feedback{\r\n  height:630px;\r\n  background:#dff3e6;\r\n  color:#075f3b;\r\n  padding:28px 40px 30px;\r\n  font-size:23px;\r\n  line-height:1.47;\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity 0.7s ease,transform 0.7s ease;\r\n  overflow:hidden;\r\n}\r\n\r\n.saq-teacher-feedback.show{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n#saqTeacherText{\r\n  white-space:pre-wrap;\r\n}\r\n\r\n.saq-teacher-cursor{\r\n  background:#075f3b;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .ols-video-title,\r\n  .ols-mcq-intro-title,\r\n  .ols-saq-intro-title{\r\n    font-size:clamp(42px,11vw,78px);\r\n    line-height:1.12;\r\n  }\r\n\r\n  .ols-title-cursor{\r\n    width:4px;\r\n    margin-left:6px;\r\n  }\r\n\r\n  .ols-video-card{\r\n    border-radius:20px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"ols-combined-stage\">\r\n\r\n  <section id=\"sceneVideo\" class=\"ols-scene active\">\r\n    <div class=\"ols-video-stage\">\r\n      <div id=\"videoTitleScreen\" class=\"ols-video-title-screen\">\r\n        <div class=\"ols-video-title-wrap\">\r\n          <h1 class=\"ols-video-title\">\r\n            <span id=\"videoTitleText\"><\/span><span id=\"videoTitleCursor\" class=\"ols-title-cursor\"><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <section id=\"videoScene\" class=\"ols-video-scene\">\r\n        <div class=\"ols-video-scale-wrap\">\r\n          <div class=\"ols-video-card\">\r\n            <video\r\n              id=\"lessonVideo\"\r\n              src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Virtual-Lesson.mp4\"\r\n              muted\r\n              playsinline\r\n              preload=\"auto\">\r\n            <\/video>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"sceneMcq\" class=\"ols-scene\">\r\n    <div class=\"ols-mcq-stage\">\r\n      <div id=\"mcqIntroScreen\" class=\"ols-mcq-intro-screen\">\r\n        <div class=\"ols-mcq-intro-title-wrap\">\r\n          <h1 class=\"ols-mcq-intro-title\">\r\n            <span id=\"mcqIntroTitleText\"><\/span><span id=\"mcqIntroTitleCursor\" class=\"ols-title-cursor\"><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ols-mcq-scale-wrap\">\r\n        <main id=\"mcqScreen\" class=\"ols-mcq-screen\">\r\n          <section class=\"mcq-question-area\">\r\n            <p class=\"mcq-question-lead\">Some ionic radii are shown.<\/p>\r\n\r\n            <table class=\"mcq-ionic-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Ion<\/th>\r\n                  <th>Ionic radius \/ nm<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                <tr><td>Na<sup>+<\/sup><\/td><td>0.102<\/td><\/tr>\r\n                <tr><td>K<sup>+<\/sup><\/td><td>0.138<\/td><\/tr>\r\n                <tr><td>F<sup>\u2212<\/sup><\/td><td>0.133<\/td><\/tr>\r\n                <tr><td>Cl<sup>\u2212<\/sup><\/td><td>0.180<\/td><\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n\r\n            <p class=\"mcq-question-main\">Which compound has the strongest ionic bonding?<\/p>\r\n\r\n            <div class=\"mcq-options-wrap\">\r\n              <div id=\"mcqWrongOption\" class=\"mcq-option-row\">\r\n                <span class=\"mcq-radio\"><\/span>\r\n                <span class=\"mcq-radio-ripple\"><\/span>\r\n                <span class=\"mcq-option-label\">sodium chloride<\/span>\r\n\r\n                <span id=\"mcqSpecificFeedback\" class=\"mcq-specific-feedback\">\r\n                  <span id=\"mcqCrossIcon\" class=\"mcq-cross-icon\">\u00d7<\/span>\r\n                  <span class=\"mcq-specific-feedback-text\">\r\n                    <span id=\"mcqSpecificText\"><\/span><span id=\"mcqSpecificCursor\" class=\"cursor mcq-specific-cursor\" style=\"display:none;\"><\/span>\r\n                  <\/span>\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"mcq-option-row\"><span class=\"mcq-radio\"><\/span><span class=\"mcq-radio-ripple\"><\/span><span class=\"mcq-option-label\">potassium chloride<\/span><\/div>\r\n              <div class=\"mcq-option-row\"><span class=\"mcq-radio\"><\/span><span class=\"mcq-radio-ripple\"><\/span><span class=\"mcq-option-label\">sodium fluoride<\/span><\/div>\r\n              <div class=\"mcq-option-row\"><span class=\"mcq-radio\"><\/span><span class=\"mcq-radio-ripple\"><\/span><span class=\"mcq-option-label\">potassium fluoride<\/span><\/div>\r\n            <\/div>\r\n\r\n            <button id=\"mcqSubmitButton\" class=\"mcq-submit-button\">Submit answer<\/button>\r\n          <\/section>\r\n\r\n          <section id=\"mcqGeneralFeedback\" class=\"mcq-general-feedback\">\r\n            <span id=\"mcqGeneralText\"><\/span><span id=\"mcqGeneralCursor\" class=\"cursor mcq-general-cursor\" style=\"display:none;\"><\/span>\r\n          <\/section>\r\n        <\/main>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"sceneSaq\" class=\"ols-scene\">\r\n    <div class=\"ols-saq-stage\">\r\n      <div id=\"saqIntro\" class=\"ols-saq-intro\">\r\n        <div class=\"ols-saq-intro-title-wrap\">\r\n          <h1 class=\"ols-saq-intro-title\">\r\n            <span id=\"saqIntroTitleText\"><\/span><span id=\"saqIntroTitleCursor\" class=\"ols-title-cursor\"><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ols-saq-scale-wrap\">\r\n        <main id=\"saqScreen\" class=\"ols-saq-screen\">\r\n          <section class=\"saq-question-area\">\r\n            <div class=\"saq-question-text\">\r\n              <strong>(ii)<\/strong>&nbsp;&nbsp; Melting temperature depends on the strength of metallic bonding.<br>\r\n              Explain why the metallic bonding in magnesium is much stronger than that in sodium.\r\n            <\/div>\r\n\r\n            <div class=\"saq-student-box\">\r\n              <span id=\"saqStudentText\"><\/span><span id=\"saqStudentCursor\" class=\"cursor\"><\/span>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <section id=\"saqTeacherFeedback\" class=\"saq-teacher-feedback\">\r\n            <span id=\"saqTeacherText\"><\/span><span id=\"saqTeacherCursor\" class=\"cursor saq-teacher-cursor\" style=\"display:none;\"><\/span>\r\n          <\/section>\r\n        <\/main>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const nativeSetTimeout=window.setTimeout.bind(window);\r\n  const nativeClearTimeout=window.clearTimeout.bind(window);\r\n  let nextTimerId=1;\r\n  let paused=false;\r\n  const timers=new Map();\r\n\r\n  function runTimer(timerId){\r\n    const timer=timers.get(timerId);\r\n\r\n    if(!timer || timer.cleared){\r\n      return;\r\n    }\r\n\r\n    timers.delete(timerId);\r\n    timer.callback();\r\n  }\r\n\r\n  window.setTimeout=function(callback,delay){\r\n    const timerId=nextTimerId++;\r\n    const safeDelay=Math.max(0,Number(delay) || 0);\r\n\r\n    const timer={\r\n      callback:callback,\r\n      delay:safeDelay,\r\n      remaining:safeDelay,\r\n      startedAt:Date.now(),\r\n      nativeId:null,\r\n      cleared:false\r\n    };\r\n\r\n    if(paused){\r\n      timer.startedAt=null;\r\n    }else{\r\n      timer.nativeId=nativeSetTimeout(function(){\r\n        runTimer(timerId);\r\n      },safeDelay);\r\n    }\r\n\r\n    timers.set(timerId,timer);\r\n    return timerId;\r\n  };\r\n\r\n  window.clearTimeout=function(timerId){\r\n    const timer=timers.get(timerId);\r\n\r\n    if(timer){\r\n      timer.cleared=true;\r\n\r\n      if(timer.nativeId!==null){\r\n        nativeClearTimeout(timer.nativeId);\r\n      }\r\n\r\n      timers.delete(timerId);\r\n      return;\r\n    }\r\n\r\n    nativeClearTimeout(timerId);\r\n  };\r\n\r\n  function pauseVideos(){\r\n    document.querySelectorAll(\"video\").forEach(function(video){\r\n      if(!video.paused){\r\n        if(!video.ended){\r\n          video.dataset.olsWasPlaying=\"1\";\r\n          video.pause();\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  function resumeVideos(){\r\n    document.querySelectorAll(\"video\").forEach(function(video){\r\n      if(video.dataset.olsWasPlaying===\"1\"){\r\n        delete video.dataset.olsWasPlaying;\r\n\r\n        const playPromise=video.play();\r\n\r\n        if(playPromise!==undefined){\r\n          playPromise.catch(function(){});\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  function pauseAnimation(){\r\n    if(paused){\r\n      return \"paused\";\r\n    }\r\n\r\n    paused=true;\r\n    document.documentElement.classList.add(\"ols-animation-paused\");\r\n\r\n    timers.forEach(function(timer){\r\n      if(timer.nativeId!==null){\r\n        nativeClearTimeout(timer.nativeId);\r\n        timer.nativeId=null;\r\n      }\r\n\r\n      if(timer.startedAt!==null){\r\n        timer.remaining=Math.max(0,timer.delay-(Date.now()-timer.startedAt));\r\n        timer.startedAt=null;\r\n      }\r\n    });\r\n\r\n    pauseVideos();\r\n    return \"paused\";\r\n  }\r\n\r\n  function resumeAnimation(){\r\n    if(!paused){\r\n      return \"playing\";\r\n    }\r\n\r\n    paused=false;\r\n    document.documentElement.classList.remove(\"ols-animation-paused\");\r\n\r\n    timers.forEach(function(timer,timerId){\r\n      timer.startedAt=Date.now();\r\n      timer.delay=timer.remaining;\r\n      timer.nativeId=nativeSetTimeout(function(){\r\n        runTimer(timerId);\r\n      },timer.remaining);\r\n    });\r\n\r\n    resumeVideos();\r\n    return \"playing\";\r\n  }\r\n\r\n  window.olsToggleAnimationPause=function(){\r\n    if(paused){\r\n      return resumeAnimation();\r\n    }\r\n\r\n    return pauseAnimation();\r\n  };\r\n\r\n  window.olsPauseAnimation=pauseAnimation;\r\n  window.olsResumeAnimation=resumeAnimation;\r\n})();\r\n\r\nfunction typeWriter(target,text,speed,callback){\r\n  let i=0;\r\n\r\n  function typing(){\r\n    if(i<text.length){\r\n      const char=text.charAt(i);\r\n      target.textContent+=char;\r\n      i++;\r\n\r\n      let delay=speed;\r\n\r\n      if(char===\".\"){delay=speed*5;}\r\n      if(char===\",\"){delay=speed*2.5;}\r\n      if(char===\"\\n\"){delay=speed*4;}\r\n\r\n      setTimeout(typing,delay);\r\n    }else{\r\n      if(callback){callback();}\r\n    }\r\n  }\r\n\r\n  typing();\r\n}\r\n\r\nfunction switchScene(currentScene,nextScene,callback){\r\n  currentScene.classList.add(\"fade-out\");\r\n\r\n  setTimeout(function(){\r\n    currentScene.classList.remove(\"active\");\r\n    currentScene.classList.remove(\"fade-out\");\r\n    nextScene.classList.add(\"active\");\r\n\r\n    if(callback){callback();}\r\n  },850);\r\n}\r\n\r\nfunction fitVideoScreen(){\r\n  const baseWidth=1180;\r\n  const baseHeight=664;\r\n  const safePadding=24;\r\n  const availableWidth=window.innerWidth-safePadding;\r\n  const availableHeight=window.innerHeight-safePadding;\r\n  const scaleByWidth=availableWidth\/baseWidth;\r\n  const scaleByHeight=availableHeight\/baseHeight;\r\n  const finalScale=Math.min(scaleByWidth,scaleByHeight,1);\r\n  document.documentElement.style.setProperty(\"--ols-video-screen-scale\",finalScale.toFixed(4));\r\n}\r\n\r\nfunction fitMcqScreen(){\r\n  const baseWidth=1360;\r\n  const baseHeight=1130;\r\n  const safePadding=24;\r\n  const availableWidth=window.innerWidth-safePadding;\r\n  const availableHeight=window.innerHeight-safePadding;\r\n  const scaleByWidth=availableWidth\/baseWidth;\r\n  const scaleByHeight=availableHeight\/baseHeight;\r\n  const finalScale=Math.min(scaleByWidth,scaleByHeight,1);\r\n  document.documentElement.style.setProperty(\"--ols-mcq-screen-scale\",finalScale.toFixed(4));\r\n}\r\n\r\nfunction fitSaqScreen(){\r\n  const baseWidth=1360;\r\n  const baseHeight=965;\r\n  const safePadding=24;\r\n  const availableWidth=window.innerWidth-safePadding;\r\n  const availableHeight=window.innerHeight-safePadding;\r\n  const scaleByWidth=availableWidth\/baseWidth;\r\n  const scaleByHeight=availableHeight\/baseHeight;\r\n  const finalScale=Math.min(scaleByWidth,scaleByHeight,1);\r\n  document.documentElement.style.setProperty(\"--ols-saq-screen-scale\",finalScale.toFixed(4));\r\n}\r\n\r\nfunction fitAllScreens(){\r\n  fitVideoScreen();\r\n  fitMcqScreen();\r\n  fitSaqScreen();\r\n}\r\n\r\nwindow.addEventListener(\"resize\",fitAllScreens);\r\nwindow.addEventListener(\"orientationchange\",fitAllScreens);\r\nfitAllScreens();\r\n\r\nconst sceneVideo=document.getElementById(\"sceneVideo\");\r\nconst sceneMcq=document.getElementById(\"sceneMcq\");\r\nconst sceneSaq=document.getElementById(\"sceneSaq\");\r\n\r\nconst videoTitle=\"Online Chemistry Lessons\";\r\nconst videoTitleText=document.getElementById(\"videoTitleText\");\r\nconst videoTitleCursor=document.getElementById(\"videoTitleCursor\");\r\nconst videoTitleScreen=document.getElementById(\"videoTitleScreen\");\r\nconst videoScene=document.getElementById(\"videoScene\");\r\nconst lessonVideo=document.getElementById(\"lessonVideo\");\r\n\r\nlet videoFallbackTimer=null;\r\nlet videoSceneComplete=false;\r\n\r\nfunction playLessonVideo(){\r\n  lessonVideo.muted=true;\r\n  lessonVideo.currentTime=0;\r\n\r\n  const playPromise=lessonVideo.play();\r\n\r\n  if(playPromise!==undefined){\r\n    playPromise.catch(function(){\r\n      lessonVideo.muted=true;\r\n    });\r\n  }\r\n}\r\n\r\nfunction completeVideoScene(){\r\n  if(videoSceneComplete){return;}\r\n\r\n  videoSceneComplete=true;\r\n\r\n  if(videoFallbackTimer){\r\n    clearTimeout(videoFallbackTimer);\r\n  }\r\n\r\n  lessonVideo.pause();\r\n\r\n  setTimeout(function(){\r\n    switchScene(sceneVideo,sceneMcq,function(){\r\n      startMcqIntro();\r\n    });\r\n  },1400);\r\n}\r\n\r\nlessonVideo.addEventListener(\"ended\",function(){\r\n  lessonVideo.pause();\r\n  completeVideoScene();\r\n});\r\n\r\nfunction startVideoSection(){\r\n  fitVideoScreen();\r\n\r\n  setTimeout(function(){\r\n    typeWriter(videoTitleText,videoTitle,44,function(){\r\n      setTimeout(function(){\r\n        videoTitleCursor.style.display=\"none\";\r\n\r\n        setTimeout(function(){\r\n          videoTitleScreen.classList.add(\"hide\");\r\n\r\n          setTimeout(function(){\r\n            videoScene.classList.add(\"show\");\r\n\r\n            setTimeout(function(){\r\n              playLessonVideo();\r\n\r\n              videoFallbackTimer=setTimeout(function(){\r\n                completeVideoScene();\r\n              },45000);\r\n            },600);\r\n          },850);\r\n        },3000);\r\n      },250);\r\n    });\r\n  },700);\r\n}\r\n\r\nconst mcqIntroTitle=\"Multiple Choice Question Bank\";\r\nconst mcqSpecificFeedbackText=\"Na\u207a is small, but Cl\u207b is larger than F\u207b, so the ionic bonding is weaker than in NaF.\";\r\nconst mcqGeneralFeedbackText=\r\n\"Your answer is incorrect.\\n\\n\"+\r\n\"To determine which compound has the strongest ionic bonding, recall the key principle:\\n\\n\"+\r\n\"\u2022 Ionic bond strength increases when ionic radii are small, because the ions can get closer together.\\n\"+\r\n\"\u2022 Smaller ions \u2192 stronger electrostatic attraction \u2192 stronger ionic lattice.\\n\"+\r\n\"\u2022 Na\u207a (0.102 nm) is smaller than K\u207a (0.138 nm).\\n\"+\r\n\"\u2022 F\u207b (0.133 nm) is smaller than Cl\u207b (0.180 nm).\\n\\n\"+\r\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\"+\r\n\"The correct answer is: sodium fluoride\";\r\n\r\nconst mcqIntroScreen=document.getElementById(\"mcqIntroScreen\");\r\nconst mcqIntroTitleText=document.getElementById(\"mcqIntroTitleText\");\r\nconst mcqIntroTitleCursor=document.getElementById(\"mcqIntroTitleCursor\");\r\nconst mcqScreen=document.getElementById(\"mcqScreen\");\r\nconst mcqWrongOption=document.getElementById(\"mcqWrongOption\");\r\nconst mcqSubmitButton=document.getElementById(\"mcqSubmitButton\");\r\nconst mcqSpecificFeedback=document.getElementById(\"mcqSpecificFeedback\");\r\nconst mcqCrossIcon=document.getElementById(\"mcqCrossIcon\");\r\nconst mcqSpecificText=document.getElementById(\"mcqSpecificText\");\r\nconst mcqSpecificCursor=document.getElementById(\"mcqSpecificCursor\");\r\nconst mcqGeneralFeedback=document.getElementById(\"mcqGeneralFeedback\");\r\nconst mcqGeneralText=document.getElementById(\"mcqGeneralText\");\r\nconst mcqGeneralCursor=document.getElementById(\"mcqGeneralCursor\");\r\n\r\nfunction selectMcqWrongOption(){\r\n  mcqWrongOption.classList.add(\"clicking\");\r\n\r\n  setTimeout(function(){\r\n    mcqWrongOption.classList.add(\"selected\");\r\n  },220);\r\n\r\n  setTimeout(function(){\r\n    mcqWrongOption.classList.remove(\"clicking\");\r\n  },850);\r\n}\r\n\r\nfunction clickMcqSubmit(){\r\n  mcqSubmitButton.classList.add(\"clicked\");\r\n\r\n  setTimeout(function(){\r\n    mcqSubmitButton.classList.remove(\"clicked\");\r\n  },240);\r\n}\r\n\r\nfunction showMcqSpecificFeedback(){\r\n  mcqSpecificFeedback.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    mcqCrossIcon.classList.add(\"show\");\r\n  },180);\r\n\r\n  setTimeout(function(){\r\n    mcqSpecificCursor.style.display=\"inline-block\";\r\n\r\n    typeWriter(mcqSpecificText,mcqSpecificFeedbackText,12,function(){\r\n      mcqSpecificCursor.style.display=\"none\";\r\n\r\n      setTimeout(function(){\r\n        showMcqGeneralFeedback();\r\n      },650);\r\n    });\r\n  },560);\r\n}\r\n\r\nfunction showMcqGeneralFeedback(){\r\n  mcqGeneralFeedback.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    mcqGeneralCursor.style.display=\"inline-block\";\r\n\r\n    typeWriter(mcqGeneralText,mcqGeneralFeedbackText,8,function(){\r\n      mcqGeneralCursor.style.display=\"none\";\r\n\r\n      setTimeout(function(){\r\n        switchScene(sceneMcq,sceneSaq,function(){\r\n          startSaqIntro();\r\n        });\r\n      },2600);\r\n    });\r\n  },600);\r\n}\r\n\r\nfunction startMcqAnimation(){\r\n  fitMcqScreen();\r\n  mcqScreen.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    selectMcqWrongOption();\r\n\r\n    setTimeout(function(){\r\n      clickMcqSubmit();\r\n\r\n      setTimeout(function(){\r\n        showMcqSpecificFeedback();\r\n      },620);\r\n    },1150);\r\n  },1300);\r\n}\r\n\r\nfunction startMcqIntro(){\r\n  fitMcqScreen();\r\n\r\n  setTimeout(function(){\r\n    typeWriter(mcqIntroTitleText,mcqIntroTitle,44,function(){\r\n      setTimeout(function(){\r\n        mcqIntroTitleCursor.style.display=\"none\";\r\n\r\n        setTimeout(function(){\r\n          mcqIntroScreen.classList.add(\"hide\");\r\n\r\n          setTimeout(function(){\r\n            startMcqAnimation();\r\n          },850);\r\n        },3000);\r\n      },250);\r\n    });\r\n  },700);\r\n}\r\n\r\nconst saqIntroTitle=\"Chemistry Specialist\\nMarked Exam Feedback\";\r\nconst saqStudentAnswer=\"Magnesium has stronger metallic bonding because it has more atoms packed together and melts at a higher temperature than sodium.\";\r\nconst saqTeacherFeedbackText=\r\n\"Comment:\\n\"+\r\n\"This answer is not correct. Melting temperature is a result of bonding strength, not the cause of it.\\n\\n\"+\r\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\"+\r\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\"+\r\n\"Next time, include:\\n\"+\r\n\"\u2022 Ion charge: magnesium forms Mg\u00b2\u207a, sodium forms Na\u207a \u2713\\n\"+\r\n\"\u2022 Delocalised electrons: magnesium provides more electrons to the sea \u2713\\n\"+\r\n\"\u2022 Charge density: smaller, more highly charged ions create stronger attraction \u2713\\n\\n\"+\r\n\"You were close. Focus on explaining bonding in terms of charge and electron density rather than physical properties like melting point.\";\r\n\r\nconst saqIntro=document.getElementById(\"saqIntro\");\r\nconst saqIntroTitleText=document.getElementById(\"saqIntroTitleText\");\r\nconst saqIntroTitleCursor=document.getElementById(\"saqIntroTitleCursor\");\r\nconst saqStudentText=document.getElementById(\"saqStudentText\");\r\nconst saqTeacherText=document.getElementById(\"saqTeacherText\");\r\nconst saqStudentCursor=document.getElementById(\"saqStudentCursor\");\r\nconst saqTeacherCursor=document.getElementById(\"saqTeacherCursor\");\r\nconst saqFeedbackBox=document.getElementById(\"saqTeacherFeedback\");\r\nconst saqScreen=document.getElementById(\"saqScreen\");\r\n\r\nfunction startSaqFeedbackAnimation(){\r\n  fitSaqScreen();\r\n  saqScreen.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    typeWriter(saqStudentText,saqStudentAnswer,27,function(){\r\n      saqStudentCursor.style.display=\"none\";\r\n\r\n      setTimeout(function(){\r\n        saqFeedbackBox.classList.add(\"show\");\r\n        saqTeacherCursor.style.display=\"inline-block\";\r\n\r\n        typeWriter(saqTeacherText,saqTeacherFeedbackText,10,function(){\r\n          saqTeacherCursor.style.display=\"none\";\r\n        });\r\n      },650);\r\n    });\r\n  },850);\r\n}\r\n\r\nfunction startSaqIntro(){\r\n  fitSaqScreen();\r\n\r\n  setTimeout(function(){\r\n    typeWriter(saqIntroTitleText,saqIntroTitle,44,function(){\r\n      setTimeout(function(){\r\n        saqIntroTitleCursor.style.display=\"none\";\r\n\r\n        setTimeout(function(){\r\n          saqIntro.classList.add(\"hide\");\r\n\r\n          setTimeout(function(){\r\n            startSaqFeedbackAnimation();\r\n          },850);\r\n        },3000);\r\n      },250);\r\n    });\r\n  },700);\r\n}\r\n\r\nstartVideoSection();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n  <\/template>\r\n\r\n  <script>\r\n    (function(){\r\n      var startButton = document.getElementById(\"olsCourseAnimationStartTopic6ab001\");\r\n      var pauseButton = document.getElementById(\"olsCourseAnimationPauseTopic6ab001\");\r\n      var iframe = document.getElementById(\"olsCourseAnimationFrameTopic6ab001\");\r\n      var template = document.getElementById(\"olsCourseAnimationTemplateTopic6ab001\");\r\n\r\n      if (!startButton || !pauseButton || !iframe || !template) {\r\n        return;\r\n      }\r\n\r\n      startButton.addEventListener(\"click\", function(){\r\n        iframe.setAttribute(\"srcdoc\", template.innerHTML);\r\n        startButton.classList.add(\"is-hidden\");\r\n        pauseButton.classList.add(\"is-visible\");\r\n        pauseButton.textContent = \"Pause\";\r\n        pauseButton.setAttribute(\"aria-label\", \"Pause course preview animation\");\r\n      });\r\n\r\n      pauseButton.addEventListener(\"click\", function(){\r\n        if (!iframe.contentWindow || typeof iframe.contentWindow.olsToggleAnimationPause !== \"function\") {\r\n          return;\r\n        }\r\n\r\n        var state = iframe.contentWindow.olsToggleAnimationPause();\r\n\r\n        if (state === \"paused\") {\r\n          pauseButton.textContent = \"Resume\";\r\n          pauseButton.setAttribute(\"aria-label\", \"Resume course preview animation\");\r\n        } else {\r\n          pauseButton.textContent = \"Pause\";\r\n          pauseButton.setAttribute(\"aria-label\", \"Pause course preview animation\");\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\n    \n\n      <!-- OLS Author Copyright Footprint \/ Attribution Card -->\n      <section class=\"ols-attribution-card\">\n        <style>\n          .ols-attribution-card {\n            background: linear-gradient(135deg, #ffffff, #f8fbff);\n            border: 1px solid rgba(28, 36, 75, 0.14);\n            border-radius: 28px;\n            box-shadow: 0 18px 45px rgba(28, 36, 75, 0.10);\n            padding: 34px;\n            margin-bottom: 24px;\n            overflow: hidden;\n            font-family: Poppins, Arial, sans-serif;\n            box-sizing: border-box;\n          }\n      \n          .ols-attribution-card,\n          .ols-attribution-card * {\n            box-sizing: border-box;\n          }\n      \n          .ols-attribution-card p {\n            margin: 0;\n            font-size: 14px;\n            line-height: 1.65;\n            font-weight: 300;\n            color: #667085;\n          }\n      \n          .ols-attribution-card strong {\n            font-weight: 700;\n            color: #1C244B;\n          }\n      \n          @media (max-width: 760px) {\n            .ols-attribution-card {\n              padding: 24px 18px;\n              border-radius: 22px;\n            }\n          }\n        <\/style>\n      \n        <p><strong>Copyright notice:<\/strong> This OLS revision content, including the explanations, layout, diagrams, tables and embedded learning structure, is authored for Online Learning System by Dr. Mohammed Al-Fatah. It may not be copied, reproduced, redistributed or adapted without written permission.<\/p>\n      <\/section>\n    <\/main>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"WebPage\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/#webpage\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/\",\n      \"name\": \"IUPAC Rules - Edexcel A Level Chemistry\",\n      \"headline\": \"IUPAC Rules\",\n      \"description\": \"A Level Chemistry revision notes covering IUPAC rules, organic formulae, displayed formulae, skeletal formulae, carbon chain naming, functional group suffixes and numbering rules for Edexcel A Level Chemistry Topic 6 Organic Chemistry I.\",\n      \"inLanguage\": \"en-GB\",\n      \"isPartOf\": {\n        \"@type\": \"WebSite\",\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#website\",\n        \"name\": \"Online Learning System\",\n        \"url\": \"https:\/\/www.onlinelearningsystem.net\/\"\n      },\n      \"publisher\": {\n        \"@type\": \"Organization\",\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\",\n        \"name\": \"Online Learning System\",\n        \"url\": \"https:\/\/www.onlinelearningsystem.net\/\"\n      },\n      \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"Dr. Mohammed Al-Fatah\"\n      },\n      \"about\": [\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"IUPAC rules\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Organic chemistry\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Nomenclature\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Functional groups\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Skeletal formulae\"\n        }\n      ],\n      \"mainEntity\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/#course\"\n      },\n      \"breadcrumb\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/#breadcrumb\"\n      }\n    },\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/#breadcrumb\",\n      \"itemListElement\": [\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 1,\n          \"item\": {\n            \"@type\": \"WebPage\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\",\n            \"name\": \"Revision Notes\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 2,\n          \"item\": {\n            \"@type\": \"WebPage\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\",\n            \"name\": \"A Level Chemistry\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 3,\n          \"item\": {\n            \"@type\": \"WebPage\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/\",\n            \"name\": \"Edexcel\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 4,\n          \"item\": {\n            \"@type\": \"WebPage\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/\",\n            \"name\": \"Topic 6 Organic Chemistry I\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 5,\n          \"item\": {\n            \"@type\": \"WebPage\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/\",\n            \"name\": \"Introduction to Organic Chemistry\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 6,\n          \"item\": {\n            \"@type\": \"WebPage\",\n            \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/\",\n            \"name\": \"IUPAC Rules\"\n          }\n        }\n      ]\n    },\n    {\n      \"@type\": \"Course\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/#course\",\n      \"name\": \"IUPAC Rules\",\n      \"description\": \"Revision notes for Edexcel A Level Chemistry covering IUPAC rules, organic formulae, displayed formulae, skeletal formulae, carbon chain naming, functional group suffixes and numbering rules.\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/\",\n      \"provider\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Online Learning System\",\n        \"url\": \"https:\/\/www.onlinelearningsystem.net\/\"\n      },\n      \"educationalLevel\": \"A Level\",\n      \"inLanguage\": \"en-GB\",\n      \"about\": [\n        \"IUPAC rules\",\n        \"Organic chemistry\",\n        \"Nomenclature\",\n        \"Functional groups\",\n        \"Displayed formulae\",\n        \"Skeletal formulae\",\n        \"Homologous series\"\n      ],\n      \"teaches\": [\n        \"Define key organic chemistry formula terms\",\n        \"Identify displayed and skeletal formulae\",\n        \"Choose parent names from carbon chain length\",\n        \"Apply functional group suffix rules\",\n        \"Use numbering rules and alphabetical order in organic names\",\n        \"Explain homologous series and functional group priority\"\n      ],\n      \"hasCourseInstance\": {\n        \"@type\": \"CourseInstance\",\n        \"courseMode\": \"Online\"\n      }\n    },\n    {\n      \"@type\": \"ItemList\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/#relatedtopics\",\n      \"name\": \"Related Organic Chemistry Revision Notes\",\n      \"itemListElement\": [\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 1,\n          \"item\": {\n            \"@type\": \"Course\",\n            \"name\": \"Introduction to Organic Chemistry\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/\",\n            \"description\": \"Revision notes covering the introductory ideas needed for Edexcel A Level organic chemistry.\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 2,\n          \"item\": {\n            \"@type\": \"Course\",\n            \"name\": \"Alkanes\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/\",\n            \"description\": \"Revision notes covering the structure and reactions of alkanes in Edexcel A Level Chemistry.\"\n          }\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 3,\n          \"item\": {\n            \"@type\": \"Course\",\n            \"name\": \"Alkenes\",\n            \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/\",\n            \"description\": \"Revision notes covering the structure and reactions of alkenes in Edexcel A Level Chemistry.\"\n          }\n        }\n      ]\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/#faq\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is a hydrocarbon?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"A hydrocarbon is a compound consisting of hydrogen and carbon only.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is the difference between molecular formula and empirical formula?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"A molecular formula shows the actual number of each type of atom in a molecule, while an empirical formula shows the simplest whole number ratio of atoms of each element in a compound.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is a skeletal formula?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"A skeletal formula is a simplified representation of an organic molecule in which hydrogen atoms bonded to carbon are omitted, showing the carbon skeleton and any functional groups attached.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How do you choose the parent name in IUPAC nomenclature?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"The parent name is chosen by identifying the longest continuous carbon chain and using the appropriate carbon chain code, such as meth, eth, prop, but, pent or hex.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How are multiple substituents listed in organic names?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Multiple substituents are listed in alphabetical order, ignoring multiplicative prefixes such as di- and tri-. Numbers are separated by commas, and words and numbers are separated by dashes.\"\n          }\n        }\n      ]\n    }\n  ]\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Revision Notes \/ A Level Chemistry \/ Edexcel \/ Topic 6 Organic Chemistry I \/ Introduction to Organic Chemistry \/ IUPAC Rules IUPAC Rules A concise revision guide to the key IUPAC naming rules used in A Level organic chemistry, including formula types, displayed formulae, skeletal formulae, carbon chain prefixes, functional group naming and numbering [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":4692,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"productId":0,"courseId":0,"footnotes":""},"class_list":["post-4813","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/4813","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=4813"}],"version-history":[{"count":0,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/4813\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/4692"}],"wp:attachment":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/media?parent=4813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}