/*
 * chrome.css — canonical shared chrome for Evidara (nav + footer + tokens).
 * Single source of truth so nav/footer can't drift per-page again.
 *
 * Classes are prefixed (.site-nav / .app-nav / .site-foot) to avoid colliding
 * with any page's existing bare nav{}/footer{} rules during migration.
 *
 * Variants:
 *   .site-nav   — dark marketing nav  (marketing/solutions pages)
 *   .app-nav    — light tool nav      (research, reports, monitors, chat, …)
 *   .site-foot  — dark marketing footer
 *
 * Design system: Fraunces (headings) + Inter (body) + green #0a6e4f.
 */

:root{
  --green:#0a6e4f; --green-d:#085c42; --green-l:rgba(10,110,79,.1); --green-ll:rgba(10,110,79,.05);
  --ink:#111827; --ink-2:#374151; --mut:#6b7280; --faint:#9ca3af;
  --paper:#f9fafb; --paper-2:#f3f4f6; --card:#ffffff; --line:#e5e7eb; --line-2:#eef0f2;
  --dark:#0d1117;
  --r:6px; --nav-h:64px;
  /* --mono is a real monospace stack: PMIDs, NCT IDs, and query text are
     load-bearing mono in the tools. System stack only — deliberately no
     webfont, and deliberately not a display face (6d4c8ec reverted the
     Geist Mono era, where mono was applied to eyebrows/labels/footings). */
  --sans:'Inter',sans-serif; --serif:'Fraunces',serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* Nav links never underline / inherit page <a> quirks, regardless of the
   host page's own link styles (some pages default <a> to underline). */
.site-nav a,.app-nav a{text-decoration:none}

/* ── Shared logo mark ─────────────────────────────────────────────────────── */
.ev-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ev-logo-box{width:30px;height:30px;border:1.5px solid var(--green);border-radius:4px;display:flex;align-items:center;justify-content:center}
.ev-logo-text{font-family:var(--serif);font-size:19px;font-weight:300;letter-spacing:-.01em}
.ev-logo-text em{font-style:normal;color:var(--green)}

/* ══════════════════════════════════════════════════════════════════════════
   DARK marketing nav — .site-nav
   ══════════════════════════════════════════════════════════════════════════ */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:500;height:var(--nav-h);background:rgba(13,17,23,.96);backdrop-filter:saturate(140%) blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-nav .nav-in{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);max-width:1120px;margin:0 auto;padding:0 48px}
.site-nav .ev-logo{color:#fff}
.site-nav .n-cert{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(10,110,79,.75);border:1px solid rgba(10,110,79,.25);padding:2px 7px;border-radius:2px;font-weight:500;margin-left:2px}
/* position:static/transform reset defensively overrides pages whose old inline
   .n-links rule absolutely-centered the list (e.g. developer.html) */
.site-nav .n-links{display:flex;gap:0;list-style:none;margin:0;padding:0;position:static;left:auto;top:auto;transform:none}
.site-nav .n-links a::after{display:none}
.site-nav .n-links>li>a,.site-nav .n-links>li>span{display:block;padding:6px 14px;font-family:var(--sans);font-size:14px;color:rgba(255,255,255,.6);cursor:pointer;border-radius:var(--r);transition:color .2s;font-weight:400}
.site-nav .n-links>li>a:hover,.site-nav .n-drop:hover>span{color:#fff}
.site-nav .n-drop{position:relative}
.site-nav .n-drop::after{content:'';position:absolute;top:100%;left:0;width:100%;height:8px}
.site-nav .n-drop>span::after{content:'⌄';margin-left:5px;font-size:11px;opacity:.5}
.site-nav .n-drop-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;background:rgba(13,17,23,.98);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:8px;min-width:290px;z-index:100;box-shadow:0 8px 40px rgba(0,0,0,.4)}
.site-nav .n-drop:hover .n-drop-menu{display:block}
.site-nav .n-drop-item{display:block;padding:9px 14px;border-radius:4px;transition:background .15s}
.site-nav .n-drop-item:hover{background:rgba(255,255,255,.06)}
.site-nav .n-drop-item-label{display:block;font-family:var(--sans);font-size:13px;font-weight:500;color:#fff;margin-bottom:2px}
.site-nav .n-drop-item-desc{display:block;font-family:var(--sans);font-size:11.5px;color:rgba(255,255,255,.4);line-height:1.4}
.site-nav .n-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.site-nav .n-login{font-family:var(--sans);font-size:13px;font-weight:400;color:rgba(255,255,255,.75)}
.site-nav .n-login:hover{color:#fff}
.site-nav .n-cta{font-family:var(--sans);font-size:13px;font-weight:500;color:#fff;background:var(--green);padding:10px 22px;border-radius:var(--r);transition:background .2s}
.site-nav .n-cta:hover{background:var(--green-d)}
@media(max-width:900px){.site-nav .n-links{display:none}}

/* ══════════════════════════════════════════════════════════════════════════
   LIGHT tool nav — .app-nav
   ══════════════════════════════════════════════════════════════════════════ */
.app-nav{position:sticky;top:0;z-index:500;height:var(--nav-h);background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line)}
.app-nav .nav-in{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);max-width:1180px;margin:0 auto;padding:0 28px}
.app-nav .ev-logo{color:var(--ink)}
.app-nav .an-links{display:flex;gap:2px;align-items:center}
.app-nav .an-links a{font-family:var(--sans);font-size:13.5px;color:var(--mut);font-weight:400;padding:6px 12px;border-radius:var(--r);transition:color .2s,background .2s}
.app-nav .an-links a:hover{color:var(--ink);background:var(--paper-2)}
.app-nav .an-links a.active{color:var(--green);font-weight:500}
.app-nav .an-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.app-nav .an-ghost{font-family:var(--sans);font-size:13px;color:var(--ink-2);font-weight:400}
.app-nav .an-ghost:hover{color:var(--ink)}
.app-nav .an-cta{font-family:var(--sans);font-size:13px;font-weight:500;color:#fff;background:var(--green);padding:9px 18px;border-radius:var(--r);transition:background .2s}
.app-nav .an-cta:hover{background:var(--green-d)}
@media(max-width:820px){.app-nav .an-links{display:none}}

/* ══════════════════════════════════════════════════════════════════════════
   DARK marketing footer — .site-foot
   ══════════════════════════════════════════════════════════════════════════ */
.site-foot{background:var(--dark);border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.6);padding:56px 0 30px;font-size:14px}
.site-foot .foot-in{max-width:1120px;margin:0 auto;padding:0 48px}
.site-foot .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
.site-foot .foot-logo{display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:14px}
.site-foot .foot-logo .ev-logo-box{width:28px;height:28px}
.site-foot .foot-logo .ev-logo-text{font-size:18px;color:#fff}
.site-foot .foot-tag{max-width:280px;margin:0;color:rgba(255,255,255,.5);font-size:13.5px;line-height:1.7}
.site-foot h4{color:#fff;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}
.site-foot .fcol a{display:block;color:rgba(255,255,255,.5);padding:5px 0;font-size:13.5px;transition:color .2s}
.site-foot .fcol a:hover{color:#fff}
.site-foot .foot-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:rgba(255,255,255,.4)}
@media(max-width:720px){.site-foot .foot-grid{grid-template-columns:1fr 1fr;gap:26px}}