/* SPDX-License-Identifier: GPL-3.0-or-later */
/* Copyright (C) 2025 Jibril Sharafi */

.list-key {
    font-weight: bold;
    margin-right: 10px;
}

.list-value {
    font-style: italic;
}

h2 {
    color: #1e83d6;
}

h3 {
    color: #54a2e2;
}

h4 {
    color: #a4aff2;
}

.light-grey-box {
    font-style: italic;
    color: #aaa;
}

/* Mobile-first responsive typography */
@media screen and (max-width: 768px) {
    h1 {
        font-size: 1.8em;
        margin: 0.5em 0;
    }
    
    h2 {
        font-size: 1.5em;
        margin: 0.4em 0;
    }
    
    h3 {
        font-size: 1.3em;
        margin: 0.4em 0;
    }
    
    h4 {
        font-size: 1.1em;
        margin: 0.3em 0;
    }
    
    p {
        font-size: 0.9em;
        line-height: 1.4;
        margin: 0.5em 0;
    }
    
    .list-key {
        font-size: 0.9em;
        margin-right: 8px;
        display: inline-block;
        min-width: 100px;
    }
    
    .list-value {
        font-size: 0.9em;
    }
    
    .light-grey-box {
        font-size: 0.85em;
    }
}

@media screen and (max-width: 480px) {
    h1 {
        font-size: 1.6em;
    }
    
    h2 {
        font-size: 1.3em;
    }
    
    h3 {
        font-size: 1.2em;
    }
    
    h4 {
        font-size: 1.0em;
    }
    
    p {
        font-size: 0.85em;
        line-height: 1.3;
    }
    
    .list-key {
        font-size: 0.85em;
        margin-right: 6px;
        min-width: 80px;
    }
    
    .list-value {
        font-size: 0.85em;
    }
    
    .light-grey-box {
        font-size: 0.8em;
    }
}