#wbp{font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-width:760px;margin:0 auto;color:#0f172a}
#wbp .hero{background:#0c4a6e;color:#fff;padding:20px 22px;border-radius:12px;margin-bottom:18px}
#wbp .hero h1{margin:0 0 4px;font-size:1.25rem}
#wbp .gate{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:18px;margin-bottom:18px}
#wbp .gate input{padding:9px 11px;border-radius:8px;border:1px solid #94a3b8;font-size:1rem;margin-right:8px}
#wbp .gate button{background:#38bdf8;border:none;color:#04263a;font-weight:700;padding:9px 16px;border-radius:8px;cursor:pointer}
#wbp .hidden{display:none}
#wbp .card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:22px;min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-size:1.02rem;margin-bottom:12px}
#wbp .navrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
#wbp .navrow button{background:#e2e8f0;border:none;padding:7px 13px;border-radius:8px;cursor:pointer}
#wbp .quizq{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:16px;margin-bottom:12px}
#wbp .opt{display:block;width:100%;text-align:left;padding:9px 11px;margin:5px 0;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;cursor:pointer}
#wbp .opt.correct{background:#dcfce7;border-color:#22c55e}
#wbp .opt.incorrect{background:#fee2e2;border-color:#ef4444}
#wbp .exp{margin-top:8px;font-size:.88rem;color:#475569}
#wbp .score{font-weight:700;color:#0c4a6e}

