/* Dashboard container */
.dashboard-content {
  display: grid;
  grid-template-columns: minmax(12rem, auto) minmax(15rem, 1fr); /* left auto, right flexible with min widths */
  grid-auto-rows: min-content;       /* rows grow with content */
  gap: 1rem;                        /* 1rem gap between boxes */
}

.dashboard-content {
    padding-bottom: 1rem;
}

/* Right column wrapper (GitHub + Forgejo) */
.dashboard-git {
  display: grid;
  gap: 1rem;
  grid-auto-rows: min-content;       /* each box grows based on its content */
  min-width: 15rem;                  /* prevent shrinking too much */
}

/* Blog box (left column) */
.dashboard-blog {
  background: #163339;  /* deep teal */
  color: #c9d1d9;       /* light text to match GitHub/Forgejo */
  border-radius: 0.75rem;   /* 12px */
  padding: 1.25rem;         /* 20px */
  box-shadow: 0 0 0.75rem rgba(0,0,0,0.1);
  min-width: 12rem;         /* prevent shrinking too much */
  min-height: 3rem;         /* optional minimum height */
  border: 0.1rem solid rgba(255,255,255,0.1);
}

/* GitHub dark theme box */
.dashboard-github {
  background-color: #0d1117;
  color: #c9d1d9;
  padding: 1.25rem;         /* 20px */
  border-radius: 0.75rem;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0,0.5), 0 0.0625rem 0.125rem rgba(0,0,0,0.3);
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  border: 0.1rem solid rgba(255,255,255,0.05);
}

/* Forgejo box (neutral dark) */
.dashboard-forgejo {
  background: #161b22;
  color: #c9d1d9;
  padding: 1.25rem;
  border-radius: 0.75rem;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0,0.3);
  border: 0.1rem solid rgba(255,255,255,0.05);
}

/* Headings inside boxes */
.dashboard h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #30363d;
  padding-bottom: 0.25rem;
}

/* Links inside GitHub box */
.dashboard-github a {
  color: #58a6ff;
  text-decoration: none;
}

.dashboard-github a:hover {
  text-decoration: underline;
}

/* Paragraphs (events) styling */
.dashboard-github p {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
}

/* Hover effect for events */
.dashboard-github p:hover {
  background-color: #161b22;
  border-radius: 0.375rem; /* 6px */
  padding-left: 0.25rem;  /* 4px */
}

/* Responsive: stack vertically on small screens */
@media (max-width: 50rem) { /* 800px */
  .dashboard-content {
    grid-template-columns: 1fr;
  }
}