:root, [data-md-color-scheme="default"] {
  --md-primary-fg-color: #177EDE;
  --md-primary-fg-color--light: #4C9BE6;
  --md-primary-fg-color--dark: #0F5FAE;
  --md-accent-fg-color: #0F5FAE;
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #177EDE;
  --md-accent-fg-color: #6CB2F2;
}
/* logo na białym tle w nagłówku */
.md-header__button.md-logo { background: #fff; border-radius: 6px; padding: 4px 6px; margin: 6px 4px; }
.md-header__button.md-logo img { height: 1.6rem; width: auto; }

/* kafelki urządzeń */
.grid-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1rem 0 1.5rem; }
.grid-cards .card { border: 1px solid var(--md-default-fg-color--lightest); border-radius: 10px; padding: 1rem 1.1rem; }
.grid-cards .card h3 { margin: .2rem 0 .4rem; }
.grid-cards .card p { margin: .2rem 0; font-size: .72rem; }
.grid-cards .card.soon { opacity: .55; }
.grid-cards .card img { width: 100%; height: 110px; object-fit: contain; background: #fff; border-radius: 6px; }

/* schematy */
.schemat { background: #fff; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 8px; padding: .6rem; margin: 1rem 0; }
.schemat svg, .schemat img { width: 100%; height: auto; display: block; }
.md-typeset .hero-img { max-width: 420px; display: block; margin: 0 auto 1rem; }