/* Research pages skin.
   Maps the old report palette (--bg/--panel/--txt) onto the shared SATGAS
   tokens so every report follows the same light and dark theme. */

:root{
  color-scheme: light;
  --bg:#eeebe4;
  --panel:#fffdf8;
  --panel2:#e3dfd6;
  --txt:#0a0908;
  --dim:#5c574f;
  --line:rgba(10,9,8,.22);
  --accent:#35617f;
  --green:#2e7d5b;
  --red:#b3402f;
  --gold:#8a6d1f;
}

[data-theme="dark"]{
  color-scheme: dark;
  --bg:#111418;
  --panel:#1e232a;
  --panel2:#181c22;
  --txt:#e8e4dc;
  --dim:#a8a39a;
  --line:#5f6a76;
  --accent:#8fb6d2;
  --green:#7fd1a8;
  --red:#e88f9c;
  --gold:#d8b06a;
}

html{background:var(--bg)}
body{
  background:var(--bg)!important;
  color:var(--txt)!important;
  font-family:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  line-height:1.6;
}

/* The old brand row is replaced by the shared site header. */
.wrap > .top{display:none!important}

.wrap{max-width:1120px!important;padding-top:28px}
h1,h2,h3,.brand,.badge,.tag,.card .v{font-family:Archivo,system-ui,sans-serif}
h2{border-left-color:var(--accent)!important}
a{color:var(--accent)}
.panel,.card,.split>div,.scen .box,ul.reports li{
  background:var(--panel)!important;
  border-color:var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.badge,.tag{border-color:var(--line)!important;background:var(--panel2)!important;color:var(--dim)!important}
/* site.css defines .badge as the square SG logo; report badges must keep
   their inline pill shape. Scope the reset to content, not the header. */
.wrap .badge{
  display:inline-block!important;width:auto!important;height:auto!important;
  min-width:0!important;place-items:initial!important;
  background:var(--panel2)!important;color:var(--dim)!important;
  border:1px solid var(--line)!important;border-radius:6px!important;
  padding:1px 7px!important;font:400 11px/1.6 Archivo,system-ui,sans-serif!important;
  letter-spacing:0!important;text-transform:none!important;
}
.wrap .tag{
  display:inline-block!important;background:var(--panel2)!important;
  color:var(--dim)!important;border:1px solid var(--line)!important;
  padding:1px 6px!important;font:400 11px/1.6 Archivo,system-ui,sans-serif!important;
}
table{border-color:var(--line)}
th,td{border-bottom-color:var(--line)!important}
.note{border-top-color:var(--line)!important;color:var(--dim)!important}
.lead{color:var(--txt)!important}
.meta{display:flex!important;flex-wrap:wrap!important;gap:8px 10px!important;
  align-items:center!important;line-height:1.45!important}
.meta>*{flex:0 0 auto}
.badge{position:static!important;white-space:nowrap}

/* Keep the shared header sticky and above report content. */
.site-head{position:sticky;top:0;z-index:60}
.site-head + .wrap, .site-head + main{padding-top:24px}

@media (max-width:640px){
  .wrap{padding-left:16px!important;padding-right:16px!important}
  .meta{gap:6px 10px!important;line-height:1.45}
  .badge,.tag{white-space:nowrap;margin-right:0!important}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .card{padding:10px!important}
  .card .v{font-size:1.05rem!important}
}
@media (max-width:360px){
  .cards{grid-template-columns:1fr!important}
}