.hero-card{background:linear-gradient(120deg,#e7f0f8,#e9f6ef);border:1px solid #b9cfdf;border-radius:16px;padding:28px;margin:24px 0}.hero-card h2{margin-top:0}.journey-nav{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.journey-nav a{background:white;border:1px solid #c5d2df;border-radius:24px;padding:9px 16px;text-decoration:none;margin:0}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}.skill-grid .card{margin:0;display:flex;flex-direction:column;align-items:flex-start}.skill-grid button{width:100%;font-size:15px}.skill-grid form{margin-top:auto}.lesson section{padding:14px 0;border-bottom:1px solid #e6edf3}.lesson section[id=example]{background:#eef5fb;padding:20px;border-radius:10px}.lesson section[id=pitfall]{border-left:4px solid #d59618;padding-left:20px}h3{line-height:1.35}@media(max-width:600px){.hero-card{padding:20px}.journey-nav{gap:8px}.journey-nav a{font-size:14px}}
.result-workspace{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);gap:24px;margin:24px 0}.result-question-list{max-height:70vh;overflow:auto;display:flex;flex-direction:column;gap:10px}.result-question-list a{display:block;padding:10px;border:1px solid #d5e0e8;border-radius:8px}.result-question-list a[aria-current]{background:#e7f0f8;font-weight:700}progress{max-width:100%}.answer-feedback{padding:16px;border:1px solid #b9cfdf;border-radius:8px;margin-top:16px}@media(max-width:700px){.result-workspace{grid-template-columns:1fr}.result-question-list{max-height:180px}}