.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{display:flex;flex-direction:column;gap:1.25rem;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}.layer-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0 0 1.2rem}.layer-btn{appearance:none;-webkit-appearance:none;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.65rem .85rem;cursor:pointer;color:var(--text);transition:border-color .18s ease,background .18s ease;display:flex;flex-direction:column;gap:.15rem}.layer-btn:hover:not(.layer-btn-active){border-color:var(--muted)}.layer-btn-active{border-color:var(--accent);background:#8a34200d}.layer-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--line);margin-right:.5rem;vertical-align:middle}.layer-btn-active .layer-dot{background:var(--accent)}.layer-name{font-weight:600;font-size:.92rem}.layer-meta{font-family:var(--sans);font-size:.75rem;color:var(--muted);font-style:italic}.bare-pr{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.85rem 1rem .6rem}.bare-pr-head{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:0 0 .4rem}.bare-pr-state{font-family:var(--sans);font-size:.65rem;background:#2d7a3e;color:#fff;padding:.15rem .5rem;border-radius:5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.bare-pr-title{font-family:var(--serif-display);font-weight:600;font-size:1rem;color:var(--text)}.bare-pr-meta{margin:0 0 .4rem;font-family:var(--sans);font-size:.8rem;color:var(--muted)}.bare-pr-desc{margin:0 0 .85rem;font-style:italic;color:var(--muted);font-size:.9rem}.d-file{margin:.55rem 0}.d-file-name{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:var(--muted);background:var(--bg-soft);padding:.32rem .55rem;border:1px solid var(--line);border-bottom:none;border-radius:6px 6px 0 0}.d-hunk{background:var(--bg);border:1px solid var(--line);border-radius:0 0 6px 6px;overflow-x:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.55}.d-line{display:flex;padding:0 .55rem;white-space:pre}.d-sigil{display:inline-block;width:1.1rem;color:var(--muted);flex-shrink:0}.d-add{background:#2d7a3e14;color:#1a5a2e}.d-add .d-sigil{color:#2d7a3e}.d-del{background:#8a342014;color:var(--accent)}.d-del .d-sigil{color:var(--accent)}.d-ctx{color:var(--text)}.teach-wrap{display:flex;flex-direction:column;gap:1.1rem}.teach-explain{background:var(--bg);border:1px solid var(--line);border-left:3px solid #6fa8a4;border-radius:8px;padding:.95rem 1.1rem}.teach-card-title{font-family:var(--serif-display);font-size:1.05rem;font-weight:600;margin:0 0 .7rem;color:var(--text)}.teach-row{margin:0 0 .65rem;display:grid;grid-template-columns:5.5rem 1fr;gap:.75rem;align-items:start;line-height:1.55}.teach-row-stack{grid-template-columns:1fr;gap:.35rem}.teach-label{font-family:var(--sans);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;padding-top:.18rem}.teach-body{color:var(--text);font-size:.92rem}.teach-body code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem;background:var(--bg-soft);padding:.05rem .32rem;border-radius:3px}.teach-list{margin:0;padding:0 0 0 1.1rem;color:var(--text);font-size:.9rem;line-height:1.55}.teach-list li{margin:.2rem 0}.teach-list code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;background:var(--bg-soft);padding:.05rem .32rem;border-radius:3px}.teach-diff-label{margin:0 0 .45rem;font-family:var(--sans);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.layer-quiz{margin:0}.quiz-help{margin:0 0 1rem;color:var(--muted);font-size:.9rem;line-height:1.5}.quiz-list{list-style:none;counter-reset:q;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.quiz-item{counter-increment:q;padding:.85rem 1rem;background:var(--bg);border:1px solid var(--line);border-radius:8px}.quiz-q:before{content:"Q" counter(q) " · ";font-family:var(--sans);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.quiz-q{margin:0 0 .6rem;line-height:1.5;color:var(--text);font-size:.96rem}.quiz-opts{display:flex;flex-direction:column;gap:.4rem}.quiz-opt{appearance:none;-webkit-appearance:none;text-align:left;background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;padding:.55rem .8rem;font-family:inherit;color:var(--text);cursor:pointer;line-height:1.45;font-size:.9rem;transition:border-color .18s ease,background .18s ease}.quiz-opt:hover:not(:disabled){border-color:var(--accent)}.quiz-opt:disabled{cursor:default;opacity:.7}.quiz-opt-right{border-color:#2d7a3e;background:#2d7a3e14;opacity:1}.quiz-opt-wrong{border-color:var(--accent);background:#8a342014;opacity:1}.quiz-opt-correct{border-color:#2d7a3e;background:#2d7a3e0d;opacity:1}.quiz-feedback:not(:empty){margin-top:.7rem}.quiz-fb{margin:0;font-size:.88rem;color:var(--text);line-height:1.55;background:var(--bg-soft);padding:.5rem .7rem;border-radius:5px;border-left:2px solid var(--line)}.quiz-fb code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;background:var(--bg);padding:.05rem .3rem;border-radius:3px}.fb-good{color:#2d7a3e;margin-right:.4rem}.fb-bad{color:var(--accent);margin-right:.4rem}.quiz-result:not(:empty){margin-top:1.25rem}.quiz-result-card{padding:.95rem 1.1rem;background:var(--bg);border-left:3px solid var(--accent);border-radius:6px;line-height:1.55;color:var(--text)}.quiz-result-card strong{color:var(--accent)}.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-failure em{color:var(--accent);font-style:italic}.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}.layer-toggle{grid-template-columns:1fr}.teach-row{grid-template-columns:1fr;gap:.2rem}.teach-label{padding-top:0}}