/* ClearMarkdown — site styles.
 *
 * Extracted from an inline <style> in index.html (SEC-007) so the Content-
 * Security-Policy can drop 'unsafe-inline' from style-src. Inline styles and
 * injected styles are indistinguishable to a browser, so as long as the policy
 * permits inline CSS it also permits anything an injection manages to place in
 * the document — which is most of what a CSP is meant to stop.
 *
 * Keep this file linked, not inlined. Re-inlining it silently re-opens the hole
 * because the page keeps rendering exactly the same.
 */

:root {
  --bg: #f6f7f9; --panel: #fff; --fg: #14161a; --muted: #5b6270;
  --line: #e3e6ea; --accent: #3450c7;
}
@media (prefers-color-scheme: dark) {
  :root { --bg:#0f1115; --panel:#171a21; --fg:#eef1f6; --muted:#9aa4b5;
          --line:#262b35; --accent:#7f97ff; }
}
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  padding: 2rem 1.25rem; background: var(--bg); color: var(--fg);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}
.card {
  width: 100%; max-width: 34rem; background: var(--panel);
  border: 1px solid var(--line); border-radius: 18px;
  padding: 2.5rem 2rem; text-align: center;
}
.icon { width: 96px; height: 96px; margin-bottom: 1.25rem; }
h1 { margin: 0 0 .35rem; font-size: 1.9rem; letter-spacing: -.02em; }
.tag { margin: 0 0 1.75rem; color: var(--muted); }
.status {
  display: inline-block; padding: .3rem .75rem; border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent); font-size: .8rem; font-weight: 600;
}
dl { margin: 2rem 0 0; text-align: left; font-size: .9rem; }
dt { color: var(--muted); float: left; clear: left; width: 8rem; }
dd { margin: 0 0 .5rem 8rem; }
footer { margin-top: 2rem; color: var(--muted); font-size: .8rem; }
a { color: var(--accent); }