/* ============================================================================
   AI Law Radar — embeddable widget styles (served inside a cross-origin iframe
   at /widget). Self-contained: the widget does NOT load app.css. System fonts
   only (no webfont fetch) so it renders instantly anywhere. Adapts to the host
   page's colour scheme via prefers-color-scheme. No JS, no inline styles
   (CSP: style-src 'self').
   ========================================================================== */
:root{
  --e-bg:#F7F4ED; --e-card:#FFFDF8; --e-ink:#1A1714; --e-muted:#5C544B;
  --e-rule:#DAD2C4; --e-accent:#9A1B1B; --e-live:#1B5E4B;
  --e-serif:Georgia,'Times New Roman',serif;
  --e-mono:'Courier New',ui-monospace,monospace;
  --e-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{
    --e-bg:#16130F; --e-card:#1E1A15; --e-ink:#F2ECE0; --e-muted:#A99E8C;
    --e-rule:#3A332A; --e-accent:#E0726B; --e-live:#6FBF9B;
  }
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:transparent}
.embed-body{padding:0;background:transparent;font-family:var(--e-sans);-webkit-font-smoothing:antialiased}

.embed-card{
  display:block; text-decoration:none; color:var(--e-ink);
  background:var(--e-card); border:1px solid var(--e-rule); border-radius:8px;
  padding:16px 18px 14px; max-width:100%;
  box-shadow:0 1px 0 var(--e-rule);
  transition:border-color .15s ease, transform .15s ease;
}
.embed-card:hover{border-color:var(--e-accent); transform:translateY(-1px)}
.embed-card:focus-visible{outline:2px solid var(--e-accent); outline-offset:2px}

.embed-head{display:flex; align-items:center; justify-content:space-between; gap:8px;
  border-bottom:1px solid var(--e-rule); padding-bottom:9px}
.embed-brand{font-family:var(--e-mono); font-size:12.5px; font-weight:700; letter-spacing:2px;
  color:var(--e-accent)}
.embed-live{font-family:var(--e-mono); font-size:10px; text-transform:uppercase; letter-spacing:1px;
  color:var(--e-live); display:inline-flex; align-items:center; gap:5px}
.embed-live .dot{width:7px; height:7px; border-radius:50%; background:var(--e-live); display:inline-block}

.embed-stat{display:flex; align-items:baseline; gap:11px; margin:13px 0 0}
.embed-num{font-family:var(--e-serif); font-size:46px; font-weight:700; line-height:1; color:var(--e-accent);
  letter-spacing:-1px}
.embed-label{font-family:var(--e-sans); font-size:12.5px; line-height:1.32; color:var(--e-muted)}

.embed-soon{font-family:var(--e-sans); font-size:12.5px; color:var(--e-ink); margin:11px 0 0}
.embed-soon b{color:var(--e-accent); font-weight:700}

.embed-list{list-style:none; margin:11px 0 0; padding:11px 0 0; border-top:1px solid var(--e-rule);
  display:flex; flex-direction:column; gap:7px}
.embed-list li{display:grid; grid-template-columns:auto auto 1fr; align-items:baseline; gap:8px;
  font-size:12px; min-width:0}
.embed-list .ed{font-family:var(--e-mono); font-size:11px; color:var(--e-ink); white-space:nowrap}
.embed-list .ej{font-family:var(--e-mono); font-size:9.5px; text-transform:uppercase; letter-spacing:.5px;
  color:var(--e-muted); white-space:nowrap}
.embed-list .et{font-family:var(--e-sans); color:var(--e-muted); overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap}

.embed-foot{display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin:13px 0 0; padding-top:10px; border-top:1px solid var(--e-rule);
  font-family:var(--e-sans); font-size:12px; color:var(--e-accent); font-weight:600}
.embed-asof{color:var(--e-muted); font-weight:400; font-size:10px}