#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 staging in the 2017 classification reflect?”,”back”:”Severity of damage — attachment loss, bone loss, tooth loss, complexity.”},{“front”:”What does grading reflect?”,”back”:”Rate of progression and risk factor burden (e.g. smoking, glycaemic control).”},{“front”:”What defines periodontitis vs gingivitis?”,”back”:”Presence of interdental clinical attachment loss at two or more non-adjacent teeth.”},{“front”:”Name the two strongest grade-modifying risk factors.”,”back”:”Smoking status and glycaemic control (diabetes).”},{“front”:”What is a hallmark feature of necrotising periodontal disease?”,”back”:”Interdental papilla necrosis, spontaneous bleeding, pain, distinctive halitosis.”},{“front”:”How does peri-implantitis differ from peri-implant mucositis?”,”back”:”Peri-implantitis includes progressive bone loss; mucositis does not.”},{“front”:”Is gingivitis reversible?”,”back”:”Yes, with adequate biofilm control, since no attachment loss has occurred.”},{“front”:”What staging factor uses radiographic data?”,”back”:”Bone loss at the site of greatest loss.”},{“front”:”Can two patients with the same stage have different grades?”,”back”:”Yes, based on differing risk factor burden and progression evidence.”},{“front”:”What relationship exists between diabetes and periodontal disease?”,”back”:”Bidirectional — each can worsen the other.”}],”quiz”:[{“q”:”Staging in the 2017 classification reflects:”,”options”:[“Rate of future progression”,”Severity of current damage”,”Patient age only”,”Insurance category”],”answer”:1,”exp”:”Staging reflects current severity.”},{“q”:”Grading reflects:”,”options”:[“Current damage only”,”Rate of progression and risk factors”,”Tooth colour”,”Radiograph quality”],”answer”:1,”exp”:”Grading reflects progression risk.”},{“q”:”Periodontitis requires attachment loss at:”,”options”:[“One tooth only”,”Two or more non-adjacent teeth”,”All teeth”,”No specific number”],”answer”:1,”exp”:”Two or more non-adjacent teeth is the criterion.”},{“q”:”The two strongest evidence-based grade modifiers are:”,”options”:[“Age and gender”,”Smoking and glycaemic control”,”Height and weight”,”Occupation and income”],”answer”:1,”exp”:”Smoking and glycaemic control are strongest modifiers.”},{“q”:”Necrotising periodontal disease is characterised by:”,”options”:[“Slow painless progression”,”Papilla necrosis, spontaneous bleeding, pain”,”No systemic association”,”Absence of halitosis”],”answer”:1,”exp”:”These are hallmark necrotising disease features.”},{“q”:”Peri-implantitis differs from peri-implant mucositis by:”,”options”:[“Presence of progressive bone loss”,”Absence of inflammation”,”Occurring only in smokers”,”Being reversible always”],”answer”:0,”exp”:”Bone loss distinguishes peri-implantitis.”},{“q”:”Gingivitis without attachment loss is:”,”options”:[“Irreversible”,”Reversible with biofilm control”,”Always progresses to periodontitis”,”Untreatable”],”answer”:1,”exp”:”Gingivitis is reversible.”},{“q”:”Two patients with identical staging can have different grades due to:”,”options”:[“Random chance only”,”Differing risk factor burden and progression history”,”Insurance type”,”Appointment time of day”],”answer”:1,”exp”:”Risk factors and progression history differentiate grade.”},{“q”:”The periodontal-diabetes relationship is best described as:”,”options”:[“Unidirectional, diabetes affects periodontal only”,”Bidirectional”,”No relationship exists”,”Only relevant in children”],”answer”:1,”exp”:”The relationship is bidirectional.”},{“q”:”Staging factors include:”,”options”:[“Attachment loss, bone loss, tooth loss, complexity”,”Only patient age”,”Only radiographs”,”Only bleeding index”],”answer”:0,”exp”:”Multiple factors combine for staging.”},{“q”:”A patient with Stage III, Grade C periodontitis has:”,”options”:[“Mild disease, slow progression”,”Significant damage and rapid progression risk”,”No disease”,”Only gingivitis”],”answer”:1,”exp”:”Stage III/Grade C reflects significant damage and rapid progression risk.”},{“q”:”Confusing severe gingivitis for periodontitis risks:”,”options”:[“Correct treatment always”,”Overtreatment”,”No consequence”,”Undertreatment only”],”answer”:1,”exp”:”It can lead to overtreatment (staging/grading unnecessarily).”},{“q”:”Re-evaluation intervals should be based on:”,”options”:[“Stage and grade combined”,”Patient preference alone”,”A fixed schedule for everyone”,”Insurance only”],”answer”:0,”exp”:”Stage and grade guide appropriate intervals.”},{“q”:”A well-controlled diabetic non-smoker vs a poorly controlled diabetic smoker with identical clinical findings would likely have:”,”options”:[“Identical grades”,”Different grades due to risk factor burden”,”No difference in care”,”Different stages only”],”answer”:1,”exp”:”Risk factors modify grade independent of clinical measurements.”},{“q”:”Peri-implant disease classification is:”,”options”:[“Identical to natural tooth classification in every way”,”Parallel but distinct from natural tooth criteria”,”Not classified at all”,”Based only on radiographs”],”answer”:1,”exp”:”It parallels but is distinct from natural tooth classification.”},{“q”:”The primary clinical value of separating stage from grade is:”,”options”:[“Simplifying documentation only”,”Communicating both current damage and future risk accurately”,”Reducing appointment time”,”Avoiding radiographs”],”answer”:1,”exp”:”Separating the two conveys damage and risk separately.”},{“q”:”A grade assignment can change over time if:”,”options”:[“The patient’s risk factors change (e.g. quits smoking)”,”Grades never change once assigned”,”Only stage can change”,”Grade is fixed at diagnosis forever”],”answer”:0,”exp”:”Grade should be reassessed as risk factors change.”},{“q”:”Which is NOT a component of periodontitis staging complexity factors?”,”options”:[“Furcation involvement”,”Vertical defects”,”Patient’s favorite toothpaste brand”,”Tooth loss due to periodontitis”],”answer”:2,”exp”:”Toothpaste preference is not a staging factor.”},{“q”:”The 2017 classification replaced which prior system?”,”options”:[“The 1999 classification”,”The 1950 classification”,”No prior system existed”,”ICDAS”],”answer”:0,”exp”:”It replaced the 1999 classification.”},{“q”:”A key risk communication principle for periodontal grading is to:”,”options”:[“Avoid discussing risk factors”,”Explain both current severity and future risk clearly”,”Only discuss stage, never grade”,”Focus solely on cost”],”answer”:1,”exp”:”Both stage and grade should be communicated clearly.”}]};
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(); };
})();