/* ==========================================================
   PAGE
========================================================== */

.cv{

    width:min(
        var(--container-width),
        calc(100% - (var(--space-6) * 2))
    );

    margin:var(--page-margin) auto;

}

/* ==========================================================
   MAIN
========================================================== */

main{

    display:flex;

    flex-direction:column;

    gap:var(--section-gap);

}

/* ==========================================================
   SECTION
========================================================== */

section{

    width:100%;

}

/* ==========================================================
   CARD
========================================================== */

.card{

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:var(--radius-lg);

    padding:var(--space-8);

    box-shadow:var(--shadow-sm);

    overflow:hidden;

}