.studio-page{max-width:1500px;margin:auto}.studio-welcome{display:grid;grid-template-columns:minmax(0,1fr) 230px;background:#e3ebdf;padding:32px;border-radius:24px;margin-bottom:24px;gap:24px}.studio-welcome h2{font-family:Georgia,serif;font-size:2.3rem;margin:20px 0}.studio-welcome p{max-width:640px;line-height:1.7}.studio-symbol{align-self:center;text-align:center;font-size:100px;color:#3b665b}.studio-symbol span{display:block;font:italic 18px Georgia,serif}.studio-filter{margin:24px 0}.studio-filter input{flex:1;min-width:160px}.studio-filter select{width:auto;max-width:100%}.studio-toolbar{display:flex;align-items:center;gap:12px;background:white;border:1px solid #d8dfd4;border-radius:16px;padding:16px;margin-bottom:18px}.studio-toolbar label{margin:0;white-space:nowrap}.studio-toolbar select{flex:1;min-width:0}.studio-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.studio-tabs button{font-size:.84rem;padding:10px 14px;min-height:44px}.studio-tabs button.active{background:#23443b;color:white;border-color:#23443b}#study-status:not(:empty){padding:15px;background:#fff5d9;border-radius:12px;margin-bottom:16px}.studio-reader{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.studio-paper{padding:clamp(22px,4vw,55px);background:#fffefb}.studio-paper h2{font-family:Georgia,serif;line-height:1.25;margin:22px 0;font-size:1.9rem}.studio-paper .prose{font-size:1.04rem;line-height:1.85}.studio-paper .prose p{margin:1em 0}.studio-reader aside button{margin:6px 0;max-width:100%}.studio-reader aside .panel{padding:24px}.studio-reader aside p,.studio-gate p{line-height:1.65}.studio-gate h2{margin:16px 0;font-family:Georgia,serif}.studio-gate{padding:30px;max-width:850px}.studio-gate button{margin-top:14px}.studio-disclaimer{font-size:.8rem;line-height:1.6;color:#656e60;border-left:3px solid #9aa88b;padding:10px 16px;margin-bottom:24px}.studio-citations{margin:18px 0;font-size:.83rem;line-height:1.6}.studio-citations summary{cursor:pointer;color:#345f51;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.studio-citations blockquote{background:#f0f3eb;border-left:3px solid #98aa83;padding:14px;margin:8px 0;overflow-wrap:anywhere}.studio-citations small{display:block;margin-top:8px;color:#72786c}.studio-map-root{background:#27463d;color:white;border-radius:20px;padding:26px;max-width:600px;margin:0 auto 35px;text-align:center;position:relative}.studio-map-root:after{content:'';position:absolute;bottom:-35px;height:35px;width:2px;background:#b3c2a8}.studio-map-root span{letter-spacing:2px;font-size:.7rem;color:#cbdabc}.studio-map-root h2{margin:10px 0}.studio-map-root p{font-size:.85rem;color:#d4dece}.studio-map-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;border-top:2px solid #b3c2a8;padding-top:22px}.studio-map-branches article{position:relative}.studio-map-branches article:before{content:'';position:absolute;top:-24px;left:50%;height:22px;width:2px;background:#b3c2a8}.studio-map-branches h3{margin:16px 0}.studio-index{font:italic 28px Georgia,serif;color:#527262}.studio-memory{display:grid;gap:20px}.studio-memory h2{font-family:Georgia,serif;font-size:2rem;margin:16px 0}.studio-rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.studio-rooms button{display:flex;flex-direction:column;gap:14px;text-align:left;padding:25px;background:#e8e9df;border-radius:20px;transition:transform .18s}.studio-rooms button:hover{transform:translateY(-4px)}.studio-rooms span{font-size:42px}.studio-lab{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.85fr) minmax(240px,1fr);gap:18px;align-items:stretch}.studio-lab h2{margin:15px 0}.studio-lab p{line-height:1.7}.studio-lab fieldset{border:0;padding:0;margin-top:24px}.studio-lab legend{font-weight:700;margin-bottom:12px}.studio-condition{display:flex;align-items:center;gap:12px;cursor:pointer;background:#f1f3ed;border:1px solid #dce2d7;border-radius:12px;min-height:56px;padding:14px;margin:8px 0}.studio-condition:has(input:checked){background:#e1ebd9;border-color:#6a8767}.studio-condition input{width:20px;flex:none}.studio-lab-model{border-radius:22px;background:#e6eddc;padding:24px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .3s}.studio-lab-model[data-outcome=no_aplica]{background:#f4e4dc}.studio-lab-model[data-outcome=indeterminado]{background:#ede9da}.studio-lab-model svg{width:100%;max-width:340px}.studio-lab-model svg circle{fill:#fff;stroke:#54785e;stroke-width:2}.studio-lab-model .lab-wire{stroke:#5a8068;stroke-width:7;stroke-dasharray:9 6}.studio-lab-model .lab-filter{fill:#305e51}.studio-lab-model svg text{text-anchor:middle;font:12px sans-serif;fill:#18342b}.studio-lab-model .lab-filter+text{fill:white}.studio-lab-model .lab-result{fill:#c0d7af}.studio-lab-model[data-outcome=no_aplica] .lab-result{fill:#edb59e}.studio-lab-model[data-outcome=indeterminado] .lab-result{fill:#e8d9a5}.studio-lab-model h3{margin-bottom:12px}.studio-contrast{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.studio-bucket{background:#f2f3ed;border:2px dashed #b1c0a5;border-radius:16px;padding:22px}.studio-bucket button{width:100%}.studio-case{background:#25493f;color:white;padding:24px;border-radius:16px;font-size:1.2rem;line-height:1.6;cursor:grab;margin-bottom:20px}.studio-coach{display:grid;grid-template-columns:1fr 1fr;gap:22px}.studio-coach h2{margin:15px 0}.studio-coach blockquote{padding:20px;border-left:3px solid #b7b99d;background:#f5f3e9;line-height:1.7;margin:16px 0}.studio-coach blockquote small{display:block;font-size:.7rem;margin-bottom:12px}.studio-coach textarea{min-height:190px}.studio-coach #coach-question{font-size:1.15rem;line-height:1.7}.studio-person{display:grid;place-content:center;width:80px;height:80px;border-radius:28px 28px 24px 5px;background:#3f6555;color:#f1d6a7;font:40px Georgia,serif;margin-bottom:25px}.studio-coach #coach-send{margin-top:20px}#coach-feedback{margin-top:22px}.studio-quest{background:#e0e9d7;border:1px solid #bdcdb3;border-radius:26px;padding:30px;margin-bottom:22px}.studio-quest h2{font-family:Georgia,serif;font-size:2.1rem;margin:16px 0}.studio-quest svg{width:100%;max-height:235px}.studio-quest svg text{fill:#1f4539;font:20px sans-serif}.quest-player{transition:transform .7s ease}.studio-waypoints{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.studio-quest-footer{padding:24px 0}.studio-book{display:block;width:100%;text-align:left;margin:10px 0;padding:15px}.studio-book small{display:block;margin-top:8px}.studio-page-edit{display:grid;grid-template-columns:minmax(100px,220px) 1fr;gap:20px;border-bottom:1px solid #e1e4dc;padding:24px 0}.studio-page-edit:not(:has(img)){grid-template-columns:1fr}.studio-page-edit img{width:100%;max-height:420px;object-fit:contain;background:#f1f1eb}.studio-page-edit textarea{width:100%}.studio-story{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.studio-story h2{margin:16px 0;font-family:Georgia,serif}.studio-story p{line-height:1.65}.studio-dialogue{max-height:450px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:8px 0 20px}.studio-dialogue article{max-width:90%;padding:16px 20px;border-radius:17px;background:#edf1e6;align-self:flex-start}.studio-dialogue .story-user{background:#294b40;color:white;align-self:flex-end}.studio-dialogue small{font-size:.7rem;opacity:.7}.studio-story textarea{margin-bottom:15px}.studio-story #story-status,#coach-status,#book-status{margin-top:16px;line-height:1.5}.studio-page pre{white-space:pre-wrap;overflow-wrap:anywhere}.studio-page .panel,.studio-reader>*,.studio-coach>*,.studio-story>*,.studio-lab>*{min-width:0}.studio-page details>summary{cursor:pointer;min-height:44px;padding:10px 0}.studio-page h2,.studio-page h3,.studio-case{overflow-wrap:anywhere}
@media(max-width:1150px){.studio-lab{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-lab>article{grid-column:1/-1}.studio-reader{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:800px){.studio-reader,.studio-coach,.studio-story{grid-template-columns:minmax(0,1fr)}.studio-reader aside{order:1}.studio-welcome{grid-template-columns:1fr;padding:24px}.studio-symbol{display:none}.studio-welcome h2{font-size:1.8rem}.studio-toolbar{flex-wrap:wrap}.studio-toolbar select{flex-basis:100%}.studio-lab{grid-template-columns:minmax(0,1fr)}.studio-lab>article{grid-column:auto}.studio-contrast{grid-template-columns:minmax(0,1fr)}.studio-tabs button{flex:1 0 130px}.studio-waypoints{gap:8px}.studio-waypoints button{padding:10px;font-size:.8rem}.studio-quest{padding:20px}.studio-page-edit{grid-template-columns:1fr}.studio-page-edit img{max-height:220px}.studio-filter{align-items:stretch}.studio-filter select{width:100%}.studio-rooms{grid-template-columns:1fr 1fr}.studio-dialogue article{max-width:100%}}
/* Navegación larga: mantiene visibles los controles de sesión sin desbordar el panel. */
.sidebar{height:100dvh;overflow:hidden}.sidebar .brand{flex-shrink:0;margin-bottom:16px}.sidebar>.nav-group{flex-shrink:0}.sidebar .nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#526a72 #101e2d}.sidebar .side-bottom{flex-shrink:0;margin-top:0;padding-top:12px}.sidebar .side-note{display:none}
@media(max-width:700px){.sidebar:not(.open){visibility:hidden;pointer-events:none}.sidebar.open{visibility:visible;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.quest-player,.studio-lab-model,.studio-rooms button{transition:none}.studio-rooms button:hover{transform:none}}