/* 1. Force everything to fill the iPhone screen */
* {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. The "Structure Hammer": Breaks old 20-year-old centering/narrow tables */
table, tbody, tr, td, div, center, blockquote {
    display: block !important; 
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;      /* Removes those "Boxes" */
    margin: 0 !important;
    padding: 10px 5% !important;  /* 5% side padding for comfortable reading */
}

/* 3. The "Literary" Look: Font and Spacing */
body {
    background-color: #fcfaf2 !important; /* Soft parchment color */
    font-family: "SimSun", "STSong", "Songti SC", serif !important;
    font-size: 24px !important; /* Adjust to 22px if 20 chars/line is too tight */
    line-height: 1.8 !important;
    color: #333 !important;
    text-align: left !important; /* Ensures poems don't get squashed in the center */
}

/* 4. Force legacy tags to inherit the fix */
font, p, span, a {
    font-size: inherit !important;
    line-height: inherit !important;
}