/* CDL practice tests: scoped, does not touch style.css */
.cdl-wrap{max-width:820px;margin:0 auto}
.cdl-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}
.cdl-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-size:14px;color:var(--muted)}
.cdl-bar{height:6px;background:var(--paper-2);border-radius:4px;overflow:hidden;margin-bottom:18px}
.cdl-bar i{display:block;height:100%;width:0;background:var(--navy);transition:width .25s}
.cdl-q{font-size:18px;font-weight:700;line-height:1.4;margin:0 0 14px;color:var(--navy-dk)}
.cdl-opts{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.cdl-opt{width:100%;text-align:left;font:inherit;font-size:15.5px;line-height:1.4;padding:13px 14px;border:2px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}
.cdl-opt:hover:not([disabled]){border-color:var(--navy);background:var(--paper)}
.cdl-opt:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.cdl-opt.ok{border-color:#2e8b57;background:#eef8f2}
.cdl-opt.bad{border-color:var(--red);background:#fdf0f2}
.cdl-opt[disabled]{cursor:default}
.cdl-exp{margin-top:14px;padding:12px 14px;border-left:4px solid var(--gold);background:var(--paper);font-size:14.5px;line-height:1.5;border-radius:0 6px 6px 0}
.cdl-exp b{color:var(--navy-dk)}
.cdl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cdl-btn{font:inherit;font-weight:700;font-size:15px;padding:12px 20px;border-radius:6px;border:2px solid var(--navy-dk);background:var(--navy-dk);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.cdl-btn:hover{background:var(--navy)}
.cdl-btn.alt{background:#fff;color:var(--navy-dk)}
.cdl-btn.alt:hover{background:var(--paper)}
.cdl-btn.red{background:var(--red);border-color:var(--red)}
.cdl-btn.red:hover{background:var(--red-br);border-color:var(--red-br)}
.cdl-btn[disabled]{opacity:.6;cursor:default}
.cdl-start{display:grid;gap:14px}
.cdl-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.cdl-modes{grid-template-columns:1fr}}
.cdl-mode{padding:16px;border:2px solid var(--line);border-radius:10px;background:#fff;text-align:left;font:inherit;cursor:pointer}
.cdl-mode:hover{border-color:var(--navy)}
.cdl-mode b{display:block;font-size:17px;color:var(--navy-dk);margin-bottom:4px}
.cdl-mode span{font-size:14px;color:var(--muted)}
.cdl-score{display:flex;gap:18px;align-items:center;padding:18px;border-radius:10px;margin:0 0 16px;border:1px solid var(--line);background:var(--paper)}
.cdl-score b{font-size:44px;line-height:1;color:var(--navy-dk)}
.cdl-score span{font-size:15px;font-weight:700}
.cdl-score.pass{border-color:#2e8b57;background:#eef8f2}
.cdl-score.fail{border-color:var(--red);background:#fdf0f2}
.cdl-review{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.cdl-review li{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:#fff;font-size:14.5px;line-height:1.5}
.cdl-review li b{display:block;margin-bottom:4px}
.cdl-review .ans{color:#1f6b43}
.cdl-lead{margin-top:22px;padding:20px;border:2px solid var(--gold);border-radius:10px;background:#fffdf5}
.cdl-lead h3{margin:0 0 4px;font-size:19px;color:var(--navy-dk)}
.cdl-lead p{margin:0 0 12px;font-size:14.5px;color:var(--muted)}
.cdl-lead .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.cdl-lead .row{grid-template-columns:1fr}}
.cdl-lead label{display:block;font-size:13px;font-weight:600;margin:0 0 4px}
.cdl-lead input[type=text],.cdl-lead input[type=tel],.cdl-lead input[type=email],.cdl-lead select{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;box-sizing:border-box}
.cdl-lead .f{margin-bottom:12px}
.cdl-chk{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.4;margin:6px 0 12px}
.cdl-chk input{margin-top:3px}
.cdl-msg{margin-top:10px;font-size:14.5px;font-weight:600}
.cdl-msg.ok{color:#1f6b43}.cdl-msg.err{color:var(--red)}
.cdl-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.cdl-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:14px}
.cdl-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:800px){.cdl-hub{grid-template-columns:1fr}}
.cdl-tile{display:block;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;color:var(--ink)}
.cdl-tile:hover{border-color:var(--navy);box-shadow:0 2px 10px rgba(0,26,74,.08)}
.cdl-tile h3{margin:0 0 6px;font-size:18px;color:var(--navy-dk)}
.cdl-tile p{margin:0 0 10px;font-size:14.5px;color:var(--muted)}
.cdl-tile .more{font-weight:700;color:var(--red)}