.lesson-heading,.catalog-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lesson-heading h1,.catalog-heading h2{margin:8px 0}.level-badge{display:inline-block;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:700;white-space:nowrap}.level-입문{color:#0b7275;background:#dcf0ea}.level-기본{color:#285992;background:#e3eefc}.level-도전{color:#855009;background:#fff0d3}.eyebrow{color:#0b7275;font-weight:700}.lesson-time{font-size:14px;color:#607080;margin-left:12px}.lesson-brief{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:22px;border-radius:10px;padding:20px;background:#edf5f7}.lesson-brief h3{font-size:21px;margin:12px 0}.lesson-brief p{margin:8px 0}.where-card{background:white;border:1px solid #d5e2e8;padding:16px;border-radius:8px}.small-label{font-size:13px;color:#607080;font-weight:700;display:block}.button-link{display:inline-block;background:#0b7275;color:white;text-decoration:none;font-weight:700;padding:10px 16px;border:1px solid #0b7275;border-radius:7px}.button-link.secondary{background:white;color:#17324d;border-color:#b9cbd2}.scope-note{border-left:3px solid #a9c9d3;padding:10px 14px;background:#f5f8fa;font-size:15px}.lesson-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.example-card{min-width:0;border:1px solid #d5e2e8;border-radius:8px;padding:14px}.example-card pre{font-size:14px;margin:6px 0 14px;padding:10px;max-height:170px;overflow:auto}.example-function{font:13px ui-monospace,monospace;color:#607080;margin:6px 0 14px;overflow-wrap:anywhere}.expected-text{margin:6px 0;padding:10px;background:#eaf5f4;border-radius:6px;font-weight:700}.logic-hints,.prompt-panel,.code-basics{margin:18px 0;border:1px solid #d5e2e8;border-radius:8px;padding:12px 14px}.logic-hints summary,.prompt-panel summary,.code-basics summary,.provided-tool summary{font-weight:700;cursor:pointer}.notes-panel{border:1px solid #bcd3df;padding:16px;background:#f7fbfd;border-radius:8px;margin-top:18px}.notes-panel textarea{font:inherit;display:block;width:100%;min-width:0;resize:vertical;border:1px solid #b9cbd2;border-radius:7px;padding:12px;line-height:1.6}.notes-panel p{margin:6px 0 12px;font-size:14px}.scenario-panel{margin-top:22px;padding:16px;background:#f5f8fa;border-radius:8px}.scenario-panel pre{max-height:250px;overflow:auto}.next-hint{font-size:15px;color:#607080;margin-top:18px}.provided-tool{margin-top:22px;border:1px solid #d5e2e8;border-radius:8px;padding:16px}.provided-tool summary{color:#0b7275}.learning-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-left:22px}.learning-steps b,.learning-steps span{display:block}.learning-steps span{font-size:14px;color:#607080;margin-top:6px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lesson-card{display:flex;flex-direction:column;border:1px solid #d5e2e8;border-radius:10px;padding:18px;min-width:0}.lesson-card h3{font-size:20px;margin:14px 0 8px}.lesson-card p{margin:8px 0}.card-meta{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#607080}.card-concept{font-size:14px;color:#0b7275;font-weight:700}.card-file{font:13px ui-monospace,monospace;color:#607080}.lesson-card .button-link{margin-top:auto;text-align:center}.lesson-card .card-file{margin-bottom:20px}.region-task{padding:12px 14px;border-left:3px solid #f17c67;background:#fff5ed;margin:10px 0}.edit-marker{display:block;padding:8px 12px;border-radius:6px 6px 0 0;background:#fff0da;color:#875408;font-weight:700}.code-editor textarea[data-region]{border-color:#bd823f;border-top-left-radius:0;border-top-right-radius:0}.code-editor textarea[data-prompt-output]{background:#f5f8fa;color:#17324d;font:14px ui-monospace,monospace;white-space:pre-wrap;min-height:280px}.lesson-catalog:target,.code-editor:target{scroll-margin-top:18px}#handoff:target,#execute:target,#prepare:target{scroll-margin-top:18px}.test-function{display:block;font-size:12px;color:#607080;margin-top:5px}.lesson-picker{margin:18px 0}.catalog-heading+.muted{margin-top:4px}@media(max-width:850px){.lesson-brief{grid-template-columns:1fr}.learning-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:1fr}.lesson-example-grid{grid-template-columns:1fr}.example-card{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.example-card>.small-label,.example-card>.example-function{grid-column:1/-1}}@media(max-width:600px){.lesson-brief{padding:14px}.lesson-brief h3{font-size:19px}.learning-steps{grid-template-columns:1fr}.example-card{display:block}.where-card{padding:14px}.code-editor .actions .button-link{width:100%;text-align:center}}
.write-functions{list-style:none;padding:0;margin:10px 0}.write-functions li{margin:6px 0}.write-functions code{font-size:13px;overflow-wrap:anywhere}.where-card>.small-label{white-space:nowrap;margin:12px 0}.full-rules{padding:10px;background:#f5f8fa;border-radius:6px;font-size:15px}