/* Developer resource page refinements layered on the shared company system. */

.developers-page .cov2-cards h3 a,
.developers-page .cov2-cards h3 a:visited {
    color: var(--co-ink);
    text-decoration: underline;
    text-decoration-color: rgba(101, 125, 0, .45);
    text-underline-offset: 4px;
}

.developers-page .cov2-cards h3 a:hover {
    color: var(--co-green);
    text-decoration-color: currentColor;
}

.developers-page code {
    padding: .15em .4em;
    border: 1px solid var(--co-line);
    border-radius: 3px;
    background: rgba(36, 38, 35, .05);
    font-size: .9em;
    overflow-wrap: anywhere;
}

@media (max-width: 800px) {
    .developers-page .cov2-hero {
        padding: 88px 0 62px;
    }
}

@media (max-width: 560px) {
    .developers-page .cov2-hero {
        padding: 58px 0 54px;
    }

    .developers-page .cov2-hero h1 {
        max-width: 320px;
        font-size: 30px;
        line-height: 1.08;
        letter-spacing: -.045em;
    }

    .developers-page .cov2-hero__intro {
        margin-top: 20px;
        font-size: 15px;
        line-height: 1.6;
    }

    .developers-page .cov2-section {
        padding: 56px 0;
    }

    .developers-page .cov2-head {
        margin-bottom: 30px;
    }

    .developers-page .cov2-kicker {
        margin-bottom: 16px;
        font-size: 9px;
        letter-spacing: .1em;
    }

    .developers-page .cov2-head h2 {
        font-size: 27px;
        line-height: 1.08;
    }

    .developers-page .cov2-head > p:last-child {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.6;
    }

    .developers-page .cov2-cards article {
        padding: 20px;
    }

    .developers-page .cov2-cards h3 {
        max-width: none;
        margin: 18px 0 9px;
        font-size: 18px;
    }

    .developers-page .cov2-cards p {
        font-size: 13px;
        line-height: 1.55;
    }

    .developers-page .cov2-cta {
        padding: 58px 0;
    }

    .developers-page .cov2-cta h2 {
        font-size: 31px;
        line-height: 1.06;
    }

    .developers-page .cov2-cta > .container > p {
        margin-top: 18px;
        font-size: 14px;
    }

    .developers-page .cov2-actions {
        gap: 12px;
        margin-top: 28px;
    }
}