Organization card: inline the styles

index.html

@@ -4,7 +4,17 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>MemPABench</title>
-<link rel="stylesheet" href="style.css">
+<style>
+body { margin: 0; padding: 1rem; font-family: -apple-system, "Source Sans Pro", "Segoe UI", sans-serif; color: #1f2340; background: transparent; }
+.card { max-width: 760px; margin: 0 auto; }
+.card img { width: 100%; height: auto; border-radius: 12px; display: block; }
+p { font-size: 15px; line-height: 1.55; margin: 1rem 0; }
+table { border-collapse: collapse; font-size: 14px; }
+td { padding: 0.3rem 1rem 0.3rem 0; vertical-align: top; }
+td:first-child { color: #6b6f80; white-space: nowrap; }
+a { color: #1f2340; text-decoration: underline; text-decoration-color: #c9b8b0; text-underline-offset: 2px; }
+@media (prefers-color-scheme: dark) { body { color: #e8e6f0; } td:first-child { color: #a9aabb; } a { color: #e8e6f0; } }
+</style>
 </head>
 <body>
 <div class="card">