(function(){
var D = {“flashcards”:[{“front”:”What is the recommended follow-up interval for an unexplained, non-healing oral lesion?”,”back”:”Roughly two to three weeks before referral if not resolving (confirm local protocol).”},{“front”:”Name the highest-risk intraoral sites for oral squamous cell carcinoma.”,”back”:”Lateral/ventral tongue, floor of mouth, and soft palate complex.”},{“front”:”What does bimanual palpation add beyond visual inspection?”,”back”:”Detection of induration, fixation, and tenderness not visible on inspection.”},{“front”:”What features of a lesion raise concern for malignancy?”,”back”:”Firm, fixed, non-tender, non-healing, irregular borders.”},{“front”:”Name the four descriptive fields used for lesion documentation.”,”back”:”Colour, border definition, surface texture, size/location.”},{“front”:”What should the hygienist assume about an uncertain-duration lesion?”,”back”:”Treat it as new until confirmed otherwise.”},{“front”:”Which node chain drains the anterior floor of mouth?”,”back”:”Submental nodes.”},{“front”:”What does Class I occlusion describe?”,”back”:”Mesiobuccal cusp of the maxillary first molar occludes in the buccal groove of the mandibular first molar.”},{“front”:”Why follow the same exam sequence at every visit?”,”back”:”Consistency allows detection of subtle change over time.”},{“front”:”What technique is used to check salivary gland flow?”,”back”:”Palpate and ‘milk’ the duct while observing flow at its opening.”}],”quiz”:[{“q”:”A lesion the patient cannot confirm as long-standing should be:”,”options”:[“Ignored”,”Treated as new until confirmed otherwise”,”Assumed benign”,”Documented only if painful”],”answer”:1,”exp”:”Uncertain duration warrants caution.”},{“q”:”Which site is NOT a classic high-risk location for oral cancer?”,”options”:[“Lateral tongue”,”Floor of mouth”,”Hard palate midline”,”Soft palate complex”],”answer”:2,”exp”:”Hard palate midline is comparatively lower risk.”},{“q”:”Bimanual palpation is valuable because it detects:”,”options”:[“Colour changes only”,”Induration and fixation not visible on inspection”,”Radiographic findings”,”Salivary flow rate only”],”answer”:1,”exp”:”Palpation reveals texture/fixation, not just appearance.”},{“q”:”A firm, fixed, painless mass should be managed with:”,”options”:[“Reassurance only”,”More urgency than a soft, mobile, tender one”,”No follow-up needed”,”Immediate extraction”],”answer”:1,”exp”:”Firm/fixed/painless raises concern level.”},{“q”:”The submandibular chain typically drains:”,”options”:[“Only the tongue tip”,”A broad territory including much of the oral cavity”,”Only the parotid region”,”Only the eyes”],”answer”:1,”exp”:”Submandibular nodes drain a broad oral territory.”},{“q”:”Class II occlusion is characterised by:”,”options”:[“Normal Class I relationship”,”A distal relationship of the mandibular arch to maxillary”,”A mesial relationship of the mandibular arch to maxillary”,”Anterior open bite only”],”answer”:1,”exp”:”Class II reflects a distal mandibular relationship.”},{“q”:”A recommended follow-up interval for a non-healing lesion is approximately:”,”options”:[“1 day”,”2-3 weeks”,”1 year”,”5 years”],”answer”:1,”exp”:”Roughly 2-3 weeks is a commonly taught interval.”},{“q”:”Which is NOT one of the four standard lesion descriptive fields?”,”options”:[“Colour”,”Border definition”,”Patient age”,”Surface texture”],”answer”:2,”exp”:”Patient age is not a lesion descriptor field.”},{“q”:”TMJ assessment should include:”,”options”:[“Maximum opening and deviation/crepitus”,”Only visual inspection”,”Radiograph only”,”Blood pressure”],”answer”:0,”exp”:”Opening range and joint sounds are core TMJ findings.”},{“q”:”Palpating salivary glands checks primarily for:”,”options”:[“Bone density”,”Flow and abnormal masses”,”Blood pressure”,”Occlusion”],”answer”:1,”exp”:”Palpation assesses flow and detects masses.”},{“q”:”The systematic exam sequence should be:”,”options”:[“Randomised each visit”,”Consistent at every visit”,”Skipped when time-limited”,”Only used for new patients”],”answer”:1,”exp”:”Consistency enables detection of change.”},{“q”:”A white patch that does not wipe off with gauze is described as:”,”options”:[“Non-wiping”,”Erythematous”,”Vesicular”,”Papillary”],”answer”:0,”exp”:”Non-wiping distinguishes it from removable debris.”},{“q”:”Preauricular nodes are located:”,”options”:[“Near the ear, draining scalp/temporal region”,”Under the chin”,”In the neck only”,”Inside the mouth”],”answer”:0,”exp”:”Preauricular nodes sit near the ear.”},{“q”:”A lesion’s border can be described as:”,”options”:[“Well-defined or diffuse”,”Only round”,”Only square”,”Only irregular”],”answer”:0,”exp”:”Border definition is described as well-defined or diffuse.”},{“q”:”Which best summarises the purpose of oral cancer screening?”,”options”:[“Cosmetic evaluation only”,”Early detection through systematic examination of high-risk sites”,”Billing requirement only”,”Replacing radiographs”],”answer”:1,”exp”:”Early detection is the core purpose.”},{“q”:”A soft, mobile, tender lesion is generally:”,”options”:[“Higher concern than a firm fixed one”,”Lower concern than a firm fixed one”,”Always malignant”,”Never documented”],”answer”:1,”exp”:”Soft, mobile, tender findings are generally lower concern.”},{“q”:”What should trigger urgent referral for a lesion?”,”options”:[“High-risk features or uncertain duration beyond follow-up window”,”Any lesion regardless of features”,”Only patient request”,”Only if painful”],”answer”:0,”exp”:”High-risk features or non-resolution warrant urgent referral.”},{“q”:”Class III occlusion reflects:”,”options”:[“A mesial mandibular relationship”,”A distal mandibular relationship”,”Normal relationship”,”No molar contact”],”answer”:0,”exp”:”Class III reflects a mesial mandibular relationship.”},{“q”:”The parotid duct opens near:”,”options”:[“The floor of the mouth”,”The buccal mucosa opposite the maxillary second molar”,”The lower lip”,”The soft palate”],”answer”:1,”exp”:”Stensen’s duct opens near the maxillary second molar buccally.”},{“q”:”A key reason to document lesion findings precisely is to:”,”options”:[“Satisfy curiosity”,”Support tracking of change and referral decisions over time”,”Replace photography always”,”Avoid documentation entirely”],”answer”:1,”exp”:”Precise documentation supports tracking and referral decisions.”}]};
var CODE = “CPDH-2026-PORTAL”;
var fi=0, qi=0, qs=0, qa=false;
window.ck=function(){
var v=document.getElementById(‘ci’).value.trim();
if(v.toUpperCase()===CODE.toUpperCase()){
document.getElementById(‘g’).classList.add(‘hidden’);
document.getElementById(‘ct’).classList.remove(‘hidden’);
sm(‘f’);
} else { document.getElementById(‘gm’).textContent=’Incorrect code. Check the access code printed in your workbook.’; }
};
window.sm=function(mode){
document.getElementById(‘fv’).classList.toggle(‘hidden’, mode!==’f’);
document.getElementById(‘qv’).classList.toggle(‘hidden’, mode!==’q’);
if(mode===’f’) rf(); else rq();
};
function rf(){
var f=D.flashcards[fi];
document.getElementById(‘pr’).textContent=’Card ‘+(fi+1)+’ / ‘+D.flashcards.length;
var v=document.getElementById(‘fv’); v.innerHTML=”;
var c=document.createElement(‘div’); c.className=’card’; var back=false;
c.textContent=f.front;
c.onclick=function(){ back=!back; c.textContent=back?f.back:f.front; };
v.appendChild(c);
var nav=document.createElement(‘div’); nav.className=’navrow’;
var p=document.createElement(‘button’); p.textContent=’← Prev’;
p.onclick=function(){ fi=(fi-1+D.flashcards.length)%D.flashcards.length; rf(); };
var n=document.createElement(‘button’); n.textContent=’Next →’;
n.onclick=function(){ fi=(fi+1)%D.flashcards.length; rf(); };
nav.appendChild(p); nav.appendChild(n); v.appendChild(nav);
}
function rq(){
if(qi>=D.quiz.length){
document.getElementById(‘qv’).innerHTML=’

‘;
document.getElementById(‘pr’).textContent=”; return;
}
var q=D.quiz[qi]; qa=false;
document.getElementById(‘pr’).textContent=’Question ‘+(qi+1)+’ / ‘+D.quiz.length;
var v=document.getElementById(‘qv’); v.innerHTML=”;
var box=document.createElement(‘div’); box.className=’quizq’;
var qe=document.createElement(‘p’); qe.innerHTML=’‘+q.q+’‘; box.appendChild(qe);
var ee=document.createElement(‘div’); ee.className=’exp’;
q.options.forEach(function(opt,i){
var b=document.createElement(‘button’); b.className=’opt’; b.textContent=opt;
b.onclick=function(){
if(qa) return; qa=true;
var correct=(i===q.answer);
if(correct){ qs++; b.classList.add(‘correct’); }
else { b.classList.add(‘incorrect’); box.children[q.answer+1] && box.children[q.answer+1].classList.add(‘correct’); }
ee.textContent=q.exp;
};
box.appendChild(b);
});
box.appendChild(ee); v.appendChild(box);
var nav=document.createElement(‘div’); nav.className=’navrow’;
var n=document.createElement(‘button’); n.textContent=’Next Question →’;
n.onclick=function(){ qi++; rq(); };
nav.appendChild(n); v.appendChild(nav);
}
window.rs=function(){ qi=0; qs=0; rq(); };
})();