/* Bridge the shared article component to Lighthouse's customer theme. */
.codriver-page {
    --primary: var(--color-primary);
    --primary-foreground: #fff;
    --foreground: #0f172a;
    --background: #fff;
    --muted: #f8fafc;
    --border: #e2e8f0;
    --border: color-mix(in srgb, var(--color-primary) 18%, #fff);
}

.codriver-page .codriver-card,
.codriver-page .codriver-block,
.codriver-page .codriver-empty {
    border-radius: .5rem;
}

.codriver-page .codriver-card {
    border-top: 3px solid var(--color-primary);
    box-shadow: 0 2px 6px rgb(15 23 42 / 4%);
}

.codriver-page .codriver-card h2 a,
.codriver-page .codriver-block h2,
.codriver-page .codriver-block h3 {
    color: var(--color-primary);
}

.codriver-page a:hover {
    color: var(--color-primary-dark);
}

.codriver-page .codriver-cta a:hover {
    background: var(--color-primary-dark);
    color: var(--primary-foreground);
}

.codriver-page a:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
}

.codriver-page .codriver-block ul {
    list-style-type: disc;
}

.codriver-page .codriver-block ol {
    list-style-type: decimal;
}

.codriver-page .codriver-block li::marker {
    color: var(--color-primary);
}