body {
    width: 100%;
    margin: 0;

    div#main, div#knowledge {
        margin: 8pt;
        padding: 8pt;
    }
}

div#identity {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 8pt;
    padding: 8pt;

    div#photo-frame {
        grid-column: 1;
        img {
            max-width: 130pt;
            max-height: 130pt;
            margin: auto;
        }
    }

    div#cv-title {
        grid-column: 2;
        h1 {
            margin-bottom: 0;
        }
        p.subtitle {
            margin: 0;
        }
    }

    div#contact-and-qrcode {
        grid-column: 3;
        div#qrcode {
            display: none;
        }
        table {
            th {
            }
            margin-left: auto;
            margin-right: 4pt;
            tr.extra-details {
            }
        }
    }
}


/* Categories */
div#categories {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 4pt;

    div {
        h3 {
            border-bottom: 1pt solid;
            text-align: center;
        }
    }
}

/* Jobs */
div.job {
    h1 {
        span.job-start {
        }
        span.job-end {
            &:before {
                content: "– "
            }
        }
        span.job-company {
            &:before {
                content: ": "
            }
        }
    }
}

/* C.V. version when displayed */
div#choose-versions {

    details {

        summary {
            margin-top: 0.5em;
        }

        ul.dropdown {
            margin-top:2pt;
            li {
                display: inline-block;
                margin: auto 2pt;
                span {
                    display: none;
                }
            }
        }
    }
}