@import url('../starling/style.css?v=starling-guia-20261003');
:root{--ach:#e8bd6b;--epp:#71d7ce;--vm:#76b9ee;--ca:#c7a5ec;--activation:#f29591}
.journey{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(285px,1fr);gap:22px;align-items:start;margin:22px 0}.scene-column,.dashboard{min-width:0}.dashboard{display:grid;gap:16px}.stage{height:580px;min-height:380px;background:radial-gradient(ellipse at 45% 50%,#274653 0,#142a38 50%,#0d1e29 100%)}.dashboard .card{padding:22px}.dashboard h2,.graphs h2,.guide h2,.references h2{margin:0 0 12px;font-size:21px}.badge{font:11px 'IBM Plex Mono',monospace;color:var(--mint);padding:10px 12px;border:1px solid var(--line);border-radius:8px}.journey-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.journey-controls label{display:flex;align-items:center;gap:8px;font-size:12px;margin-left:auto}.journey-controls input{width:110px;accent-color:var(--gold)}.time-control{padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#122633}.time-control label{display:flex;justify-content:space-between;gap:14px}.time-control input{width:100%;accent-color:var(--gold)}.time-control p,.dashboard p,.trace-grid p{font-size:12px;line-height:1.6;color:var(--muted);margin:9px 0}.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick button{font-size:12px;white-space:normal;padding:11px 7px}.quick .on{border-color:var(--gold);color:#ffe4a8;background:linear-gradient(#544a34,#272820)}.control{display:grid;gap:8px;border-top:1px solid #35506088;padding:13px 0;font-size:12px}.control span{display:flex;justify-content:space-between;gap:8px}.control input{width:100%;accent-color:var(--gold)}.control.epp input{accent-color:var(--epp)}.control select{width:100%;padding:9px;background:#0d1f2c;border:1px solid var(--line);border-radius:9px;color:var(--text)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px 12px;background:#0b1d2acc;border:1px solid #355060;border-left:3px solid currentColor;border-radius:10px;box-shadow:inset 0 1px #ffffff09,0 4px 12px #0002}.metric span{font-size:11px;display:block}.metric strong{font:21px 'IBM Plex Mono',monospace;display:block;margin-top:9px}.ach{color:var(--ach)}.epp{color:var(--epp)}.vm{color:var(--vm)}.ca{color:var(--ca)}.activation{color:var(--activation)}.mechanism{border-left:3px solid var(--gold)}.graphs,.ra-box,.guide,.references{margin-top:22px;padding:24px}.graphs-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.graphs-head>span{color:var(--muted);font-size:12px}.trace-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trace-grid h3{font-size:13px;min-height:40px}.trace-grid canvas{width:100%;height:240px;display:block;background:#0a1c29;border:1px solid var(--line);border-radius:12px}.ra-box model-viewer{height:360px;width:100%;background:#0d1e29;border-radius:14px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-grid article{border-left:3px solid currentColor;padding-left:13px}.guide h3{font-size:14px}.guide p,.references p{font-size:13px;color:var(--muted)}.anatomy-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.anatomy-labels span{position:absolute;padding:4px 7px;background:#0a1b28df;border:1px solid #6b8b9d;border-left:3px solid var(--gold);border-radius:6px;font:10px 'IBM Plex Mono',monospace;color:#e1edf5;white-space:nowrap;box-shadow:0 4px 12px #0005}.stage:fullscreen{height:100dvh;background:#142a38}.fullscreen-exit{display:none}.stage:fullscreen .fullscreen-exit{display:block;position:absolute;right:18px;top:60px}.rodape{display:flex;align-items:center;gap:18px;margin:25px auto}.rodape img{object-fit:contain}.signature{font-size:12px}.info-card{margin-top:16px}.references a{color:#b5d9f0;text-decoration:underline}.button:disabled{opacity:.4}.stage-hud{pointer-events:none}
@media(max-width:1100px){.journey{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr 1fr}.mechanism{grid-column:1/-1}.stage{height:520px}}
@media(max-width:650px){.shell{padding-left:14px;padding-right:14px}.badge{display:none}.brand small{max-width:185px;font-size:9px;letter-spacing:0}.topbar nav{gap:8px}.topbar .button{font-size:10px;padding:10px 8px}.progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.progress .step:last-child{grid-column:1/-1}.step{font-size:12px;padding:12px 8px}.stage{height:440px}.stage-hud span{font-size:9px}.dashboard,.trace-grid,.guide-grid{grid-template-columns:1fr}.journey-controls label{margin-left:0;width:100%}.graphs,.guide,.references,.ra-box{padding:18px}.trace-grid h3{min-height:0}.anatomy-labels span{font-size:9px;padding:3px 5px}.page-head h1{font-size:36px}.ra-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.ra-choices button:last-child{grid-column:1/-1}.rodape{gap:9px}.rodape img{width:60px}.signature{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Cena e experiência juntas, com aprofundamentos por abas. */
[hidden]{display:none!important}
.readings #shortening{color:var(--activation)}
.shell{width:min(1440px,100%)}h1,h2,h3{font-family:Inter,Arial,sans-serif}.page-head{margin-top:0;margin-bottom:8px}.page-head h1{font-weight:700}.step{min-width:0}
.shell{max-width:1440px}.page{padding-top:24px}.page-head{gap:12px}.page-head h1{font-size:42px;margin:7px 0}.page-note{font-size:14px;max-width:1000px;margin:8px 0 18px}.progress{margin:14px 0}.step{padding:12px 10px}.journey{grid-template-columns:minmax(0,2.8fr) minmax(300px,1fr);gap:18px;margin:18px 0}.stage{height:480px;min-height:350px}.dashboard{display:flex;flex-direction:column;gap:14px}.dashboard .card{padding:17px}.info-card{margin:0;padding:17px;border-left:3px solid var(--gold)}.info-card h2{font-size:18px;margin:6px 0}.info-card p{font-size:13px;line-height:1.55;margin:8px 0 0}.journey-controls{margin:10px 0;gap:7px}.journey-controls .button{padding:10px 13px;font-size:12px}.journey-controls label{margin:0}.journey-controls .speed-control{margin-left:auto}.journey-controls .loop-control{font-size:12px;gap:7px}.loop-control input{width:16px;height:16px}.journey-controls .speed-control input{width:85px}.time-control{padding:10px 14px}.time-control label{font-size:12px}.time-control p{margin:5px 0 0;line-height:1.4;font-size:11px}.readings{margin-top:12px;padding:14px 16px}.readings h2{font-size:16px;margin:0 0 10px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric{padding:10px 9px}.metric strong{font-size:18px;margin-top:5px}.readings p{font-size:11px;line-height:1.4;color:var(--muted);margin:8px 0 0}.quick{gap:6px}.quick button{padding:9px 6px}.control{gap:7px;padding:10px 0}.dashboard p{line-height:1.45;margin:7px 0}.dashboard h2{font-size:18px}.study-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.study-tabs .button{font-size:13px;padding:12px 18px}.study-tabs [aria-selected="true"]{color:#ffe4a8;border-color:#bc974f;background:linear-gradient(#544a34,#272820);box-shadow:inset 0 1px #fff3,0 4px 15px #e8bd6b13}.study .card{margin-top:10px;padding:20px}.study .mechanism{margin-top:20px;padding:14px;border-radius:12px}.study .mechanism h2{font-size:16px}.study .loop-note{font-size:12px;color:var(--muted)}.graphs-head{align-items:center}.trace-grid h3{min-height:0;margin:14px 0 9px}.ra-box model-viewer{height:310px}.guide-grid{gap:16px}.guide-grid h3{margin:6px 0}.references p{line-height:1.65}.rodape{margin:18px auto}.rodape img{width:60px;height:60px}
@media(min-width:1550px){.stage{height:540px}}
@media(max-width:1100px) and (min-width:851px){.journey{grid-template-columns:minmax(0,1fr) 300px}.stage{height:450px}.metrics{grid-template-columns:1fr 1fr}.journey-controls .speed-control{margin-left:0}}
@media(max-width:850px){.journey{grid-template-columns:1fr}.stage{height:460px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.journey-controls .speed-control{margin-left:auto}}
@media(max-width:650px){.page{padding-top:17px}.page-head h1{font-size:34px}.page-note{font-size:12px;line-height:1.55}.progress{margin:12px 0}.stage{height:400px}.dashboard{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.journey-controls label{width:auto}.journey-controls .speed-control{margin-left:0}.study-tabs{gap:6px}.study-tabs .button{flex:1 1 42%;padding:11px 7px;font-size:12px}.study .card{padding:16px}.guide-grid,.trace-grid{grid-template-columns:1fr}.info-card p{font-size:12px}.trace-grid{gap:10px}}