.tutorial-layout[data-astro-cid-keqliolo]{display:grid;grid-template-columns:minmax(0,820px) 240px;gap:3rem;max-width:1160px;margin:0 auto}.tutorial-main[data-astro-cid-keqliolo]{min-width:0}.tutorial-toc[data-astro-cid-keqliolo]{position:relative}.toc-sticky[data-astro-cid-keqliolo]{position:sticky;top:6rem;padding-top:2rem;max-height:calc(100vh - 7rem);overflow-y:auto;scrollbar-width:thin}.toc-sticky[data-astro-cid-keqliolo]::-webkit-scrollbar{width:4px}.toc-sticky[data-astro-cid-keqliolo]::-webkit-scrollbar-thumb{background:#8080804d;border-radius:2px}.toc-title[data-astro-cid-keqliolo]{font-family:var(--font-sans);font-size:.68rem;font-weight:800;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin:0 0 .7rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.toc-list[data-astro-cid-keqliolo],.toc-terms[data-astro-cid-keqliolo]{list-style:none;padding:0;margin:0 0 1.5rem;font-family:var(--font-sans);font-size:.78rem;line-height:1.55}.toc-list[data-astro-cid-keqliolo] li[data-astro-cid-keqliolo],.toc-terms[data-astro-cid-keqliolo] li[data-astro-cid-keqliolo]{margin:0 0 .4rem}.toc-list[data-astro-cid-keqliolo] a[data-astro-cid-keqliolo]{display:block;color:var(--muted);text-decoration:none;padding:.2rem .45rem;border-left:2px solid transparent;border-radius:0 2px 2px 0;transition:all .15s;letter-spacing:.01em}.toc-list[data-astro-cid-keqliolo] a[data-astro-cid-keqliolo]:hover{color:var(--ink);background:#f5f5f00a}.toc-list[data-astro-cid-keqliolo] a[data-astro-cid-keqliolo].is-active{color:var(--accent);border-left-color:var(--accent);background:#c964420f}.toc-terms[data-astro-cid-keqliolo]{font-size:.72rem;color:var(--muted)}.toc-terms[data-astro-cid-keqliolo] li[data-astro-cid-keqliolo]{margin-bottom:.25rem}.toc-terms[data-astro-cid-keqliolo] a[data-astro-cid-keqliolo]{display:block;padding:.15rem .4rem;border-left:2px solid rgba(201,100,66,.3);line-height:1.45;color:var(--muted);text-decoration:none;transition:all .15s}.toc-terms[data-astro-cid-keqliolo] a[data-astro-cid-keqliolo]:hover{color:var(--accent);border-left-color:var(--accent);background:#c964420d}@media (max-width: 1060px){.tutorial-layout[data-astro-cid-keqliolo]{grid-template-columns:1fr}.tutorial-toc[data-astro-cid-keqliolo]{display:none}}.back-nav[data-astro-cid-keqliolo]{margin-bottom:2rem}.back-nav[data-astro-cid-keqliolo] a[data-astro-cid-keqliolo]{font-family:var(--font-sans);font-size:.85rem;color:var(--ink);text-decoration:none}.yt-wrap[data-astro-cid-keqliolo]{position:relative;width:100%;aspect-ratio:16 / 9;margin-bottom:2rem;background:var(--ink)}.yt-wrap[data-astro-cid-keqliolo] iframe[data-astro-cid-keqliolo]{position:absolute;inset:0;width:100%;height:100%;border:0}.tutorial-image[data-astro-cid-keqliolo]{width:100%;height:360px}.tutorial-hero-figure[data-astro-cid-keqliolo]{margin:0 0 2rem}.tutorial-hero-caption[data-astro-cid-keqliolo]{font-family:var(--font-sans);font-size:.78rem;line-height:1.55;color:var(--muted);opacity:.8;margin:.7rem 0 0;padding:0 .3rem;letter-spacing:.01em}.tutorial-body[data-astro-cid-keqliolo] figure.tutorial-figure{margin:1.75rem 0;padding:0}.tutorial-body[data-astro-cid-keqliolo] figure.tutorial-figure svg{display:block;max-width:100%;height:auto;margin:0 auto}.tutorial-body[data-astro-cid-keqliolo] figure.tutorial-figure figcaption{font-family:var(--font-sans);font-size:.74rem;line-height:1.55;color:var(--muted);opacity:.75;margin:.6rem 0 0;text-align:left;padding:0 .15rem;letter-spacing:.01em}.tutorial-body[data-astro-cid-keqliolo] figure.tutorial-figure figcaption code{font-family:var(--font-mono, ui-monospace, monospace);font-size:.9em;background:#f5f5f00f;padding:.08em .3em;border-radius:2px}.tutorial-body[data-astro-cid-keqliolo] blockquote{margin:1.5rem 0;padding:1rem 1.25rem;background:#f5f5f008;border-left:3px solid rgba(201,100,66,.5);border-radius:0 4px 4px 0}.tutorial-body[data-astro-cid-keqliolo] blockquote p{margin:0 0 .5rem;font-family:var(--font-serif);font-size:.95rem;line-height:1.65}.tutorial-body[data-astro-cid-keqliolo] blockquote p:last-child{margin-bottom:0}.tutorial-body[data-astro-cid-keqliolo] blockquote strong{color:var(--accent);font-weight:700}.tutorial-body[data-astro-cid-keqliolo] blockquote code{font-family:var(--font-mono, ui-monospace, monospace);font-size:.88em;background:#f5f5f014;padding:.08em .35em;border-radius:2px}.tutorial-meta-row[data-astro-cid-keqliolo]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;font-family:var(--font-sans);font-size:.82rem;color:var(--muted)}.tutorial-tier[data-astro-cid-keqliolo]{font-family:var(--font-sans);font-size:.65rem;font-weight:600;letter-spacing:.05em;padding:.15rem .5rem;border-radius:2px}.tutorial-title[data-astro-cid-keqliolo]{font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:400;margin:0 0 1.5rem;line-height:1.25;letter-spacing:-.02em}.tutorial-desc[data-astro-cid-keqliolo]{font-family:var(--font-serif);font-size:1.1rem;line-height:1.8;margin-bottom:3rem;color:var(--ink);opacity:.85}.tutorial-body[data-astro-cid-keqliolo] p{font-family:var(--font-serif);font-size:1.05rem;line-height:1.85;margin:0 0 1.3em!important;color:var(--ink)}.tutorial-body[data-astro-cid-keqliolo] strong{font-weight:700}.tutorial-body[data-astro-cid-keqliolo] em{font-style:italic}.tutorial-body[data-astro-cid-keqliolo] h2{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;margin:2.8em 0 1em!important;padding-bottom:.4em;border-bottom:1px solid var(--border)}.tutorial-body[data-astro-cid-keqliolo] h3{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;margin:2em 0 .7em!important;color:var(--accent)}.tutorial-body[data-astro-cid-keqliolo] blockquote{border-left:3px solid var(--accent);padding:.4em 0 .4em 1.4em;margin:1.8em 0!important;font-style:italic;opacity:.88;font-size:1.08rem}.tutorial-body[data-astro-cid-keqliolo] blockquote p{margin:0!important}.tutorial-body[data-astro-cid-keqliolo] hr{border:0;height:1px;background:linear-gradient(to right,transparent,var(--border) 20%,var(--border) 80%,transparent);margin:2.5em auto!important;width:80%}.tutorial-body[data-astro-cid-keqliolo] code{font-family:var(--font-mono, "JetBrains Mono", Consolas, monospace);font-size:.88em;background:var(--card-bg);padding:.15em .4em;border-radius:3px;color:var(--accent)}.tutorial-body[data-astro-cid-keqliolo] pre{background:#0d0d0d;color:#f5f5f0;border:1px solid var(--border);border-radius:4px;padding:1.1em 1.3em;overflow-x:auto;margin:1.6em 0!important;font-size:.9em;line-height:1.65}.tutorial-body[data-astro-cid-keqliolo] pre code{background:none;padding:0;font-size:inherit;line-height:inherit;color:inherit}.tutorial-body[data-astro-cid-keqliolo] ul,.tutorial-body[data-astro-cid-keqliolo] ol{padding-left:1.6em!important;margin:0 0 1.4em!important}.tutorial-body[data-astro-cid-keqliolo] li{font-family:var(--font-serif);font-size:1.02rem;line-height:1.8;margin-bottom:.4em!important}.tutorial-body[data-astro-cid-keqliolo] li p{margin:0!important}.tutorial-body[data-astro-cid-keqliolo] table{border-collapse:collapse;margin:1.8em 0!important;width:100%;font-family:var(--font-sans);font-size:.95rem}.tutorial-body[data-astro-cid-keqliolo] thead{background:var(--ink);color:var(--bg)}.tutorial-body[data-astro-cid-keqliolo] th{border:1px solid var(--border);padding:.75em 1em!important;text-align:left;font-weight:600}.tutorial-body[data-astro-cid-keqliolo] td{border:1px solid var(--border);padding:.7em 1em!important;color:var(--ink)}.tutorial-body[data-astro-cid-keqliolo] tbody tr:nth-child(2n){background:#ffffff05}.tutorial-cta[data-astro-cid-keqliolo]{margin-top:4rem}.tutorial-cta[data-astro-cid-keqliolo] hr[data-astro-cid-keqliolo]{margin-bottom:2rem}.tutorial-cta[data-astro-cid-keqliolo] p[data-astro-cid-keqliolo]{font-family:var(--font-sans);font-size:1rem;font-weight:600;margin-bottom:1.5rem}.tutorial-actions[data-astro-cid-keqliolo]{display:flex;gap:1rem;flex-wrap:wrap}.btn-outline[data-astro-cid-keqliolo]{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.85rem;padding:.6rem 1.2rem;border-radius:2rem;border:1px solid var(--border);color:var(--ink);text-decoration:none;cursor:pointer;background:transparent;transition:opacity .15s}.btn-outline[data-astro-cid-keqliolo]:hover{opacity:.6}.btn-filled[data-astro-cid-keqliolo]{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.85rem;font-weight:700;padding:.65rem 1.4rem;border-radius:2rem;border:0;background:var(--accent);color:var(--bg);text-decoration:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,background .15s}.btn-filled[data-astro-cid-keqliolo]:hover{transform:translateY(-1px);background:#d47450}.tutorial-quiz[data-astro-cid-keqliolo]{margin-top:4rem}.tutorial-quiz[data-astro-cid-keqliolo] hr[data-astro-cid-keqliolo]{margin-bottom:2rem}.quiz-title[data-astro-cid-keqliolo]{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}.quiz-sub[data-astro-cid-keqliolo]{font-family:var(--font-serif);font-size:.95rem;line-height:1.6;color:var(--muted);margin:0 0 2rem;max-width:40rem}.quiz-list[data-astro-cid-keqliolo]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.6rem}.quiz-item[data-astro-cid-keqliolo]{padding:1.3rem 1.5rem;background:#28282838;border:1px solid rgba(255,255,255,.06);border-radius:8px}.quiz-q[data-astro-cid-keqliolo]{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;line-height:1.55;color:var(--ink);margin:0 0 1rem}.quiz-options[data-astro-cid-keqliolo]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.quiz-option[data-astro-cid-keqliolo]{border:1px solid var(--border);border-radius:6px;transition:border-color .15s,background .15s}.quiz-option[data-astro-cid-keqliolo] label[data-astro-cid-keqliolo]{display:grid;grid-template-columns:auto 28px 1fr;align-items:center;gap:.75rem;padding:.7rem .9rem;cursor:pointer;font-family:var(--font-serif);font-size:.98rem;line-height:1.5;color:var(--ink)}.quiz-option[data-astro-cid-keqliolo] input[data-astro-cid-keqliolo][type=radio]{accent-color:var(--accent);margin:0}.quiz-option[data-astro-cid-keqliolo] .opt-letter[data-astro-cid-keqliolo]{font-family:var(--font-sans);font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--muted);text-align:center}.quiz-option[data-astro-cid-keqliolo]:hover{border-color:var(--accent)}.quiz-option[data-astro-cid-keqliolo].is-chosen{background:#c964420f;border-color:var(--accent)}.quiz-option[data-astro-cid-keqliolo].is-correct{border-color:#3aa974;background:#3aa97414}.quiz-option[data-astro-cid-keqliolo].is-correct .opt-letter[data-astro-cid-keqliolo]{color:#3aa974}.quiz-option[data-astro-cid-keqliolo].is-wrong{border-color:#d64550;background:#d645500f}.quiz-option[data-astro-cid-keqliolo].is-wrong .opt-letter[data-astro-cid-keqliolo]{color:#d64550}.quiz-explain[data-astro-cid-keqliolo]{margin:.9rem 0 0;padding:.75rem 1rem;font-family:var(--font-serif);font-size:.9rem;line-height:1.6;color:var(--muted);border-left:2px solid var(--accent);background:#f5f5f008;border-radius:0 4px 4px 0}.quiz-actions[data-astro-cid-keqliolo]{margin-top:1.5rem;display:flex;gap:.75rem;flex-wrap:wrap}.quiz-result[data-astro-cid-keqliolo]{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:6px;border:1px solid var(--border);background:#14141459}.quiz-score[data-astro-cid-keqliolo]{font-family:var(--font-sans);font-size:1.1rem;font-weight:800;letter-spacing:.04em;margin:0 0 .3rem;color:var(--accent)}.quiz-verdict[data-astro-cid-keqliolo]{font-family:var(--font-serif);font-size:.95rem;line-height:1.55;margin:0;color:var(--ink)}.quiz-verdict[data-astro-cid-keqliolo].is-pass{color:#3aa974}.quiz-verdict[data-astro-cid-keqliolo].is-fail{color:var(--muted)}.tutorial-stamp[data-astro-cid-keqliolo]{margin:3rem 0 0;padding:1.5rem 1.75rem;border:1px dashed rgba(201,100,66,.35);border-radius:8px;background:#1414144d}.stamp-status[data-astro-cid-keqliolo]{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.stamp-chip[data-astro-cid-keqliolo]{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.78rem;font-weight:600;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);transition:all .2s}.stamp-chip[data-astro-cid-keqliolo] .stamp-icon[data-astro-cid-keqliolo]{font-weight:800;opacity:.5;font-size:.9rem}.stamp-chip[data-astro-cid-keqliolo] .stamp-date[data-astro-cid-keqliolo]{font-family:var(--font-mono, ui-monospace, monospace);font-size:.72rem;opacity:.7}.stamp-chip[data-astro-cid-keqliolo].is-stamped{background:#c964421a;border-color:var(--accent);color:var(--ink)}.stamp-chip[data-astro-cid-keqliolo].is-stamped .stamp-icon[data-astro-cid-keqliolo]{opacity:1;color:var(--accent)}.stamp-manual[data-astro-cid-keqliolo]{margin-right:.5rem}.stamp-hint[data-astro-cid-keqliolo]{font-family:var(--font-serif);font-size:.85rem;line-height:1.5;color:var(--muted);margin:1rem 0 0}html[data-lang=en] .tutorial-body-ko,html:not([data-lang]) .tutorial-body-ko{display:none}html[data-lang=ko] .tutorial-body-en{display:none}html[data-lang=en] .toc-ko,html:not([data-lang]) .toc-ko{display:none}html[data-lang=ko] .toc-en{display:none}html{scroll-behavior:smooth}.tutorial-body h2[id],.tutorial-body blockquote[id]{scroll-margin-top:5rem}