.kgp{max-width:1160px;margin:auto;padding:clamp(18px,4vw,44px) 16px 70px;color:#eef5ff}
.kgp a{color:#adf0d5}.kgp-back{display:inline-flex;min-height:44px;align-items:center}
.kgp-intro,.kgp-route{background:#172544;border:1px solid #556992;border-radius:24px;padding:clamp(20px,3vw,32px)}
.kgp-intro{background:linear-gradient(130deg,#1b3156,#28325e);margin:14px 0 24px}
.kgp-intro h1{font-size:clamp(1.9rem,5vw,3.2rem);margin:8px 0;color:#fff}
.kgp-intro p,.kgp-route p{line-height:1.6}
.kgp-jump{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.kgp-jump a,.kgp-step a{padding:10px 14px;border:1px solid #9bdfc6;border-radius:12px;text-decoration:none;display:inline-flex;min-height:44px;align-items:center;font-weight:750}
.kgp-grid{display:grid;gap:20px}
.kgp-route h2{color:#fff;font-size:clamp(1.4rem,2.5vw,2rem);margin:0 0 6px}
.kgp-age{color:#ffe3ac;font-weight:800;margin:0 0 6px}
.kgp-steps{list-style:none;padding:0;display:grid;gap:12px;margin:18px 0}
.kgp-step{background:#213453;border:1px solid #4d6c88;border-radius:14px;padding:16px;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.kgp-step input{width:23px;height:23px;accent-color:#a5eccd;margin:4px 0 0}
.kgp-step label{color:#fff;font-weight:800}.kgp-step p{margin:8px 0;color:#d8e5f6}
.kgp-progress{color:#b8f4df;min-height:1.7em;font-weight:800}.kgp-note{color:#d8e5f6}
.kgp :focus-visible{outline:3px solid #ffe3ac;outline-offset:3px}
@media(min-width:980px){.kgp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kgp-step{grid-template-columns:1fr}}
@media(max-width:360px){.kgp-jump a{width:100%}}
@media print{.kgp{color:#111}.kgp-intro,.kgp-route,.kgp-step{background:#fff;color:#111;border-color:#888}.kgp-intro h1,.kgp-route h2,.kgp-step label{color:#111}.kgp-step a,.kgp-jump{display:none}}