/* Use the border box sizing, 
        where sizing properties 
            set the dimensions of the element’s border box, 
                which includes padding and borders. */

*,
::before,
::after {
    box-sizing : border-box;
    margin     : 0;
}

@media print {
    @page {
        size: A4 portrait;
        margin: .5cm;
    }
    /*
      a::after {
        content: " (" attr(href) ")";
      }
    */
    main div {
        page-break-after: always;
    }
    table.schedule-external {
        transform: scale(.95);
        transform-origin: 50% 0%; 
    }
}

body {
    --background-color: beige;
    --hover-background-color: rgb( 200, 200, 200 );
    --border-color: brown;
    --border-thickness: .2em;
    --table-color: black;
    --table-thickness: .1em;
    font-family: arial, sans-serif;
    padding: 0;
    margin: 0;
}

p {
    font-weight: normal;
    text-align: justify;
    margin-top: 1em;
    margin-bottom: 1em;
}

a:link {
    text-decoration: underline;
    color: blue;
}

/*
 * a:visited {
    text-decoration: underline;
    color: blue;
}
a:active {
    text-decoration: underline;
    color: yellow;
}
*/

a:hover {
    background-color: var(--hover-background-color);
}

li {
    padding: .2em;
}