/**
 * Editor dashboard.
 *
 * The page an editor lands on after logging in. Its job is to answer "what can
 * I do here?" without them having to know Drupal's admin paths, so the tasks
 * are grouped by what someone is trying to achieve rather than by which content
 * type or admin screen happens to be involved.
 */

.intbir-ed {
  font-family: 'Source Sans 3', system-ui, Arial, sans-serif;
}

.intbir-ed__intro {
  border-left: 3px solid var(--intbir-crimson, #a00000);
  padding: 2px 0 2px 18px;
  margin: 0 0 34px;
  max-width: 62ch;
}

.intbir-ed__intro p {
  font-family: 'Source Sans 3', system-ui, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  color: var(--intbir-ink-muted, #4a4746);
  margin: 0;
  max-width: none;
}

/* ---- Sections ---- */

.intbir-ed__section { margin: 0 0 38px; }

.intbir-ed__section > h2 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--intbir-meta, #615c58);
  margin: 0 0 4px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--intbir-hairline, #efebe8);
}

.intbir-ed__note {
  font-size: 15px;
  color: var(--intbir-meta, #615c58);
  margin: 10px 0 16px;
  max-width: 68ch;
}

/* ---- Task cards ----
   Auto-fit rather than a fixed column count, so a row of three and a row of
   two both fill the width instead of leaving a gap where a card is missing. */

.intbir-ed__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.intbir-ed__card {
  display: block;
  padding: 18px 20px 20px;
  background: var(--intbir-surface, #fff);
  border: 1px solid var(--intbir-border, #e3dfdc);
  text-decoration: none;
  color: inherit;
  transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}

.intbir-ed__card:hover,
.intbir-ed__card:focus-visible {
  border-color: var(--intbir-crimson, #a00000);
  box-shadow: 0 2px 14px rgba(64, 64, 64, 0.09);
  text-decoration: none;
  transform: translateY(-1px);
}

.intbir-ed__card h3 {
  font-size: 17px;
  font-weight: 600;
  color: var(--intbir-crimson, #a00000);
  margin: 0 0 6px;
  line-height: 1.3;
}

.intbir-ed__card p {
  font-family: 'Source Sans 3', system-ui, Arial, sans-serif;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--intbir-ink-muted, #4a4746);
  margin: 0;
  max-width: none;
}

/* The arrow is decorative; the whole card is the link, so it needs no text. */
.intbir-ed__card h3:after {
  content: " \2192";
  color: var(--intbir-crimson, #a00000);
}

/* ---- Compact link rows, for secondary destinations ---- */

.intbir-ed__links {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 2px 26px;
}

.intbir-ed__links li { margin: 0; }

.intbir-ed__links a {
  display: block;
  padding: 8px 0;
  font-size: 15.5px;
  border-bottom: 1px solid var(--intbir-hairline, #efebe8);
}

/* ---- Help panel ---- */

.intbir-ed__help {
  background: var(--intbir-surface-tint, #faf8f6);
  border: 1px solid var(--intbir-border, #e3dfdc);
  padding: 20px 24px;
  margin: 8px 0 34px;
}

.intbir-ed__help h2 {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--intbir-ink, #1f1f1f);
  border: 0;
  padding: 0;
  text-transform: none;
  letter-spacing: 0;
}

.intbir-ed__help p,
.intbir-ed__help li {
  font-family: 'Source Sans 3', system-ui, Arial, sans-serif;
  font-size: 15.5px;
  line-height: 1.55;
  color: var(--intbir-ink-muted, #4a4746);
  max-width: none;
}

.intbir-ed__help ul { margin: 8px 0 0; padding-left: 20px; }
.intbir-ed__help li { margin-bottom: 5px; }

@media (max-width: 640px) {
  .intbir-ed__grid { grid-template-columns: 1fr; }
  .intbir-ed__links { grid-template-columns: 1fr; }
}