#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 does clinical attachment level measure from?”,”back”:”The cementoenamel junction (CEJ) to the base of the pocket.”},{“front”:”Formula for attachment level when recession is present?”,”back”:”Probing depth + recession = attachment level.”},{“front”:”How many probing sites are recorded per tooth?”,”back”:”Six: MB, B, DB, ML, L, DL.”},{“front”:”What does Grade II furcation involvement mean?”,”back”:”Probe enters the furcation beyond incipient but does not pass completely through.”},{“front”:”Why track bleeding-on-probing percentage over time?”,”back”:”A rising trend signals inadequate treatment response.”},{“front”:”What does PSR code 4 typically indicate?”,”back”:”Probing depth in the black band not fully visible — needs comprehensive periodontal charting/exam.”},{“front”:”Why can probing depth decrease without true improvement?”,”back”:”Recession can reduce measured depth even as attachment level worsens.”},{“front”:”What is the universal numbering starting point?”,”back”:”Maxillary right third molar (tooth #1).”},{“front”:”Why assess furcation on multi-rooted teeth routinely?”,”back”:”Involvement may not be visually apparent even when radiographically unremarkable.”},{“front”:”What probing pressure is generally recommended?”,”back”:”Light, consistent pressure, approximately 25 grams.”}],”quiz”:[{“q”:”Clinical attachment level is measured from:”,”options”:[“Gingival margin to pocket base”,”CEJ to pocket base”,”Crown to root apex”,”Enamel surface only”],”answer”:1,”exp”:”CEJ is the fixed reference point.”},{“q”:”If probing depth is 4mm and recession is 3mm, attachment level is:”,”options”:[“1mm”,”4mm”,”7mm”,”3mm”],”answer”:2,”exp”:”PD + recession = 7mm.”},{“q”:”How many sites are probed per tooth in full charting?”,”options”:[“2″,”4″,”6″,”8″],”answer”:2,”exp”:”Six sites per tooth is standard.”},{“q”:”A rising bleeding-on-probing percentage suggests:”,”options”:[“Successful treatment”,”Inadequate treatment response”,”No clinical meaning”,”Charting error only”],”answer”:1,”exp”:”Rising trend signals treatment is not controlling inflammation.”},{“q”:”PSR Code 0 indicates:”,”options”:[“Severe disease”,”Healthy sulcus, no bleeding or calculus”,”Missing tooth”,”Furcation involvement”],”answer”:1,”exp”:”Code 0 reflects health.”},{“q”:”Grade IV furcation involvement is described as:”,”options”:[“Incipient only”,”Through-and-through, visible clinically”,”Not detectable”,”Only radiographic”],”answer”:1,”exp”:”Grade IV is through-and-through involvement.”},{“q”:”Why might probing depth shrink after treatment while attachment level stays the same or worsens?”,”options”:[“Recession increased as oedema resolved”,”Probe malfunction”,”Random chance”,”Incorrect charting only”],”answer”:0,”exp”:”Reduced oedema plus recession explains this pattern.”},{“q”:”The universal numbering system begins at:”,”options”:[“Mandibular left third molar”,”Maxillary right third molar”,”Maxillary left central incisor”,”Mandibular right first molar”],”answer”:1,”exp”:”Numbering starts at maxillary right third molar (#1).”},{“q”:”Furcation assessment should be performed:”,”options”:[“Only when radiographic bone loss is visible”,”Routinely on all multi-rooted teeth”,”Only in emergencies”,”Never in a hygiene visit”],”answer”:1,”exp”:”Routine assessment catches early involvement.”},{“q”:”Recommended probing pressure is approximately:”,”options”:[“5 grams”,”25 grams”,”100 grams”,”250 grams”],”answer”:1,”exp”:”About 25 grams is the standard light pressure.”},{“q”:”Mobility grading assesses:”,”options”:[“Colour of gingiva”,”Degree of horizontal/vertical tooth movement”,”Radiographic bone density”,”Salivary flow”],”answer”:1,”exp”:”Mobility grading is about tooth movement under pressure.”},{“q”:”A chart symbol key should be:”,”options”:[“Different for every hygienist”,”Consistent within a practice”,”Never confirmed with new employers”,”Irrelevant to interpretation”],”answer”:1,”exp”:”Consistency prevents ambiguity over time.”},{“q”:”Recession measurement is taken from:”,”options”:[“CEJ to gingival margin”,”Pocket base to CEJ”,”Crown tip to root apex”,”Enamel to dentin”],”answer”:0,”exp”:”Recession is CEJ-to-margin distance.”},{“q”:”A tooth with overgrowth covering the CEJ has attachment level calculated as:”,”options”:[“PD + overgrowth”,”PD – overgrowth”,”PD only”,”Overgrowth only”],”answer”:1,”exp”:”Overgrowth is subtracted from probing depth.”},{“q”:”PSR is best described as:”,”options”:[“A full periodontal chart replacement always”,”A simplified sextant-based screening tool”,”A radiographic technique”,”An instrument type”],”answer”:1,”exp”:”PSR is a simplified screening approach.”},{“q”:”Which finding alone does NOT capture true periodontal support status?”,”options”:[“Attachment level”,”Probing depth alone”,”Furcation grade”,”Bleeding on probing”],”answer”:1,”exp”:”Probing depth alone can be misleading without recession data.”},{“q”:”Bleeding on probing percentage is calculated from:”,”options”:[“Sites bleeding divided by total sites charted”,”Total teeth only”,”Radiographic findings”,”Patient self-report”],”answer”:0,”exp”:”It’s a percentage of charted sites showing bleeding.”},{“q”:”A furcation entrance is difficult to instrument because:”,”options”:[“It is always visible”,”Its narrow, concave anatomy limits access and adaptation”,”It has no root surface”,”It is always healthy”],”answer”:1,”exp”:”Concave anatomy complicates access.”},{“q”:”Which best distinguishes horizontal from vertical bone loss?”,”options”:[“Horizontal is even across adjacent teeth; vertical is localised/angular”,”They are identical”,”Vertical is always worse”,”Horizontal only occurs in children”],”answer”:0,”exp”:”Pattern and distribution distinguish the two.”},{“q”:”A furcation classification system commonly referenced is:”,”options”:[“Glickman’s”,”Angle’s”,”ASA”,”ICDAS”],”answer”:0,”exp”:”Glickman’s system grades furcation involvement.”}]};
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(); };
})();