/* Intro shared with the board catalogue; content cards shared with home #more. */
/* Match the home page's “Small boards. Insane features.” heading. */
.develop-page .v6-intro h1 {
    font-family: Poppins, Arial, sans-serif;
    font-size: clamp(30px, 2.7vw, 42px);
    font-weight: 600;
    line-height: 1.13;
    letter-spacing: -.04em;
    color: #171b20;
}
@media (max-width: 700px) {
    .develop-page .v6-intro h1 { font-size: 32px; line-height: 1.12; }
}
.develop-page .v6-intro .sd-intro-row { margin-bottom: 0; }
.develop-page .v6-intro .v6-lead { margin-bottom: 0; }
.develop-page .resource-intro { max-width: 940px; margin: 0 0 22px; }
.develop-page .platform-micropython img { filter: brightness(0); }
.develop-page .site:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }

/* Restore the logo dimensions and alignment used before the card redesign. */
.develop-page :is(#languages-platforms, #deployable-projects) .site .logo-tile {
    height: 50px;
    padding: 0;
    justify-content: flex-start;
}
.develop-page .resource-section .site .logo-tile img {
    display: block;
    width: 150px;
    height: 50px;
    max-width: 100%;
    max-height: 50px;
    object-fit: contain;
    object-position: left center;
}

/* No hover arrow on the Develop tiles. */
.develop-page a.surface.site::after { content: none; }