/* Center images with the "center" class */
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Resize header logo */
.md-header__button.md-logo img {
  height: 2.2rem;   /* default ≈ 1.5rem */
  width: auto;
}

/* Optional: figure captions */
.figcaption {
  text-align: center;
  font-style: italic;
  margin-top: 0.5rem;
  color: var(--md-default-fg-color--lighter);
}

/* Paragraph justification across the docs */
.md-typeset p {
  text-align: justify;
}

/* (Optional) nicer justified text with hyphenation */
.md-typeset {
  hyphens: auto;
}

/* Landing page grid */
.home-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:1rem;
  margin-top:1rem;
}

.home-card{
  grid-column:span 12;
  display:block;
  padding:0.75rem 1.0rem;
  border-radius:0.9rem;
  border:1px solid var(--md-default-fg-color--lightest);
  background:var(--md-default-bg-color);
  text-decoration:none !important;
  transition:transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

@media (min-width:900px){ .home-card{ grid-column:span 6; } }
@media (min-width:1200px){ .home-card{ grid-column:span 4; } }

.home-card:hover{
  transform: translateY(-2px);
  border-color: var(--md-primary-fg-color--light);
  background-color: color-mix(
    in srgb,
    var(--md-primary-fg-color) 4%,
    var(--md-default-bg-color)
  );
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

.home-card-title{
  font-weight:700;
  font-size:1.05rem;
  margin:0 0 0.25rem 0;
  color:var(--md-primary-fg-color--light);
}

.home-card-desc{
  color:var(--md-default-fg-color--light);
  line-height:1.35;
}

.home-card-list{
  color:var(--md-default-fg-color--light);
}

.home-card-list span{
  border-bottom:1px dashed var(--md-default-fg-color--lightest);
}