/* StudyIntel brand layer for the app pages (Radar, Brief, Opportunities).
   Loaded after each page's own styles: it swaps the old clay-orange and serif headings for the
   site's teal palette and Instrument Sans, without touching page logic. */
:root{
  --navy:#0F2A2E; --ink:#0F2A2E; --paper:#F4F7F6; --card:#FFFFFF;
  --line:#D3DEDB; --muted:#56706B;
  --signal:#0E6E62; --signal-bg:#E3EFEC;
  --good:#0E6E62; --open:#0E6E62;
}
body{font-family:'Instrument Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif}
h1,h2,h3,h4,summary,.ghead h3,[style*="Fraunces"]{font-family:'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;font-stretch:85%;letter-spacing:-.01em}
.quote,.xpanel .q{font-family:'Newsreader', Georgia, serif}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0E6E62;outline-offset:2px}
/* the old dark header bar on Brief, and the dot in the logo */
[style*="background:#0E1A30"]{background:#0F2A2E !important}
[style*="background:#C9772F"]{background:#0E6E62 !important}

/* One family for actions on every page: teal buttons, white-with-teal-edge for the quieter one. */
.btn{background:#0E6E62;border-color:#0E6E62;color:#fff}
.btn:hover{background:#0A574D;border-color:#0A574D}
.btn.alt{background:#fff;color:#0E6E62;border:1.5px solid #0E6E62}
.btn.alt:hover{background:#E3EFEC}
.btn:disabled{opacity:.55}
.note{background:#E3EFEC}
.back{background:#0E6E62}
.back:hover{background:#0A574D}