/* R20 small reading-first lesson guide; inherits original R19 layout. */
.kbwd-guide{border-color:#c8dbed;background:#fdfefe}
.kbwd-guide-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.kbwd-guide-heading h3{font-size:17px;margin:3px 0 8px;color:#123c61}
.kbwd-guide-kicker{display:block;font-size:10px;letter-spacing:.3px;color:#2678b5;font-weight:800}
.kbwd-guide-number{padding:6px 9px;background:#eaf3fc;border-radius:7px;color:#235686;font-size:11px;font-weight:800}
.kbwd-guide .kbwd-guide-note{font-size:12px;line-height:1.7;margin:3px 0 14px;color:#486581}
.kbwd-guide-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.kbwd-guide-steps li{min-width:0;padding:12px;background:#f4f8fc;border:1px solid #e0eaf3;border-radius:9px}
.kbwd-guide-steps li>b{font-size:12px;color:#174971;line-height:1.55}
.kbwd-guide-steps li>p{font-size:12px;line-height:1.75;margin:6px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.kbwd-guide-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.kbwd-guide-tabs button,.kbwd-ref-actions button,.kbwd-ref-toolbar button{border:1px solid #c3d9eb;color:#174e82;background:#fff;padding:8px 10px;border-radius:7px;font-size:11px;font-weight:800}
.kbwd-guide-tabs button:hover,.kbwd-ref-actions button:hover{background:#e5f3ff}
.kbwd-guide-exam{background:#f6f9fe;padding:12px 14px;border:1px solid #dce7f7;border-radius:9px;margin:11px 0}
.kbwd-guide-exam strong{font-size:12px;color:#2b5781}
.kbwd-guide-exam p{margin:4px 0!important;font-weight:700;color:#275d89!important}
.kbwd-guide-exam small{font-size:10px;color:#6d819a;line-height:1.7;display:block}
.kbwd-ref-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}
.kbwd-ref-actions button{background:#1e638d;color:white;border-color:#1e638d;padding:11px 14px}
.kbwd-ref-actions>span{font-size:10px;color:#6c8097}
.kbwd-reference{margin-top:12px;border:1px solid #d4e4f0;border-radius:10px;padding:12px;background:white}
.kbwd-ref-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.kbwd-ref-toolbar strong{font-size:12px;color:#325d7b}
.kbwd-ref-toolbar div{display:flex;gap:5px;flex-wrap:wrap}
.kbwd-ref-toolbar button[aria-pressed=true]{background:#dfedfc;color:#10518b;border-color:#84b2df}
.kbwd-ref-caption,.kbwd-ref-disclaimer{font-size:10px!important;color:#6f849b!important;line-height:1.65!important}
.kbwd-ref-viewport{position:relative;width:100%;overflow:hidden;border:1px solid #dee6ee;border-radius:7px;background:white}
.kbwd-ref-viewport iframe{position:absolute;left:0;top:0;max-width:none;border:0;transform-origin:top left;background:white}
@media(max-width:1250px){.kbwd-guide-steps{grid-template-columns:1fr}}
@media(max-width:680px){.kbwd-guide-heading h3{font-size:16px}.kbwd-ref-toolbar{display:block}.kbwd-ref-toolbar>div{margin-top:9px}.kbwd-guide-steps li{padding:10px}.kbwd-guide-tabs button{flex:1}}

.kbwd-guide-official{display:flex;gap:9px;flex-wrap:wrap;margin-top:9px}
.kbwd-guide-official a{font-size:11px;font-weight:800;color:#1d6093;text-underline-offset:3px}
