/* Repoview — critical CSS for pre-Tailwind-CDN-load (prevents FOUC) */
body {
    font-family: system-ui, -apple-system, sans-serif;
    background-color: #f8fafc; /* slate-50 */
    color: #0f172a;
    margin: 0;
    padding: 0;
}

/* Header baseline before Tailwind loads */
header {
    background-color: #0f172a; /* slate-900 */
    color: #fff;
}

/* Basic layout before Tailwind loads */
main {
    max-width: 64rem;
    margin: 0 auto;
    padding: 2rem 1rem;
}

a {
    color: #4f46e5; /* indigo-600 */
    text-decoration: none;
}

a:hover {
    color: #4338ca; /* indigo-700 */
}

/* Copy button transition */
.copy-btn {
    transition: all 0.15s ease;
}

/* Print stylesheet */
@media print {
    header, footer, nav, .copy-btn {
        display: none !important;
    }

    main {
        max-width: 100%;
        padding: 0;
    }

    body {
        font-size: 12pt;
        color: #000;
    }

    a {
        color: #000;
    }

    a[href]::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #666;
    }

    pre {
        white-space: pre-wrap;
        border: 1px solid #ccc;
        padding: 0.5em;
    }
}