.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-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 .85rem}.etude-turns{list-style:none;margin:0 0 1.4rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.etude-turns li{font-family:var(--serif);line-height:1.55;color:var(--text);padding:.55rem .85rem;background:var(--bg);border:1px solid var(--line);border-radius:8px}.etude-turns li strong{font-family:var(--sans);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-right:.5rem}.etude-prompt{margin:0 0 1rem;line-height:1.6;color:var(--text)}.etude-choices{display:flex;flex-direction:column;gap:.6rem}.etude-choice{appearance:none;-webkit-appearance:none;font-family:inherit;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.85rem 1rem;min-height:44px;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;color:var(--text);transition:border-color .18s ease,background .18s ease,transform .12s ease,box-shadow .18s ease}.etude-choice:hover{border-color:var(--accent);box-shadow:0 1px 3px #2b25200f}.etude-choice:active{transform:scale(.99)}.etude-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.etude-choice-label{display:flex;align-items:center;gap:.55rem;font-weight:600;font-size:1rem;color:var(--text)}.etude-choice-letter{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--line);color:var(--text);font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.02em;transition:background .18s ease,color .18s ease}.etude-choice:hover .etude-choice-letter{background:var(--accent);color:var(--bg)}.etude-choice-desc{font-size:.92rem;color:var(--muted);line-height:1.5;padding-left:2.05rem}.etude-choice-picked{border-color:var(--accent);background:#8a34200f}.etude-choice-picked .etude-choice-letter{background:var(--accent);color:var(--bg)}.etude-answer:not(:empty){margin-top:1.25rem;border-top:1px solid var(--line);padding-top:1.1rem}.etude-answer-verdict{font-family:var(--sans);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 .55rem}.etude-answer-verdict-flat{color:var(--accent)}.etude-answer-verdict-graph{color:#2d7a3e}.etude-answer-headline{margin:0 0 .75rem;line-height:1.5;color:var(--text)}.etude-answer-headline strong{color:var(--text)}.etude-answer-conf{color:var(--muted);font-style:italic;font-size:.9rem;margin-left:.4rem}.etude-provenance{font-size:.92rem;line-height:1.6;margin:.6rem 0 .9rem;padding-left:1.1rem;color:var(--text)}.etude-provenance li{margin:.2rem 0}.etude-provenance code{font-family:var(--sans);background:var(--bg);border:1px solid var(--line);padding:.05rem .35rem;border-radius:4px;font-size:.85rem}.etude-answer-detail{color:var(--muted);font-size:.95rem;line-height:1.55;margin:0}.etude-explain{margin:2rem 0 0}.etude-explain-title{font-family:var(--serif-display);font-size:1.3rem;line-height:1.25;margin:0 0 .75rem;letter-spacing:-.005em;color:var(--text)}.etude-explain p{margin:0 0 .85rem;line-height:1.6;color:var(--text)}.etude-coda{margin:2.5rem 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}.etude-choice{padding:.75rem .85rem;min-height:44px}.etude-choice-desc{padding-left:0}.etude-explain-title{font-size:1.2rem}}
