/* Artificial Index R23 — unified observatory interface */
:root{
  --r23-bg:#090e16;
  --r23-panel:rgba(19,28,42,.82);
  --r23-panel-strong:#131d2b;
  --r23-line:rgba(148,180,215,.16);
  --r23-text:#f5f9ff;
  --r23-muted:#9eacbd;
  --r23-cyan:#38d9f5;
  --r23-blue:#6f8cff;
  --r23-violet:#a978ff;
  --r23-shadow:0 24px 70px rgba(0,0,0,.28);
}

html{color-scheme:dark}
body{
  background:
    radial-gradient(circle at 12% -8%,rgba(56,217,245,.13),transparent 28rem),
    radial-gradient(circle at 88% 4%,rgba(111,140,255,.12),transparent 32rem),
    linear-gradient(180deg,#0e1622 0,var(--r23-bg) 54%,#080c12 100%) !important;
  color:var(--r23-text) !important;
  -webkit-font-smoothing:antialiased;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}
::selection{background:rgba(56,217,245,.28);color:#fff}
a,button,input,select,summary{transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--r23-cyan);outline-offset:3px}

.top,.topbar{
  background:rgba(8,14,23,.78) !important;
  border-bottom:1px solid var(--r23-line) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(22px) saturate(135%) !important;
}
.topin,.topinner{min-height:74px}
.top .brand,.topbar .brand{color:#fff;font-weight:850;letter-spacing:-.02em}
.top .brand small,.topbar .brand small{color:#8fa3b8}
.nav a,.side-link{border:1px solid transparent}
.nav a:hover,.side-link:hover,.side-link.active{
  color:#fff !important;background:rgba(56,217,245,.07) !important;border-color:rgba(56,217,245,.15) !important;
}
.global-search input,.search,select,input[type="search"]{
  background:rgba(9,16,27,.88) !important;border-color:rgba(146,177,211,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);color:#fff !important;
}
.global-search input:focus,.search:focus,input[type="search"]:focus{
  border-color:rgba(56,217,245,.7) !important;box-shadow:0 0 0 4px rgba(56,217,245,.1) !important;
}
.sidebar{padding:8px;border:1px solid var(--r23-line);border-radius:16px;background:rgba(12,19,30,.55);box-shadow:0 18px 50px rgba(0,0,0,.14)}
.side-title{color:#71859a !important}

.hero{padding-top:40px !important}
.eyebrow{color:var(--r23-cyan) !important}
h1{color:#f8fbff;text-wrap:balance}
.hero h1 span{background:linear-gradient(90deg,#fff 12%,#8deaff 56%,#a98bff) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
.lead,.hero p{color:#b5c2d1 !important}
.note,.notice{
  border:1px solid rgba(56,217,245,.16) !important;border-left:3px solid var(--r23-cyan) !important;
  background:linear-gradient(90deg,rgba(56,217,245,.075),rgba(111,140,255,.035)) !important;color:#cbd7e4 !important;
}
.btn,.filter,.pill,.tag,.badge{
  border-color:rgba(145,176,210,.2) !important;background:rgba(20,31,46,.82) !important;
}
.btn.primary,.filter.active{
  color:#061018 !important;border-color:transparent !important;background:linear-gradient(115deg,var(--r23-cyan),#88e6ff 55%,#9a8fff) !important;
  box-shadow:0 9px 28px rgba(56,217,245,.16);
}
.btn:hover,.filter:hover{transform:translateY(-1px);border-color:rgba(56,217,245,.4) !important}
.tag.coverage{color:#9af0ff !important;border-color:rgba(56,217,245,.38) !important;background:rgba(56,217,245,.09) !important;font-weight:800}

.card,.stat,.fact,.panel,.feature,details,.stage,.side,.tablewrap,.modal-box,.ai-metric-card,.ai-rstat{
  border-color:var(--r23-line) !important;
  background:linear-gradient(145deg,rgba(25,36,53,.9),rgba(13,21,33,.94)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),var(--r23-shadow) !important;
}
.card{border-radius:17px !important}
.card:before{height:2px !important;opacity:.9}
.card:hover{transform:translateY(-4px) !important;border-color:rgba(113,162,210,.34) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 70px rgba(0,0,0,.34) !important}
.card p,.panel p,.panel li,.feature p,.answer,.muted,.meta{color:var(--r23-muted) !important}
.stat strong,.fact strong{color:#fff}
.stat span,.fact small{color:#8497aa !important}
.source{background:rgba(9,16,26,.5) !important;border-color:var(--r23-line) !important;border-left-color:var(--accent,var(--r23-cyan)) !important}
table{background:rgba(10,17,27,.54) !important}
th{background:rgba(24,35,51,.96) !important}
th,td{border-color:rgba(148,180,215,.11) !important}
summary:after{color:var(--r23-cyan) !important}
.footer{border-top:1px solid var(--r23-line);padding-top:24px !important;color:#718398 !important}

@media(max-width:820px){
  .sidebar{display:none}.hero{padding-top:28px !important}.topin,.topinner{min-height:64px}.layout,.wrap{padding-left:16px !important;padding-right:16px !important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto !important;transition:none !important}}