/* Resource bar chip style (doubled size) */
.res-chip {
  display: inline-flex;
  align-items: center;
  font-size: 1.4em;
  font-weight: 600;
  margin: 0 0.125em 0 0;
  padding: 0.06em 0.25em;
  background: #181e29;
  border-radius: 0.6em;
  min-width: 1.25em;
  min-height: 1.4em;
  box-shadow: 0 2px 8px #0004;
  color: #fff;
}
:root{
  --bg:#070b12;          /* dark blue-black page bg */
  --panel:#1b1f26;       /* dark grey panels/cards */
  --panel-2:#161a20;     /* slightly darker */
  --border:#2c3440;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --link:#93c5fd;
}

body{
  margin:0;
  font-family:Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}

a{color:var(--link);text-decoration:none}

.center-card{
  max-width:640px;
  margin:10vh auto;
  padding:20px;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:10px;
}