:root { --md-primary-fg-color: #63518c; }
.md-typeset h1 { color: var(--md-default-fg-color); font-weight: 650; }
.md-typeset .board-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.md-typeset .board-card { display: block; border: 1px solid var(--md-default-fg-color--lightest); border-radius: .65rem; padding: 1rem 1.2rem; color: inherit; }
.md-typeset .board-card:hover { border-color: var(--md-accent-fg-color); }
.md-typeset .board-card strong { display: block; font-size: 1.05rem; margin-bottom: .4rem; }
.md-typeset .board-card img { display: block; height: 170px; width: 100%; object-fit: contain; margin-bottom: .8rem; }
.md-typeset .board-previews { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.md-typeset .board-previews img { width: 100%; height: 340px; object-fit: contain; }
.md-typeset .snapshot { color: var(--md-default-fg-color--light); font-size: .8rem; }
@media (max-width: 600px) { .md-typeset .board-previews { grid-template-columns: 1fr; } }