/* Fluid sizing: scales with the browser's viewport width instead of
   staying pixel-fixed. The "preferred" value is tuned so a 1920px-wide
   window matches the original fixed sizes (1.25rem body / 3rem h1 /
   700px column), and it scales up from there on wider screens. */

body {
    color: #000;
    background: #fff;
    font-family: "Times New Roman", Times, serif;
    line-height: 1.5;
    margin: 40px auto;
    padding: 0 20px;
    max-width: clamp(700px, 36.5vw, 1400px);
    font-size: clamp(1.1rem, 1.05vw, 2.5rem);
}

h1 {
    font-size: clamp(2rem, 2.5vw, 6rem);
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.25rem;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    margin-top: 0;
}

img {
    display: block;
    max-width: 100%;
    margin: 1.5rem auto 0;
}