:root {
        color-scheme: dark;
        --bg-page: #121212;
        --bg-card: #151518;
        --border-color: #202025;
        --text-primary: #f0f0f3;
        --text-secondary: #b0b0b6;
        --jbs-blue-soft: #4aa6dd;
        --font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    * {
        box-sizing: border-box;
    }

    body {
        background: var(--bg-page);
        color: var(--text-primary);
        font-family: var(--font-main);
        line-height: 1.6;
        margin: 0;
        padding: 48px 20px 80px;
    }

    main {
        margin: 0 auto;
        max-width: 720px;
    }

    h1 {
        font-size: 28px;
        margin-bottom: 4px;
    }

    h2 {
        border-top: 1px solid var(--border-color);
        font-size: 20px;
        margin-top: 40px;
        padding-top: 24px;
    }

    p,
    li {
        color: var(--text-secondary);
    }

    a {
        color: var(--jbs-blue-soft);
    }

    .updated {
        color: var(--text-secondary);
        font-size: 13px;
        margin-top: 0;
    }

    .back {
        display: inline-block;
        margin-bottom: 32px;
    }

    table {
        border-collapse: collapse;
        margin-top: 12px;
        width: 100%;
    }

    th,
    td {
        border-bottom: 1px solid var(--border-color);
        padding: 8px 10px;
        text-align: left;
    }

    th {
        color: var(--text-primary);
        font-size: 14px;
    }

    td {
        color: var(--text-secondary);
        font-size: 14px;
    }


    @media (prefers-color-scheme: light) {
        :root {
            color-scheme: light;
            --bg-page: #f7f8fa;
            --bg-card: #ffffff;
            --border-color: #d7dde6;
            --text-primary: #1f2937;
            --text-secondary: #5b6472;
            --jbs-blue-soft: #176b9b;
        }
    }