/* R6.4.9: listening first, with deeper study on demand. */
:root{--muted:#beb9b0}body{font-size:16px;line-height:1.55}main{max-width:1500px;padding-top:30px}.ragaHero{min-height:420px;padding:42px;display:grid;grid-template-columns:1.4fr 1fr;position:relative;overflow:hidden;background:radial-gradient(ellipse at 86% 30%,#23344866,transparent 60%),linear-gradient(125deg,#211c1266,#090d15 70%)}.heroCopy{position:relative;z-index:1}.ragaHero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.04;margin:20px 0 12px}.ragaHero h2{font-size:clamp(24px,2.7vw,36px);color:var(--gold2);margin-bottom:20px}.ragaHero p{max-width:640px;font-size:18px}.ragaHero .heroFoot{font-size:14px;margin-top:22px;color:var(--muted)}.kicker,.heroLabel{font-size:12px;letter-spacing:.16em}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.actionLink{display:inline-flex;align-items:center;gap:18px;min-height:46px;padding:9px 18px;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;font-weight:600}.actionLink.primary,#play{background:var(--gold2);color:#15120c;border-color:var(--gold2)}.actionLink:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.heroOrbit{aspect-ratio:1;max-width:370px;width:100%;justify-self:center;position:relative;display:grid;place-items:center}.heroRing{position:absolute;border:1px solid #d6ad6180;border-radius:50%;inset:5%;box-shadow:0 0 55px #d6ad610b,inset 0 0 50px #d6ad610b}.heroRing.inner{inset:22%;border-color:#76a6ff90;transform:rotate(-28deg)}.heroRing i{position:absolute;top:50%;left:50%;width:100%;height:100%;margin:-50%;animation:orbitInvitation 38s linear infinite}.heroRing i:after{content:'';position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--gold2);box-shadow:0 0 15px var(--gold)}.heroRing.inner i{animation-duration:25s;animation-direction:reverse}.heroRing.inner i:after{background:var(--blue);box-shadow:0 0 15px var(--blue)}.heroCore{font:26px Georgia,serif;text-align:center;color:var(--gold2);letter-spacing:.1em}.heroCore span{display:block;font:11px/2.6 system-ui;letter-spacing:.18em;color:var(--muted)}.heroOrbitLabel{position:absolute;bottom:-10px;font-size:12px;color:var(--muted)}@keyframes orbitInvitation{to{transform:rotate(360deg)}}
.howItWorks{margin:0 0 30px;padding:13px 22px}.howItWorks summary{font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps b{display:block;color:var(--gold2);margin-bottom:8px}.explorerHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;scroll-margin-top:90px}.explorerHeader h2,.related h2{font:32px/1.2 Georgia,serif;margin:6px 0 14px}.depthModes{display:flex;flex-wrap:wrap;gap:6px}.depthModes [aria-pressed=true]{border-color:var(--gold2);background:#d6ad611c}#depthHelp{flex:1 0 100%;font-size:15px;color:var(--muted);margin:0 0 18px}.setupDock{margin-bottom:18px;display:flex;flex-wrap:wrap;gap:8px 20px;padding:20px}.setupDock .controls{width:100%;grid-template-columns:1.1fr 1.1fr 1fr 1fr;border-top:0;padding:0 0 15px;gap:18px}.control label{font-size:14px;color:var(--text);margin-bottom:8px}.control:nth-child(2){order:-1}.setupDock .transport{justify-content:flex-start;padding:0;align-items:center}.setupDock .actionsLine{margin:0;align-items:center}.setupHint{font-size:14px;color:var(--muted);margin:8px 0 0;flex:1 0 100%}.soundBox{flex:1 0 100%;min-width:0;border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 0 0;margin-top:5px;background:transparent;box-shadow:none;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.soundActions button{flex:none}.soundStatus{font-size:14px;margin:0}.soundActions #enableSound{background:transparent;border-color:var(--line)}
.stage{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:18px;align-items:start}.orreryPanel{padding:22px;min-width:0}.fieldHeading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:18px}.fieldHeading span:first-child{color:var(--gold2)}.journey{display:flex;flex-direction:column;gap:4px}.journey strong{font-size:20px;font-weight:500}.journey span{font-size:16px;color:var(--blue2)}#cycleProgress{width:100%;height:5px;appearance:none;border:0;display:block;margin:16px 0 0;background:#272622;color:var(--gold)}#cycleProgress::-webkit-progress-bar{background:#272622}#cycleProgress::-webkit-progress-value{background:var(--gold)}#cycleProgress::-moz-progress-bar{background:var(--gold)}#orrery{width:100%;max-width:740px}#centerKind,#centerPos{font-size:15px}#centerMode{font-size:12px;letter-spacing:.5px}#samEvent{font-size:12px}.ragaPanel{grid-column:auto;padding:24px}.ragaPanel .ragaColumns{display:flex;flex-direction:column;gap:14px}.ragaPanel h2{font-size:30px}.sectionTitle{font-size:14px;letter-spacing:.04em}.listenFor,.method,.compareRead,.tihaiResult{font-size:16px;line-height:1.65}.noteChip{font-size:18px;min-width:38px}.noteChip.active{color:#fff;background:#254c7b;border:2px solid var(--blue2)}.registerLabel,.metaRow,.chip,.catalogNote,.soundStatus,.compareWitnessRead{font-size:14px;line-height:1.5}.modeButtons button{font-size:16px}.modeButtons small{display:block;font-size:14px;margin-top:4px;color:var(--muted)}.classTag,.lineageReference .lineageLabel,.lineageReference a,.lineageReference small{font-size:14px;letter-spacing:.02em}.possibilitySpace .psLabel,.possibilitySpace strong,.possibilitySpace .psCurrent{font-size:14px;letter-spacing:.02em}.sourceDetail summary:before,.howItWorks summary:before,.rhythmDetails>summary:before,.compareDetails summary:before{content:'+';color:var(--gold2);margin-right:12px;font-size:22px}details[open]>summary:before{content:'−'}.sourceDetail summary{font-size:16px}.rhythmDetails{margin:18px 0}.rhythmDetails .talaPanel{box-shadow:none;border:0;background:transparent;padding:12px 0}.rhythmDetails .metaGrid{grid-template-columns:repeat(2,1fr);gap:0 24px}.lower{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.lower>.panel{padding:24px}.panel h3{font-size:27px;line-height:1.2}.tihaiGrid{gap:12px;margin-top:18px}.tihaiGrid label{font-size:14px}.tihaiGrid input{margin-top:7px}.compareControls{margin:14px 0}.compareControls label{font-size:14px}#findMeeting{margin:6px 0 14px}.meetingResult{border-left:3px solid var(--gold);padding:12px 16px;background:#d6ad6110;font-size:18px}.related{padding:26px;margin-top:28px}.relatedGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.relatedGrid a{padding:20px;border:1px solid var(--line);border-radius:12px;text-decoration:none}.relatedGrid strong{font-size:20px;display:block;margin-bottom:9px}.relatedGrid span{color:var(--muted);font-size:16px}.statusline{font-size:15px}body[data-depth=explorer] .musicianOnly{display:none!important}
@media(max-width:1050px){.stage{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.ragaHero{padding:28px;grid-template-columns:1.4fr 1fr}.heroOrbit{max-width:280px}.ragaPanel .ragaColumns{display:flex}.lower{grid-template-columns:1fr}.tihaiGrid{max-width:600px}}
@media(max-width:760px){main{padding:16px 12px 35px}.ragaHero{min-height:0;grid-template-columns:1fr;padding:25px}.heroOrbit{max-width:230px;margin:12px auto 20px}.ragaHero p{font-size:16px}.ragaHero h1{font-size:48px}.stage{display:grid;grid-template-columns:1fr}.ragaPanel{grid-column:1}.setupDock{padding:16px}.setupDock .controls{grid-template-columns:1fr 1fr}.setupDock .transport button{flex:1 1 auto}.orreryPanel{padding:15px}.steps,.relatedGrid{grid-template-columns:1fr;gap:10px}.rhythmDetails .metaGrid{grid-template-columns:1fr}.lower>.panel{padding:18px}.ragaPanel{padding:20px}.journey strong{font-size:18px}.soundBox{display:block}.soundStatus{margin-top:10px}.actionsLine button{font-size:14px}.tihaiGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tihaiGrid label{font-size:13px}.heroActions .actionLink,.heroActions button{font-size:14px}.fieldHeading{font-size:11px;letter-spacing:0}}
@media(max-width:420px){.setupDock .controls{grid-template-columns:1fr}.ragaHero h1{font-size:40px}.depthModes button{padding:0 11px}.tihaiGrid{grid-template-columns:1fr}.heroOrbit{max-width:190px}}
@media(prefers-reduced-motion:reduce){.heroRing i{animation:none}}

.diagramScroll{overflow-x:auto;margin-top:12px}.diagramScroll svg{min-width:600px}#tihaiMap text,#compareMap text{font-size:16px}#tihaiMap,#compareMap{margin-top:0}.diagramScroll:focus-visible{outline:2px solid var(--blue);outline-offset:2px}