.kpb{max-width:950px;margin:auto;padding:clamp(18px,4vw,44px) 16px 72px;color:#f0f7ff;overflow-wrap:anywhere}
.kpb [hidden]{display:none!important}
.kpb a{color:#b1f0d6;text-underline-offset:3px}
.kpb-nav{display:flex;gap:8px 20px;flex-wrap:wrap}
.kpb-back{min-height:44px;display:inline-flex;align-items:center;max-width:100%;line-height:1.5}
.kpb-header,.kpb-scene,.kpb-paper{margin-top:18px;border:1px solid #586c9a;border-radius:24px;background:#172642;padding:clamp(20px,4vw,34px)}
.kpb-header{background:linear-gradient(125deg,#1c2e5c,#275167)}
.kpb-header h1{font-size:clamp(1.9rem,5vw,3.2rem);color:#fff;margin:8px 0}
.kpb p,.kpb li{line-height:1.7}
.kpb-art{display:block;width:100%;height:auto;max-height:230px}
.kpb h2,.kpb h3,.kpb h4{color:#fff;line-height:1.35;scroll-margin-top:10rem}
.kpb-scene h2,.kpb-paper h2{font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 16px}
.kpb h3,.kpb h4{font-size:1.1rem;margin:0 0 10px}
.kpb-scene p{font-size:clamp(1rem,2.4vw,1.2rem);color:#e6edff}
.kpb .kpb-question{color:#c6f5dd;font-weight:750}
.kpb-choices{display:grid;gap:12px;margin:16px 0;min-width:0}
.kpb .kp-button{min-height:44px;min-width:44px;max-width:100%;padding:12px 18px;border:2px solid transparent;border-radius:14px;font:inherit;font-weight:700;white-space:normal;line-height:1.5;cursor:pointer}
.kpb .kpb-choice{min-height:58px;text-align:left;background:#f2d794;color:#172642}
.kpb .kpb-choice:hover{background:#ffe5a9}
.kpb .kpb-choice[aria-pressed="true"]{border-color:#b1f0d6;background:#244e50;color:#fff;box-shadow:inset 0 0 0 1px #b1f0d6}
.kpb .kp-button-secondary{border-color:#91a3c7;background:#243653;color:#f0f7ff}
.kpb .kp-button-secondary:hover{background:#34486c}
.kpb .kp-button:disabled{opacity:.6;cursor:default}
.kpb-actions{display:flex;gap:12px;flex-wrap:wrap}
.kpb .kpb-small{font-size:.94rem;color:#d4e0f5}
.kpb-status{color:#b7f3da;min-height:1.5em}
.kpb-outcome{padding:16px 18px;border-left:4px solid #b1f0d6;border-radius:6px;background:#213b50;margin:18px 0}
.kpb-outcome p:last-child{margin-bottom:0}
.kpb-think,.kpb-history{margin:16px 0;border:1px solid #647ba1;border-radius:12px;padding:0 14px}
.kpb summary{min-height:44px;padding:12px 0;line-height:1.6;font-weight:750;cursor:pointer;color:#ecf5ff}
.kpb summary::marker{color:#c6f5dd}
.kpb-think>p,.kpb-history>p{margin-top:8px}
.kpb-history ol{padding-left:24px}
.kpb-history li+li{margin-top:16px}
.kpb-history li p{font-size:1rem;margin:4px 0 0}
.kpb-reading>summary{font-size:clamp(1.1rem,3vw,1.4rem)}
.kpb-reading-scene{padding:24px 0;border-top:1px solid #586c9a;scroll-margin-top:10rem}
.kpb-reading-scene:last-child{padding-bottom:0}
.kpb-reading-choices{padding-left:22px}
.kpb-reading-choices a{display:block;min-height:44px;padding:8px 0;line-height:1.5}
.kpb-reading-choices li+li{margin-top:14px}
.kpb-reading-choices p{margin:4px 0 12px}
.kpb-steps{padding-left:24px}
.kpb-steps li+li{margin-top:10px}
.kpb-sketches{display:grid;gap:16px;margin:22px 0}
.kpb-sketches>section{min-width:0;border:1px solid #647ba1;border-radius:12px;padding:14px}
.kpb-sketches p{font-size:.94rem}
.kpb-drawing{min-height:100px;border:1px dashed #91a3c7;border-radius:6px}
.kpb :focus-visible,.kpb [tabindex="-1"]:focus{outline:3px solid #ffe3ad;outline-offset:4px}
.kpb :is(button,a,summary){touch-action:manipulation;scroll-margin-top:10rem}
@media(min-width:700px){.kpb-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.kpb-sketches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.kpb-actions>*{flex:1 1 100%}}
@media print{
 .kpb{color:#111;padding:0;max-width:none}
 .kpb-header,.kpb-paper{background:#fff;color:#111;border-color:#777;box-shadow:none}
 .kpb h1,.kpb h2,.kpb h3,.kpb h4,.kpb .kpb-question,.kpb .kpb-small{color:#111}
 .kpb-nav,.kpb-scene,.kpb-remix,.kpb-reading,.kpb-actions,.kpb-noscript,#kpb-print{display:none!important}
 .kpb-sketches{grid-template-columns:repeat(3,minmax(0,1fr))}
 .kpb-sketches>section,.kpb-drawing{border-color:#777}
 .kpb-sketches>section,.kpb-steps li{break-inside:avoid}
 .kpb-drawing{min-height:120px}
 .kpb-art{max-height:120px}
}
@media(prefers-reduced-motion:reduce){.kpb,.kpb *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}