.rainbow-study{color:#dce4e7;font-variant-numeric:tabular-nums;background:radial-gradient(at 64% 24%,#213644 0,#132735 48%,#101f2c 100%);min-width:0;padding:25px 30px 17px;font-size:16px;line-height:1.55}.rainbow-study *{box-sizing:border-box}.rainbow-study p{margin:0}.rainbow-study svg{width:100%;height:auto;display:block}.rainbow-study svg text{fill:#d0dde0;font-family:inherit;font-size:24px}.rainbow-study b{font-weight:500}.rainbow-heading{color:#b6c8d3;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;display:flex}.rainbow-heading>span:first-child{letter-spacing:.12em}.rainbow-visual{flex-direction:column;justify-content:center;min-height:530px;padding:6px 0;display:flex}.rainbow-drop-svg{max-height:440px}.rainbow-study[data-view=concentration] .rainbow-drop-svg{max-height:315px}.rainbow-study[data-view=concentration] .rainbow-drop-svg text{font-size:29px}.rainbow-path-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,550px);margin:0 auto 18px;display:grid}.rainbow-path-steps>span{color:#9db2c1;justify-content:center;align-items:center;gap:9px;display:flex}.rainbow-path-steps b{border:1px solid #9fb7bc33;border-radius:50%;place-content:center;min-width:28px;height:28px;font-size:18px;display:grid}.rainbow-path-steps>[data-active=true]{color:#f2dcad}.rainbow-path-steps>[data-active=true] b{background:#cfb78018;border-color:#dbbf8066}.rainbow-concentration{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.rainbow-concentration p,.rainbow-spectrum p{color:#c4d3dc}.rainbow-concentration svg{max-height:190px}.rainbow-spectrum{padding:0 18px 8px}.rainbow-spectrum svg{max-height:108px}.rainbow-spectrum svg text{font-size:26px}.rainbow-observer-svg{max-height:450px}.rainbow-observer-key,.rainbow-sky-key{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;margin:13px 0;display:flex}.rainbow-observer-key>span{align-items:center;gap:9px;display:inline-flex}.rainbow-observer-key i{width:16px;height:3px}.rainbow-view-note{color:#d1dedc;text-align:center;max-width:660px;margin:0 auto!important}.rainbow-sky-svg{border-radius:28px;max-height:390px}.rainbow-sky-key{color:#c1d0d6}.rainbow-readout{border-top:1px solid #a4bac91f;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px;padding:17px 0 19px;display:grid}.rainbow-readout>span{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 14px;display:flex}.rainbow-readout small{color:#b3c6d3;font-size:16px}.rainbow-readout b{color:#e7d9b7;font-size:23px}.rainbow-method{border-top:1px solid #a4bac91f}.rainbow-method summary{cursor:pointer;color:#c2d1d8;min-height:44px;padding:10px 0}.rainbow-method p{color:#c3d3dc;margin:10px 0;font-size:16px}.rainbow-method a{color:#e8d3a9;align-items:center;min-height:44px;margin-right:24px;display:inline-flex}.rainbow-explore{border-top:1px solid #a4bac933;padding:17px 0 23px}.rainbow-view-switch{flex-wrap:wrap;gap:8px;display:flex}.rainbow-study button{min-height:44px;font:inherit;color:#d2e0e7;cursor:pointer;background:#b5c8d20b;border:1px solid #a4bfcd3b;border-radius:24px;padding:9px 16px;transition:background .2s,border-color .2s}.rainbow-study button:hover{background:#b5c8d220;border-color:#b8cfdb80}.rainbow-study button[aria-pressed=true]{color:#f0dcb3;background:#d1c0961b;border-color:#e2c78c73}.rainbow-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin-block:22px;display:grid}.rainbow-controls .control,.rainbow-controls .control-top{color:#d5e0e4;font-size:16px}.rainbow-controls .control-top{flex-wrap:wrap;gap:4px 10px}.rainbow-controls input{min-height:44px}.rainbow-study :is(button,summary,input,a):focus-visible{outline-offset:4px;outline:2px solid #e9cf9a}@media (max-width:760px){.rainbow-study[data-watch=true]{flex-direction:column;min-height:540px;display:flex}.rainbow-study[data-watch=true] .rainbow-method{margin-top:auto}.rainbow-study{padding:18px 12px 12px}.rainbow-heading{font-size:16px}.rainbow-heading>span:first-child{letter-spacing:.06em}.rainbow-visual{min-height:420px;padding:5px 0 12px}.rainbow-drop-svg{max-width:340px;max-height:440px;margin:0 auto}.rainbow-study[data-view=concentration] .rainbow-drop-svg{max-height:300px}.rainbow-study[data-view=concentration] .rainbow-drop-svg text{font-size:24px}.rainbow-concentration{grid-template-columns:minmax(0,1fr);gap:0}.rainbow-concentration svg{max-width:340px;max-height:174px;margin:0 auto}.rainbow-concentration p{text-align:center}.rainbow-spectrum{padding:0 0 6px}.rainbow-spectrum p{font-size:16px}.rainbow-spectrum svg{max-width:340px;margin:0 auto}.rainbow-spectrum svg text{font-size:24px}.rainbow-observer-svg{max-width:340px;max-height:350px;margin:0 auto}.rainbow-sky-svg{border-radius:19px;max-width:340px;max-height:292px;margin:0 auto}.rainbow-observer-key,.rainbow-sky-key{gap:8px 18px;margin:10px 0}.rainbow-path-steps{gap:6px;margin:4px 0 10px}.rainbow-path-steps>span{gap:5px}.rainbow-path-steps b{min-width:25px;height:25px;font-size:16px}.rainbow-readout{gap:12px;padding:13px 0}.rainbow-readout>span,.rainbow-readout small,.rainbow-readout b{display:block}.rainbow-readout b{margin-top:3px;font-size:22px}.rainbow-controls{grid-template-columns:minmax(0,1fr);gap:14px}}@media (prefers-reduced-motion:reduce){.rainbow-study button{transition:none}}.rainbow-controls .control output{font-size:16px}@media (max-width:760px){.rainbow-study[data-watch=true] .rainbow-heading>span:first-child{display:none}.rainbow-study[data-watch=true] .rainbow-visual{min-height:0;padding:8px 0}.rainbow-study[data-watch=true] .rainbow-path-steps{margin:6px 0;display:block}.rainbow-study[data-watch=true] .rainbow-path-steps>span:not([data-active=true]){display:none}.rainbow-study[data-watch=true] .rainbow-readout{flex-direction:column;gap:6px;padding:10px 0;display:flex}.rainbow-study[data-watch=true] .rainbow-readout>span{flex-wrap:nowrap;align-items:baseline;gap:10px;display:flex}.rainbow-study[data-watch=true] .rainbow-readout small{min-width:0;line-height:1.45}.rainbow-study[data-watch=true] .rainbow-readout b{white-space:nowrap;flex-shrink:0;margin:0;font-size:20px}.rainbow-study[data-watch=false] .rainbow-path-steps{grid-template-columns:1fr}.rainbow-study[data-watch=false] .rainbow-path-steps>span{justify-content:flex-start}}