body {
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;          /* Good starting point */
    line-height: 1.55;        /* Slightly more open for readability */
    color: #111;
    background-color: #fff;   /* or #fdfdf5 / #f8f5e6 for subtle paper feel */
}

article, .newspaper-body {
    /* Full width but with comfortable side gutters */
    padding: 2.5rem 2rem;     /* Top/bottom more generous; sides 2rem (~32px) minimum */
    
    /* OR use this for even better scaling on wide screens: */
    /* padding: 3rem 5vw; */  /* 5vw = 5% of viewport width → grows/shrinks nicely */

    max-width: 75rem;         /* ~1200px — common readable max for long text */
    margin: 0 auto;           /* Centers the block if screen > max-width */
    
    box-sizing: border-box;
    text-align: justify;
    hyphens: auto;            /* Helps with justification breaks */
}

/* Make side padding responsive – more on mobile, less cramped */
@media (max-width: 768px) {
    article, .newspaper-body {
        padding: 1.8rem 1.2rem;  /* Smaller on phones but still not edge-hugging */
    }
}

/* Optional drop cap – only if first paragraph has no preceding elements */
.newspaper-body > p:first-of-type::first-letter {
    font-size: 3.8em;
    float: left;
    margin: 0 0.15em 0 0;
    line-height: 0.75;
    font-weight: bold;
    color: #000;              /* Or a subtle accent color */
}