.swp-challenge{max-width:1200px;margin:0 auto;padding:0 1rem}.swp-challenge__head{padding:16px 0}.swp-challenge__body{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=1024px){.swp-challenge__body{grid-template-columns:320px 1fr}}.swp-challenge__sidebar{display:none}@media (width>=1024px){.swp-challenge__sidebar{align-self:start;display:block;position:sticky;top:72px}}.swp-challenge__sidebar.is-modal{z-index:100;background:var(--swp-paper);padding:24px;display:block;position:fixed;inset:0;overflow-y:auto}.swp-challenge__preview-label{color:var(--swp-ink-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:12px;font-weight:800}.swp-challenge__iframe{border:1.5px solid var(--swp-line);border-radius:var(--r-md);width:100%;min-height:200px}.swp-challenge__meta{flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0;display:flex}.swp-challenge__time{color:var(--swp-ink-3);font-size:13px;font-weight:600}.swp-challenge__lessons{margin-bottom:16px}.swp-challenge__lessons-label{color:var(--swp-ink-3);margin-bottom:6px;font-size:12px;font-weight:800}.swp-challenge__lesson-link{color:var(--color-primary);padding:2px 0;font-size:13px;text-decoration:none;display:block}.swp-challenge__lesson-link:hover{text-decoration:underline}.swp-challenge__checklist ul{padding:0;font-size:13px;list-style:none}.swp-challenge__checklist li{padding:3px 0}.swp-challenge__checklist li:before{content:"☐ "}.swp-challenge__step-dots{gap:8px;margin-top:16px;font-size:14px;display:flex}.swp-challenge__title{margin-bottom:24px;font-size:24px;font-weight:800}.swp-challenge__main{min-width:0}.swp-challenge__mobile-notice{margin-bottom:24px;display:block}@media (width>=1024px){.swp-challenge__mobile-notice{display:none}}.swp-challenge__complete{text-align:center;background:linear-gradient(135deg, var(--swp-teal-50), #fef3c7);border-radius:var(--r-lg);margin-top:24px;padding:48px 24px}.swp-challenge__complete-title{margin:12px 0 8px;font-size:24px;font-weight:800}.swp-challenge__complete-sub{color:var(--swp-ink-2);margin-bottom:16px;font-size:14px}.swp-challenge__fab{background:var(--color-primary);width:48px;height:48px;color:var(--color-primary-content);cursor:pointer;z-index:50;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0003}@media (width>=1024px){.swp-challenge__fab{display:none}}.swp-cstep{border-left:4px solid var(--swp-line);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--swp-paper);margin-bottom:16px;padding:20px 24px}.swp-cstep.is-done{opacity:.75;border-left-color:#16a34a}.swp-cstep.is-current{border-left-color:var(--swp-amber-600);background:var(--swp-amber-50)}.swp-cstep__head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.swp-cstep__num{background:var(--swp-paper-2);width:28px;height:28px;color:var(--swp-ink-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.swp-cstep.is-done .swp-cstep__num{color:#16a34a;background:#dcfce7}.swp-cstep.is-current .swp-cstep__num{background:var(--swp-amber-100);color:var(--swp-amber-600)}.swp-cstep__title{font-size:16px;font-weight:700}.swp-cstep__body{margin-bottom:12px;font-size:14px;line-height:1.8}.swp-cstep__hint{margin-bottom:8px;font-size:14px}.swp-cstep__hint summary{cursor:pointer;color:var(--color-primary);font-weight:600}.swp-cstep__answer{margin-bottom:12px;font-size:14px}.swp-cstep__answer summary{cursor:pointer;color:var(--swp-ink-2);font-weight:600}.swp-cstep__answer-warn{color:var(--swp-amber-600);margin:8px 0;font-size:13px;font-weight:600}.swp-cstep__answer-code,.swp-cstep__answer[open] .swp-cstep__answer-code{visibility:hidden;animation:0s 3s forwards swp-reveal}@keyframes swp-reveal{to{visibility:visible}}.swp-cstep__done-btn{background:var(--color-primary);color:var(--color-primary-content);border-radius:var(--r-md);cursor:pointer;border:none;padding:8px 20px;font-size:13px;font-weight:700}.swp-cstep.is-done .swp-cstep__done-btn{color:#16a34a;cursor:default;background:#dcfce7}.swp-badge--amber{background:var(--swp-amber-50);color:var(--swp-amber-700);border:1.5px solid var(--swp-amber-400)}.swp-badge--purple{color:#6d28d9;background:#f5f3ff;border:1.5px solid #c4b5fd}