/* Compact overview cards. Keep the primary value and its label visually together. */
.stats{gap:9px;margin-bottom:10px}
.stats article{min-height:64px;padding:8px 12px;gap:12px;align-items:center}
.stats i{width:36px;height:36px}
.stats i svg{width:23px;height:23px}
.stats strong{font-size:23px;line-height:1.05}
.stats span{font-size:11px;margin:1px 0 3px;line-height:1.15}
.stats small{font-size:10px;line-height:1.15}

/* Text-only neon halo: the letters stay crisp while the glow shifts hue. */
.stats article:first-child strong,.stats article:first-child>div>span{color:#f1f7ff;animation:context-neon 5s ease-in-out infinite alternate}
@keyframes context-neon{
  0%{text-shadow:0 0 3px #74cfff,0 0 8px #179dffb3,0 0 17px #087eff8c}
  45%{text-shadow:0 0 3px #b9b3ff,0 0 9px #9474ffb3,0 0 20px #8852ff8c}
  100%{text-shadow:0 0 3px #ffb7e8,0 0 10px #ff6cceb3,0 0 20px #ec46b98c}
}
.panel-scroll,#tasks,#change-list{scrollbar-width:thin;scrollbar-color:#26708f #07131f;overscroll-behavior:contain}
.panel-scroll::-webkit-scrollbar,#tasks::-webkit-scrollbar,#change-list::-webkit-scrollbar{width:6px}
.panel-scroll::-webkit-scrollbar-thumb,#tasks::-webkit-scrollbar-thumb,#change-list::-webkit-scrollbar-thumb{background:#26708f;border-radius:5px}
.panel-scroll:focus-visible,#tasks:focus-visible,#change-list:focus-visible{outline:1px solid #42ccff;outline-offset:-2px}

@media(min-width:1101px){
  .header{height:50px}
  .hero{height:clamp(286px,36dvh,335px);min-height:0;padding:12px 0}
  .hero-copy{padding-top:3px}
  .repository-map{min-height:0;height:100%}
  .stats article{height:64px;min-height:64px}
  .dashboard{height:clamp(140px,calc(100dvh - 575px),210px);min-height:0}
  .dashboard>.panel{display:flex;flex-direction:column;min-height:0}
  .dashboard .panel-heading{height:36px;min-height:36px;flex-shrink:0}
  #tasks,#change-list,.insights-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden}
  .live-panel .panel-foot{flex-shrink:0;padding:6px 12px}
  .dashboard .task{min-height:50px;padding-top:7px;padding-bottom:7px}
  .dashboard .change{min-height:55px}
  .bottom-banner{display:grid;grid-template-columns:1.3fr 1.1fr auto;gap:22px;height:110px;min-height:110px;padding:12px 0 0}
  .bottom-copy h2{font-size:clamp(17px,1.4vw,23px)}
  .bottom-copy>p:last-child{font-size:10px}
  .benefits{margin-top:16px;gap:17px;padding-left:20px}
  .benefits>div{font-size:9px;gap:7px}
  .bottom-action .button{min-width:180px}
  .site-shell>footer{height:34px;min-height:34px}
}
@media(min-width:1101px) and (max-height:820px){
  .hero-copy .eyebrow{font-size:10px;margin-bottom:8px}
  .hero-copy h1{font-size:clamp(30px,2.65vw,40px);margin-bottom:8px}
  .hero-lead{font-size:13px;line-height:1.35;margin-bottom:7px}
  .hero-description{font-size:11px;line-height:1.4;margin-bottom:12px}
  .hero-actions .button{min-height:34px;padding:0 15px;font-size:11px}
}
@media(max-width:1100px){
  .insights-scroll{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;min-width:0}
}
@media(max-width:720px){
  .stats article{min-height:64px;padding:8px 10px;gap:10px}
  .stats article:last-child{min-height:62px}
  .stats article:last-child small{margin-top:0}
  .stats strong{font-size:21px}
  .insights-scroll{display:block}
  .dashboard>.panel{display:flex;flex-direction:column;max-height:270px}
  .dashboard .panel-heading{flex-shrink:0}
  #tasks,#change-list,.insights-scroll{overflow:auto;min-height:0}
  .live-panel .panel-foot{flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){
  .stats article:first-child strong,.stats article:first-child>div>span{animation:none;text-shadow:0 0 6px #289eff99,0 0 13px #d566be66}
}

/* Keep the decorative horizon inside the page's content width. */
.bottom-banner #terrain{left:0;width:100%}