/* Static approved K assets; bounded optional cues, no timers or overlays. */
.kp-opening{max-width:700px;margin:24px auto 40px;padding:30px 38px;background:#fff;border:1px solid #dfe6f1;border-radius:26px;color:#17243b}
.kp-opening h1{margin:0;font-size:clamp(32px,4.4vw,46px);letter-spacing:-.035em;line-height:1.17}
.kp-opening-purpose{max-width:53ch;margin:19px 0 21px;font-size:16px;line-height:1.65;color:#425771}
.kp-opening-buddy{display:flex;align-items:center;gap:14px;background:#f0f4ff;border-radius:18px;padding:10px 16px 10px 8px}
.kp-guide-k{width:40px;height:40px;object-fit:contain;flex:none}
.kp-opening .kp-opening-k{width:80px;height:80px}
.kp-opening-buddy p{margin:0;max-width:41ch;font-size:16px;line-height:1.55;color:#263d61}
.kp-opening-actions{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.kp-opening-actions #opening-start{min-height:54px;background:#3155d9;color:#fff;font-weight:700;border:1px solid #3155d9;box-shadow:0 3px 0 #203cab;border-radius:14px;padding:12px 22px}
.kp-opening-actions #opening-start:hover{background:#2647c1}
.kp-opening-actions #opening-skip{min-height:44px;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;padding:10px 4px;font-size:14px}
.fv-heading .kp-guide-toggle{margin-left:auto;min-height:44px;border:0;background:transparent;color:#3155d9;font-size:14px;text-decoration:underline;text-underline-offset:3px;padding:8px 0 8px 12px;box-shadow:none}
.kp-chart-with-guide{min-width:0}
.kp-context-guide{display:flex;align-items:flex-start;gap:10px;padding:12px 14px 10px;margin:0 0 14px;border:1px solid #dbe4fb;border-radius:15px;background:#f0f4ff;color:#263d61}
.kp-context-guide-copy{min-width:0;flex:1}
.kp-guide-label{font-size:12px;color:#52678b;line-height:1.4}
.fv-page .kp-context-guide h2{font-size:16px;line-height:1.4;margin:3px 0 5px;color:#263d61}
.fv-page .kp-context-guide p{font-size:14px;line-height:1.6;color:#344b66;margin:0}
.kp-guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:0 16px;margin-top:5px}
.fv-page .kp-guide-actions button{min-height:44px;padding:8px 0;border:0;border-radius:3px;background:transparent;box-shadow:none;color:#3155d9;font-size:13px;line-height:1.4;text-align:left;text-decoration:underline;text-underline-offset:3px}
.fv-page .kp-guide-actions #fv-guide-skip{font-size:12px;color:#52647b}
.fv-page .kp-guide-actions #fv-guide-skip:only-child{margin-left:auto}
.kp-context-guide + .fv-feedback{margin-top:0}
.fv-page--end .kp-context-guide{margin-top:20px}
.kp-opening button:focus-visible,.fv-page .kp-context-guide button:focus-visible,.fv-heading .kp-guide-toggle:focus-visible{outline:3px solid #a86f00;outline-offset:3px}
@media(max-width:600px){
 .kp-opening{padding:24px 21px;margin:12px auto 22px;border-radius:21px}
 .kp-opening h1{font-size:34px;line-height:1.2}
 .kp-opening-purpose{font-size:15px;margin:16px 0 18px}
 .kp-opening-buddy{gap:6px;padding:10px 12px 10px 3px}
 .kp-opening .kp-opening-k{width:64px;height:64px}
 .kp-opening-buddy p{font-size:14px}
 .kp-opening-actions{gap:7px;width:100%}
 .kp-opening-actions #opening-start{width:100%;min-height:52px}
 .kp-opening-actions #opening-skip{width:100%}
 .kp-context-guide{gap:6px;padding:10px;margin-bottom:12px}
 .kp-context-guide .kp-guide-k{width:32px;height:32px}
 .fv-page .kp-context-guide h2{font-size:15px}
 .fv-heading .kp-guide-toggle{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.kp-opening *,.kp-context-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.kp-opening-actions #opening-start small{display:block;font-size:12px;font-weight:400;margin-top:3px;color:#e0e7ff}

.kp-story-progress{margin:0 0 18px;color:#52678b;font-size:13px;letter-spacing:.04em}
.kp-opening-actions #opening-back{min-height:44px;padding:10px 14px;border:1px solid #dfe6f1;border-radius:12px;background:#fff;color:#3155d9}

/* A bounded, decorative cue follows the current task, rather than a second counter. */
.kp-guide-cue{display:inline-block;vertical-align:middle;margin-inline-start:10px;font-size:21px;font-weight:650;line-height:1;pointer-events:none;animation:kp-guide-point 850ms ease-in-out 3}
.kp-guide-cue--down{display:block;width:24px;margin:0 auto 0;color:#3155d9;animation-name:kp-guide-point-down}
@keyframes kp-guide-point{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}
@keyframes kp-guide-point-down{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){.kp-guide-cue{animation:none!important;transform:none!important}}

.fv-page .kp-guide-group-label{margin:0 0 9px;color:#3155d9;font-size:13px;text-align:start}