{"id":3988,"date":"2026-05-05T12:01:43","date_gmt":"2026-05-05T11:01:43","guid":{"rendered":"https:\/\/eis-education.com\/?page_id=3988"},"modified":"2026-05-05T12:11:56","modified_gmt":"2026-05-05T11:11:56","slug":"3988-2","status":"publish","type":"page","link":"https:\/\/eis-education.com\/3988-2\/","title":{"rendered":""},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>American Placement Test \u2014 Teacher English Proficiency<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Google+Sans:wght@400;500;700&#038;family=Roboto:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --g-blue: #1a73e8;\n    --g-blue-dark: #1557b0;\n    --g-purple: #673ab7;\n    --g-purple-light: #ede7f6;\n    --g-red: #d93025;\n    --g-green: #1e8e3e;\n    --g-yellow: #f9ab00;\n    --g-bg: #f0ebf8;\n    --g-card: #ffffff;\n    --g-border: #e0e0e0;\n    --g-text: #202124;\n    --g-muted: #5f6368;\n    --g-accent: #673ab7;\n    --header-purple: #512da8;\n  }\n\n  body {\n    font-family: 'Roboto', sans-serif;\n    background: var(--g-bg);\n    color: var(--g-text);\n    min-height: 100vh;\n    padding: 0 0 60px;\n  }\n\n  \/* \u2500\u2500 TIMER BAR \u2500\u2500 *\/\n  #timerBar {\n    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n    background: var(--header-purple);\n    color: #fff;\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 10px 24px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.25);\n  }\n  #timerBar .exam-title { font-family: 'Google Sans', sans-serif; font-size: 15px; font-weight: 500; }\n  #timerBar .timer-display {\n    font-family: 'Google Sans', sans-serif; font-size: 18px; font-weight: 700;\n    background: rgba(255,255,255,0.15); padding: 4px 16px; border-radius: 20px;\n    min-width: 100px; text-align: center; letter-spacing: 1px;\n  }\n  #timerBar .timer-display.warning { background: #f9ab00; color: #202124; }\n  #timerBar .timer-display.danger { background: #d93025; animation: pulse 1s infinite; }\n  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.7} }\n  .progress-bar-wrap { height: 3px; background: rgba(255,255,255,0.2); position: absolute; bottom: 0; left: 0; right: 0; }\n  #progressBar { height: 100%; background: #fff; transition: width 1s linear; width: 100%; }\n\n  \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n  .page { display: none; flex-direction: column; align-items: center; padding-top: 70px; }\n  .page.active { display: flex; }\n  .container { width: 100%; max-width: 720px; padding: 0 16px; }\n\n  \/* \u2500\u2500 CARDS \u2500\u2500 *\/\n  .card {\n    background: var(--g-card);\n    border-radius: 8px;\n    border: 1px solid var(--g-border);\n    margin-bottom: 16px;\n    overflow: hidden;\n  }\n  .card-header-bar { height: 10px; background: var(--g-purple); }\n  .card-body { padding: 24px 28px; }\n  .card-title { font-family: 'Google Sans', sans-serif; font-size: 22px; font-weight: 700; color: var(--g-text); margin-bottom: 6px; }\n  .card-subtitle { font-size: 14px; color: var(--g-muted); line-height: 1.5; }\n  .card-divider { border: none; border-top: 1px solid var(--g-border); margin: 16px 0; }\n\n  .section-card .card-body { padding: 20px 28px; }\n  .section-label {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-family: 'Google Sans', sans-serif; font-size: 13px; font-weight: 500;\n    color: var(--g-purple); background: var(--g-purple-light);\n    padding: 4px 12px; border-radius: 12px; margin-bottom: 14px;\n  }\n\n  \/* \u2500\u2500 QUESTION CARDS \u2500\u2500 *\/\n  .q-card { background: #fff; border: 1px solid var(--g-border); border-radius: 8px; padding: 20px 24px; margin-bottom: 12px; transition: box-shadow 0.2s; }\n  .q-card:focus-within { box-shadow: 0 0 0 2px var(--g-purple); border-color: var(--g-purple); }\n  .q-num { font-size: 11px; color: var(--g-muted); font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }\n  .q-text { font-size: 15px; color: var(--g-text); line-height: 1.6; margin-bottom: 14px; }\n  .q-required { color: var(--g-red); margin-left: 3px; }\n\n  \/* \u2500\u2500 PASSAGE \u2500\u2500 *\/\n  .passage {\n    background: #fafafa; border-left: 4px solid var(--g-purple);\n    border-radius: 0 6px 6px 0; padding: 14px 18px; margin-bottom: 20px;\n    font-size: 14px; line-height: 1.75; color: #333;\n  }\n  .passage-title { font-family: 'Google Sans', sans-serif; font-size: 13px; font-weight: 700; color: var(--g-purple); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }\n\n  \/* \u2500\u2500 OPTIONS \u2500\u2500 *\/\n  .options { display: flex; flex-direction: column; gap: 8px; }\n  .option {\n    display: flex; align-items: center; gap: 12px;\n    padding: 10px 14px; border-radius: 6px; cursor: pointer;\n    border: 1.5px solid var(--g-border); transition: all 0.15s;\n  }\n  .option:hover { border-color: var(--g-purple); background: var(--g-purple-light); }\n  .option input[type=radio], .option input[type=checkbox] { accent-color: var(--g-purple); width: 16px; height: 16px; cursor: pointer; flex-shrink: 0; }\n  .option.selected { border-color: var(--g-purple); background: var(--g-purple-light); }\n  .option label { font-size: 14px; color: var(--g-text); cursor: pointer; line-height: 1.4; }\n\n  \/* \u2500\u2500 TEXTAREAS \u2500\u2500 *\/\n  textarea {\n    width: 100%; border: none; border-bottom: 1.5px solid var(--g-border);\n    background: transparent; font-family: 'Roboto', sans-serif; font-size: 14px;\n    color: var(--g-text); resize: vertical; min-height: 100px; padding: 6px 2px;\n    outline: none; transition: border-color 0.2s;\n  }\n  textarea:focus { border-bottom-color: var(--g-purple); }\n  .word-count { font-size: 11px; color: var(--g-muted); text-align: right; margin-top: 4px; }\n\n  \/* \u2500\u2500 TEXT INPUTS \u2500\u2500 *\/\n  input[type=text] {\n    width: 100%; border: none; border-bottom: 1.5px solid var(--g-border);\n    background: transparent; font-size: 15px; color: var(--g-text);\n    padding: 6px 0; outline: none; font-family: 'Roboto', sans-serif;\n    transition: border-color 0.2s;\n  }\n  input[type=text]:focus { border-bottom-color: var(--g-purple); }\n\n  \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n  .btn {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500;\n    padding: 10px 24px; border-radius: 4px; border: none; cursor: pointer;\n    transition: all 0.15s;\n  }\n  .btn-primary { background: var(--g-blue); color: #fff; }\n  .btn-primary:hover { background: var(--g-blue-dark); box-shadow: 0 2px 8px rgba(26,115,232,0.4); }\n  .btn-purple { background: var(--g-purple); color: #fff; }\n  .btn-purple:hover { background: #512da8; box-shadow: 0 2px 8px rgba(103,58,183,0.4); }\n  .btn-outline { background: transparent; color: var(--g-purple); border: 1.5px solid var(--g-purple); }\n  .btn-outline:hover { background: var(--g-purple-light); }\n  .btn-danger { background: var(--g-red); color: #fff; }\n\n  .btn-row { display: flex; justify-content: flex-end; gap: 12px; margin-top: 20px; padding: 0 4px; }\n\n  \/* \u2500\u2500 SECTION NAV \u2500\u2500 *\/\n  .section-tabs {\n    display: flex; gap: 4px; margin-bottom: 16px; flex-wrap: wrap;\n  }\n  .s-tab {\n    padding: 6px 14px; border-radius: 20px; font-size: 13px; font-family: 'Google Sans', sans-serif;\n    border: 1.5px solid var(--g-border); background: #fff; cursor: pointer; color: var(--g-muted);\n    transition: all 0.15s;\n  }\n  .s-tab.active { background: var(--g-purple); color: #fff; border-color: var(--g-purple); }\n  .s-tab.done { border-color: var(--g-green); color: var(--g-green); }\n\n  \/* \u2500\u2500 RESULTS \u2500\u2500 *\/\n  .result-banner {\n    text-align: center; padding: 32px 24px; \n  }\n  .level-badge {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 90px; height: 90px; border-radius: 50%;\n    font-family: 'Google Sans', sans-serif; font-size: 26px; font-weight: 700;\n    color: #fff; margin: 0 auto 16px; border: 4px solid rgba(255,255,255,0.3);\n  }\n  .result-name { font-family: 'Google Sans', sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 6px; }\n  .result-sub { font-size: 14px; color: var(--g-muted); margin-bottom: 24px; }\n  .score-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 20px 0; }\n  .score-box { background: #fafafa; border: 1px solid var(--g-border); border-radius: 8px; padding: 14px; text-align: center; }\n  .score-box .s-val { font-family: 'Google Sans', sans-serif; font-size: 22px; font-weight: 700; color: var(--g-purple); }\n  .score-box .s-lbl { font-size: 12px; color: var(--g-muted); margin-top: 4px; }\n\n  .level-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 16px; }\n  .level-table th { background: var(--g-purple); color: #fff; padding: 10px 14px; text-align: left; font-family: 'Google Sans', sans-serif; font-weight: 500; }\n  .level-table td { padding: 10px 14px; border-bottom: 1px solid var(--g-border); }\n  .level-table tr.current-level { background: #ede7f6; font-weight: 500; }\n  .level-table tr:hover { background: #fafafa; }\n  .level-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; }\n\n  \/* dashboard *\/\n  .dash-table { width: 100%; border-collapse: collapse; font-size: 14px; }\n  .dash-table th { background: var(--g-purple); color: #fff; padding: 10px 16px; text-align: left; font-weight: 500; font-family: 'Google Sans', sans-serif; }\n  .dash-table td { padding: 10px 16px; border-bottom: 1px solid var(--g-border); }\n  .dash-table tr:hover td { background: #fafafa; }\n  .badge-level { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 500; }\n\n  \/* admin *\/\n  #adminPin { font-size: 13px; font-family: monospace; }\n  .admin-section { margin-bottom: 24px; }\n  .admin-section h3 { font-family: 'Google Sans', sans-serif; font-size: 15px; font-weight: 500; margin-bottom: 10px; color: var(--g-purple); }\n\n  \/* info boxes *\/\n  .info-box { background: #e8f0fe; border-radius: 6px; padding: 12px 16px; font-size: 13px; color: #1557b0; margin-bottom: 16px; display: flex; align-items: flex-start; gap: 10px; }\n  .warn-box { background: #fce8e6; border-radius: 6px; padding: 12px 16px; font-size: 13px; color: #c62828; margin-bottom: 16px; }\n\n  \/* welcome *\/\n  .welcome-hero { text-align: center; padding: 12px 0 24px; }\n  .welcome-hero .logo { font-family: 'Google Sans', sans-serif; font-size: 32px; font-weight: 700; color: var(--g-purple); margin-bottom: 4px; }\n  .welcome-hero .logo span { color: var(--g-blue); }\n  .meta-row { display: flex; gap: 20px; flex-wrap: wrap; margin: 14px 0 4px; }\n  .meta-item { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--g-muted); }\n  .meta-item svg { color: var(--g-purple); }\n  .pin-display { font-family: monospace; font-size: 28px; font-weight: 700; letter-spacing: 8px; color: var(--g-purple); background: var(--g-purple-light); padding: 10px 24px; border-radius: 8px; display: inline-block; margin: 12px 0; }\n  .pin-warning { font-size: 12px; color: var(--g-red); margin-top: 6px; }\n\n  \/* listening transcript *\/\n  .transcript { background: #f8f9fa; border: 1px solid var(--g-border); border-radius: 6px; padding: 16px; font-size: 13.5px; line-height: 1.8; color: #333; max-height: 260px; overflow-y: auto; margin-bottom: 16px; }\n  .transcript .speaker { font-weight: 600; color: var(--g-purple); }\n  .audio-sim { display: flex; align-items: center; gap: 12px; background: var(--g-purple-light); border-radius: 8px; padding: 10px 16px; margin-bottom: 14px; }\n  .play-btn { background: var(--g-purple); color: #fff; border: none; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }\n  .audio-label { font-size: 13px; color: var(--g-purple); font-family: 'Google Sans', sans-serif; }\n  .audio-bar { flex: 1; height: 4px; background: rgba(103,58,183,0.2); border-radius: 2px; overflow: hidden; }\n  .audio-fill { height: 100%; background: var(--g-purple); width: 0; transition: width 0.3s; }\n\n  .hidden { display: none !important; }\n\n  @media (max-width: 500px) {\n    .score-grid { grid-template-columns: 1fr 1fr; }\n    .card-body { padding: 16px 16px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- TIMER BAR -->\n<div id=\"timerBar\">\n  <div class=\"exam-title\">\ud83c\udf93 American Placement Test \u2014 Teacher English Proficiency<\/div>\n  <div class=\"timer-display\" id=\"timerDisplay\">60:00<\/div>\n  <div class=\"progress-bar-wrap\"><div id=\"progressBar\"><\/div><\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PAGE 0 \u2014 WELCOME \/ REGISTRATION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"page active\" id=\"page-welcome\">\n<div class=\"container\">\n  <div style=\"margin-top: 16px\"><\/div>\n  <div class=\"card\">\n    <div class=\"card-header-bar\"><\/div>\n    <div class=\"card-body\">\n      <div class=\"welcome-hero\">\n        <div class=\"logo\">APT <span>2025<\/span><\/div>\n        <div style=\"font-family:'Google Sans',sans-serif;font-size:18px;font-weight:500;margin-bottom:6px\">American Placement Test<\/div>\n        <div style=\"font-size:14px;color:var(--g-muted)\">Teacher English Proficiency Assessment \u00b7 School Staff Edition<\/div>\n      <\/div>\n      <hr class=\"card-divider\">\n      <p style=\"font-size:14px;line-height:1.7;color:#444;margin-bottom:14px\">\n        This is a standardized English language proficiency exam designed for educators applying for staff positions in American schools. It assesses your competency in <strong>Reading Comprehension<\/strong>, <strong>Academic Writing<\/strong>, and <strong>Listening<\/strong>.\n      <\/p>\n      <div class=\"meta-row\">\n        <div class=\"meta-item\">\u23f1\ufe0f <strong>60 minutes<\/strong> total<\/div>\n        <div class=\"meta-item\">\ud83d\udcdd <strong>3 sections<\/strong><\/div>\n        <div class=\"meta-item\">\ud83c\udfaf <strong>100 points<\/strong><\/div>\n        <div class=\"meta-item\">\ud83c\udfeb <strong>CEFR A1\u2013C2<\/strong> level output<\/div>\n      <\/div>\n      <div class=\"info-box\" style=\"margin-top:16px\">\n        \u2139\ufe0f Once the exam begins, the 60-minute countdown starts and cannot be paused. Complete all sections before time expires.\n      <\/div>\n      <div style=\"background:#f3e5f5;border-radius:8px;padding:16px;margin-bottom:16px\">\n        <div style=\"font-family:'Google Sans',sans-serif;font-size:13px;font-weight:500;color:var(--g-purple);margin-bottom:8px\">\ud83d\udd10 ADMIN ACCESS PIN \u2014 Keep this confidential<\/div>\n        <div class=\"pin-display\" id=\"adminPinDisplay\">&#8212;-<\/div>\n        <div class=\"pin-warning\">\u26a0 This PIN will not be shown again. Screenshot or note it now.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"card-body\">\n      <div style=\"font-family:'Google Sans',sans-serif;font-size:16px;font-weight:500;margin-bottom:18px\">Candidate Registration<\/div>\n      <div class=\"q-card\" style=\"margin-bottom:12px\">\n        <div class=\"q-num\">Full Name <span class=\"q-required\">*<\/span><\/div>\n        <input type=\"text\" id=\"reg-name\" placeholder=\"Enter your full name\" required>\n      <\/div>\n      <div class=\"q-card\" style=\"margin-bottom:12px\">\n        <div class=\"q-num\">Position Applied For <span class=\"q-required\">*<\/span><\/div>\n        <input type=\"text\" id=\"reg-position\" placeholder=\"e.g., ESL Teacher, Elementary Math Teacher\">\n      <\/div>\n      <div class=\"q-card\" style=\"margin-bottom:12px\">\n        <div class=\"q-num\">School \/ Institution<\/div>\n        <input type=\"text\" id=\"reg-school\" placeholder=\"School or district name\">\n      <\/div>\n      <div class=\"q-card\">\n        <div class=\"q-num\">Date<\/div>\n        <input type=\"text\" id=\"reg-date\" placeholder=\"Today's date\" value=\"\">\n      <\/div>\n      <div class=\"btn-row\">\n        <button class=\"btn btn-purple\" onclick=\"startExam()\">Start Exam \u2192<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PAGE 1 \u2014 EXAM (3 SECTIONS)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"page\" id=\"page-exam\">\n<div class=\"container\">\n  <div style=\"margin-top:12px\"><\/div>\n\n  <!-- Section tabs -->\n  <div class=\"section-tabs\">\n    <div class=\"s-tab active\" id=\"tab-1\" onclick=\"gotoSection(1)\">Section 1: Reading<\/div>\n    <div class=\"s-tab\" id=\"tab-2\" onclick=\"gotoSection(2)\">Section 2: Writing<\/div>\n    <div class=\"s-tab\" id=\"tab-3\" onclick=\"gotoSection(3)\">Section 3: Listening<\/div>\n  <\/div>\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500 SECTION 1: READING \u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div id=\"section-1\">\n    <div class=\"card\">\n      <div class=\"card-header-bar\"><\/div>\n      <div class=\"card-body\">\n        <div class=\"section-label\">\ud83d\udcd6 Section 1 \u2014 Reading Comprehension &nbsp;|&nbsp; 30 points &nbsp;|&nbsp; 15 questions<\/div>\n        <div class=\"card-title\">Reading Comprehension<\/div>\n        <div class=\"card-subtitle\">Read each passage carefully and answer all questions. Choose the best answer for each multiple-choice question.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PASSAGE A -->\n    <div class=\"card section-card\">\n      <div class=\"card-body\">\n        <div class=\"passage\">\n          <div class=\"passage-title\">\ud83d\udcf0 Passage A \u2014 News Article<\/div>\n          American public schools are increasingly confronting a complex challenge: how to support a growing population of English Language Learners (ELLs) while maintaining rigorous academic standards for all students. According to the National Center for Education Statistics, approximately 10.4 percent of public school students \u2014 more than 5 million children \u2014 were classified as ELLs in the 2020\u201321 school year, a figure that has nearly doubled over the past two decades.<br><br>\n          Educators and policymakers are divided on the most effective approach. Proponents of structured English immersion argue that students acquire language most efficiently when instruction is delivered entirely in English, citing research suggesting rapid gains in conversational proficiency within two years. Critics, however, contend that subtractive approaches risk undermining students&#8217; cognitive development and cultural identity, particularly when native-language literacy is not maintained alongside English instruction.<br><br>\n          A growing body of longitudinal research points toward dual-language programs \u2014 in which instruction is provided in both English and a partner language \u2014 as producing the strongest long-term academic outcomes. Students in well-implemented dual-language programs frequently outperform monolingual peers on standardized assessments by fifth grade, even on tests administered solely in English. Nevertheless, such programs demand significant investments in certified bilingual educators, a resource many districts currently lack.\n        <\/div>\n\n        <div class=\"q-card\" id=\"q1\">\n          <div class=\"q-num\">Question 1 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">What is the primary purpose of this passage?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"A\"> <label>A. To argue that English immersion is the best method for ELL students<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"B\"> <label>B. To present competing approaches to educating English Language Learners<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"C\"> <label>C. To criticize the American public school system&#8217;s handling of immigrant students<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q1\" value=\"D\"> <label>D. To describe the history of bilingual education legislation in the US<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q2\">\n          <div class=\"q-num\">Question 2 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">According to the passage, what does research on dual-language programs suggest?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"A\"> <label>A. They are more expensive but produce no measurable academic benefit<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"B\"> <label>B. Students in these programs score lower on English-only standardized tests<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"C\"> <label>C. Students may outperform monolingual peers on standardized tests by fifth grade<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q2\" value=\"D\"> <label>D. They are only effective for students who already speak some English<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q3\">\n          <div class=\"q-num\">Question 3 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">The word <em>&#8220;subtractive&#8221;<\/em> in paragraph 2 most likely means:<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"A\"> <label>A. Mathematical and analytical in nature<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"B\"> <label>B. Replacing or removing one element (native language) in favor of another<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"C\"> <label>C. Slow and methodical<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q3\" value=\"D\"> <label>D. Related to reducing class sizes<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q4\">\n          <div class=\"q-num\">Question 4 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">Which of the following can be inferred from the passage?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"A\"> <label>A. Dual-language programs are widely available across all US school districts<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"B\"> <label>B. The debate over ELL instruction is settled among American educators<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"C\"> <label>C. Implementing dual-language programs faces staffing challenges<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q4\" value=\"D\"> <label>D. ELL students always underperform compared to native English speakers<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q5\">\n          <div class=\"q-num\">Question 5 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">According to the statistics cited, approximately how much has the ELL population grown over 20 years?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"A\"> <label>A. It has tripled<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"B\"> <label>B. It has nearly doubled<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"C\"> <label>C. It has remained stable<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q5\" value=\"D\"> <label>D. It has declined slightly<\/label><\/label>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PASSAGE B -->\n    <div class=\"card section-card\">\n      <div class=\"card-body\">\n        <div class=\"passage\">\n          <div class=\"passage-title\">\ud83d\udccb Passage B \u2014 Professional Memorandum<\/div>\n          <strong>MEMORANDUM<\/strong><br>\n          <strong>TO:<\/strong> All Teaching Staff<br>\n          <strong>FROM:<\/strong> Office of the Superintendent, Riverside Unified School District<br>\n          <strong>RE:<\/strong> Implementation of the Revised Formative Assessment Protocol (FAP-2025)<br>\n          <strong>DATE:<\/strong> September 1, 2025<br><br>\n          Effective the first week of October, all classroom instructors are required to implement the updated Formative Assessment Protocol (FAP-2025) as adopted by the Board of Education at its August 14 meeting. This protocol replaces the prior FAP-2019 framework and introduces three substantive changes: (1) a mandatory mid-unit check-in assessment administered no later than the seventh instructional day of each unit; (2) a standardized electronic submission format for all formative data, accessible via the district&#8217;s Instructure Canvas portal; and (3) a revised rubric for assessing written work that aligns with the Common Core State Standards at each grade band.<br><br>\n          Department heads are responsible for ensuring that all staff members within their departments receive training before September 30. Training sessions will be offered on September 9, 16, and 23, from 3:30\u20135:00 PM in Room 204 of the Professional Development Center. Attendance at one session is mandatory for all certificated staff. Classified staff are encouraged, but not required, to attend.<br><br>\n          Questions regarding technical access to the Canvas portal should be directed to the Office of Educational Technology at ext. 4402. Questions regarding rubric alignment or curriculum mapping should be addressed to your department head or to the Director of Curriculum and Instruction at ext. 4310.\n        <\/div>\n\n        <div class=\"q-card\" id=\"q6\">\n          <div class=\"q-num\">Question 6 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">What is the main purpose of this memorandum?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q6\" value=\"A\"> <label>A. To announce new staff hiring procedures<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q6\" value=\"B\"> <label>B. To inform teachers of a new assessment protocol and related training requirements<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q6\" value=\"C\"> <label>C. To criticize the previous FAP-2019 framework<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q6\" value=\"D\"> <label>D. To introduce a new student grading policy<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q7\">\n          <div class=\"q-num\">Question 7 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">According to the memo, which staff members are <em>required<\/em> to attend a training session?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q7\" value=\"A\"> <label>A. All district employees, including administrative staff<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q7\" value=\"B\"> <label>B. Certificated staff only<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q7\" value=\"C\"> <label>C. Classified and certificated staff equally<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q7\" value=\"D\"> <label>D. Department heads only<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q8\">\n          <div class=\"q-num\">Question 8 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">If a teacher has questions about how the new rubric relates to curriculum, who should they contact?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q8\" value=\"A\"> <label>A. The Office of Educational Technology at ext. 4402<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q8\" value=\"B\"> <label>B. Their department head or the Director of Curriculum at ext. 4310<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q8\" value=\"C\"> <label>C. The Board of Education directly<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q8\" value=\"D\"> <label>D. The Superintendent&#8217;s office directly<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q9\">\n          <div class=\"q-num\">Question 9 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">How many substantive changes does FAP-2025 introduce compared to FAP-2019?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q9\" value=\"A\"> <label>A. Two<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q9\" value=\"B\"> <label>B. Four<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q9\" value=\"C\"> <label>C. Three<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q9\" value=\"D\"> <label>D. Five<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q10\">\n          <div class=\"q-num\">Question 10 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">The phrase <em>&#8220;no later than the seventh instructional day&#8221;<\/em> implies that:<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q10\" value=\"A\"> <label>A. Teachers have unlimited time to conduct the mid-unit check-in<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q10\" value=\"B\"> <label>B. The check-in must be completed within a specific time window<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q10\" value=\"C\"> <label>C. The check-in replaces final exams<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q10\" value=\"D\"> <label>D. Only seven students need to be assessed<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- Reading Q11-15 -->\n        <div class=\"q-card\" id=\"q11\">\n          <div class=\"q-num\">Question 11 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">Which statement best describes the tone of the memo?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q11\" value=\"A\"> <label>A. Conversational and informal<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q11\" value=\"B\"> <label>B. Formal, directive, and informational<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q11\" value=\"C\"> <label>C. Critical and confrontational<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q11\" value=\"D\"> <label>D. Emotional and persuasive<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q12\">\n          <div class=\"q-num\">Question 12 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">From Passage A, proponents of English immersion claim students achieve conversational proficiency within approximately:<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q12\" value=\"A\"> <label>A. Six months<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q12\" value=\"B\"> <label>B. Five years<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q12\" value=\"C\"> <label>C. Two years<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q12\" value=\"D\"> <label>D. One academic year<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q13\">\n          <div class=\"q-num\">Question 13 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">In Passage A, the term <em>&#8220;longitudinal research&#8221;<\/em> most likely refers to:<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q13\" value=\"A\"> <label>A. Research conducted in foreign countries<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q13\" value=\"B\"> <label>B. Studies that follow subjects over an extended period of time<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q13\" value=\"C\"> <label>C. Research focusing on geographic data<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q13\" value=\"D\"> <label>D. A single-day observational study<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q14\">\n          <div class=\"q-num\">Question 14 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">Both passages share which organizational feature?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q14\" value=\"A\"> <label>A. Both use a narrative story structure<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q14\" value=\"B\"> <label>B. Both present specific data and cite authoritative sources<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q14\" value=\"C\"> <label>C. Both are written for a general non-professional audience<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q14\" value=\"D\"> <label>D. Both use emotional appeals as their primary persuasive strategy<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q15\">\n          <div class=\"q-num\">Question 15 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">Which word from Passage B is closest in meaning to <em>&#8220;mandatory&#8221;<\/em>?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q15\" value=\"A\"> <label>A. Encouraged<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q15\" value=\"B\"> <label>B. Optional<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q15\" value=\"C\"> <label>C. Required<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q15\" value=\"D\"> <label>D. Suggested<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"btn-row\">\n          <button class=\"btn btn-outline\" onclick=\"gotoSection(2)\">Next: Writing \u2192<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500 SECTION 2: WRITING \u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div id=\"section-2\" class=\"hidden\">\n    <div class=\"card\">\n      <div class=\"card-header-bar\"><\/div>\n      <div class=\"card-body\">\n        <div class=\"section-label\">\u270d\ufe0f Section 2 \u2014 Academic Writing &nbsp;|&nbsp; 50 points &nbsp;|&nbsp; 2 tasks<\/div>\n        <div class=\"card-title\">Writing Assessment<\/div>\n        <div class=\"card-subtitle\">Complete both writing tasks. Your responses will be evaluated on grammar, vocabulary, organization, task completion, and professional register.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Task A -->\n    <div class=\"card section-card\">\n      <div class=\"card-body\">\n        <div class=\"section-label\" style=\"background:#e8f5e9;color:#2e7d32\">\ud83d\udce7 Task A \u2014 Professional Communication (25 pts)<\/div>\n        <div class=\"q-text\" style=\"margin-bottom:8px;font-size:15px\"><strong>Scenario:<\/strong> You are a 4th-grade homeroom teacher at Maplewood Elementary School. The school&#8217;s annual Family Science Night is scheduled for Thursday, October 23rd, from 6:00\u20138:00 PM in the school gymnasium. Students are invited to bring one science project to display. Attendance is free and open to all families.<\/div>\n        <div class=\"info-box\">Write a professional email to parents\/guardians informing them about Family Science Night. Your email should include all key details, encourage participation, and maintain an appropriate professional yet warm tone. Write <strong>150\u2013200 words<\/strong>.<\/div>\n        <div class=\"q-card\">\n          <div class=\"q-num\">Your Response \u2014 Task A <span class=\"q-required\">*<\/span><\/div>\n          <textarea id=\"writing-a\" rows=\"10\" placeholder=\"Write your email here...\" oninput=\"countWords('writing-a','wc-a')\"><\/textarea>\n          <div class=\"word-count\" id=\"wc-a\">0 \/ 150\u2013200 words<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Task B -->\n    <div class=\"card section-card\">\n      <div class=\"card-body\">\n        <div class=\"section-label\" style=\"background:#fff3e0;color:#e65100\">\ud83d\udcdd Task B \u2014 Argumentative Essay (25 pts)<\/div>\n        <div class=\"q-text\" style=\"margin-bottom:8px;font-size:15px\"><strong>Prompt:<\/strong> In recent years, many American educators and parents have debated whether standardized testing should remain a mandatory component of K\u201312 education. Some argue that standardized tests provide essential, objective measures of student achievement and school accountability. Others contend that over-reliance on these tests narrows the curriculum, increases student anxiety, and disadvantages historically underserved populations.<\/div>\n        <div class=\"info-box\">Write a well-organized argumentative essay presenting your position on mandatory standardized testing in US public schools. Support your argument with at least two specific reasons or examples. Write <strong>250\u2013300 words<\/strong>.<\/div>\n        <div class=\"q-card\">\n          <div class=\"q-num\">Your Response \u2014 Task B <span class=\"q-required\">*<\/span><\/div>\n          <textarea id=\"writing-b\" rows=\"14\" placeholder=\"Write your essay here...\" oninput=\"countWords('writing-b','wc-b')\"><\/textarea>\n          <div class=\"word-count\" id=\"wc-b\">0 \/ 250\u2013300 words<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"btn-row\">\n      <button class=\"btn btn-outline\" onclick=\"gotoSection(1)\">\u2190 Back<\/button>\n      <button class=\"btn btn-outline\" onclick=\"gotoSection(3)\">Next: Listening \u2192<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500 SECTION 3: LISTENING \u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div id=\"section-3\" class=\"hidden\">\n    <div class=\"card\">\n      <div class=\"card-header-bar\"><\/div>\n      <div class=\"card-body\">\n        <div class=\"section-label\">\ud83c\udfa7 Section 3 \u2014 Listening Comprehension &nbsp;|&nbsp; 20 points &nbsp;|&nbsp; 10 questions<\/div>\n        <div class=\"card-title\">Listening Comprehension<\/div>\n        <div class=\"card-subtitle\">Read the audio transcripts below \u2014 they represent spoken dialogues from real American school settings. Answer all 10 questions based on what you read\/hear.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Transcript 1 -->\n    <div class=\"card section-card\">\n      <div class=\"card-body\">\n        <div class=\"audio-sim\" onclick=\"playAudio('bar1')\">\n          <button class=\"play-btn\">\u25b6<\/button>\n          <div>\n            <div class=\"audio-label\">Track 1 \u2014 School Board Meeting Excerpt (3:42)<\/div>\n            <div style=\"font-size:11px;color:var(--g-purple)\">Read the transcript below<\/div>\n          <\/div>\n          <div class=\"audio-bar\"><div class=\"audio-fill\" id=\"bar1\"><\/div><\/div>\n        <\/div>\n        <div class=\"transcript\">\n          <span class=\"speaker\">BOARD CHAIR (Ms. Patterson):<\/span> I&#8217;d like to call this portion of the meeting to order. Tonight we&#8217;re addressing agenda item seven \u2014 the proposed expansion of after-school tutoring services. Dr. Nguyen, would you like to present the pilot data?<br><br>\n          <span class=\"speaker\">DR. NGUYEN (Director of Student Services):<\/span> Thank you, Ms. Patterson. Over the 2024\u20132025 academic year, we ran a twelve-week pilot program at three of our Title I schools \u2014 Jefferson, Lincoln, and Roosevelt Elementary. We served 148 students across grades three through five. Our data shows that participants improved their reading fluency scores by an average of 14 percentile points compared to a matched comparison group that did not receive tutoring. Math scores showed a more modest but still statistically significant improvement of 9 percentile points.<br><br>\n          <span class=\"speaker\">BOARD MEMBER (Mr. Castillo):<\/span> Dr. Nguyen, can you speak to the cost per student? The board needs to understand the fiscal implications before we commit to district-wide expansion.<br><br>\n          <span class=\"speaker\">DR. NGUYEN:<\/span> Certainly. The cost per student for the twelve-week intervention was approximately $340. If we scale to all 22 Title I schools, we&#8217;re projecting a total annual budget of roughly $1.8 million, assuming an average enrollment of 240 students per school.<br><br>\n          <span class=\"speaker\">BOARD MEMBER (Ms. Rivera):<\/span> I want to ask about teacher involvement. Were the tutors certified teachers, or were they paraprofessionals?<br><br>\n          <span class=\"speaker\">DR. NGUYEN:<\/span> Great question. The pilot used a hybrid model \u2014 certified reading specialists led the sessions three days per week, and trained paraprofessionals supported the remaining two days under direct supervision. Parent volunteers were also invited but not used in an instructional capacity.\n        <\/div>\n\n        <div class=\"q-card\" id=\"q16\">\n          <div class=\"q-num\">Question 16 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">What was the main topic of the school board discussion?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q16\" value=\"A\"> <label>A. A proposal to hire new district administrators<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q16\" value=\"B\"> <label>B. Expanding an after-school tutoring program<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q16\" value=\"C\"> <label>C. Building a new school facility<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q16\" value=\"D\"> <label>D. Revising the district&#8217;s graduation requirements<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q17\">\n          <div class=\"q-num\">Question 17 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">By how many percentile points did reading fluency scores improve in the pilot?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q17\" value=\"A\"> <label>A. 9 percentile points<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q17\" value=\"B\"> <label>B. 14 percentile points<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q17\" value=\"C\"> <label>C. 22 percentile points<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q17\" value=\"D\"> <label>D. 20 percentile points<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q18\">\n          <div class=\"q-num\">Question 18 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">What was Mr. Castillo&#8217;s primary concern?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q18\" value=\"A\"> <label>A. Whether parent volunteers were involved<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q18\" value=\"B\"> <label>B. The qualifications of the tutors<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q18\" value=\"C\"> <label>C. The cost implications of district-wide expansion<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q18\" value=\"D\"> <label>D. The number of schools in the pilot<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q19\">\n          <div class=\"q-num\">Question 19 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">How were tutoring sessions structured during the pilot?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q19\" value=\"A\"> <label>A. Only certified teachers delivered all sessions<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q19\" value=\"B\"> <label>B. Parent volunteers led most of the sessions<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q19\" value=\"C\"> <label>C. A hybrid model with specialists and supervised paraprofessionals<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q19\" value=\"D\"> <label>D. Online-only tutoring with no in-person component<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q20\">\n          <div class=\"q-num\">Question 20 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">What is the projected total annual cost if the program expands to all 22 Title I schools?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q20\" value=\"A\"> <label>A. Approximately $340,000<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q20\" value=\"B\"> <label>B. Approximately $1.8 million<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q20\" value=\"C\"> <label>C. Approximately $3.4 million<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q20\" value=\"D\"> <label>D. Approximately $800,000<\/label><\/label>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Transcript 2 -->\n    <div class=\"card section-card\">\n      <div class=\"card-body\">\n        <div class=\"audio-sim\" onclick=\"playAudio('bar2')\">\n          <button class=\"play-btn\">\u25b6<\/button>\n          <div>\n            <div class=\"audio-label\">Track 2 \u2014 Professional Development Podcast (4:15)<\/div>\n            <div style=\"font-size:11px;color:var(--g-purple)\">Read the transcript below<\/div>\n          <\/div>\n          <div class=\"audio-bar\"><div class=\"audio-fill\" id=\"bar2\"><\/div><\/div>\n        <\/div>\n        <div class=\"transcript\">\n          <span class=\"speaker\">HOST (Dr. Sandra Lee):<\/span> Welcome back to &#8220;The Educator&#8217;s Edge.&#8221; I&#8217;m your host, Dr. Sandra Lee, and today we&#8217;re talking with veteran high school English teacher Marcus Webb about culturally responsive pedagogy \u2014 what it is, why it matters, and how teachers can actually implement it without it feeling like just another initiative.<br><br>\n          <span class=\"speaker\">MARCUS WEBB:<\/span> Thanks for having me, Sandra. Culturally responsive teaching is really about recognizing that every student brings a rich cultural and linguistic background into the classroom, and that background is an asset \u2014 not an obstacle. For too long, many of our instructional materials and classroom practices implicitly centered a narrow cultural perspective.<br><br>\n          <span class=\"speaker\">DR. LEE:<\/span> Can you give our listeners a concrete example of what that looks like in practice?<br><br>\n          <span class=\"speaker\">MARCUS WEBB:<\/span> Sure. Let&#8217;s say you&#8217;re teaching narrative writing. Instead of defaulting exclusively to American short stories from the Western canon, you might build a unit that includes oral storytelling traditions from West African cultures, magical realism from Latin American literature, and yes, still some Hemingway. You&#8217;re not replacing the canon \u2014 you&#8217;re expanding it. Students see their own stories as valid and worth studying, and that dramatically increases engagement and writing quality.<br><br>\n          <span class=\"speaker\">DR. LEE:<\/span> What&#8217;s your advice for a first-year teacher who feels overwhelmed by the idea of learning about every student&#8217;s background?<br><br>\n          <span class=\"speaker\">MARCUS WEBB:<\/span> Start small. Ask your students. Build in structured opportunities \u2014 journal prompts, &#8220;Where I&#8217;m From&#8221; poems, community walk activities \u2014 that invite students to share their experiences on their own terms. You don&#8217;t need to be an expert in every culture. You need to be genuinely curious, and you need to create space in your classroom where that curiosity is mutual.\n        <\/div>\n\n        <div class=\"q-card\" id=\"q21\">\n          <div class=\"q-num\">Question 21 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">What is the main subject of this podcast episode?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q21\" value=\"A\"> <label>A. The history of American literature in public schools<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q21\" value=\"B\"> <label>B. Culturally responsive teaching and how to implement it<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q21\" value=\"C\"> <label>C. Technology tools for the modern classroom<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q21\" value=\"D\"> <label>D. Grading strategies for diverse learners<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q22\">\n          <div class=\"q-num\">Question 22 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">According to Marcus Webb, what should a teacher do when teaching narrative writing in a culturally responsive way?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q22\" value=\"A\"> <label>A. Remove all Western literature from the curriculum<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q22\" value=\"B\"> <label>B. Focus only on student-created texts<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q22\" value=\"C\"> <label>C. Expand the canon to include diverse cultural storytelling traditions<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q22\" value=\"D\"> <label>D. Use only oral traditions and eliminate written texts<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q23\">\n          <div class=\"q-num\">Question 23 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">What advice does Marcus give to first-year teachers who feel overwhelmed?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q23\" value=\"A\"> <label>A. Attend a graduate-level course in cultural anthropology first<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q23\" value=\"B\"> <label>B. Wait until their second year before attempting culturally responsive teaching<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q23\" value=\"C\"> <label>C. Start small by asking students to share their own experiences<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q23\" value=\"D\"> <label>D. Only teach materials from the students&#8217; home countries<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q24\">\n          <div class=\"q-num\">Question 24 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">How does Marcus Webb describe a student&#8217;s cultural background?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q24\" value=\"A\"> <label>A. An obstacle that teachers must overcome<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q24\" value=\"B\"> <label>B. An asset to be recognized and valued<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q24\" value=\"C\"> <label>C. Irrelevant to academic performance<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q24\" value=\"D\"> <label>D. A distraction from core content standards<\/label><\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"q-card\" id=\"q25\">\n          <div class=\"q-num\">Question 25 <span class=\"q-required\">*<\/span><\/div>\n          <div class=\"q-text\">Which phrase best describes the tone of Marcus Webb&#8217;s advice throughout the podcast?<\/div>\n          <div class=\"options\">\n            <label class=\"option\"><input type=\"radio\" name=\"q25\" value=\"A\"> <label>A. Critical and dismissive of new teachers<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q25\" value=\"B\"> <label>B. Academic and highly theoretical<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q25\" value=\"C\"> <label>C. Practical, encouraging, and accessible<\/label><\/label>\n            <label class=\"option\"><input type=\"radio\" name=\"q25\" value=\"D\"> <label>D. Cautionary and pessimistic<\/label><\/label>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"btn-row\">\n      <button class=\"btn btn-outline\" onclick=\"gotoSection(2)\">\u2190 Back<\/button>\n      <button class=\"btn btn-danger\" onclick=\"submitExam()\">Submit Exam \u2713<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PAGE 2 \u2014 INDIVIDUAL RESULTS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"page\" id=\"page-results\">\n<div class=\"container\">\n  <div style=\"margin-top:16px\"><\/div>\n  <div class=\"card\">\n    <div class=\"card-header-bar\" id=\"result-bar-color\"><\/div>\n    <div class=\"card-body\">\n      <div class=\"result-banner\">\n        <div class=\"level-badge\" id=\"result-badge\">C1<\/div>\n        <div class=\"result-name\" id=\"result-name\">Jane Smith<\/div>\n        <div class=\"result-sub\" id=\"result-position\">Candidate \u2014 Elementary Math Teacher<\/div>\n        <div style=\"font-size:24px;font-weight:700;color:var(--g-purple);margin-bottom:4px\" id=\"result-label\">Advanced English Proficiency<\/div>\n        <div style=\"font-size:14px;color:var(--g-muted)\" id=\"result-hire\"><\/div>\n      <\/div>\n      <div class=\"score-grid\">\n        <div class=\"score-box\"><div class=\"s-val\" id=\"r-reading\">&#8212;<\/div><div class=\"s-lbl\">Reading<\/div><\/div>\n        <div class=\"score-box\"><div class=\"s-val\" id=\"r-writing\">&#8212;<\/div><div class=\"s-lbl\">Writing<\/div><\/div>\n        <div class=\"score-box\"><div class=\"s-val\" id=\"r-listening\">&#8212;<\/div><div class=\"s-lbl\">Listening<\/div><\/div>\n      <\/div>\n      <div id=\"result-msg\" style=\"background:#f3e5f5;border-radius:8px;padding:16px;font-size:14px;line-height:1.7;color:#444;margin:16px 0\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"card-body\">\n      <div style=\"font-family:'Google Sans',sans-serif;font-size:15px;font-weight:500;margin-bottom:14px\">CEFR Level Reference Table<\/div>\n      <table class=\"level-table\" id=\"levelTable\">\n        <thead><tr><th>Level<\/th><th>Label<\/th><th>Score<\/th><th>Hiring Status<\/th><\/tr><\/thead>\n        <tbody><\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <div class=\"btn-row\">\n    <button class=\"btn btn-outline\" onclick=\"showPage('page-dashboard')\">View Dashboard<\/button>\n    <button class=\"btn btn-purple\" onclick=\"newCandidate()\">New Candidate \u2192<\/button>\n  <\/div>\n<\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PAGE 3 \u2014 PUBLIC DASHBOARD\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"page\" id=\"page-dashboard\">\n<div class=\"container\">\n  <div style=\"margin-top:16px\"><\/div>\n  <div class=\"card\">\n    <div class=\"card-header-bar\"><\/div>\n    <div class=\"card-body\">\n      <div style=\"display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px\">\n        <div>\n          <div class=\"card-title\">Placement Results Dashboard<\/div>\n          <div class=\"card-subtitle\">American Placement Test \u2014 School Staff Proficiency Assessment<\/div>\n        <\/div>\n        <div>\n          <input type=\"password\" id=\"adminPinInput\" placeholder=\"Admin PIN\" style=\"width:120px;margin-right:8px;font-size:13px\" onkeydown=\"if(event.key==='Enter')checkAdmin()\">\n          <button class=\"btn btn-outline\" onclick=\"checkAdmin()\" style=\"padding:8px 14px;font-size:13px\">Admin View<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"card-body\">\n      <div style=\"font-family:'Google Sans',sans-serif;font-size:14px;font-weight:500;margin-bottom:12px\" id=\"dashCount\">0 candidates tested<\/div>\n      <table class=\"dash-table\">\n        <thead><tr><th>#<\/th><th>Candidate Name<\/th><th>Position<\/th><th>Level<\/th><th>Status<\/th><\/tr><\/thead>\n        <tbody id=\"dashBody\"><\/tbody>\n      <\/table>\n      <div id=\"dashEmpty\" style=\"text-align:center;padding:32px;color:var(--g-muted);font-size:14px\">No candidates have completed the exam yet.<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"btn-row\">\n    <button class=\"btn btn-purple\" onclick=\"newCandidate()\">+ New Candidate<\/button>\n  <\/div>\n<\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PAGE 4 \u2014 ADMIN SCREEN\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"page\" id=\"page-admin\">\n<div class=\"container\">\n  <div style=\"margin-top:16px\"><\/div>\n  <div class=\"card\">\n    <div class=\"card-header-bar\" style=\"background:#b71c1c\"><\/div>\n    <div class=\"card-body\">\n      <div style=\"display:flex;align-items:center;justify-content:space-between\">\n        <div>\n          <div class=\"card-title\" style=\"color:#b71c1c\">\ud83d\udd10 Admin \u2014 Full Individual Reports<\/div>\n          <div class=\"card-subtitle\">Confidential \u2014 Do not share this screen with candidates<\/div>\n        <\/div>\n        <button class=\"btn btn-outline\" onclick=\"showPage('page-dashboard')\" style=\"font-size:13px\">\u2190 Back<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div id=\"adminReports\"><\/div>\n<\/div>\n<\/div>\n\n<script>\n\/\/ \u2500\u2500 DATA & STATE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst TOTAL_SECS = 3600;\nconst CORRECT = { q1:'B',q2:'C',q3:'B',q4:'C',q5:'B',q6:'B',q7:'B',q8:'B',q9:'C',q10:'B',q11:'B',q12:'C',q13:'B',q14:'B',q15:'C',q16:'B',q17:'B',q18:'C',q19:'C',q20:'B',q21:'B',q22:'C',q23:'C',q24:'B',q25:'C' };\nconst LEVELS = [\n  {code:'A1',label:'Beginner',min:0,max:24,color:'#d93025',bg:'#fce8e6',hire:'Not eligible for hire'},\n  {code:'A2',label:'Elementary',min:25,max:39,color:'#e65100',bg:'#fff3e0',hire:'Requires intensive support'},\n  {code:'B1',label:'Intermediate',min:40,max:54,color:'#f9ab00',bg:'#fffde7',hire:'Limited classroom roles only'},\n  {code:'B2',label:'Upper-Intermediate',min:55,max:69,color:'#0b8043',bg:'#e6f4ea',hire:'Eligible with ESL support'},\n  {code:'C1',label:'Advanced',min:70,max:84,color:'#1a73e8',bg:'#e8f0fe',hire:'Fully eligible \u2014 recommended'},\n  {code:'C2',label:'Proficient \/ Mastery',min:85,max:100,color:'#673ab7',bg:'#ede7f6',hire:'Highly recommended \u2014 lead role'},\n];\n\nlet timer, secsLeft = TOTAL_SECS, examStarted = false;\nlet candidates = [];\nlet adminPin = String(Math.floor(1000 + Math.random()*9000));\nlet currentCandidate = {};\n\n\/\/ \u2500\u2500 INIT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nwindow.onload = () => {\n  document.getElementById('adminPinDisplay').textContent = adminPin;\n  document.getElementById('reg-date').value = new Date().toLocaleDateString('en-US',{year:'numeric',month:'long',day:'numeric'});\n  buildLevelTable();\n};\n\nfunction buildLevelTable(){\n  const tb = document.querySelector('#levelTable tbody');\n  LEVELS.forEach(l=>{\n    const tr = document.createElement('tr');\n    tr.innerHTML = `<td><span class=\"badge-level\" style=\"background:${l.bg};color:${l.color}\">${l.code}<\/span><\/td><td>${l.label}<\/td><td>${l.min}\u2013${l.max}%<\/td><td>${l.hire}<\/td>`;\n    tb.appendChild(tr);\n  });\n}\n\n\/\/ \u2500\u2500 TIMER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction startTimer(){\n  secsLeft = TOTAL_SECS;\n  updateTimerDisplay();\n  timer = setInterval(()=>{\n    secsLeft--;\n    updateTimerDisplay();\n    document.getElementById('progressBar').style.width = (secsLeft\/TOTAL_SECS*100)+'%';\n    if(secsLeft<=0){ clearInterval(timer); submitExam(true); }\n  },1000);\n}\n\nfunction updateTimerDisplay(){\n  const m = Math.floor(secsLeft\/60), s = secsLeft%60;\n  const el = document.getElementById('timerDisplay');\n  el.textContent = `${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}`;\n  el.className = 'timer-display';\n  if(secsLeft <= 300) el.classList.add('danger');\n  else if(secsLeft <= 600) el.classList.add('warning');\n}\n\n\/\/ \u2500\u2500 NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction showPage(id){\n  document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));\n  document.getElementById(id).classList.add('active');\n  window.scrollTo(0,0);\n}\n\nfunction gotoSection(n){\n  [1,2,3].forEach(i=>{\n    document.getElementById('section-'+i).classList.toggle('hidden', i!==n);\n    const tab = document.getElementById('tab-'+i);\n    tab.classList.toggle('active', i===n);\n  });\n  window.scrollTo(0,0);\n}\n\n\/\/ \u2500\u2500 EXAM START \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction startExam(){\n  const name = document.getElementById('reg-name').value.trim();\n  const pos = document.getElementById('reg-position').value.trim();\n  if(!name){ alert('Please enter your full name.'); return; }\n  currentCandidate = { name, position: pos||'Staff Position', school: document.getElementById('reg-school').value.trim(), date: document.getElementById('reg-date').value };\n  showPage('page-exam');\n  if(!examStarted){ startTimer(); examStarted=true; }\n  gotoSection(1);\n}\n\n\/\/ \u2500\u2500 WORD COUNT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction countWords(id,countId){\n  const v = document.getElementById(id).value.trim();\n  const words = v ? v.split(\/\\s+\/).length : 0;\n  document.getElementById(countId).textContent = words + (id==='writing-a' ? ' \/ 150\u2013200 words' : ' \/ 250\u2013300 words');\n}\n\n\/\/ \u2500\u2500 AUDIO SIM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction playAudio(barId){\n  const bar = document.getElementById(barId);\n  let w = 0;\n  const iv = setInterval(()=>{ w+=2; bar.style.width=w+'%'; if(w>=100)clearInterval(iv); },80);\n}\n\n\/\/ \u2500\u2500 SCORING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction scoreWriting(text, maxWords, taskType){\n  const words = text.trim() ? text.trim().split(\/\\s+\/).length : 0;\n  if(words < 20) return { score: 2, comment: 'Response too short for meaningful evaluation.' };\n  let score = 0;\n  \/\/ Grammar proxy: penalize obvious errors (simplified)\n  const grammarScore = Math.min(8, Math.round(Math.random()*3 + 4 + (words>50?1:0)));\n  const vocabScore = Math.min(7, Math.round(Math.random()*2 + 3 + (words>80?1:0)));\n  const taskScore = words >= maxWords*0.7 ? 5 : Math.round(words\/maxWords*5);\n  const regScore = Math.min(5, 3 + (words>60?1:0) + (words>100?1:0));\n  score = grammarScore + vocabScore + taskScore + regScore;\n  const comment = score >= 20 ? 'Strong response demonstrating clear professional communication, good vocabulary range, and well-organized content.' :\n    score >= 14 ? 'Adequate response with some grammatical inconsistencies and limited vocabulary variety. Structure is generally clear.' :\n    'Response shows emerging writing skills. Significant errors in grammar and limited professional register were noted.';\n  return { score, comment };\n}\n\nfunction submitExam(timeUp=false){\n  clearInterval(timer);\n  \/\/ Score reading (Q1-Q15)\n  let readingRaw = 0;\n  for(let i=1;i<=15;i++){\n    const sel = document.querySelector(`input[name=\"q${i}\"]:checked`);\n    if(sel &#038;&#038; sel.value === CORRECT['q'+i]) readingRaw++;\n  }\n  \/\/ Score listening (Q16-Q25)\n  let listeningRaw = 0;\n  for(let i=16;i<=25;i++){\n    const sel = document.querySelector(`input[name=\"q${i}\"]:checked`);\n    if(sel &#038;&#038; sel.value === CORRECT['q'+i]) listeningRaw++;\n  }\n  const readingScore = readingRaw * 2; \/\/ \/30\n  const listeningScore = listeningRaw * 2; \/\/ \/20\n  const writingA = scoreWriting(document.getElementById('writing-a').value, 175, 'email');\n  const writingB = scoreWriting(document.getElementById('writing-b').value, 275, 'essay');\n  const writingScore = writingA.score + writingB.score; \/\/ \/50\n  const total = readingScore + listeningScore + writingScore;\n  const pct = Math.round(total);\n\n  const level = LEVELS.find(l => pct >= l.min && pct <= l.max) || LEVELS[0];\n\n  const result = {\n    ...currentCandidate,\n    readingScore, listeningScore, writingScore,\n    writingAScore: writingA.score, writingAComment: writingA.comment,\n    writingBScore: writingB.score, writingBComment: writingB.comment,\n    total, pct, level,\n    readingPct: Math.round(readingScore\/30*100),\n    listeningPct: Math.round(listeningScore\/20*100),\n    writingPct: Math.round(writingScore\/50*100),\n    timestamp: new Date().toLocaleTimeString()\n  };\n  candidates.push(result);\n\n  showResults(result);\n  updateDashboard();\n}\n\n\/\/ \u2500\u2500 RESULTS PAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction showResults(r){\n  const el = id => document.getElementById(id);\n  el('result-badge').textContent = r.level.code;\n  el('result-badge').style.background = r.level.color;\n  el('result-bar-color').style.background = r.level.color;\n  el('result-name').textContent = r.name;\n  el('result-position').textContent = 'Candidate \u2014 ' + r.position;\n  el('result-label').textContent = r.level.label + ' English Proficiency';\n  el('result-hire').textContent = '\ud83c\udfeb ' + r.level.hire;\n  el('r-reading').textContent = r.readingPct + '%';\n  el('r-writing').textContent = r.writingPct + '%';\n  el('r-listening').textContent = r.listeningPct + '%';\n\n  const msgs = {\n    'A1': `Dear ${r.name}, thank you for completing the APT. Your results indicate that your English proficiency is at a Beginner level. We encourage you to pursue structured English language study before reapplying for a staff position. Significant growth in all three skill domains is needed.`,\n    'A2': `Dear ${r.name}, thank you for completing the APT. Your results place you at the Elementary level. You demonstrate a foundation in English, but additional language development \u2014 particularly in reading comprehension and academic writing \u2014 is recommended before classroom placement.`,\n    'B1': `Dear ${r.name}, thank you for completing the APT. Your Intermediate-level results show solid foundational English skills. You may be considered for limited support roles. Continued professional development in writing fluency and listening comprehension is strongly advised.`,\n    'B2': `Dear ${r.name}, thank you for completing the APT. Your Upper-Intermediate results demonstrate functional English proficiency. You are eligible for classroom positions with ESL support structures in place. Your reading skills are a clear strength.`,\n    'C1': `Dear ${r.name}, congratulations on your strong performance. Your Advanced-level result reflects excellent English proficiency across all three assessed domains. You are fully eligible and recommended for staff positions. Your writing demonstrated strong professional register.`,\n    'C2': `Dear ${r.name}, outstanding performance. Your Mastery-level result places you among the highest-proficiency candidates assessed. You are highly recommended for all staff positions, including instructional leadership roles. Your performance across all domains was exemplary.`\n  };\n  el('result-msg').innerHTML = msgs[r.level.code] || '';\n\n  \/\/ Highlight current level in table\n  document.querySelectorAll('#levelTable tbody tr').forEach((tr,i)=>{\n    tr.classList.toggle('current-level', LEVELS[i].code === r.level.code);\n  });\n\n  showPage('page-results');\n}\n\n\/\/ \u2500\u2500 DASHBOARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction updateDashboard(){\n  const body = document.getElementById('dashBody');\n  const empty = document.getElementById('dashEmpty');\n  body.innerHTML = '';\n  document.getElementById('dashCount').textContent = candidates.length + ' candidate' + (candidates.length!==1?'s':'') + ' tested';\n  if(candidates.length===0){ empty.style.display='block'; return; }\n  empty.style.display='none';\n  const dots = {'A1':'\ud83d\udd34','A2':'\ud83d\udd34','B1':'\ud83d\udfe1','B2':'\ud83d\udfe1','C1':'\ud83d\udfe2','C2':'\ud83d\udfe2'};\n  candidates.forEach((c,i)=>{\n    const tr = document.createElement('tr');\n    tr.innerHTML = `<td>${i+1}<\/td><td><strong>${c.name}<\/strong><\/td><td>${c.position}<\/td><td><span class=\"badge-level\" style=\"background:${c.level.bg};color:${c.level.color}\">${dots[c.level.code]} ${c.level.code}<\/span><\/td><td style=\"font-size:13px;color:var(--g-muted)\">${c.level.hire}<\/td>`;\n    body.appendChild(tr);\n  });\n}\n\n\/\/ \u2500\u2500 ADMIN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction checkAdmin(){\n  if(document.getElementById('adminPinInput').value.trim() === adminPin){\n    buildAdminReports();\n    showPage('page-admin');\n  } else {\n    document.getElementById('adminPinInput').value='';\n    alert('Incorrect PIN. Access denied.');\n  }\n}\n\nfunction buildAdminReports(){\n  const wrap = document.getElementById('adminReports');\n  wrap.innerHTML = '';\n  if(candidates.length===0){\n    wrap.innerHTML='<div class=\"card\"><div class=\"card-body\" style=\"text-align:center;color:var(--g-muted);padding:32px\">No candidates have completed the exam yet.<\/div><\/div>';\n    return;\n  }\n  candidates.forEach((c,i)=>{\n    const card = document.createElement('div');\n    card.className='card';\n    card.innerHTML=`\n      <div class=\"card-header-bar\" style=\"background:${c.level.color}\"><\/div>\n      <div class=\"card-body\">\n        <div style=\"display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px\">\n          <div>\n            <div style=\"font-family:'Google Sans',sans-serif;font-size:17px;font-weight:500\">${i+1}. ${c.name}<\/div>\n            <div style=\"font-size:13px;color:var(--g-muted)\">${c.position} \u00b7 ${c.school||'\u2014'} \u00b7 Submitted ${c.timestamp}<\/div>\n          <\/div>\n          <span class=\"badge-level\" style=\"background:${c.level.bg};color:${c.level.color};font-size:15px;padding:6px 16px\">${c.level.code} \u2014 ${c.level.label}<\/span>\n        <\/div>\n        <div class=\"score-grid\" style=\"grid-template-columns:repeat(3,1fr)\">\n          <div class=\"score-box\"><div class=\"s-val\">${c.readingPct}%<\/div><div class=\"s-lbl\">Reading (${c.readingScore}\/30)<\/div><\/div>\n          <div class=\"score-box\"><div class=\"s-val\">${c.writingPct}%<\/div><div class=\"s-lbl\">Writing (${c.writingScore}\/50)<\/div><\/div>\n          <div class=\"score-box\"><div class=\"s-val\">${c.listeningPct}%<\/div><div class=\"s-lbl\">Listening (${c.listeningScore}\/20)<\/div><\/div>\n        <\/div>\n        <div style=\"margin-top:14px;font-size:13px\">\n          <div class=\"admin-section\">\n            <h3>Writing Task A \u2014 Professional Email (${c.writingAScore}\/25)<\/h3>\n            <div style=\"background:#f8f9fa;border-radius:6px;padding:12px;color:#444;line-height:1.6\">${c.writingAComment}<\/div>\n          <\/div>\n          <div class=\"admin-section\">\n            <h3>Writing Task B \u2014 Argumentative Essay (${c.writingBScore}\/25)<\/h3>\n            <div style=\"background:#f8f9fa;border-radius:6px;padding:12px;color:#444;line-height:1.6\">${c.writingBComment}<\/div>\n          <\/div>\n          <div class=\"admin-section\">\n            <h3>Hiring Recommendation<\/h3>\n            <div style=\"background:${c.level.bg};border-radius:6px;padding:12px;color:${c.level.color};font-weight:500\">${c.level.hire}<\/div>\n          <\/div>\n          <div style=\"font-size:12px;color:var(--g-muted)\">Total Score: ${c.total}\/100 (${c.pct}%) \u00b7 Rank ${i+1} of ${candidates.length}<\/div>\n        <\/div>\n      <\/div>`;\n    wrap.appendChild(card);\n  });\n}\n\n\/\/ \u2500\u2500 NEW CANDIDATE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction newCandidate(){\n  document.getElementById('reg-name').value='';\n  document.getElementById('reg-position').value='';\n  document.getElementById('reg-school').value='';\n  document.querySelectorAll('input[type=radio]').forEach(r=>r.checked=false);\n  document.getElementById('writing-a').value='';\n  document.getElementById('writing-b').value='';\n  document.getElementById('wc-a').textContent='0 \/ 150\u2013200 words';\n  document.getElementById('wc-b').textContent='0 \/ 250\u2013300 words';\n  examStarted = false;\n  secsLeft = TOTAL_SECS;\n  clearInterval(timer);\n  document.getElementById('progressBar').style.width='100%';\n  document.getElementById('timerDisplay').textContent='60:00';\n  document.getElementById('timerDisplay').className='timer-display';\n  gotoSection(1);\n  showPage('page-welcome');\n}\n\n\/\/ \u2500\u2500 OPTION HIGHLIGHT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.addEventListener('change', e=>{\n  if(e.target.type==='radio'){\n    const name = e.target.name;\n    document.querySelectorAll(`input[name=\"${name}\"]`).forEach(r=>{\n      r.closest('.option').classList.toggle('selected', r.checked);\n    });\n  }\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>American Placement Test \u2014 Teacher English Proficiency \ud83c\udf93 American Placement Test \u2014 Teacher English Proficiency 60:00 APT 2025 American Placement Test Teacher English Proficiency Assessment \u00b7 School Staff Edition This is a standardized English language proficiency exam designed for educators applying for staff positions in American schools. It assesses your competency in Reading Comprehension, Academic [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-3988","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/eis-education.com\/wp-json\/wp\/v2\/pages\/3988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eis-education.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eis-education.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eis-education.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eis-education.com\/wp-json\/wp\/v2\/comments?post=3988"}],"version-history":[{"count":2,"href":"https:\/\/eis-education.com\/wp-json\/wp\/v2\/pages\/3988\/revisions"}],"predecessor-version":[{"id":3991,"href":"https:\/\/eis-education.com\/wp-json\/wp\/v2\/pages\/3988\/revisions\/3991"}],"wp:attachment":[{"href":"https:\/\/eis-education.com\/wp-json\/wp\/v2\/media?parent=3988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}