/* Four live, bilingual learning cards. Core information stays visible. */
.kg-journey-controls{display:flex;justify-content:flex-end;margin:28px 0 15px;min-height:32px}
.kg-motion-toggle{font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;color:#8c3530;background:#fff;border:1px solid #dbc9c4;border-radius:30px;padding:8px 14px;cursor:pointer}
.kg-motion-toggle:hover{background:#faf4f0}
.kg-motion-toggle:focus-visible{outline:2px solid #b12e2c;outline-offset:4px}
.kg-motion-toggle[hidden]{display:none}
#kg-levels.kg-learning-path{gap:20px;margin-top:0;align-items:stretch;scroll-margin-top:140px}
.kg-learning-card{--wash:#edf2e7;--wash-dark:#c5d5b4;--card-ink:#4a6650;position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #e4e0d8;border-radius:80px 12px 12px 12px;padding:30px 23px 0;background:linear-gradient(155deg,#fffefa,#fff);box-shadow:0 12px 28px -25px #5b49394d;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s,border-color .4s}
.kg-learning-k1{--wash:#eaf1f5;--wash-dark:#bcd3de;--card-ink:#466774}
.kg-learning-k2{--wash:#f0ebf3;--wash-dark:#d4c3df;--card-ink:#725b7e}
.kg-learning-k3{--wash:#f8ebe4;--wash-dark:#e6bdaa;--card-ink:#a04d3b}
.kg-card-top{display:flex;align-items:center;gap:9px;padding-left:10px;min-height:40px}
.kg-stage{font:500 30px/1 Georgia,serif;letter-spacing:-.04em;color:var(--card-ink)}
.kg-stage-name{font-size:13px;line-height:1.5;color:var(--card-ink)}
.kg-chapter{margin-left:auto;font:italic 12px/1 Georgia,serif;color:#958b82}
.kg-art-window{margin:20px -4px 22px;position:relative;border-radius:50% 50% 12px 12px;background:radial-gradient(ellipse at 50% 45%,var(--wash) 20%,#fffefa00 72%);isolation:isolate}
.kg-art-window:before{content:"";position:absolute;inset:10% 9% 12%;border:1px solid var(--wash-dark);border-bottom:0;border-radius:50% 50% 0 0;opacity:.5;z-index:-1}
#hyRoot .kg-learning-art{display:block;width:100%;height:auto;overflow:visible}
.kg-card-copy{flex:1}
#kg-levels h3{margin:0;color:#292824;font:500 clamp(20px,1.65vw,24px)/1.55 'Noto Serif TC','Songti TC',serif;min-height:3.1em;text-wrap:balance;letter-spacing:.015em}
.kg-school-note{display:inline-block;font-family:inherit;font-size:10px;font-weight:500;line-height:1.3;letter-spacing:.08em;color:var(--card-ink);margin-top:5px}
.kg-learning-card ul{list-style:none;padding:0;margin:22px 0 25px;display:grid;gap:13px}
.kg-learning-card li{position:relative;padding-left:15px;font-size:14px;line-height:1.75;color:#514b46}
.kg-learning-card li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:#b12e2c}
.kg-card-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #eae4dd;padding:17px 0;color:#746b63;font-size:11px;line-height:1.5;white-space:nowrap}
.kg-card-footer svg{width:17px;height:17px;stroke:var(--card-ink);stroke-width:1.2;flex:none}
[data-langroot="en"] #kg-levels h3{font-family:Georgia,serif;font-size:24px;line-height:1.3;letter-spacing:0;min-height:3.9em}
[data-langroot="en"] .kg-stage-name{font-size:11px;max-width:80px}
[data-langroot="en"] .kg-learning-card li{font-size:13px;line-height:1.6}
.kg-learning-art g{transform-box:fill-box;transform-origin:center}
.kg-sway{animation:kg-sprout-sway 5s ease-in-out infinite;transform-origin:center bottom!important}
.kg-bob{animation:kg-soft-bob 4.8s ease-in-out infinite}
.kg-bob-late{animation-delay:-2s}
.kg-wave{animation:kg-listen 3.8s ease-in-out infinite}
.kg-block{animation:kg-block-rise 5s ease-in-out infinite}
.kg-block-b{animation-delay:-1.2s}.kg-block-c{animation-delay:-2.4s}
.kg-spark{animation:kg-listen 4s ease-in-out infinite}
.kg-bubble{animation:kg-soft-bob 5s ease-in-out infinite;animation-delay:-1.3s}
.kg-plane{animation:kg-paper-flight 6s ease-in-out infinite}
.kg-trail{animation:kg-trail-flow 6s linear infinite}
#kg-levels[data-motion="paused"] svg *{animation-play-state:paused!important}
#kg-levels[data-motion="reduced"] svg *{animation:none!important}
@keyframes kg-sprout-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
@keyframes kg-soft-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes kg-listen{0%,100%{opacity:.4}45%,70%{opacity:1}}
@keyframes kg-block-rise{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes kg-paper-flight{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(10px,-7px) rotate(4deg)}}
@keyframes kg-trail-flow{to{stroke-dashoffset:-32}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.kg-learning-card:hover{transform:translateY(-6px);border-color:var(--wash-dark);box-shadow:0 24px 38px -30px #5b493966}}
@media(max-width:1100px){#kg-levels.kg-learning-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.kg-art-window{max-width:280px;width:100%;align-self:center}#kg-levels h3{min-height:0;font-size:24px}[data-langroot="en"] #kg-levels h3{min-height:2.6em}.kg-card-footer{font-size:12px}}
@media(max-width:600px){#kg-levels.kg-learning-path{grid-template-columns:1fr;gap:25px;max-width:420px;margin-inline:auto}.kg-learning-card{padding:26px 26px 0;border-radius:65px 12px 12px 12px}.kg-art-window{margin:10px 0 18px;max-width:260px}.kg-card-top{padding-left:6px}.kg-stage{font-size:34px}.kg-stage-name{font-size:15px}.kg-chapter{font-size:14px}#kg-levels h3{font-size:25px;min-height:0}[data-langroot="en"] #kg-levels h3{font-size:26px;min-height:0}.kg-learning-card ul{margin-top:18px}.kg-learning-card li,[data-langroot="en"] .kg-learning-card li{font-size:15px}.kg-journey-controls{max-width:420px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.kg-learning-card{transition:none}.kg-learning-art *{animation:none!important}.kg-motion-toggle{display:none}}