body {
   max-width: 100%;
}

header div.title h1 {
    font-size: 24pt;
}

header div.meta {
    display: flex;
    flex-flow: row wrap;
    font-size: 10pt;
}

footer {
    padding: 2px 15px;
    font-size: 9pt;
    column-gap: 2ch;
}

main {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px;
    grid-template-columns: 1fr;
    grid-template-areas:
        "first"
        "second"
        "adspace"
        "fourth"
        "third"
        "fifth"
        "sixth"
        "seventh";
}

article:first-child section {
    columns: 1;
}

article:nth-child(3) {
    display: flex;
    flex-direction: column;
}

article:nth-child(3) h2 {
    order: 2;
}

article:nth-child(3) figure {
    order: 1;
}

article:nth-child(3) section {
    order: 3;
}