html, body {
}
body {
    font-family: 'Courier New', Courier, monospace;
    font-size: 16px;
    margin: 16px;
    padding-bottom: 60px; /* Prevent content overlap with fixed footer */
    position: relative;
}
main {
    max-width: 80ch;
    margin-left: 1; /* Indent all content in main */
    margin-right: auto;
    text-align: left;
}
p {
    max-width: 80ch;
    word-wrap: break-word;
    text-align: left;
}
blockquote {
    max-width: 80ch;
    word-wrap: break-word;
    text-align: left;
    border-left: 4px solid #000;
    padding-left: 1em;
}
footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw; /* Full viewport width */
    background-color: #fff; /* Ensure footer is visible over background */
}
footer p {
    max-width: 80ch;
    text-align: left;
    margin: 1em 0 1em 1em; /* Keep footer text indented */
    margin-right: auto;
}
ul {
    max-width: 80ch;
    text-align: left;
    list-style-type: disc;
    padding-left: 2em;
}