.knowledge-mode-select{
  display:none!important;
}

.knowledge-mode-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}

.panel-body .knowledge-mode-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 8px;
  border:1px solid var(--border);
  border-radius:7px;
  background:linear-gradient(145deg,rgba(7,35,58,.82),rgba(3,20,36,.74));
  color:var(--text-muted);
  font:600 .76rem/1.25 var(--font-body);
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}

.panel-body .knowledge-mode-btn:hover,
.panel-body .knowledge-mode-btn:focus-visible{
  border-color:var(--accent);
  color:#dffbff;
  background:linear-gradient(145deg,rgba(0,91,128,.46),rgba(4,31,52,.86));
  box-shadow:0 0 16px rgba(34,211,238,.14);
  outline:none;
  transform:translateY(-1px);
}

.panel-body .knowledge-mode-btn.active{
  border-color:#67e8f9;
  color:#05121f;
  background:linear-gradient(135deg,#8cecf8,#22d3ee);
  box-shadow:0 0 18px rgba(34,211,238,.25);
}

.panel-body .knowledge-link-btn{
  border-color:rgba(255,174,75,.56);
  color:#ffd49c;
  background:linear-gradient(145deg,rgba(92,49,11,.48),rgba(35,24,18,.72));
}

.panel-body .knowledge-link-btn::after{
  content:'↗';
  margin-left:5px;
  font-size:.72rem;
}

.solar-lab-view-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}

.panel-body .solar-lab-view-btn{
  width:100%;
  min-height:32px;
  padding:6px 4px;
  border:1px solid var(--border);
  border-radius:6px;
  background:rgba(0,30,50,.58);
  color:var(--text-muted);
  font:600 .72rem/1.25 var(--font-body);
  cursor:pointer;
}

.panel-body .solar-lab-view-btn:hover,
.panel-body .solar-lab-view-btn:focus-visible{
  border-color:var(--accent);
  color:var(--accent);
  background:rgba(0,212,255,.1);
  outline:none;
}

.panel-body .solar-lab-view-btn.active{
  border-color:var(--accent);
  color:#06111e;
  background:linear-gradient(135deg,#67e8f9,#22d3ee);
  box-shadow:0 0 16px rgba(34,211,238,.28);
}

.solar-lab-view-note{
  margin:8px 0 0;
  color:var(--text-muted);
  font-size:.7rem;
  line-height:1.5;
}

.solar-lat-presets{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:8px;
}

.panel-body .solar-lat-presets button{
  width:100%;
  padding:5px 4px;
  border:1px solid var(--border);
  border-radius:5px;
  background:rgba(0,30,50,.5);
  color:var(--text-muted);
  font:500 .7rem/1.25 var(--font-body);
  cursor:pointer;
}

.panel-body .solar-lat-presets button:hover,
.panel-body .solar-lat-presets button:focus-visible,
.panel-body .solar-lat-presets button.active{
  border-color:var(--accent-warm);
  color:var(--accent-warm);
  background:rgba(255,107,53,.12);
  outline:none;
}

.solar-ground-slider-row{
  grid-template-columns:auto minmax(0,1fr) 3.8em;
  margin-top:9px;
}

.solar-ground-layer-checkboxes{
  margin-top:10px!important;
}

.solar-animation-scale{
  display:grid;
  grid-template-columns:1fr 68px 68px;
  align-items:center;
  gap:6px;
  margin-top:9px;
}

.solar-animation-scale>span{
  color:var(--text-muted);
  font-size:.72rem;
}

.panel-body .solar-animation-scale button{
  width:100%;
  padding:5px 6px;
  border:1px solid var(--border);
  border-radius:5px;
  background:rgba(0,30,50,.5);
  color:var(--text-muted);
  font:600 .7rem/1.2 var(--font-body);
  cursor:pointer;
}

.panel-body .solar-animation-scale button:hover,
.panel-body .solar-animation-scale button:focus-visible{
  border-color:var(--accent);
  color:var(--accent);
  outline:none;
}

.panel-body .solar-animation-scale button.active{
  border-color:var(--accent-warm);
  color:var(--accent-warm);
  background:rgba(255,107,53,.13);
  box-shadow:0 0 12px rgba(255,107,53,.16);
}

.solar-ground-stage{
  position:absolute;
  inset:0;
  z-index:5;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 24%,rgba(56,189,248,.17),transparent 34%),
    linear-gradient(180deg,rgba(8,29,51,.58),rgba(2,7,18,.18));
}

.solar-ground-stage[hidden]{display:none!important}
.solar-ground-stage canvas{display:block;width:100%;height:100%;cursor:grab}
.solar-ground-stage canvas:active{cursor:grabbing}

.solar-ground-readout{
  position:absolute;
  z-index:18;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(4,minmax(92px,1fr));
  gap:1px;
  width:min(640px,calc(100% - 190px));
  min-width:520px;
  overflow:hidden;
  border:1px solid rgba(0,212,255,.26);
  border-radius:8px;
  background:rgba(5,15,28,.9);
  box-shadow:0 12px 30px rgba(0,0,0,.32),0 0 20px rgba(0,212,255,.08);
  backdrop-filter:blur(10px);
  pointer-events:none;
}

.solar-ground-readout[hidden]{display:none!important}
.solar-ground-readout span{padding:8px 10px;text-align:center;background:rgba(0,40,70,.2)}
.solar-ground-readout small{display:block;margin-bottom:3px;color:var(--text-muted);font-size:.66rem}
.solar-ground-readout strong{display:block;color:#f8fbff;font-family:var(--font-display);font-size:.76rem;letter-spacing:.04em}

.solar-ground-hint{
  position:absolute;
  z-index:18;
  left:50%;
  bottom:58px;
  transform:translateX(-50%);
  padding:7px 12px;
  border:1px solid rgba(0,212,255,.22);
  border-radius:999px;
  background:rgba(5,15,28,.78);
  color:var(--text-muted);
  font-size:.7rem;
  pointer-events:none;
  backdrop-filter:blur(8px);
}

.solar-ground-hint[hidden]{display:none!important}
.stage-wrap.solar-ground-active #stage{visibility:hidden;pointer-events:none}
.stage-wrap.solar-ground-active #meridianLabels,
.stage-wrap.solar-ground-active #latitudeLabels{display:none!important}
.stage-wrap.solar-ground-active .stage-text-stack{visibility:hidden}
.stage-wrap.solar-ground-active .stage-movement-controls{z-index:22}
.stage-wrap.solar-ground-active .stage-reset-btn{display:inline-flex!important}

@media (max-width:1180px){
  .solar-ground-readout{top:58px;width:min(560px,calc(100% - 90px));min-width:0}
}

@media (max-width:760px){
  .solar-ground-readout{grid-template-columns:repeat(2,minmax(90px,1fr));top:54px;width:calc(100% - 24px)}
  .solar-ground-readout span{padding:6px 8px}
  .solar-ground-hint{bottom:58px;white-space:nowrap}
}

@media (prefers-reduced-motion:reduce){
  .solar-lab-view-btn{transition:none!important}
}