/* Scoped to the illustrated guide and its independent UI preferences. */
.krg{--krg-ink:#17344a;--krg-teal:#176d6b;--krg-border:#d8e5e7;max-width:720px;margin:0 auto;padding:clamp(16px,3vw,26px);border:1px solid var(--krg-border);border-radius:20px;background:#fff;color:var(--krg-ink);font-family:inherit;line-height:1.5;box-sizing:border-box}.krg *{box-sizing:border-box;min-width:0}.krg button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #c1d2d7;border-radius:10px;background:#fff;color:var(--krg-ink);padding:8px 12px;line-height:1.35;white-space:normal;overflow-wrap:break-word}.krg button:focus-visible,.krg summary:focus-visible{outline:3px solid #bd8411;outline-offset:3px}.krg button:disabled{opacity:.48;cursor:default}.krg-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#5b737d}.krg .krg-close{border:0;padding:7px 0 7px 10px;flex:0 0 auto;font-size:12px;color:#315c6e;text-decoration:underline;text-underline-offset:3px}.krg-progress{display:grid;grid-template-columns:repeat(var(--krg-steps,8),1fr);gap:5px;margin:5px 0 18px}.krg-progress span{height:4px;border-radius:4px;background:#e5eeef}.krg-progress .krg-done{background:var(--krg-teal)}.krg .krg-title{font-size:clamp(21px,3vw,27px);line-height:1.25;letter-spacing:-.02em;margin:0 0 8px}.krg-heading{display:flex;align-items:flex-start;gap:12px}.krg .krg-buddy{width:40px;height:40px;flex:0 0 40px;animation:none!important;transition:none!important}.krg-title:focus{outline:0}.krg .krg-lead{font-size:15px;line-height:1.5;margin:0 0 14px;color:#365668}.krg-chart{margin:0 0 14px;padding:10px 12px 7px;border:1px solid #deebed;border-radius:13px;background:#f7fbfb}.krg-chart figcaption{font-size:11px;color:#627b83;margin:0 0 3px}.krg-chart svg{width:100%;max-height:220px;height:auto;display:block;overflow:visible}.krg-path{stroke:#69899b;stroke-width:2.4;fill:none;stroke-linejoin:round}.krg-dot{stroke-width:2}.krg-closed{fill:#52788c;stroke:#fff}.krg-open{fill:#fff;stroke:#176d6b;stroke-width:3}.krg-emphasis.krg-focus,.krg-emphasis.krg-high{fill:#176d6b}.krg-emphasis.krg-low{fill:#99601a}.krg-emphasis.krg-forming{fill:#fff}.krg-halo{fill:#cce7df;stroke:none}.krg-halo.krg-low{fill:#f2dfbd}.krg-halo.krg-forming{fill:#f4e4bd}.krg-price{fill:#5c7583;font-family:inherit;font-size:16px}.krg-price-strong{fill:#173f50;font-weight:700}.krg-index{fill:#5b7682;font-size:15px;font-weight:650}.krg-band-high{fill:#dcefe7}.krg-band-low{fill:#f2e8d4}.krg-edge{stroke:#a5bbb9;stroke-width:1;stroke-dasharray:3 4}.krg-confirm-band{fill:#edf6f2}.krg-comparison{stroke-width:2;stroke-dasharray:5 4}.krg-comparison.krg-high{stroke:#176d6b}.krg-comparison.krg-low{stroke:#99601a}.krg-boundary{stroke:#a76c20;stroke-width:2;stroke-dasharray:7 5}.krg-boundary-label{fill:#815512;font-size:14px;font-weight:650}.krg .krg-legend{font-size:11px;color:#53737e;margin:2px 0 0}.krg-question{border:0;padding:0;margin:0}.krg-question legend{padding:0;margin:0 0 8px;font-weight:700;font-size:15px;line-height:1.4}.krg-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.krg-choices.krg-three{grid-template-columns:repeat(3,minmax(0,1fr))}.krg-choices button{font-size:14px}.krg-choices button[aria-pressed="true"]{border:2px solid var(--krg-teal);padding:7px 11px;background:#e7f5ee;color:#145b55}.krg-response{margin:9px 0}.krg .krg-invitation{font-size:12px;color:#637983;margin:0}.krg .krg-feedback{border-radius:9px;padding:10px 12px;margin:0;font-size:13px;line-height:1.6}.krg-correct{background:#edf7f1;color:#254f44}.krg-retry{background:#fff6e6;color:#6b511f}.krg-actions{display:flex;justify-content:space-between;gap:12px;margin:12px 0 5px}.krg-actions button{min-width:78px;font-size:14px}.krg-back-links{display:flex;gap:5px;align-items:center}.krg .krg-to-start{border-color:transparent;font-size:12px;padding:8px;color:#466774;min-width:0}.krg .krg-next{background:var(--krg-teal);color:#fff;border-color:var(--krg-teal);font-weight:700}.krg-more{border-top:1px solid var(--krg-border);margin-top:12px;padding-top:2px}.krg-more summary{cursor:pointer;min-height:44px;align-content:center;color:#416675;font-size:13px;font-weight:650}.krg-more p{font-size:13px;line-height:1.7;margin:5px 0 12px}.krg-more .krg-rule-note{font-size:11px;color:#627b83}@media(max-width:600px){.krg-chart{padding:9px 7px 7px}.krg-price,.krg-index{font-size:20px}.krg-boundary-label{font-size:17px}.krg .krg-lead{font-size:14px}.krg-choices button{padding:9px 8px;font-size:13px}.krg-choices button[aria-pressed="true"]{padding:8px 7px}}@media(max-width:360px){.krg{padding:13px}.krg-top{gap:7px}.krg-choices{gap:6px}.krg-choices.krg-three button{font-size:12px}.krg .krg-legend,.krg-chart figcaption{font-size:10px}}@media(prefers-reduced-motion:reduce){.krg *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* The same approved brand blue as the lesson and original K mark. */
.krg{--krg-teal:#3155d9;--krg-border:#dbe2f2}.krg-open,.krg-comparison.krg-high{stroke:#3155d9}.krg-emphasis.krg-focus,.krg-emphasis.krg-high{fill:#3155d9}.krg-choices button[aria-pressed="true"]{background:#eef2ff;color:#2643ad}.krg-halo{fill:#dfe7ff}.krg-confirm-band{fill:#f1f4ff}

.krg-title{scroll-margin-top:90px}.krg>header{padding:0;max-width:none;border:0}

/* Compare first. No result labels or coloured teaching overlays before a choice. */
.krg-compare-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.krg .krg-card{text-align:left;padding:12px 8px;border:1px solid #d7dfef;border-radius:14px;background:#fff}.krg .krg-card[aria-pressed="true"]{border-color:#3155d9;box-shadow:inset 0 0 0 1px #3155d9;background:#f3f5ff}.krg-card-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#3155d9;font-size:12px}.krg-card-heading strong{font-size:16px}.krg .krg-chart-compact{display:block;border:0;padding:0;margin:5px 0;background:transparent}.krg-card .krg-price{font-size:25px}.krg-card .krg-dot{stroke-width:3}.krg-card .krg-open{stroke-width:4}.krg .krg-verdict{display:block;border-top:1px solid #dbe2f2;padding-top:8px;font-size:12px;font-weight:650;line-height:1.4}.krg .krg-example-note{margin:8px 0 2px;font-size:11px;color:#627b83}.krg .krg-feedback{display:flex;gap:9px;align-items:flex-start}.krg .krg-feedback p{margin:0}.krg .krg-feedback-buddy{width:30px;height:30px;flex:0 0 30px;animation:none!important;transition:none!important}.krg .krg-hint{font-size:12px;min-height:44px;border-color:transparent;background:#f4f6ff;color:#3155d9;padding:8px 10px}.krg .krg-hint-text{border-left:3px solid #8ca1e9;padding:6px 10px;margin:9px 0 0;font-size:13px;color:#385571}.krg-band{fill:#edf0f4}.krg-band.krg-band-high{fill:#dcefe7}.krg-band.krg-band-low{fill:#f2e8d4}.krg-actions{flex-wrap:wrap;align-items:center}.krg-actions>.krg-next{margin-left:auto}.krg-compare-cards+.krg-legend{margin-top:8px}
@media(max-width:560px){.krg-compare-cards{grid-template-columns:1fr;gap:8px}.krg .krg-card{padding:8px 12px}.krg-card-heading{font-size:12px}.krg .krg-chart-compact{margin:0}.krg-chart-compact svg{max-height:130px}.krg-card .krg-price{font-size:20px}.krg .krg-verdict{font-size:13px;padding-top:5px}.krg-actions{gap:8px}.krg-back-links{gap:2px}.krg .krg-to-start{font-size:11px;padding:8px 5px}.krg-actions button{min-width:68px}.krg .krg-next{max-width:100%}}