.guide-card{border-radius:16px;margin:28px 0;padding:32px 34px;position:relative;box-shadow:0 14px 38px #0e2b4317}.guide-skeleton{background:#f4f7f9}.guide-skeleton-line{background:#e2e9ee;border-radius:9px;height:18px;margin-bottom:14px;animation:1.4s ease-in-out infinite guide-pulse}.guide-skeleton-line.short{width:55%;margin-bottom:0}@keyframes guide-pulse{0%,to{opacity:1}50%{opacity:.45}}.guide-teacher{background:linear-gradient(160deg,#fdf8ec 0%,#faf3e0 100%);border:1px solid #efe2bd}.guide-badge{color:#fff;letter-spacing:.12em;background:#c19a3d;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:0;right:26px;transform:translateY(-50%);box-shadow:0 6px 16px #a07c2859}.guide-kicker{letter-spacing:.18em;color:#a8842f;margin-bottom:14px;font-size:11px;font-weight:700}.guide-gesp{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.guide-gesp-chip{color:#7c5f1c;background:#ffffffbf;border:1px solid #ead9a8;border-radius:999px;padding:5px 12px;font-size:12px}.guide-gesp-module{background:#f3e6bd;border-color:#e2cd8d;font-weight:700}.guide-teacher-meta{color:#6b5418;margin-bottom:8px;font-size:14px;font-weight:700}.guide-teacher-tip{color:#8a713a;background:#fff9;border-left:3px solid #d9bd6a;border-radius:0 10px 10px 0;margin-bottom:6px;padding:10px 14px;font-size:13px;line-height:1.8}.guide-locked{background:linear-gradient(160deg,#f2f6fa 0%,#e9eff5 100%);border:1px solid #d8e2ea}.guide-lock-box{text-align:center;padding:14px 10px 6px}.guide-lock-icon{margin-bottom:12px;font-size:34px;display:block}.guide-lock-box p{color:#4d6375;max-width:560px;margin:0 auto 18px;font-size:14px;line-height:1.9}.guide-hint-btn{color:#fff;cursor:pointer;background:#5a7d9c;border:0;border-radius:999px;padding:12px 26px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.guide-hint-btn:hover:not(:disabled){background:#496a88;transform:translateY(-1px)}.guide-hint-btn:disabled{opacity:.55;cursor:default}.guide-lock-box small{color:#8ca0b0;margin-top:12px;font-size:11px;display:block}.guide-recheck{color:#7c93a6;cursor:pointer;background:0 0;border:0;margin:10px auto 0;font-size:12px;text-decoration:underline;display:block}.guide-recheck:hover{color:#4d6375}.guide-unlocked{background:#f3faf4;border:1px solid #d5ead8}.guide-lit-note{color:#2e7d43;margin-bottom:18px;font-size:14px;font-weight:700}.guide-steps{gap:16px;margin:22px 0 0;padding:0;list-style:none;display:grid}.guide-step{background:#ffffffd1;border-radius:14px;grid-template-columns:40px 1fr;gap:16px;padding:18px 20px;display:grid;box-shadow:0 6px 18px #0e2b430f}.guide-step-no{background:var(--navy,#11263b);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.guide-step-body h4{margin:4px 0 8px;font-size:16px}.guide-step-body p{color:#4a5b68;margin:0 0 12px;font-size:13px;line-height:1.9}.guide-blocks{flex-wrap:wrap;gap:8px;display:flex}.guide-block{color:#fff;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700;box-shadow:inset 0 -2px #0000002e}.guide-block.tone-event{color:#5c4400;background:#ffbf00}.guide-block.tone-motion{background:#4c97ff}.guide-block.tone-looks{background:#96f}.guide-block.tone-sound{background:#cf63cf}.guide-block.tone-control{color:#5c3d00;background:#ffab19}.guide-block.tone-sensing{color:#14323e;background:#5cb1d6}.guide-block.tone-operator{color:#0e3d0e;background:#59c059}.guide-block.tone-data{color:#4a2a00;background:#ff8c1a}.guide-block.tone-list{color:#472009;background:#ff661a}.guide-block.tone-pen{color:#07382a;background:#0fbd8c}.guide-block.tone-myblocks{color:#4d1220;background:#ff6680}.guide-block.tone-ui{color:#52606d;background:#eef3f9;box-shadow:inset 0 0 0 1.5px #c8d4e2}.guide-block.shape-hat{border-radius:20px 20px 8px 8px}.guide-block.shape-boolean{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);border-radius:0;padding-left:16px;padding-right:16px}.guide-block.shape-reporter{border-radius:999px}@media (max-width:720px){.guide-card{margin:22px 0;padding:24px 18px}.guide-badge{right:16px}.guide-step{grid-template-columns:32px 1fr;gap:12px;padding:15px 14px}.guide-step-no{width:28px;height:28px;font-size:12px}}