/* Intune Admin Handbook - small additions on top of the Zensical modern theme */

/* Brand colors (used for links, buttons and highlights) */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: #1e5aa8;
  --md-primary-fg-color--light: #4a80c4;
  --md-primary-fg-color--dark: #164581;
  --md-typeset-a-color: #1e5aa8;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: #0b8a8f;
  --md-accent-fg-color--transparent: #0b8a8f1a;
}

[data-md-color-scheme="slate"][data-md-color-primary="custom"] {
  --md-primary-fg-color: #5b9cf0;
  --md-primary-fg-color--light: #82b4f4;
  --md-primary-fg-color--dark: #3f84df;
  --md-typeset-a-color: #7db0f3;
}

[data-md-color-scheme="slate"][data-md-color-accent="custom"] {
  --md-accent-fg-color: #3cc6cb;
  --md-accent-fg-color--transparent: #3cc6cb1a;
}

/* Home page hero */
.hb-hero {
  padding: 1.6rem 0 0.8rem;
}

.hb-hero h1 {
  margin-bottom: 0.4rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--md-default-fg-color);
}

.hb-hero .hb-lede {
  max-width: 40rem;
  font-size: 1.05rem;
  color: var(--md-default-fg-color--light);
}

.hb-hero .md-button {
  margin: 0.3rem 0.4rem 0.3rem 0;
}

/* Compact "key facts" strip under the hero */
.hb-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.6rem;
  margin: 1.2rem 0 0.4rem;
}

.hb-facts > div {
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
}

.hb-facts strong {
  display: block;
  font-size: 1.05rem;
  color: var(--md-primary-fg-color);
}

.hb-facts span {
  font-size: 0.72rem;
  color: var(--md-default-fg-color--light);
}

/* Portal paths such as "Devices > Enrollment" */
.md-typeset .portal-path {
  font-weight: 600;
}

/* Keep wide reference tables readable */
.md-typeset table:not([class]) {
  font-size: 0.72rem;
}

.md-typeset table:not([class]) td {
  vertical-align: top;
}