.etude-page{max-width:38rem;margin:0 auto;padding:0}.etude-head{margin-bottom:2rem}.etude-kicker{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 .6rem}.etude-title{font-family:var(--serif-display);font-size:2.25rem;line-height:1.15;margin:0 0 .5rem;letter-spacing:-.01em}.etude-relief{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:1.05rem;margin:0 0 1rem;line-height:1.45}.etude-nav{font-family:var(--sans);font-size:.85rem;color:var(--muted)}.etude-nav a{color:var(--muted);text-decoration:none}.etude-nav a:hover{color:var(--accent)}.etude-nav-sep{margin:0 .5rem;opacity:.5}.etude-intro{margin:0 0 1.5rem}.etude-intro p{margin:0 0 .85rem;line-height:1.6}.etude-stage{min-height:22rem}.etude-card{background:var(--bg-soft);border-radius:12px;padding:1.5rem 1.5rem 1.25rem}.etude-step{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 1rem}.step-bar{list-style:none;margin:0 0 .85rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;font-family:var(--sans);font-size:.78rem}.step-bar li{display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--muted);letter-spacing:.02em;line-height:1;transition:border-color .22s ease,color .22s ease,background .22s ease,opacity .22s ease}.step-bar li.step-pending{opacity:.45}.step-bar li.step-done{color:var(--muted);opacity:.7}.step-bar li.step-done:before{content:"✓";margin-right:.3rem;color:#5aa86a;font-weight:700}.step-bar li.step-active{border-color:var(--accent);color:var(--text);background:#d6a52b14;font-weight:700;opacity:1}.term{background:#1c1814;border-radius:10px;overflow:hidden;border:1px solid var(--line);margin:0 0 1.2rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.55}.term-chrome{display:flex;align-items:center;gap:.4rem;background:#2a241e;padding:.5rem .85rem;border-bottom:1px solid #3a322a}.term-dot{width:.65rem;height:.65rem;border-radius:50%}.term-dot-r{background:#d96a5a}.term-dot-y{background:#d6a52b}.term-dot-g{background:#5aa86a}.term-title{margin-left:.7rem;font-size:.72rem;color:#b8a99a;letter-spacing:.02em}.term-body{padding:.85rem 1rem;height:26rem;overflow-y:auto;color:#e8dcc8;scroll-behavior:smooth}.term-body::-webkit-scrollbar{width:6px}.term-body::-webkit-scrollbar-thumb{background:#3a322a;border-radius:3px}.term-line{white-space:pre-wrap;word-break:break-word}.term-prefix{color:#b8a99a}.term-shellprompt .term-prefix{color:#6fa8a4}.term-ccprompt .term-prefix{color:#d6a52b}.term-typed{color:#f4ead6}.caret{display:inline-block;color:#f4ead6;animation:termblink 1s steps(2) infinite;margin-left:0}@keyframes termblink{0%,49%{opacity:1}50%,to{opacity:0}}.term-echo{display:block;color:#b8a99a}.term-gap{height:.45rem}.term-clear-spacer{height:26rem}@media(max-width:32rem){.term-clear-spacer{height:22rem}}.term-step-header{margin:1.1rem 0 .5rem;padding:.55rem .75rem;background:#6fa8a41f;border-left:4px solid #6fa8a4;border-radius:4px;color:#d4f0ee;font-weight:700;font-size:.95rem;letter-spacing:.02em}.term-explain,.term-stop{color:#c9b890;margin:.25rem 0;border-left:2px solid #6fa8a4;padding-left:.45rem}.term-stop{border-left-color:#d6a52b}.term-block-line{white-space:pre}.term-review{color:#f0d896;margin:.25rem 0;background:#d6a52b14;border-left:3px solid #d6a52b;padding:.45rem .7rem;border-radius:4px}.term-review .term-block-line{white-space:pre}.term-diff{color:#c9b890;margin:.25rem 0;background:#16120e;padding:.35rem .6rem;border-radius:4px}.term-diff .term-block-line{white-space:pre}.term-diff .term-block-line.diff-del{color:#d96a5a}.term-diff .term-block-line.diff-add{color:#7fb98a}.term-diff .term-block-line.diff-file{color:#e8dcc8;font-weight:600}.term-progress{display:flex;align-items:center;gap:.6rem;margin:.25rem 0;color:#b8a99a}.bar{display:inline-block;width:14rem;max-width:60%;height:.55rem;background:#3a322a;border-radius:4px;overflow:hidden}.fill{display:block;height:100%;background:#6fa8a4;transition:width .1s linear}.pct{font-size:.72rem;color:#b8a99a;font-variant-numeric:tabular-nums}.controls{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:0 0 1rem}.etude-next{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:.9rem;font-weight:600;letter-spacing:.01em;padding:.65rem 1.2rem;min-height:44px;border:none;background:var(--text);color:var(--bg);border-radius:6px;cursor:pointer;transition:background .18s ease,transform .12s ease,opacity .18s ease}.etude-next:hover:not(:disabled){background:var(--accent)}.etude-next:active:not(:disabled){transform:scale(.97)}.etude-next:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.etude-next:disabled{opacity:.45;cursor:not-allowed}.etude-ghost{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:.9rem;font-weight:600;padding:.65rem 1.2rem;min-height:44px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;cursor:pointer;transition:border-color .18s ease,background .18s ease,opacity .18s ease}.etude-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.etude-ghost:disabled{opacity:.45;cursor:not-allowed}.speed{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--sans);font-size:.82rem;color:var(--muted)}.speed-label{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.speed select{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:.85rem;padding:.32rem 1.6rem .32rem .55rem;border:1px solid var(--line);border-radius:5px;background:var(--bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path fill='%23888' d='M5 6L0 0h10z'/></svg>") no-repeat right .45rem center/8px 5px;color:var(--text);cursor:pointer}.banner{margin:0;min-height:0;opacity:0;transform:translateY(6px);transition:opacity .38s ease,transform .38s ease}.banner-shown{opacity:1;transform:translateY(0);padding:1rem 1.15rem;border-left:3px solid var(--accent);background:#8a34200f;border-radius:6px;font-size:.98rem;line-height:1.55;color:var(--text)}.banner em{color:var(--accent);font-style:italic}.etude-failure{margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--line)}.etude-failure-title{font-family:var(--serif-display);font-size:1.35rem;line-height:1.25;margin:0 0 .75rem;letter-spacing:-.005em;color:var(--text)}.etude-failure p{margin:0 0 .85rem;line-height:1.6;color:var(--text)}.etude-coda{margin:2rem 0 0;padding-top:1.25rem;border-top:1px solid var(--line)}.etude-coda p{color:var(--muted);font-style:italic;line-height:1.6;margin:0}@media(max-width:32rem){.etude-title{font-size:1.85rem}.etude-card{padding:1.15rem 1.1rem 1rem;border-radius:10px}.term-body{height:22rem;padding:.7rem .85rem;font-size:.74rem}.speed{margin-left:0}.controls{gap:.5rem}.step-bar{font-size:.72rem;gap:.25rem}.step-bar li{padding:.22rem .55rem}}